@charset "UTF-8";
:root {
  --machbar-orange: rgb(227, 0, 15);
  --machbar-orange-hover: #E33B40;
  --machbar-orange-pressed: #C41C22;
  --machbar-white-hover: #FCE9EA;
  --machbar-white-pressed: #F9D3D5;
  --machbar-black: #000000;
  --machbar-blue: #fce9ea;
  --machbar-grey: #f2f6f7;
  --bs-primary-rgb: 227, 0, 15 !important;
  --bs-secondary-rgb: 252, 233, 234 !important;
  --bs-tertiary-rgb: 242, 246, 247 !important;
  --bs-quaternary-rgb: 233, 196, 106 !important;
  --machbar-h1-s: 42px;
  --machbar-h1-l: 52px;
  --machbar-h2-s: 30px;
  --machbar-h2-l: 38px;
  --machbar-h3-s: 22px;
  --machbar-h3-l: 1.2;
  --machbar-h4-s: 22px;
  --machbar-h4-l: 1.2;
  --masonry-gutter: 20px;
  --bs-info: #5FC4E2 !important;
  --bs-info-rgb: 95, 196, 226 !important;
  --bs-border-radius: 0 !important;
  --swiper-pagination-bullet-width: 150px;
  --swiper-pagination-bullet-height: 40px;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-active-color: #fff;
  --swiper-pagination-bullet-active-opacity: 0.6;
  --swiper-pagination-color: #fff;
}

@media (min-width: 768px) {
  :root {
    --machbar-h1-s: 55px;
    --machbar-h1-l: 1.2;
    --machbar-h2-s: 39px;
    --machbar-h2-l: 1.2;
    --machbar-h3-s: 28px;
    --machbar-h3-l: 1.5;
    --machbar-h4-s: 24px;
    --machbar-h4-l: 1.2;
    --masonry-gutter: 40px;
  }
}
@media (min-width: 992px) {
  :root {
    --machbar-h1-s: 68px;
    --machbar-h2-s: 48px;
  }
}
/* open-sans-300 - latin */
@font-face {
  font-display: swap;
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 300;
  src: url("../Fonts/open-sans-v43-latin-300.woff2") format("woff2");
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap;
  font-family: "OpenSans";
  font-style: italic;
  font-weight: 300;
  src: url("../Fonts/open-sans-v43-latin-300italic.woff2") format("woff2");
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/open-sans-v43-latin-regular.woff2") format("woff2");
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap;
  font-family: "OpenSans";
  font-style: italic;
  font-weight: 400;
  src: url("../Fonts/open-sans-v43-latin-italic.woff2") format("woff2");
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 500;
  src: url("../Fonts/open-sans-v43-latin-500.woff2") format("woff2");
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap;
  font-family: "OpenSans";
  font-style: italic;
  font-weight: 500;
  src: url("../Fonts/open-sans-v43-latin-500italic.woff2") format("woff2");
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap;
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 700;
  src: url("../Fonts/open-sans-v43-latin-600.woff2") format("woff2");
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap;
  font-family: "OpenSans";
  font-style: italic;
  font-weight: 700;
  src: url("../Fonts/open-sans-v43-latin-600italic.woff2") format("woff2");
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 700;
  src: url("../Fonts/open-sans-v43-latin-700.woff2") format("woff2");
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap;
  font-family: "OpenSans";
  font-style: italic;
  font-weight: 700;
  src: url("../Fonts/open-sans-v43-latin-700italic.woff2") format("woff2");
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap;
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 800;
  src: url("../Fonts/open-sans-v43-latin-800.woff2") format("woff2");
}
/* open-sans-800italic - latin */
@font-face {
  font-display: swap;
  font-family: "OpenSans";
  font-style: italic;
  font-weight: 800;
  src: url("../Fonts/open-sans-v43-latin-800italic.woff2") format("woff2");
}
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Univers Next Pro 330 Basic Light by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry

 * Webfont: Univers Next Pro 430 Basic Regular by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry

 * Webfont: Univers Next Pro 630 Basic Bold by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry

 * © 2025 MyFonts Inc. */
@font-face {
  font-family: "UniversNextPro";
  font-style: normal;
  font-weight: 500;
  src: url("../Fonts/UniversNextPro630BasicBold/font-1.woff2") format("woff2"), url("../Fonts/UniversNextPro630BasicBold/font-1.woff") format("woff");
}
@font-face {
  font-family: "UniversNextPro";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/UniversNextPro430BasicRegular/font-1.woff2") format("woff2"), url("../Fonts/UniversNextPro430BasicRegular/font-1.woff") format("woff");
}
@font-face {
  font-family: "UniversNextPro";
  font-style: normal;
  font-weight: 300;
  src: url("../Fonts/UniversNextPro330BasicLight/font-1.woff2") format("woff2"), url("../Fonts/UniversNextPro330BasicLight/font-1.woff") format("woff");
}
:root {
  --bs-font-sans-serif: UniversNextPro;
  --bs-body-font-family: UniversNextPro;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.0;
  --bs-body-p-line-height: 1.5;
  --bs-body-color: var(--machbar-black);
  --bs-body-bg: #fff;
  --bs-tertiary-rgb: 245, 245, 255;
  --frame-spacing-xxl: 80px;
  --frame-spacing-xl: 80px;
  --frame-spacing-lg: 80px;
  --frame-spacing-md: 40px;
  --frame-spacing-sm: 40px;
  --frame-spacing-xs: 40px;
}

#TSFE_ADMIN_PANEL_FORM {
  display: none;
}

body {
  font-family: var(--bs-body-font-family);
}
body p {
  line-height: var(--bs-body-p-line-height);
}

.container-box > .container,
.container-fluid > .container {
  max-width: 1440px !important;
}

.hyphensmanual {
  hyphens: manual;
}

.hyphensoff {
  hyphens: none;
}

#page-content p, #page-content ul, #page-content ol {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 20px;
}
#page-content p:last-child, #page-content ul:last-child, #page-content ol:last-child {
  margin-bottom: 0;
}
#page-content ul {
  list-style-type: disc;
}
#page-content .text-center ul {
  list-style-position: inside;
}

#page-content p .orange-text {
  color: var(--machbar-orange);
}

#page-content p .blue-text {
  color: var(--machbar-blue);
}

#page-content p .black-text {
  color: var(--machbar-black);
}

#page-content p .white-text {
  color: white;
}

#page-content p.hugefont {
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 5px;
}

.gridbgimage {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  #page-content p.bigfont {
    font-size: 22px;
    line-height: 30px;
  }
  .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  .news-single .frame-header {
    max-width: 800px;
  }
  #page-content p, #page-content ul, #page-content ol {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 40px;
  }
  #page-content p.halfmargin, #page-content ul.halfmargin, #page-content ol.halfmargin {
    margin-bottom: 20px;
  }
  #page-content p:last-child, #page-content ul:last-child, #page-content ol:last-child {
    margin-bottom: 0;
  }
}
.bh-height .gallery-item img,
.bh-height .gallery-item picture {
  width: auto;
  height: 100%;
}

strong, b {
  font-weight: 700;
}

.fa-thin,
.fa-regular,
.fa-light {
  font-weight: 300;
  font-family: "Font Awesome 6 Pro";
}

#vorlage {
  position: fixed;
  bottom: -2px;
  right: -2px;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 10px;
  z-index: 1000;
  border-top-left-radius: 8px;
  border: 1px solid var(--machbar-orange);
  color: var(--machbar-orange);
}
#vorlage a {
  text-decoration: none;
  color: var(--machbar-orange);
}
#vorlage:hover a {
  color: var(--machbar-orange);
}

html.nosmooth {
  scroll-behavior: auto !important;
}

.frame-type-text i.fa-regular,
.frame-type-text i.fa-brands {
  margin-right: 2px;
  color: var(--machbar-orange);
}

body:has(.wg-tooltip) .waconcookiemanagement {
  display: none !important;
}

body #mmenu {
  height: 100vh;
}

body .wg-list.country-selector .wgcurrent {
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  color: var(--machbar-orange);
  margin-right: 5px;
}
body .wg-list.country-selector .wgcurrent a {
  pointer-events: none;
}
body .wg-list.country-selector .wgcurrent a:hover {
  color: var(--machbar-orange);
}

body .wg-list.country-selector a {
  text-decoration: none !important;
}
body .wg-list.country-selector a:hover {
  color: #fff;
  text-decoration: none !important;
}

body .mm-menu--position-right-front {
  width: 0;
  overflow: hidden;
}

.mm-btn--close:before {
  font-size: 200%;
}

body .mm-navbars--top .mm-navbar {
  color: #fff !important;
  background: var(--machbar-orange);
}
body .mm-navbars--top .mm-navbar .mm-btn {
  background: var(--machbar-orange);
  color: #fff;
}

body .mm-navbars--bottom {
  border-top: 0;
}
body .mm-navbars--bottom .mm-navbar {
  color: #fff !important;
  background: #ddd;
}

body .mm-navbar .mmenulanguage {
  display: flex;
  width: 100%;
  gap: 5px;
  flex-direction: row;
  justify-content: end;
  list-style-type: none;
  margin: 0;
  margin-right: 20px;
  font-weight: 700;
}
body .mm-navbar .mmenulanguage li.active span {
  color: #fff;
  opacity: 0.5;
}
body .mm-navbar .mmenubottom {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0;
  font-weight: 500;
  padding: 0;
}
body .mm-navbar .mmenubottom a {
  padding: 10px 20px;
  border-radius: 0;
  width: 100%;
  height: 100%;
  color: #000;
}
body .mm-navbar .mmenubottom a.link-button-orange {
  color: #fff;
}

body .mm-menu--opened.mm-menu--position-right-front {
  width: clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size));
}

.news .all-news-link {
  display: flex;
  justify-content: center;
  width: 100%;
}
.news .news-list-view {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: stretch;
}
.news .news-list-view a {
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  color: #000;
  background-color: #fff;
  text-decoration: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.news .news-list-view a .linktext span {
  color: var(--machbar-orange);
  text-decoration: none;
  display: inline-block;
  padding: 0;
  position: relative;
  transition: color 0.3s ease 0s;
}
.news .news-list-view a .linktext span:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  border: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  background: var(--machbar-orange);
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.news .news-list-view a .news-kachel-wrap {
  overflow: hidden;
}
.news .news-list-view a .news-kachel-wrap img {
  transition: transform 0.3s ease 0s;
}
.news .news-list-view a:hover .news-kachel-wrap img {
  transform: scale(1.1);
}
.news .news-list-view a:hover .linktext span:after {
  width: 100%;
  text-decoration: none;
}
.news .news-list-view a:focus .linktext span:after {
  width: 100%;
  text-decoration: none;
}
.news .news-list-view a * {
  color: #000;
}
.news .news-list-view a .category {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
}
.news .news-list-view a .newswrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.news .news-list-view a .newswrapper .news-list-date {
  padding: 20px;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 0;
}
.news .news-list-view a .header > * {
  text-decoration: none;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  max-width: 300px;
}
.news .news-list-view a .linktext {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  padding-right: 16px !important;
  background-image: url('data:image/svg+xml,<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.41572 8.31553L8.70947 9.02178L3.70947 14.0218L3.0001 14.7312L1.58447 13.3155L2.29072 12.6093L6.58447 8.31553L2.29385 4.02178L1.58447 3.31553L3.0001 1.8999L3.70635 2.60615L8.70635 7.60615L9.41572 8.31553Z" fill="%23DF242B"/></svg>');
  background-repeat: no-repeat;
  background-position: right center;
  display: inline-block;
  color: var(--machbar-orange);
  width: fit-content;
}
.news .news-list-view a .news-kachel-wrap {
  width: 100%;
  margin: 0;
  aspect-ratio: 34/23;
  overflow: clip;
}
.news .news-list-view a .news-kachel-wrap img {
  height: auto;
  width: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 34/23;
  transition: all 0.4s ease-in-out;
}
.news .news-list-view a:hover .newswrapper {
  bottom: 0;
}

.news-single p, .news-single .subheadline, .news-single .table-responsive, .news-single .frame-type-text h1, .news-single .frame-type-text h2, .news-single .frame-type-text h3, .news-single .frame-type-text h4, .news-single .frame-type-text h5 {
  max-width: 800px;
}
.news-single .pager {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  margin-top: 40px;
  max-width: 100% !important;
  list-style-type: none;
  padding-left: 0;
}
.news-single .pager li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.news-single .pager li.disabled {
  opacity: 0.25;
  pointer-events: none;
}
.news-single .pager li a {
  margin-top: 2px;
}
.news-single .pager .previous {
  grid-column: 1;
  justify-self: start;
  padding-left: 20px;
  background-image: url('data:image/svg+xml,<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g transform="rotate(180 5 8.5)"><path d="M9.41572 8.31553L8.70947 9.02178L3.70947 14.0218L3.0001 14.7312L1.58447 13.3155L2.29072 12.6093L6.58447 8.31553L2.29385 4.02178L1.58447 3.31553L3.0001 1.8999L3.70635 2.60615L8.70635 7.60615L9.41572 8.31553Z" fill="%23DF242B"/></g></svg>');
  background-repeat: no-repeat;
  background-position: left center;
}
.news-single .pager .news-backlink-wrap {
  grid-column: 2;
  justify-self: center;
  padding-left: 24px;
  background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g transform="rotate(270 8.5 8.5)"><path d="M9.41572 8.31553L8.70947 9.02178L3.70947 14.0218L3.0001 14.7312L1.58447 13.3155L2.29072 12.6093L6.58447 8.31553L2.29385 4.02178L1.58447 3.31553L3.0001 1.8999L3.70635 2.60615L8.70635 7.60615L9.41572 8.31553Z" fill="%23DF242B"/></g></svg>');
  background-repeat: no-repeat;
  background-position: left 2px;
  background-size: 17px 17px;
  align-self: center;
}
.news-single .pager .next {
  grid-column: 3;
  justify-self: end;
  padding-right: 20px;
  background-image: url('data:image/svg+xml,<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.41572 8.31553L8.70947 9.02178L3.70947 14.0218L3.0001 14.7312L1.58447 13.3155L2.29072 12.6093L6.58447 8.31553L2.29385 4.02178L1.58447 3.31553L3.0001 1.8999L3.70635 2.60615L8.70635 7.60615L9.41572 8.31553Z" fill="%23DF242B"/></svg>');
  background-repeat: no-repeat;
  background-position: right center;
  align-self: flex-end;
}
.news-single .pager .next:after {
  content: none !important;
}

.masonry-gutter {
  width: var(--masonry-gutter);
}

.masonry-item {
  margin-bottom: var(--masonry-gutter) !important;
}

.newsmeta time:after {
  content: " | ";
}

.f3-widget-paginator {
  position: relative;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.f3-widget-paginator li {
  list-style-type: none;
  font-weight: 700;
}
.f3-widget-paginator li.previous {
  position: absolute;
  left: 0;
  font-size: 16px;
}
.f3-widget-paginator li.next {
  position: absolute;
  right: 0;
  font-size: 16px;
}
.f3-widget-paginator li.current {
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .news-single .pager {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
    max-width: 100% !important;
    list-style-type: none;
    padding-left: 0;
  }
  .news .news-list-view {
    gap: 40px;
  }
  .news .news-list-view a {
    width: calc(50% - 20px);
  }
  .news .news-list-view a:first-child:last-child {
    width: 100%;
    flex-direction: row;
  }
  .news .news-list-view a:first-child:last-child .news-kachel-wrap img {
    height: 100%;
  }
}
@media (min-width: 992px) {
  .news .news-list-view a {
    width: calc(33.3% - 26.6666666667px);
  }
}
@media (min-width: 12000px) {
  .news-list-view a {
    width: calc(25% - 30px);
  }
}
.news-single .header {
  height: 700px;
}

.news-single .headerslider h1:not(.size-h2, .size-h3, .size-h4), .news-single .headerslider .size-h1 {
  margin-bottom: 0;
}

#page-content .news-single .teasertext p {
  font-weight: 700;
  margin-bottom: 0;
}

.news-list-view .masonry-item {
  margin-bottom: 0 !important;
}

.news-related {
  display: block !important;
  margin-bottom: 40px;
}
.news-related.news-related-links, .news-related.news-related-news {
  border: none !important;
  padding: 0 !important;
}
.news-related.news-related-links ul, .news-related.news-related-news ul {
  padding: 0;
  list-style: none;
}
.news-related.news-related-links ul li, .news-related.news-related-news ul li {
  margin-top: 20px;
  margin-bottom: 20px;
  list-style-type: none;
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 5px;
  flex-direction: column;
  flex-wrap: wrap;
}

.products {
  opacity: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.products .productitem {
  border-radius: 8px;
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  color: #fff;
  aspect-ratio: 2/3;
  overflow: hidden;
}
.products .productitem * {
  color: #fff;
}
.products .productitem .category {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  z-index: 3;
  font-size: 14px;
  line-height: 18px;
}
.products .productitem .category span:after {
  content: " | ";
}
.products .productitem .category span:last-child:after {
  content: "";
}
.products .productitem .productwrapper {
  max-width: 360px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  transition: bottom 0.4s ease-in-out;
}
.products .productitem .header {
  padding-left: 20px;
  padding-right: 20px;
}
.products .productitem .header > * {
  display: block;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin: 0;
  max-width: 300px;
}
.products .productitem .header .subheadline {
  font-weight: 400;
}
.products .productitem .teaser-text {
  display: none;
}
.products .productitem .linktext {
  padding: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.products .productitem .product-kachel-wrap {
  width: 100%;
  aspect-ratio: 2/3;
  margin: 0;
}
.products .productitem .product-kachel-wrap img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 0.4s ease-in-out;
}
.products .productitem .product-kachel-wrap:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.25) 45%, rgba(0, 0, 0, 0.4) 71%, rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 2;
  opacity: 0.6;
  transition: opacity 0.4s ease-in-out;
}
.products .productitem:hover .productwrapper {
  bottom: 0;
}
.products .productitem:hover .product-kachel-wrap img {
  transform: scale(1.4);
  filter: blur(4px);
}
.products .productitem:hover .product-kachel-wrap:before {
  opacity: 0.9;
}

@media (min-width: 576px) {
  .products {
    gap: 40px;
  }
  .products .productitem {
    margin-bottom: 20px;
    width: calc(50% - 10px);
  }
}
@media (min-width: 768px) {
  .products {
    gap: 40px;
  }
  .products .productitem {
    margin-bottom: 40px;
    width: calc(33.333% - 30px);
  }
  .products .productitem .productwrapper {
    bottom: -110px;
  }
}
@media (min-width: 992px) {
  .products .productitem {
    margin-bottom: 40px;
    width: calc(25% - 30px);
  }
  .products .productitem .productwrapper {
    bottom: -90px;
  }
}
body .container-fluid,
body .container-fluid.p-gap,
body div.container-box {
  padding: 0 !important;
}

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
}
.chips button {
  border: none;
  background: var(--machbar-grey);
  border-radius: 30px;
  padding: 6px 20px;
  font-size: 18px;
  line-height: 26px;
}
.chips button i {
  opacity: 0;
  width: 0;
  padding-right: 0;
  transition: all 0.2s ease-in-out;
}
.chips button:focus-visible {
  outline: 2px solid var(--machbar-orange);
}
.chips button:after {
  content: attr(data-count);
}
.chips button.active {
  background: var(--machbar-blue);
  color: #fff;
}
.chips button.active i {
  opacity: 1;
  padding-right: 5px;
  width: 20px;
}

h1, h2.size-h1, h4.size-h1, h5.size-h1, h3.size-h1,
.size-h1 h2, .size-h1 h3, .size-h1 h4, .size-h1 h5 {
  font-style: normal;
  font-size: var(--machbar-h1-s);
  line-height: var(--machbar-h1-l);
  letter-spacing: 0;
  --bs-body-p-line-height: 52px;
}
h1 span.headline, h2.size-h1 span.headline, h4.size-h1 span.headline, h5.size-h1 span.headline, h3.size-h1 span.headline,
.size-h1 h2 span.headline, .size-h1 h3 span.headline, .size-h1 h4 span.headline, .size-h1 h5 span.headline {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

h2, h1.size-h2, h1.size-h2, h4.size-h2, h3.size-h2,
.size-h2 h1, .size-h2 h3, .size-h2 h4, .size-h2 h5 {
  font-style: normal;
  text-transform: none;
  font-size: var(--machbar-h2-s);
  line-height: var(--machbar-h2-l);
  letter-spacing: 0;
  --bs-body-p-line-height: 50px;
}
h2 span.headline, h1.size-h2 span.headline, h1.size-h2 span.headline, h4.size-h2 span.headline, h3.size-h2 span.headline,
.size-h2 h1 span.headline, .size-h2 h3 span.headline, .size-h2 h4 span.headline, .size-h2 h5 span.headline {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

h3, h2.size-h3, h1.size-h3, h4.size-h3,
.size-h3 h2, .size-h3 h3, .size-h3 h4, .size-h3 h5 {
  font-style: normal;
  text-transform: none;
  font-size: var(--machbar-h3-s);
  line-height: var(--machbar-h3-l);
  letter-spacing: 0;
  --bs-body-p-line-height: var(--machbar-h3-l);
}
h3 span.headline, h2.size-h3 span.headline, h1.size-h3 span.headline, h4.size-h3 span.headline,
.size-h3 h2 span.headline, .size-h3 h3 span.headline, .size-h3 h4 span.headline, .size-h3 h5 span.headline {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.frame-header {
  margin-bottom: var(--frame-spacing);
}

h4, h5, h2.size-h4, h3.size-h4, h1.size-h4, h2.size-h5, h3.size-h5, h1.size-h5, h4.size-h5, h5.size-h4,
.size-h4 h2, .size-h4 h3, .size-h4 h4, .size-h4 h1 {
  font-style: normal;
  text-transform: none;
  font-size: var(--machbar-h4-s);
  line-height: var(--machbar-h4-l);
  letter-spacing: 0;
  --bs-body-p-line-height: var(--machbar-h4-l);
}
h4 span.headline, h5 span.headline, h2.size-h4 span.headline, h3.size-h4 span.headline, h1.size-h4 span.headline, h2.size-h5 span.headline, h3.size-h5 span.headline, h1.size-h5 span.headline, h4.size-h5 span.headline, h5.size-h4 span.headline,
.size-h4 h2 span.headline, .size-h4 h3 span.headline, .size-h4 h4 span.headline, .size-h4 h1 span.headline {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.headline-center .headline {
  text-align: center !important;
}

.headline-start .headline {
  text-align: start !important;
}

.headline-end .headline {
  text-align: end !important;
}

h1 {
  margin-bottom: 20px;
  font-weight: 700;
}

h2 {
  margin-bottom: 20px;
  font-weight: 700;
}

h3, h4, h5, h6 {
  margin-bottom: 20px;
  font-weight: 700;
}

.section-header .headline span,
.section-header .frame-type-text p {
  opacity: 0;
}

.frame-type-header h1, .frame-type-header h2, .frame-type-header h3, .frame-type-header h4, .frame-type-header h5, .frame-type-header h6 {
  margin-bottom: 0;
}

.frame:not(.mb_acc) .iconheader {
  display: flex;
  gap: 20px;
}
.frame:not(.mb_acc) .iconheader .icon {
  color: var(--machbar-orange);
}
.frame:not(.mb_acc) .iconheader.size-h1 .icon {
  font-size: var(--machbar-h1-s);
  padding-top: 8px;
}
.frame:not(.mb_acc) .iconheader.size-h2 .icon, .frame:not(.mb_acc) .iconheader.size-h0 .icon {
  font-size: var(--machbar-h2-s);
  padding-top: 6px;
}
.frame:not(.mb_acc) .iconheader.size-h3 {
  gap: 10px;
}
.frame:not(.mb_acc) .iconheader.size-h3 .icon {
  font-size: var(--machbar-h3-s);
  padding-top: 4px;
}
.frame:not(.mb_acc) .iconheader.size-h4, .frame:not(.mb_acc) .iconheader.size-h5 {
  gap: 10px;
}
.frame:not(.mb_acc) .iconheader.size-h4 .icon, .frame:not(.mb_acc) .iconheader.size-h5 .icon {
  font-size: var(--machbar-h4-s);
  padding-top: 4px;
}
.frame:not(.mb_acc) .iconheader.size-h1 .icon.fa-2x {
  font-size: calc(var(--machbar-h1-s) * 2);
}
.frame:not(.mb_acc) .iconheader.size-h2 .icon.fa-2x, .frame:not(.mb_acc) .iconheader.size-h0 .icon.fa-2x {
  font-size: calc(var(--machbar-h2-s) * 2);
}
.frame:not(.mb_acc) .iconheader.size-h3 .icon.fa-2x {
  font-size: calc(var(--machbar-h3-s) * 2);
}
.frame:not(.mb_acc) .iconheader.size-h4 .icon.fa-2x, .frame:not(.mb_acc) .iconheader.size-h5 .icon.fa-2x {
  font-size: calc(var(--machbar-h4-s) * 2);
}
.frame:not(.mb_acc) .iconheader.size-h1 .icon.fa-3x {
  font-size: calc(var(--machbar-h1-s) * 3);
}
.frame:not(.mb_acc) .iconheader.size-h2 .icon.fa-3x, .frame:not(.mb_acc) .iconheader.size-h0 .icon.fa-3x {
  font-size: calc(var(--machbar-h2-s) * 3);
}
.frame:not(.mb_acc) .iconheader.size-h3 .icon.fa-3x {
  font-size: calc(var(--machbar-h3-s) * 3);
}
.frame:not(.mb_acc) .iconheader.size-h4 .icon.fa-3x, .frame:not(.mb_acc) .iconheader.size-h5 .icon.fa-3x {
  font-size: calc(var(--machbar-h4-s) * 3);
}
.frame:not(.mb_acc) .iconheader.size-h1 .icon.fa-4x {
  font-size: calc(var(--machbar-h1-s) * 4);
}
.frame:not(.mb_acc) .iconheader.size-h2 .icon.fa-4x, .frame:not(.mb_acc) .iconheader.size-h0 .icon.fa-4x {
  font-size: calc(var(--machbar-h2-s) * 4);
}
.frame:not(.mb_acc) .iconheader.size-h3 .icon.fa-4x {
  font-size: calc(var(--machbar-h3-s) * 4);
}
.frame:not(.mb_acc) .iconheader.size-h4 .icon.fa-4x, .frame:not(.mb_acc) .iconheader.size-h5 .icon.fa-4x {
  font-size: calc(var(--machbar-h4-s) * 4);
}
.frame:not(.mb_acc) .iconheader.size-h1 .icon.fa-5x {
  font-size: calc(var(--machbar-h1-s) * 5);
}
.frame:not(.mb_acc) .iconheader.size-h2 .icon.fa-5x, .frame:not(.mb_acc) .iconheader.size-h0 .icon.fa-5x {
  font-size: calc(var(--machbar-h2-s) * 5);
}
.frame:not(.mb_acc) .iconheader.size-h3 .icon.fa-5x {
  font-size: calc(var(--machbar-h3-s) * 5);
}
.frame:not(.mb_acc) .iconheader.size-h4 .icon.fa-5x, .frame:not(.mb_acc) .iconheader.size-h5 .icon.fa-5x {
  font-size: calc(var(--machbar-h4-s) * 5);
}
.frame:not(.mb_acc) .iconheader.size-h1 .icon.fa-6x {
  font-size: calc(var(--machbar-h1-s) * 6);
}
.frame:not(.mb_acc) .iconheader.size-h2 .icon.fa-6x, .frame:not(.mb_acc) .iconheader.size-h0 .icon.fa-6x {
  font-size: calc(var(--machbar-h2-s) * 6);
}
.frame:not(.mb_acc) .iconheader.size-h3 .icon.fa-6x {
  font-size: calc(var(--machbar-h3-s) * 6);
}
.frame:not(.mb_acc) .iconheader.size-h4 .icon.fa-6x, .frame:not(.mb_acc) .iconheader.size-h5 .icon.fa-6x {
  font-size: calc(var(--machbar-h4-s) * 6);
}
.frame:not(.mb_acc) .iconheader.size-h1 .icon.fa-7x {
  font-size: calc(var(--machbar-h1-s) * 7);
}
.frame:not(.mb_acc) .iconheader.size-h2 .icon.fa-7x, .frame:not(.mb_acc) .iconheader.size-h0 .icon.fa-7x {
  font-size: calc(var(--machbar-h2-s) * 7);
}
.frame:not(.mb_acc) .iconheader.size-h3 .icon.fa-7x {
  font-size: calc(var(--machbar-h3-s) * 7);
}
.frame:not(.mb_acc) .iconheader.size-h4 .icon.fa-7x, .frame:not(.mb_acc) .iconheader.size-h5 .icon.fa-7x {
  font-size: calc(var(--machbar-h4-s) * 7);
}
.frame:not(.mb_acc) .iconheader.size-h1 .icon.fa-8x {
  font-size: calc(var(--machbar-h1-s) * 8);
}
.frame:not(.mb_acc) .iconheader.size-h2 .icon.fa-8x, .frame:not(.mb_acc) .iconheader.size-h0 .icon.fa-8x {
  font-size: calc(var(--machbar-h2-s) * 8);
}
.frame:not(.mb_acc) .iconheader.size-h3 .icon.fa-8x {
  font-size: calc(var(--machbar-h3-s) * 8);
}
.frame:not(.mb_acc) .iconheader.size-h4 .icon.fa-8x, .frame:not(.mb_acc) .iconheader.size-h5 .icon.fa-8x {
  font-size: calc(var(--machbar-h4-s) * 8);
}
.frame:not(.mb_acc) .iconheader.size-h1 .icon.fa-9x {
  font-size: calc(var(--machbar-h1-s) * 9);
}
.frame:not(.mb_acc) .iconheader.size-h2 .icon.fa-9x, .frame:not(.mb_acc) .iconheader.size-h0 .icon.fa-9x {
  font-size: calc(var(--machbar-h2-s) * 9);
}
.frame:not(.mb_acc) .iconheader.size-h3 .icon.fa-9x {
  font-size: calc(var(--machbar-h3-s) * 9);
}
.frame:not(.mb_acc) .iconheader.size-h4 .icon.fa-9x, .frame:not(.mb_acc) .iconheader.size-h5 .icon.fa-9x {
  font-size: calc(var(--machbar-h4-s) * 9);
}
.frame:not(.mb_acc) .iconheader.size-h1 .icon.fa-10x {
  font-size: calc(var(--machbar-h1-s) * 10);
}
.frame:not(.mb_acc) .iconheader.size-h2 .icon.fa-10x, .frame:not(.mb_acc) .iconheader.size-h0 .icon.fa-10x {
  font-size: calc(var(--machbar-h2-s) * 10);
}
.frame:not(.mb_acc) .iconheader.size-h3 .icon.fa-10x {
  font-size: calc(var(--machbar-h3-s) * 10);
}
.frame:not(.mb_acc) .iconheader.size-h4 .icon.fa-10x, .frame:not(.mb_acc) .iconheader.size-h5 .icon.fa-10x {
  font-size: calc(var(--machbar-h4-s) * 10);
}
.frame:not(.mb_acc) .iconheader.color-whiteorange .icon {
  color: var(--machbar-orange);
}
.frame:not(.mb_acc) .iconheader.color-orangewhite .icon {
  color: #fff;
}
.frame:not(.mb_acc) .iconheader.color-orange .icon {
  color: var(--machbar-orange);
}
.frame:not(.mb_acc) .iconheader.color-orangeblue .icon {
  color: var(--machbar-blue);
}
.frame:not(.mb_acc) .iconheader.color-blueorange .icon {
  color: var(--machbar-orange);
}
.frame:not(.mb_acc) .iconheader.color-blue .icon {
  color: var(--machbar-blue);
}
.frame:not(.mb_acc) .iconheader.color-whiteblue .icon {
  color: var(--machbar-blue);
}
.frame:not(.mb_acc) .iconheader.color-bluewhite .icon {
  color: #fff;
}
.frame:not(.mb_acc) .iconheader.color-white .icon {
  color: #fff;
}
.frame:not(.mb_acc) .iconheader .icon.fa-color-primary {
  color: var(--machbar-orange) !important;
}
.frame:not(.mb_acc) .iconheader .icon.fa-color-secondary {
  color: var(--machbar-blue) !important;
}
.frame:not(.mb_acc) .iconheader .icon.fa-color-tertiary {
  color: white !important;
}

.frame.text-center .iconheader {
  flex-direction: column;
  gap: 10px;
}

@media (min-width: 1400px) {
  .frame.text-xxl-center .iconheader {
    flex-direction: column;
    gap: 10px;
  }
}
@media (min-width: 1200px) {
  .frame.text-xl-center .iconheader {
    flex-direction: column;
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .frame.text-lg-center .iconheader {
    flex-direction: column;
    gap: 10px;
  }
}
@media (min-width: 768px) {
  .frame.text-md-center .iconheader {
    flex-direction: column;
    gap: 10px;
  }
}
@media (min-width: 576px) {
  .frame.text-sm-center .iconheader {
    flex-direction: column;
    gap: 10px;
  }
}
.frame.text-center .headline {
  display: block;
  position: relative;
  width: fit-content;
  margin: 0 auto;
  overflow: hidden;
}

.frame-header h1 span.headline:has(.headerline), .frame-header h2 span.headline:has(.headerline), .frame-header h3 span.headline:has(.headerline), .frame-header h4 span.headline:has(.headerline), .frame-header h5 span.headline:has(.headerline) {
  padding-bottom: 20px;
}

.frame:not(.mb_acc) .frame-header h1 .headline span, .frame:not(.mb_acc) .frame-header h2 .headline span, .frame:not(.mb_acc) .frame-header h3 .headline span, .frame:not(.mb_acc) .frame-header h4 .headline span, .frame:not(.mb_acc) .frame-header h5 .headline span {
  display: inline;
}
.frame:not(.mb_acc) .frame-header h1 .headline span:before, .frame:not(.mb_acc) .frame-header h2 .headline span:before, .frame:not(.mb_acc) .frame-header h3 .headline span:before, .frame:not(.mb_acc) .frame-header h4 .headline span:before, .frame:not(.mb_acc) .frame-header h5 .headline span:before {
  content: " ";
}
.frame:not(.mb_acc) .frame-header h1 .headline span:first-child:before, .frame:not(.mb_acc) .frame-header h2 .headline span:first-child:before, .frame:not(.mb_acc) .frame-header h3 .headline span:first-child:before, .frame:not(.mb_acc) .frame-header h4 .headline span:first-child:before, .frame:not(.mb_acc) .frame-header h5 .headline span:first-child:before {
  content: none;
}
.frame:not(.mb_acc) .frame-header h1 .headline .subheadline, .frame:not(.mb_acc) .frame-header h2 .headline .subheadline, .frame:not(.mb_acc) .frame-header h3 .headline .subheadline, .frame:not(.mb_acc) .frame-header h4 .headline .subheadline, .frame:not(.mb_acc) .frame-header h5 .headline .subheadline {
  font-weight: 400;
}
.frame:not(.mb_acc) .frame-header h1.orangesmallblue .headline, .frame:not(.mb_acc) .frame-header h1.orangesmallblue .subheadline, .frame:not(.mb_acc) .frame-header h2.orangesmallblue .headline, .frame:not(.mb_acc) .frame-header h2.orangesmallblue .subheadline, .frame:not(.mb_acc) .frame-header h3.orangesmallblue .headline, .frame:not(.mb_acc) .frame-header h3.orangesmallblue .subheadline, .frame:not(.mb_acc) .frame-header h4.orangesmallblue .headline, .frame:not(.mb_acc) .frame-header h4.orangesmallblue .subheadline, .frame:not(.mb_acc) .frame-header h5.orangesmallblue .headline, .frame:not(.mb_acc) .frame-header h5.orangesmallblue .subheadline {
  display: flex;
  flex-direction: column;
}
.frame:not(.mb_acc) .frame-header h1.orangesmallblue .headline span:first-child, .frame:not(.mb_acc) .frame-header h1.orangesmallblue .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h2.orangesmallblue .headline span:first-child, .frame:not(.mb_acc) .frame-header h2.orangesmallblue .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h3.orangesmallblue .headline span:first-child, .frame:not(.mb_acc) .frame-header h3.orangesmallblue .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h4.orangesmallblue .headline span:first-child, .frame:not(.mb_acc) .frame-header h4.orangesmallblue .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h5.orangesmallblue .headline span:first-child, .frame:not(.mb_acc) .frame-header h5.orangesmallblue .subheadline span:first-child {
  color: var(--machbar-orange);
}
.frame:not(.mb_acc) .frame-header h1.orangesmallblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h1.orangesmallblue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h2.orangesmallblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h2.orangesmallblue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h3.orangesmallblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h3.orangesmallblue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h4.orangesmallblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h4.orangesmallblue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h5.orangesmallblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h5.orangesmallblue .subheadline span:last-child {
  color: var(--machbar-blue);
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
}
.frame:not(.mb_acc) .frame-header h1.bluewhite span:last-child, .frame:not(.mb_acc) .frame-header h2.bluewhite span:last-child, .frame:not(.mb_acc) .frame-header h3.bluewhite span:last-child, .frame:not(.mb_acc) .frame-header h4.bluewhite span:last-child, .frame:not(.mb_acc) .frame-header h5.bluewhite span:last-child {
  color: #fff;
}
.frame:not(.mb_acc) .frame-header h1.bluewhite span:first-child, .frame:not(.mb_acc) .frame-header h2.bluewhite span:first-child, .frame:not(.mb_acc) .frame-header h3.bluewhite span:first-child, .frame:not(.mb_acc) .frame-header h4.bluewhite span:first-child, .frame:not(.mb_acc) .frame-header h5.bluewhite span:first-child {
  color: var(--machbar-blue);
}
.frame:not(.mb_acc) .frame-header h1.whiteblue span:last-child, .frame:not(.mb_acc) .frame-header h2.whiteblue span:last-child, .frame:not(.mb_acc) .frame-header h3.whiteblue span:last-child, .frame:not(.mb_acc) .frame-header h4.whiteblue span:last-child, .frame:not(.mb_acc) .frame-header h5.whiteblue span:last-child {
  color: var(--machbar-blue);
}
.frame:not(.mb_acc) .frame-header h1.whiteblue span:first-child, .frame:not(.mb_acc) .frame-header h2.whiteblue span:first-child, .frame:not(.mb_acc) .frame-header h3.whiteblue span:first-child, .frame:not(.mb_acc) .frame-header h4.whiteblue span:first-child, .frame:not(.mb_acc) .frame-header h5.whiteblue span:first-child {
  color: #fff;
}
.frame:not(.mb_acc) .frame-header h1.whiteorange .headline span:last-child, .frame:not(.mb_acc) .frame-header h1.whiteorange .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h2.whiteorange .headline span:last-child, .frame:not(.mb_acc) .frame-header h2.whiteorange .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h3.whiteorange .headline span:last-child, .frame:not(.mb_acc) .frame-header h3.whiteorange .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h4.whiteorange .headline span:last-child, .frame:not(.mb_acc) .frame-header h4.whiteorange .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h5.whiteorange .headline span:last-child, .frame:not(.mb_acc) .frame-header h5.whiteorange .subheadline span:last-child {
  color: var(--machbar-orange);
}
.frame:not(.mb_acc) .frame-header h1.whiteorange .headline span:first-child, .frame:not(.mb_acc) .frame-header h1.whiteorange .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h2.whiteorange .headline span:first-child, .frame:not(.mb_acc) .frame-header h2.whiteorange .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h3.whiteorange .headline span:first-child, .frame:not(.mb_acc) .frame-header h3.whiteorange .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h4.whiteorange .headline span:first-child, .frame:not(.mb_acc) .frame-header h4.whiteorange .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h5.whiteorange .headline span:first-child, .frame:not(.mb_acc) .frame-header h5.whiteorange .subheadline span:first-child {
  color: #fff;
}
.frame:not(.mb_acc) .frame-header h1.orangewhite .headline span:last-child, .frame:not(.mb_acc) .frame-header h1.orangewhite .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h2.orangewhite .headline span:last-child, .frame:not(.mb_acc) .frame-header h2.orangewhite .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h3.orangewhite .headline span:last-child, .frame:not(.mb_acc) .frame-header h3.orangewhite .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h4.orangewhite .headline span:last-child, .frame:not(.mb_acc) .frame-header h4.orangewhite .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h5.orangewhite .headline span:last-child, .frame:not(.mb_acc) .frame-header h5.orangewhite .subheadline span:last-child {
  color: #fff;
}
.frame:not(.mb_acc) .frame-header h1.orangewhite .headline span:first-child, .frame:not(.mb_acc) .frame-header h1.orangewhite .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h2.orangewhite .headline span:first-child, .frame:not(.mb_acc) .frame-header h2.orangewhite .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h3.orangewhite .headline span:first-child, .frame:not(.mb_acc) .frame-header h3.orangewhite .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h4.orangewhite .headline span:first-child, .frame:not(.mb_acc) .frame-header h4.orangewhite .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h5.orangewhite .headline span:first-child, .frame:not(.mb_acc) .frame-header h5.orangewhite .subheadline span:first-child {
  color: var(--machbar-orange);
}
.frame:not(.mb_acc) .frame-header h1.orangeblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h1.orangeblue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h2.orangeblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h2.orangeblue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h3.orangeblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h3.orangeblue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h4.orangeblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h4.orangeblue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h5.orangeblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h5.orangeblue .subheadline span:last-child {
  color: var(--machbar-blue);
}
.frame:not(.mb_acc) .frame-header h1.orangeblue .headline span:first-child, .frame:not(.mb_acc) .frame-header h1.orangeblue .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h2.orangeblue .headline span:first-child, .frame:not(.mb_acc) .frame-header h2.orangeblue .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h3.orangeblue .headline span:first-child, .frame:not(.mb_acc) .frame-header h3.orangeblue .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h4.orangeblue .headline span:first-child, .frame:not(.mb_acc) .frame-header h4.orangeblue .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h5.orangeblue .headline span:first-child, .frame:not(.mb_acc) .frame-header h5.orangeblue .subheadline span:first-child {
  color: var(--machbar-orange);
}
.frame:not(.mb_acc) .frame-header h1.blueorange .headline span:last-child, .frame:not(.mb_acc) .frame-header h1.blueorange .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h2.blueorange .headline span:last-child, .frame:not(.mb_acc) .frame-header h2.blueorange .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h3.blueorange .headline span:last-child, .frame:not(.mb_acc) .frame-header h3.blueorange .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h4.blueorange .headline span:last-child, .frame:not(.mb_acc) .frame-header h4.blueorange .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h5.blueorange .headline span:last-child, .frame:not(.mb_acc) .frame-header h5.blueorange .subheadline span:last-child {
  color: var(--machbar-orange);
}
.frame:not(.mb_acc) .frame-header h1.blueorange .headline span:first-child, .frame:not(.mb_acc) .frame-header h1.blueorange .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h2.blueorange .headline span:first-child, .frame:not(.mb_acc) .frame-header h2.blueorange .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h3.blueorange .headline span:first-child, .frame:not(.mb_acc) .frame-header h3.blueorange .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h4.blueorange .headline span:first-child, .frame:not(.mb_acc) .frame-header h4.blueorange .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h5.blueorange .headline span:first-child, .frame:not(.mb_acc) .frame-header h5.blueorange .subheadline span:first-child {
  color: var(--machbar-blue);
}
.frame:not(.mb_acc) .frame-header h1.white .headline span:last-child, .frame:not(.mb_acc) .frame-header h1.white .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h2.white .headline span:last-child, .frame:not(.mb_acc) .frame-header h2.white .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h3.white .headline span:last-child, .frame:not(.mb_acc) .frame-header h3.white .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h4.white .headline span:last-child, .frame:not(.mb_acc) .frame-header h4.white .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h5.white .headline span:last-child, .frame:not(.mb_acc) .frame-header h5.white .subheadline span:last-child {
  color: #fff;
}
.frame:not(.mb_acc) .frame-header h1.white .headline span:first-child, .frame:not(.mb_acc) .frame-header h1.white .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h2.white .headline span:first-child, .frame:not(.mb_acc) .frame-header h2.white .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h3.white .headline span:first-child, .frame:not(.mb_acc) .frame-header h3.white .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h4.white .headline span:first-child, .frame:not(.mb_acc) .frame-header h4.white .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h5.white .headline span:first-child, .frame:not(.mb_acc) .frame-header h5.white .subheadline span:first-child {
  color: #fff;
}
.frame:not(.mb_acc) .frame-header h1.orange .headline span:last-child, .frame:not(.mb_acc) .frame-header h1.orange .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h2.orange .headline span:last-child, .frame:not(.mb_acc) .frame-header h2.orange .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h3.orange .headline span:last-child, .frame:not(.mb_acc) .frame-header h3.orange .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h4.orange .headline span:last-child, .frame:not(.mb_acc) .frame-header h4.orange .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h5.orange .headline span:last-child, .frame:not(.mb_acc) .frame-header h5.orange .subheadline span:last-child {
  color: var(--machbar-orange);
}
.frame:not(.mb_acc) .frame-header h1.orange .headline span:first-child, .frame:not(.mb_acc) .frame-header h1.orange .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h2.orange .headline span:first-child, .frame:not(.mb_acc) .frame-header h2.orange .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h3.orange .headline span:first-child, .frame:not(.mb_acc) .frame-header h3.orange .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h4.orange .headline span:first-child, .frame:not(.mb_acc) .frame-header h4.orange .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h5.orange .headline span:first-child, .frame:not(.mb_acc) .frame-header h5.orange .subheadline span:first-child {
  color: var(--machbar-orange);
}
.frame:not(.mb_acc) .frame-header h1.blue .headline span:last-child, .frame:not(.mb_acc) .frame-header h1.blue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h2.blue .headline span:last-child, .frame:not(.mb_acc) .frame-header h2.blue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h3.blue .headline span:last-child, .frame:not(.mb_acc) .frame-header h3.blue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h4.blue .headline span:last-child, .frame:not(.mb_acc) .frame-header h4.blue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h5.blue .headline span:last-child, .frame:not(.mb_acc) .frame-header h5.blue .subheadline span:last-child {
  color: var(--machbar-blue);
}
.frame:not(.mb_acc) .frame-header h1.blue .headline span:first-child, .frame:not(.mb_acc) .frame-header h1.blue .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h2.blue .headline span:first-child, .frame:not(.mb_acc) .frame-header h2.blue .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h3.blue .headline span:first-child, .frame:not(.mb_acc) .frame-header h3.blue .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h4.blue .headline span:first-child, .frame:not(.mb_acc) .frame-header h4.blue .subheadline span:first-child, .frame:not(.mb_acc) .frame-header h5.blue .headline span:first-child, .frame:not(.mb_acc) .frame-header h5.blue .subheadline span:first-child {
  color: var(--machbar-blue);
}

h1.orange, h2.orange, h3.orange, h4.orange, h5.orange {
  color: var(--machbar-orange);
}
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue {
  color: var(--machbar-blue);
}

@media (min-width: 768px) {
  h1:not(.size-h2, .size-h3, .size-h4), .size-h1 {
    margin-bottom: 40px;
  }
  .frame:not(.mb_acc) .frame-header h1.orangesmallblue .headline span, .frame:not(.mb_acc) .frame-header h1.orangesmallblue .subheadline span, .frame:not(.mb_acc) .frame-header h2.orangesmallblue .headline span, .frame:not(.mb_acc) .frame-header h2.orangesmallblue .subheadline span, .frame:not(.mb_acc) .frame-header h3.orangesmallblue .headline span, .frame:not(.mb_acc) .frame-header h3.orangesmallblue .subheadline span, .frame:not(.mb_acc) .frame-header h4.orangesmallblue .headline span, .frame:not(.mb_acc) .frame-header h4.orangesmallblue .subheadline span, .frame:not(.mb_acc) .frame-header h5.orangesmallblue .headline span, .frame:not(.mb_acc) .frame-header h5.orangesmallblue .subheadline span {
    display: inline-block;
  }
  .frame:not(.mb_acc) .frame-header h1.orangesmallblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h1.orangesmallblue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h2.orangesmallblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h2.orangesmallblue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h3.orangesmallblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h3.orangesmallblue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h4.orangesmallblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h4.orangesmallblue .subheadline span:last-child, .frame:not(.mb_acc) .frame-header h5.orangesmallblue .headline span:last-child, .frame:not(.mb_acc) .frame-header h5.orangesmallblue .subheadline span:last-child {
    font-size: 18px;
    line-height: 28px;
  }
}
.form-element-gridrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}

.frame-type-powermail_pi1 form textarea.form-control,
.frame-type-form_formframework form textarea.form-control {
  min-height: 150px;
}
.frame-type-powermail_pi1 form select,
.frame-type-powermail_pi1 form textarea,
.frame-type-powermail_pi1 form input:not(.btn),
.frame-type-form_formframework form select,
.frame-type-form_formframework form textarea,
.frame-type-form_formframework form input:not(.btn) {
  border-radius: 4px;
  border: 2px solid rgb(242, 244, 246);
  background: rgb(242, 244, 246);
}
.frame-type-powermail_pi1 form select.form-check-input,
.frame-type-powermail_pi1 form textarea.form-check-input,
.frame-type-powermail_pi1 form input:not(.btn).form-check-input,
.frame-type-form_formframework form select.form-check-input,
.frame-type-form_formframework form textarea.form-check-input,
.frame-type-form_formframework form input:not(.btn).form-check-input {
  border-color: var(--machbar-orange);
}
.frame-type-powermail_pi1 form .form-check-wrapping-label,
.frame-type-form_formframework form .form-check-wrapping-label {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.frame-type-powermail_pi1 form .form-group > .form-check,
.frame-type-form_formframework form .form-group > .form-check {
  padding-left: 0;
  margin-bottom: 30px !important;
}
.frame-type-powermail_pi1 form .inputs-list .form-group,
.frame-type-form_formframework form .inputs-list .form-group {
  display: flex;
  flex-direction: row;
  gap: 50px;
}
.frame-type-powermail_pi1 form .form-check-input,
.frame-type-form_formframework form .form-check-input {
  width: 20px;
  height: 20px;
}
.frame-type-powermail_pi1 form .form-check-input:checked,
.frame-type-form_formframework form .form-check-input:checked {
  background-color: var(--machbar-orange);
  position: relative;
}
.frame-type-powermail_pi1 form .form-check-input:checked:after,
.frame-type-form_formframework form .form-check-input:checked:after {
  content: "x";
  color: #fff;
  width: 17px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}
.frame-type-powermail_pi1 form .inputs-list input, .frame-type-powermail_pi1 form .inputs-list label,
.frame-type-form_formframework form .inputs-list input,
.frame-type-form_formframework form .inputs-list label {
  cursor: pointer;
}
.frame-type-powermail_pi1 form .form-element-check,
.frame-type-form_formframework form .form-element-check {
  display: flex;
  gap: 10px;
  align-items: end;
}
.frame-type-powermail_pi1 .row,
.frame-type-form_formframework .row {
  --bs-gutter-x: 2.5rem;
}

.katrin .form-element-gridrow {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.frame-type-powermail_pi1 .row {
  margin-left: 0;
  margin-right: 0;
}
.frame-type-powermail_pi1 .tx-powermail .powermail_fieldset .powermail-errors-list {
  background-color: transparent;
  list-style-type: none !important;
  border: none;
}
.frame-type-powermail_pi1 .tx-powermail .powermail_fieldset .powermail_field_error,
.frame-type-powermail_pi1 .tx-powermail .powermail_fieldset div.error {
  border: 2px solid var(--machbar-orange);
  background: rgb(242, 244, 246);
}
.frame-type-powermail_pi1 .tx-powermail .powermail_fieldwrap_type_check .powermail_field_error,
.frame-type-powermail_pi1 .tx-powermail .powermail_fieldset .checkbox.powermail_field_error {
  border: none;
  background: transparent;
}
.frame-type-powermail_pi1 .tx-powermail .powermail_fieldset .powermail-errors-list > li {
  color: var(--machbar-orange);
  padding: 0;
  border: none;
}

.form-element-gridrow.row > * {
  padding-right: 0;
  padding-left: 0;
}

.frame-type-form_formframework .row {
  gap: var(--frame-spacing);
  margin-bottom: var(--frame-spacing);
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.frame-type-form_formframework .col-xs-30 {
  width: 100%;
}
.frame-type-form_formframework .col-xs-20 {
  width: 100%;
}
.frame-type-form_formframework .col-xs-15 {
  width: 100%;
}
.frame-type-form_formframework .customized-selectbox {
  position: relative;
  display: inline-block;
  width: 100%;
}
.frame-type-form_formframework .customized-selectbox select {
  width: 100%;
  padding-right: 2em;
}
.frame-type-form_formframework .customized-selectbox::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.75em;
  transform: translateY(-50%) rotate(90deg);
  color: #000;
  font-size: 1em;
  font-weight: bold;
  pointer-events: none;
  z-index: 2;
  background: transparent;
  padding: 0;
  border-radius: 0;
  border: none;
  display: block;
  line-height: 1;
  width: 10px;
  height: 17px;
  background-image: url('data:image/svg+xml,<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.41572 8.31553L8.70947 9.02178L3.70947 14.0218L3.0001 14.7312L1.58447 13.3155L2.29072 12.6093L6.58447 8.31553L2.29385 4.02178L1.58447 3.31553L3.0001 1.8999L3.70635 2.60615L8.70635 7.60615L9.41572 8.31553Z" fill="%23DF242B"/></svg>');
  background-repeat: no-repeat;
  background-position: left center;
}
.frame-type-form_formframework form {
  margin: 0 auto;
}
.frame-type-form_formframework form .row > * {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .frame-type-form_formframework .col-xs-30 {
    width: calc(50% - var(--frame-spacing) * 0.5);
  }
  .frame-type-form_formframework .col-xs-20 {
    width: calc(50% - var(--frame-spacing) * 0.5);
  }
  .frame-type-form_formframework .col-xs-15 {
    width: calc(50% - var(--frame-spacing) * 0.5);
  }
}
@media (min-width: 1200px) {
  .frame-type-form_formframework .col-xs-20 {
    width: calc(33.33% - var(--frame-spacing) * 0.666);
  }
  .frame-type-form_formframework .col-xs-15 {
    width: calc(25% - var(--frame-spacing) * 0.75);
  }
}
.button-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.btn,
.link-button {
  display: inline-flex;
  padding: 14px 22px 12px 22px;
  border-radius: 0;
  min-width: 200px;
  font-size: 16px;
  line-height: 1;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}
.btn:hover,
.link-button:hover {
  text-decoration: none;
}

.navbar-main a span {
  text-transform: uppercase;
}

.link-button-blue {
  background-color: #003C5C;
  color: #fff;
}
.link-button-blue:hover {
  background-color: #001B29;
  color: #fff;
}

.btn-primary,
.link-button-color1,
.link-button-orange {
  background-color: var(--machbar-orange);
  color: #fff;
  transition: all 0.4s ease-in-out;
}
.btn-primary:hover,
.link-button-color1:hover,
.link-button-orange:hover {
  background-color: var(--machbar-orange-hover);
  color: #fff;
}
.btn-primary:focus, .btn-primary:active,
.link-button-color1:focus,
.link-button-color1:active,
.link-button-orange:focus,
.link-button-orange:active {
  background-color: var(--machbar-orange-pressed);
}

.link-button-white {
  background-color: #fff;
  color: var(--machbar-orange);
}
.link-button-white:hover {
  background-color: var(--machbar-white-hover);
}
.link-button-white:focus, .link-button-white:active {
  background-color: var(--machbar-white-pressed);
}

.text-white a.link-button-white {
  color: var(--machbar-orange) !important;
}
.text-white a.link-button-white:hover {
  color: var(--machbar-orange) !important;
  background-color: var(--machbar-white-hover) !important;
}
.text-white a.link-button-white:focus, .text-white a.link-button-white:active {
  background-color: var(--machbar-white-pressed) !important;
}

#page-footer {
  background-color: #000000;
}
#page-footer a {
  text-decoration: none;
  font-weight: 400 !important;
}
#page-footer .footermeta {
  border-top: 2px solid rgba(255, 255, 255, 0.125);
}
#page-footer .footermeta a, #page-footer .footermeta p, #page-footer .footermeta .cookie-set {
  font-size: 14px;
  line-height: 14px;
  padding: 0;
  margin: 0;
}
#page-footer .footermeta ul {
  list-style-type: none;
  display: flex;
  gap: 40px;
  padding: 0;
  flex-wrap: wrap;
  justify-content: start;
  margin: 0;
}
#page-footer .footermeta ul li {
  line-height: 14px;
}
#page-footer p, #page-footer a {
  font-size: 18px;
}
#page-footer .socialicons a:hover img {
  filter: brightness(0) invert(1);
}
#page-footer .frame-type-menu_pages ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  flex-wrap: nowrap;
  justify-content: start;
  margin: 0;
}
#page-footer .frame-type-menu_pages ul li {
  line-height: 1.4;
  padding-left: 20px;
  background-image: url('data:image/svg+xml,<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.41572 8.31553L8.70947 9.02178L3.70947 14.0218L3.0001 14.7312L1.58447 13.3155L2.29072 12.6093L6.58447 8.31553L2.29385 4.02178L1.58447 3.31553L3.0001 1.8999L3.70635 2.60615L8.70635 7.60615L9.41572 8.31553Z" fill="%23DF242B"/></svg>');
  background-repeat: no-repeat;
  background-position: left center;
}
#page-footer .gallery-item.gallery-item-size-3 {
  width: 40px;
  padding-right: 10px;
}
#page-footer .frame-type-menu_subpages ul {
  list-style-type: none;
  display: flex;
  gap: 0;
  padding: 0;
  flex-wrap: wrap;
  justify-content: start;
}
#page-footer .frame-type-menu_subpages a {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  color: transparent !important;
}
#page-footer .frame-type-menu_subpages a[href*=youtube]:before {
  content: url(../Icons/youtube-small.svg);
}
#page-footer .frame-type-menu_subpages a[href*=facebook]:before {
  content: url(../Icons/facebook-small.svg);
}
#page-footer .frame-type-menu_subpages a[href*=instagram]:before {
  content: url(../Icons/instagram-small.svg);
}
#page-footer .frame-type-menu_subpages a[href*=linkedin]:before {
  content: url(../Icons/linkedin-small.svg);
}
#page-footer .frame-type-menu_subpages a[href*=xing]:before {
  content: url(../Icons/xing-small.svg);
}

#page-footer {
  padding-left: var(--container-spacing-sm);
  padding-right: var(--container-spacing-sm);
}

@media (min-width: 576px) {
  #page-footer {
    padding-left: var(--container-spacing-sm);
    padding-right: var(--container-spacing-sm);
  }
}
@media (min-width: 768px) {
  #page-footer {
    padding-left: var(--container-spacing-md);
    padding-right: var(--container-spacing-md);
  }
}
@media (min-width: 992px) {
  #page-footer {
    padding-left: var(--container-spacing-lg);
    padding-right: var(--container-spacing-lg);
  }
}
@media (min-width: 1200px) {
  #page-footer {
    padding-left: var(--container-spacing-xl);
    padding-right: var(--container-spacing-xl);
  }
}
#page-footer .frame-type-menu_pages .active:not(.dropdown) > a:not(.link-button),
#page-footer .frame-type-text .active:not(.dropdown) > a:not(.link-button),
#page-content .active:not(.dropdown) > a:not(.link-button),
#secondLine .active:not(.dropdown) > a:not(.link-button), .submenu .active:not(.dropdown) > a:not(.link-button) {
  color: var(--machbar-orange);
}
#page-footer .frame-type-menu_pages .active.dropdown > a:not(.link-button, .nounderline),
#page-footer .frame-type-text .active.dropdown > a:not(.link-button, .nounderline),
#page-content .active.dropdown > a:not(.link-button, .nounderline),
#secondLine .active.dropdown > a:not(.link-button, .nounderline), .submenu .active.dropdown > a:not(.link-button, .nounderline) {
  color: var(--machbar-orange);
}
#page-footer .frame-type-menu_pages a:not(.link-button, .nounderline),
#page-footer .frame-type-text a:not(.link-button, .nounderline),
#page-content a:not(.link-button, .nounderline),
#secondLine a:not(.link-button, .nounderline), .submenu a:not(.link-button, .nounderline) {
  color: var(--machbar-orange);
  text-decoration: none;
  font-weight: 700;
}
#page-footer .frame-type-menu_pages a:not(.link-button, .nounderline):hover:not(.link-button),
#page-footer .frame-type-text a:not(.link-button, .nounderline):hover:not(.link-button),
#page-content a:not(.link-button, .nounderline):hover:not(.link-button),
#secondLine a:not(.link-button, .nounderline):hover:not(.link-button), .submenu a:not(.link-button, .nounderline):hover:not(.link-button) {
  color: var(--machbar-orange-hover);
  text-decoration: none;
}
#page-footer .frame-type-menu_pages a:not(.link-button, .nounderline),
#page-footer .frame-type-text a:not(.link-button, .nounderline),
#page-content a:not(.link-button, .nounderline),
#secondLine a:not(.link-button, .nounderline), .submenu a:not(.link-button, .nounderline) {
  color: var(--machbar-black);
  text-decoration: none;
  display: inline-block;
  padding: 0;
  position: relative;
  transition: color 0.3s ease 0s;
}
#page-footer .frame-type-menu_pages a:not(.link-button, .nounderline):hover,
#page-footer .frame-type-text a:not(.link-button, .nounderline):hover,
#page-content a:not(.link-button, .nounderline):hover,
#secondLine a:not(.link-button, .nounderline):hover, .submenu a:not(.link-button, .nounderline):hover {
  text-decoration: none;
  color: var(--machbar-orange);
}
#page-footer .frame-type-menu_pages a:not(.link-button, .nounderline):after,
#page-footer .frame-type-text a:not(.link-button, .nounderline):after,
#page-content a:not(.link-button, .nounderline):after,
#secondLine a:not(.link-button, .nounderline):after, .submenu a:not(.link-button, .nounderline):after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  border: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  background: var(--machbar-orange);
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
#page-footer .frame-type-menu_pages a:not(.link-button, .nounderline):hover:after,
#page-footer .frame-type-text a:not(.link-button, .nounderline):hover:after,
#page-content a:not(.link-button, .nounderline):hover:after,
#secondLine a:not(.link-button, .nounderline):hover:after, .submenu a:not(.link-button, .nounderline):hover:after {
  width: 100%;
  text-decoration: none;
}
#page-footer .frame-type-menu_pages .text-white p > a:not(.link-button, .nounderline),
#page-footer .frame-type-text .text-white p > a:not(.link-button, .nounderline),
#page-content .text-white p > a:not(.link-button, .nounderline),
#secondLine .text-white p > a:not(.link-button, .nounderline), .submenu .text-white p > a:not(.link-button, .nounderline) {
  color: var(--machbar-orange) !important;
}

#page-footer .frame-type-text a:not(.link-button, .nounderline),
#page-footer .frame-type-menu_pages a:not(.link-button, .nounderline) {
  text-transform: none;
}

#page-content ul li > a:not(.link-button, .nounderline), #page-content ol li > a:not(.link-button, .nounderline), #page-content p > a:not(.link-button, .nounderline) {
  color: var(--machbar-orange);
}
#page-content a.redlink {
  color: var(--machbar-orange);
}

.darkheader .navibar:not(.stackable) #secondLine #language_menu li:first-child:after,
.darkheader .navibar:not(.stackable) #secondLine #metanavi a:not(.link-button, .nounderline),
.darkheader .navibar:not(.stackable) #secondLine .navbar-main > li > a:not(.link-button, .nounderline) {
  color: #fff;
}

.section-top:empty {
  height: 110px;
}

header .headerbox {
  padding-left: 0;
  padding-right: 0;
}
header .navbar-nav {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  list-style-type: none;
  margin-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}
header .navbar-nav .dropdown-toggle::after {
  display: block;
  margin-left: 0;
  content: "";
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

header.navbar {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
}

.headerline {
  height: 4px;
  background-color: var(--machbar-orange);
}

.bg-primary .headerline {
  background-color: #fff;
}

body .noheader .section-default > .container-fluid:first-child,
body .noheader .section-default > .frame .article .container-fluid:first-child,
body .section-header > div:first-child,
body .section-header > .container-fluid:first-child {
  padding-top: 100px !important;
}

.logo {
  background-repeat: no-repeat;
  width: 219px;
  height: 60px;
  background-size: contain;
  display: block;
}

.mm-menu--theme-light {
  --mm-color-background: #fff;
  --mm-color-text: #000;
}

.bg-image {
  position: relative;
}

.bgvideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bgvideo video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bgvideo:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.3) 100%);
}

#firstLine {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

#secondLine {
  display: none;
  white-space: nowrap;
  hyphens: none;
}

.navi_wrapper {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  gap: 80px;
}

#metanavi {
  --machbar-orange: #fff;
  --machbar-orange-hover: #fff;
  --machbar-black: #fff;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 7px;
}
#metanavi li.active a:after {
  width: 100% !important;
}
#metanavi #meta_menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
}
#metanavi #language_menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #fff;
}
#metanavi #metatop {
  display: flex;
  flex-direction: row;
  gap: 20px;
  font-size: 14px;
  line-height: 1;
  justify-content: space-between;
  text-transform: uppercase;
}
#metanavi #metabottom {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
#metanavi #metabottom a:not(.link-button) {
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
}

.navibar {
  position: relative;
}
.navibar .naviholder {
  position: absolute;
  z-index: 500;
  top: 0;
  transition: all 0s linear;
}
.navibar.stackable .naviholder {
  opacity: 0;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: -300px;
  transition: all 0.4s ease-in-out;
}
.navibar.notfixed .naviholder {
  transition: all 0s linear;
  top: -300px;
}
.navibar.fixed .naviholder {
  top: 0;
  opacity: 1;
}

.submenu {
  position: relative;
  display: flex;
}
.submenu ul {
  margin-bottom: 0;
}
.submenu ul li {
  list-style-type: none;
}
.submenu ul li a {
  text-decoration: none;
  font-weight: 600;
  line-height: 2 !important;
}
.submenu .dropdown-submenu {
  margin-top: 50px;
  margin-bottom: 60px;
  margin-right: 0;
  padding-left: 0;
}
.submenu .dropdown-submenu li {
  margin-bottom: 15px;
}
.submenu .dropdown-submenu li a {
  text-transform: uppercase;
}
.submenu .dropdown-submenu li a:hover {
  color: var(--machbar-orange);
}
.submenu .dropdown-submenu li.dropdown2 a > span:after {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  font-size: 16px;
  font-weight: 700 !important;
  line-height: 26.4px;
  margin-left: 5px;
}
.submenu .dropdown-menu2 {
  margin-top: 50px;
  margin-bottom: 30px;
  margin-left: 50px;
  display: inline-block;
  padding-left: 50px;
  border-left: 2px solid rgba(var(--bs-primary-rgb), 0.1);
}
.submenu .dropdown-menu2 li {
  margin-bottom: 15px;
  margin-top: 0;
}
.submenu .dropdown-menu2 li a {
  font-size: 16px;
  line-height: 1.2;
}
.submenu .dropdown-menu2.multicolumn {
  columns: 2;
}

li.relink {
  position: absolute;
  top: 40px;
}
li.relink a {
  font-size: 16px !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
  margin-bottom: 0 !important;
}

body .navbar-nav .dropdown-menu a {
  margin-top: 5px;
  margin-bottom: 5px;
}

body .navbar-nav .dropdown-menu2 {
  list-style-type: none;
}
body .navbar-nav .dropdown-menu2 a {
  margin-top: 5px;
  margin-bottom: 5px;
}

.navbar-main > .dropdown > a > span {
  position: relative;
  padding-right: 15px;
}
.navbar-main > .dropdown > a > span:after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 3px;
  right: -2px;
}
.navbar-main > .dropdown > .dropdown-menu > li.dropdown2 > a > span {
  position: relative;
  padding-right: 15px;
}
.navbar-main > .dropdown > .dropdown-menu > li.dropdown2 > a > span:after {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 5px;
  right: -2px;
}

@media (min-width: 768px) {
  .breadcrumb-section {
    display: flex;
  }
  .breadcrumb-section .breadcrumb li:first-child .breadcrumb-link-title:before {
    content: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3271_5923)"><path d="M17.9945 7.98438C17.9945 8.54688 17.5258 8.9875 16.9945 8.9875H15.9945L16.0164 13.9937C16.0164 14.0781 16.0102 14.1625 16.0008 14.2469V14.7531C16.0008 15.4438 15.4414 16.0031 14.7508 16.0031H14.2508C14.2164 16.0031 14.182 16.0031 14.1477 16C14.1039 16.0031 14.0602 16.0031 14.0164 16.0031L13.0008 16H12.2508C11.5602 16 11.0008 15.4406 11.0008 14.75V14V12C11.0008 11.4469 10.5539 11 10.0008 11H8.00078C7.44766 11 7.00078 11.4469 7.00078 12V14V14.75C7.00078 15.4406 6.44141 16 5.75078 16H5.00078H4.00391C3.95703 16 3.91016 15.9969 3.86328 15.9937C3.82578 15.9969 3.78828 16 3.75078 16H3.25078C2.56016 16 2.00078 15.4406 2.00078 14.75V11.25C2.00078 11.2219 2.00078 11.1906 2.00391 11.1625V8.98438H1.00391C0.441406 8.98438 0.00390625 8.54688 0.00390625 7.98125C0.00390625 7.7 0.0976562 7.45 0.316406 7.23125L8.32578 0.25C8.54453 0.03125 8.79453 0 9.01328 0C9.23203 0 9.48203 0.0625 9.66953 0.21875L17.6508 7.23438C17.9008 7.45312 18.0258 7.70312 17.9945 7.98438Z" fill="%23DF242B"/></g><defs><clipPath id="clip0_3271_5923"><rect width="18" height="16" fill="white"/></clipPath></defs></svg>');
  }
  .breadcrumb-section .breadcrumb li:first-child .breadcrumb-text {
    display: none;
  }
  .breadcrumb-section .breadcrumb .breadcrumb-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
  }
  .breadcrumb-section .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    margin-top: 1px;
    content: url('data:image/svg+xml,<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.70664 7.29377C10.0973 7.6844 10.0973 8.31877 9.70664 8.7094L3.70664 14.7094C3.31602 15.1 2.68164 15.1 2.29102 14.7094C1.90039 14.3188 1.90039 13.6844 2.29102 13.2938L7.58477 8.00002L2.29414 2.70627C1.90352 2.31565 1.90352 1.68127 2.29414 1.29065C2.68477 0.900024 3.31914 0.900024 3.70977 1.29065L9.70977 7.29065L9.70664 7.29377Z" fill="black" fill-opacity="0.15"/></svg>');
  }
}
.navbar-main li.dropdown:hover .dropdown-menu {
  display: block;
  position: absolute;
  padding: 20px;
  padding-top: 10px;
  left: -20px;
}

.darkheader .navibar:not(.stackable) .language_menu span {
  color: #fff;
}
.darkheader #metanavi #language_menu {
  color: #fff;
}

@media (min-width: 768px) {
  body .noheader .section-default > .container-fluid:first-child,
  body .noheader .section-default > .frame .article .container-fluid:first-child,
  body .section-header > div:first-child,
  body .section-header > .container-fluid:first-child {
    padding-top: 100px !important;
  }
  .navibar .naviholder {
    padding: 20px 0 !important;
  }
  .navibar .navi-container {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .navibar:not(.stackable) .navi-container {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
#firstLine .navbar-header-main {
  margin-top: 10px;
}

@media (min-width: 920px) {
  .section-top:empty {
    height: 150px;
  }
  body .noheader .section-default > .container-fluid:first-child,
  body .noheader .section-default > .frame .article .container-fluid:first-child,
  body .section-header > div:first-child,
  body .section-header > .container-fluid:first-child {
    padding-top: 150px !important;
  }
}
/* nav wechsel-breite */
@media (min-width: 992px) {
  #secondLine {
    display: block;
  }
  #firstLine .navbar-header-main {
    display: none;
  }
}
#secondLine .navbar-main a:not(.link-button),
#secondLine #metanavi a:not(.link-button) {
  padding-top: 5px;
  padding-bottom: 5px;
}

#language_menu li:first-child:after {
  content: " | ";
}
#language_menu li.active span {
  color: var(--machbar-orange);
}

.swiper, .noswiper {
  width: 100%;
  height: 600px;
  overflow: hidden;
}
.swiper .swiper-slide, .noswiper .swiper-slide {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper .slider-bg-image, .noswiper .slider-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}
.swiper .slider-box, .noswiper .slider-box {
  position: relative;
  z-index: 1;
}

.swiper, .noswiper {
  height: 700px;
}

.smallsliderheight .swiper, .smallsliderheight .noswiper {
  height: 400px;
}

.headerslider .swiper-horizontal > .swiper-pagination-bullets,
.headerslider .swiper-pagination-bullets.swiper-pagination-horizontal,
.headerslider .swiper-pagination-custom,
.headerslider .swiper-pagination-fraction {
  bottom: 24px;
}
.headerslider .swiper-pagination-bullet {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) calc(50% - 2px), rgba(255, 255, 255, 0.75) calc(50% - 2px), rgba(255, 255, 255, 0.75) calc(50% + 2px), rgba(255, 255, 255, 0) calc(50% + 2px));
}
.headerslider .swiper-pagination-bullet-active {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) calc(50% - 2px), rgb(255, 255, 255) calc(50% - 2px), rgb(255, 255, 255) calc(50% + 2px), rgba(255, 255, 255, 0) calc(50% + 2px));
}
.headerslider .swiper-button-next:after,
.headerslider .swiper-button-prev:after {
  font-family: "Font Awesome 6 Pro";
  font-size: 25px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.headerslider .swiper-button-next:after {
  content: "\f054";
}
.headerslider .swiper-button-prev:after {
  content: "\f053";
}
.headerslider .swiper-pagination {
  width: calc(100% - 100px) !important;
  left: 50% !important;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1304px;
}
.headerslider .swiper-pagination-bullet {
  flex: 1 1 0;
  width: 100% !important;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  max-width: none;
  min-width: 0;
  display: block;
  border-radius: 0;
}

.headerslider .swiper-slide:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

.headerslider .swiper-pagination-bullet {
  border-radius: 0;
}

body .swiper-button-prev,
body .swiper-button-next,
body .swiper-rtl .swiper-button-next {
  top: inherit;
  margin-top: 0;
  bottom: 20px;
  height: 46px;
  padding-left: 0;
  padding-right: 0;
}
body .swiper-button-prev:after,
body .swiper-button-next:after,
body .swiper-rtl .swiper-button-next:after {
  color: white;
  opacity: 1;
}

.headerslider .swiper-slide .slider-box {
  box-shadow: none;
  border-radius: 0;
  max-width: 100%;
  left: 0;
  position: absolute;
  color: #fff;
  background-color: transparent;
  padding: 0;
}
.headerslider .swiper-slide .slider-box .headlinebox {
  display: block;
  position: relative;
  margin-bottom: 0 !important;
}
.headerslider .swiper-slide .slider-box .headlinebox span {
  font-size: var(--machbar-h1-s);
  line-height: 1.2;
  display: block !important;
  letter-spacing: 0;
  font-weight: 300;
}
.headerslider .swiper-slide .slider-box .headlinebox span:has(.headerline) {
  padding-bottom: 20px;
}
.headerslider .swiper-slide .slider-box .headlinebox span.supheadline {
  font-weight: 700;
}
.headerslider .swiper-slide .slider-box .headlinebox span.date {
  font-size: 18px;
  margin-bottom: 12px;
}
.headerslider .swiper-slide .slider-box .headlinebox span.headline > div {
  position: absolute;
  bottom: 0;
}
.headerslider .swiper-slide .slider-box .teasertext p {
  font-size: 16px !important;
  line-height: 1.6 !important;
  max-width: 540px;
  font-weight: 700 !important;
}
.headerslider .swiper-slide .slider-box.align-top {
  top: 40px;
}
.headerslider .swiper-slide .slider-box.align-center, .headerslider .swiper-slide .slider-box:not(.align-top, .align-bottom) {
  top: 50%;
  transform: translateY(-50%);
}
.headerslider .swiper-slide .slider-box.align-bottom {
  top: inherit;
  bottom: 40px;
}

#metatop .wg-list.country-selector a {
  line-height: 13px;
}

#metatop .wg-list.country-selector .wgcurrent a {
  color: rgb(227, 0, 15);
}

.headerslider .swiper-slide.inverted:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.headerslider .swiper-slide.inverted .slider-box {
  color: #000;
}

@media (min-width: 992px) {
  .headerslider .swiper-slide .slider-box .headlinebox span {
    font-size: 68px;
  }
  .headerslider .swiper-slide .slider-box .teasertext p {
    font-size: 18px !important;
  }
}
@media (min-width: 1400px) {
  .headerslider .swiper-slide .slider-box {
    left: calc(50% - 720px);
    max-width: 1440px;
  }
  .swiper-button-prev {
    left: calc((100% - 1380px) / 2 - 4px);
  }
  .swiper-button-next {
    right: calc((100% - 1380px) / 2 - 4px);
  }
}
.navibar .naviholder {
  background: linear-gradient(to bottom, var(--machbar-orange) 0px, var(--machbar-orange) 10px, #fff 10px, #fff 100%);
  padding-top: 10px !important;
  padding-bottom: 0 !important;
}
.navibar .naviholder .navbar {
  margin-top: 0;
}

@media (min-width: 920px) {
  .navibar .naviholder {
    background: linear-gradient(to bottom, var(--machbar-orange) 0px, var(--machbar-orange) 50px, #fff 50px, #fff 100%);
    padding-top: 50px !important;
  }
}
#metanavi {
  position: absolute;
  top: -38px;
  right: 0;
}

@media (min-width: 768px) {
  .headerline {
    height: 6px;
  }
  .navibar .navi-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .navibar:not(.stackable) .navi-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
.bg-marsilver {
  background-image: url("/fileadmin/user_upload/backgrounds/Asset13.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-marsilver .bg-marsilver {
  background-image: none;
}

.bg-marblue {
  background-image: url("/fileadmin/user_upload/backgrounds/Asset15.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-marblue .bg-marblue {
  background-image: none;
}

.anim-popin {
  height: fit-content;
}

.redbordertop {
  border-top: 6px solid var(--machbar-orange);
  margin-top: 20px;
}

.logobanner .frame-mbgridcontainer {
  overflow: hidden;
  position: relative;
  height: 260px;
}
.logobanner .frame-mbgridcontainer .frame-inner {
  position: absolute;
  white-space: nowrap;
  width: auto;
  animation: moveLogobanner 40s linear infinite;
}
.logobanner .frame-mbgridcontainer .frame-inner > div {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
.logobanner .gallery-row {
  display: flex;
  gap: 30px;
  width: max-content;
}
.logobanner .gallery-row .gallery-item {
  display: flex;
  width: max-content;
  flex-wrap: nowrap;
}
.logobanner .gallery-row .gallery-item .image {
  width: 200px;
  height: 118px;
}
.logobanner .gallery-row + .gallery-row {
  margin-top: 0;
}
.logobanner .garow2 {
  margin-top: 0;
}
.logobanner .holder2 {
  margin-top: 0;
  padding-left: 115px;
  margin-left: -230px;
}

@keyframes moveLogobanner {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-50% - 15px));
  }
}
.frame-type-text.linkbox a {
  font-weight: 700;
}
.frame-type-text.linkbox a::after {
  padding-left: 10px;
  font-weight: 700;
  color: var(--machbar-orange);
  font-family: "Font Awesome 6 Pro" !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\f061";
  transition: all 0.4s ease-in-out;
}
.frame-type-text.linkbox a:hover::after {
  padding-left: 20px;
}

.container-fluid.zitat {
  min-height: 480px;
  background-position: center center;
  position: relative;
}
.container-fluid.zitat.verlauf.bg-image:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 5;
}
.container-fluid.zitat.bg-image p strong {
  color: var(--machbar-orange);
}
.container-fluid.zitat .mbgrid-element {
  justify-content: end;
  align-items: start;
}
.container-fluid.zitat .grid-container {
  position: absolute;
  z-index: 10;
  height: 100%;
}
.container-fluid.zitat p {
  color: white;
}
.container-fluid.zitat p strong {
  font-weight: 700;
  color: #fff;
}
.container-fluid.zitat blockquote:before {
  content: url("../Images/zitat.svg");
  display: block;
  margin-bottom: 20px;
}
.container-fluid.zitat blockquote p {
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px;
}
.container-fluid.zitat blockquote p:after {
  content: '"';
}

.kacheln-2 .mbgrid-element {
  border-radius: 8px;
  overflow: hidden;
}

#page-footer .frame-type-menu_pages.imprintline ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 20px;
}
#page-footer .frame-type-menu_pages.imprintline ul li::marker {
  color: var(--machbar-orange);
}

@media (min-width: 768px) {
  .zweispaltig .frame-inner {
    columns: 2;
    column-gap: 40px;
  }
  .dreispaltig .frame-inner {
    columns: 3;
    column-gap: 40px;
  }
  .container-fluid.zitat {
    min-height: 620px;
  }
  .container-fluid.zitat .mbgrid-element {
    justify-content: center;
    align-items: center;
  }
  .container-fluid.zitat blockquote {
    max-width: 680px;
  }
  .container-fluid.zitat blockquote p {
    font-size: 42px;
    line-height: 50px;
  }
  .kacheln-2 {
    padding-bottom: 200px !important;
  }
}
.section-default > .logobg-right,
.section-default > .logobg-left {
  position: relative;
  background-color: #fff;
  padding-right: 0;
  padding-left: 0;
  overflow: hidden;
}
.section-default > .logobg-right:before,
.section-default > .logobg-left:before {
  content: "";
  position: absolute;
  top: var(--parallaxY, 0px);
  right: 0;
  bottom: inherit;
  height: calc(100% - 80px);
  margin-top: 40px;
  margin-bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../Icons/fabrikon_bildmarke.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
  width: calc(100% - 80px);
}
.section-default > .logobg-right .grid-container,
.section-default > .logobg-left .grid-container {
  background: transparent !important;
  position: relative;
  z-index: 2;
}

.section-default > .logobg-left:before {
  background-position: left center;
}

@media (min-width: 1400px) {
  .section-default > .logobg-right:before,
  .section-default > .logobg-left:before {
    width: 1360px;
  }
}
.breakoutquote .frame-type-quote:before {
  content: "";
  display: block;
  width: 20px;
  height: 25px;
  background-image: url('data:image/svg+xml,<svg fill="none" height="50" viewBox="0 0 41 50" width="41" xmlns="http://www.w3.org/2000/svg"><g fill="%23DF242B"><path d="m0 20.6271 15.264-11.22109v40.59409l-15.264-.0825z"/><path d="m25.2642 11.2211 15.264-11.2211v50l-15.264-.0825z"/></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  margin-bottom: 20px;
}
.breakoutquote .frame-type-quote blockquote p {
  font-size: 24px !important;
  line-height: 1 !important;
  font-style: italic !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}
.breakoutquote.text-white .frame-type-quote:before {
  background-image: url('data:image/svg+xml,<svg fill="none" height="50" viewBox="0 0 41 50" width="41" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff"><path d="m0 20.6271 15.264-11.22109v40.59409l-15.264-.0825z"/><path d="m25.2642 11.2211 15.264-11.2211v50l-15.264-.0825z"/></g></svg>');
}
.breakoutquote.bg-tertiary .bg-tertiary {
  background-color: transparent !important;
}

/* icon color */
.frame-type-text p > i[class],
.news-text-wrap p > i[class] {
  color: var(--machbar-orange);
}

.topquote.frame-type-quote:before {
  content: "";
  display: block;
  width: 41px;
  height: 50px;
  background-image: url('data:image/svg+xml,<svg fill="none" height="50" viewBox="0 0 41 50" width="41" xmlns="http://www.w3.org/2000/svg"><g fill="%23DF242B"><path d="m0 20.6271 15.264-11.22109v40.59409l-15.264-.0825z"/><path d="m25.2642 11.2211 15.264-11.2211v50l-15.264-.0825z"/></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}
.topquote.frame-type-quote blockquote p {
  font-size: 24px !important;
  line-height: 1.4 !important;
  font-style: italic !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  max-width: inherit !important;
  text-align: center;
}
.topquote.text-white .frame-type-quote:before {
  background-image: url('data:image/svg+xml,<svg fill="none" height="50" viewBox="0 0 41 50" width="41" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff"><path d="m0 20.6271 15.264-11.22109v40.59409l-15.264-.0825z"/><path d="m25.2642 11.2211 15.264-11.2211v50l-15.264-.0825z"/></g></svg>');
}

:root {
  --machbar-breakout-left: 25%;
}

@media (max-width: 767px) {
  .breakoutquote {
    background-color: var(--machbar-orange) !important;
  }
}
@media (min-width: 768px) {
  .breakoutquote .mbgrid-element.p-gap {
    padding-left: 0 !important;
  }
  .breakoutquote.breakoutquotered {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 60px, rgba(255, 255, 255, 0) 60px, rgba(255, 255, 255, 0) calc(100% - 60px), rgba(255, 255, 255, 0) calc(100% - 60px), rgba(255, 255, 255, 0) 100%), linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) var(--machbar-breakout-left), var(--machbar-orange) var(--machbar-breakout-left), var(--machbar-orange) 100%);
  }
  .breakoutquote.breakoutquotered.bg-tertiary {
    background: linear-gradient(to bottom, rgb(242, 246, 247) 0px, rgb(242, 246, 247) 60px, rgba(255, 255, 255, 0) 60px, rgba(255, 255, 255, 0) calc(100% - 60px), rgb(242, 246, 247) calc(100% - 60px), rgb(242, 246, 247) 100%), linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) var(--machbar-breakout-left), var(--machbar-orange) var(--machbar-breakout-left), var(--machbar-orange) 100%);
  }
  .breakoutquote.breakoutquotered.bg-tertiary .bg-tertiary {
    background-color: transparent !important;
  }
  .breakoutquote.breakoutquotegrey {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) var(--machbar-breakout-left), var(--machbar-grey) var(--machbar-breakout-left), var(--machbar-grey) 100%);
  }
  .breakoutquote .frame-type-quote:before {
    content: "";
    display: block;
    width: 41px;
    height: 50px;
    margin-bottom: 20px;
  }
  .breakoutquote .frame-type-quote blockquote p {
    font-size: 40px !important;
  }
}
.iconlocation:before {
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  line-height: 1;
  content: "\f041";
  margin-right: 10px;
}

.iconphone:before {
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  line-height: 1;
  content: "\f095";
  margin-right: 10px;
}

.iconenvelope:before {
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  line-height: 1;
  content: "\f0e0";
  margin-right: 10px;
}

.iconfax:before {
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  line-height: 1;
  content: "\f1ac";
  margin-right: 10px;
}

.link-arrow:before {
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  line-height: 1;
  content: "\f105";
  position: absolute;
  right: -20px;
  bottom: 7px;
}

.link-file:before {
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  line-height: 1;
  content: "\f15b";
  position: absolute;
  right: -20px;
  bottom: 7px;
}

.link-page:before {
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  line-height: 1;
  content: "\f063";
  position: absolute;
  right: -20px;
  bottom: 7px;
}

.link-mail:before {
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  line-height: 1;
  content: "\f0e0";
  position: absolute;
  right: -20px;
  bottom: 7px;
}

.link-external:before {
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  line-height: 1;
  content: "\f08e";
  position: absolute;
  right: -20px;
  bottom: 7px;
}

.link-folder:before {
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  line-height: 1;
  content: "\f07b";
  position: absolute;
  right: -20px;
  bottom: 7px;
}

.bg-ol-white::before,
.bg-ol-black::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.2) 60%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.bg-ol-white .mbgrid-element,
.bg-ol-black .mbgrid-element {
  position: relative;
  z-index: 2;
}

.bg-ol-black::before {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%);
}

.vorhernachher .before-after-slider-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  touch-action: none;
}
.vorhernachher .before-image,
.vorhernachher .after-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.vorhernachher .before-after-slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 100%;
  z-index: 3;
  cursor: ew-resize;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vorhernachher .before-after-slider-handle div {
  height: 60px;
  background: var(--machbar-orange);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
}
.vorhernachher .before-after-caption-overlay {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  pointer-events: none;
  height: auto;
  min-height: 100px;
  font-size: 18px;
  z-index: 10;
  display: block;
}
.vorhernachher .before-caption {
  position: absolute;
  left: 0px;
  bottom: 0;
  width: 50%;
  color: rgb(255, 255, 255);
  padding: 30px;
  box-sizing: border-box;
  font-weight: 700;
  text-align: left;
  transition: width 0.2s;
}
.vorhernachher .after-caption {
  position: absolute;
  right: 0px;
  bottom: 0;
  width: 50%;
  color: rgb(255, 255, 255);
  padding: 30px;
  box-sizing: border-box;
  font-weight: 700;
  text-align: right;
  transition: width 0.2s;
}

.color1-text {
  color: var(--machbar-orange) !important;
}

.frame:not(.mb_acc) .iconheader {
  gap: 20px !important;
}
.frame:not(.mb_acc) .iconheader .icon {
  font-size: 40px !important;
}

@media (min-width: 768px) {
  .frame:not(.mb_acc) .iconheader {
    gap: 30px !important;
  }
  .frame:not(.mb_acc) .iconheader .icon {
    font-size: 50px !important;
  }
}
@media (min-width: 992px) {
  .frame:not(.mb_acc) .iconheader {
    gap: 40px !important;
  }
  .frame:not(.mb_acc) .iconheader .icon {
    font-size: 60px !important;
  }
}
.frame-type-menu_pages ul:not(.menu-reference, .kachel-menu),
.frame-type-menu_subpages ul:not(.menu-reference, .kachel-menu) {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  flex-wrap: nowrap;
  justify-content: start;
  margin: 0;
}
.frame-type-menu_pages ul:not(.menu-reference, .kachel-menu) li,
.frame-type-menu_subpages ul:not(.menu-reference, .kachel-menu) li {
  list-style-type: none;
  line-height: 1.4;
  padding-left: 20px;
  background-image: url('data:image/svg+xml,<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.41572 8.31553L8.70947 9.02178L3.70947 14.0218L3.0001 14.7312L1.58447 13.3155L2.29072 12.6093L6.58447 8.31553L2.29385 4.02178L1.58447 3.31553L3.0001 1.8999L3.70635 2.60615L8.70635 7.60615L9.41572 8.31553Z" fill="%23DF242B"/></svg>');
  background-repeat: no-repeat;
  background-position: left center;
}

.kachel-menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: start;
  margin: 0;
}
.kachel-menu li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}
.kachel-menu li a {
  width: 100%;
  background-color: #fff;
  display: block;
  text-decoration: none;
  outline: 4px solid transparent;
  outline-offset: 10px;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.kachel-menu li a .btn-text, .kachel-menu li a .icon {
  font-weight: 700;
  color: var(--machbar-orange);
  font-size: 16px;
  line-height: 24px;
}
.kachel-menu li a .btn-text {
  color: var(--machbar-orange);
  text-decoration: none;
  display: inline-block;
  padding: 0;
  padding-bottom: 2px;
  position: relative;
  transition: color 0.3s ease 0s;
}
.kachel-menu li a .btn-text:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  border: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  background: var(--machbar-orange);
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.kachel-menu li a .kachel-image {
  overflow: hidden;
}
.kachel-menu li a .kachel-image img {
  transition: transform 0.3s ease 0s;
}
.kachel-menu li a:hover .kachel-image img {
  transform: scale(1.1);
}
.kachel-menu li a:hover .btn-text:after {
  width: 100%;
  text-decoration: none;
}
.kachel-menu li a:focus .btn-text:after {
  width: 100%;
  text-decoration: none;
}
.kachel-menu li .kachel-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.kachel-menu li .kachel-content {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  gap: 20px;
}
.kachel-menu li .kachel-content .kachel-title {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .kachel-menu {
    gap: 30px;
  }
  .kachel-menu li {
    width: calc(50% - 15px);
    aspect-ratio: 4/3;
  }
  .kachel-menu li .kachel-image img {
    aspect-ratio: 34/23;
  }
  .kachel-menu li .kachel-content {
    aspect-ratio: 34/19;
  }
}
@media (min-width: 992px) {
  .kachel-menu {
    gap: 40px;
  }
  .kachel-menu li {
    width: calc(33.3% - 26.6666666667px);
  }
}
body #CookieBox {
  border-radius: 0;
}
body #CookieBox a:focus, body #CookieBox p[tabindex]:focus, body #CookieBox p[tabindex]:active, body #CookieBox div[tabindex]:focus, body #CookieBox div[tabindex]:active {
  outline: 2px solid var(--machbar-orange);
  outline-offset: 2px;
}
body #CookieBox .cookie-fix {
  padding: 20px 4px 0px 4px;
  margin: 25px 26px;
}
body #CookieBox .cookie-btn {
  background: var(--machbar-orange);
  border-radius: 0;
  width: 100%;
  text-transform: uppercase;
}
body #CookieBox .cookie-btn:focus {
  outline-offset: 2px;
}
body #CookieBox .cookie-fix .cookieback, body #CookieBox .cookie-fix .cookie-refuse {
  color: var(--machbar-orange);
  background-color: #fff;
  font-size: 16px;
}
body #CookieBox .category {
  background: #fff;
}
body #CookieBox .cookieclose {
  border: none;
  background: transparent;
  top: 20px;
  right: 25px;
  width: 40px;
  height: 40px;
  border-radius: 30px;
}
body #CookieBox .cookieclose:before, body #CookieBox .cookieclose:after {
  font-family: "Font Awesome 6 Pro";
  color: var(--machbar-orange);
  content: "\f057";
  width: 30px;
  height: 30px;
  font-size: 36px;
  background-color: transparent;
  top: 2px;
  left: 2px;
  border-radius: 0;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}
body #CookieBox .cookieclose:after {
  content: none;
}
body #CookieBox .cookieclose .fa-circle-xmark {
  display: none !important;
}
body #CookieBox .cookie-btn {
  background: var(--machbar-orange);
  color: #fff;
}
body #CookieBox .cookie-btn.cookie-management {
  color: var(--machbar-orange);
  background-color: #fff;
}
body #CookieBox .cookie-fix .cookie-save {
  width: 100%;
}
body #CookieBox .cookie-fix .cookie-save a {
  width: 100%;
}
body #CookieBox .cookie-fix .text-back-right {
  width: 100%;
}
body #CookieBox .cookie-fix .text-back-right a {
  width: 100%;
}
body #CookieBox .intro p {
  width: 90%;
}

#CookieBox .cookie-buttons {
  width: 90%;
  margin: 0 auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#CookieBox .cookie-buttons > div {
  width: 100%;
}
#CookieBox .cookie-buttons.half {
  margin-top: 20px;
  margin-bottom: 20px;
}
#CookieBox .cookie-buttons .cookie-btn {
  margin: 0;
  height: 100%;
  padding: 12px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  body #CookieBox .cookie-fix .cookie-save {
    width: 30%;
  }
  body #CookieBox .cookie-fix .text-back-right {
    width: 65%;
  }
  body #CookieBox .cookie-fix .text-back-right a {
    width: 100%;
  }
}
@media (min-width: 1000px) {
  body #CookieBox {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    max-width: 800px;
  }
  body #CookieBox .cookie-buttons.half > div {
    width: calc(50% - 10px);
  }
  body #CookieBox .cookie-fix .cookie-save {
    width: 100%;
  }
  body #CookieBox .cookie-fix .text-back-right {
    width: 100%;
  }
  body #CookieBox .cookie-fix .text-back-right a {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  body #CookieBox .cookie-fix .cookie-save {
    width: 30%;
  }
  body #CookieBox .cookie-fix .text-back-right {
    width: 60%;
  }
  body #CookieBox .cookie-fix .text-back-right a {
    width: 100%;
  }
}
#page-content .frame-type-text ul,
#page-content .news-text-wrap ul {
  list-style-type: disc;
}
#page-content .frame-type-text ul li::marker,
#page-content .news-text-wrap ul li::marker {
  color: var(--machbar-orange);
}
#page-content .frame-type-text ul, #page-content .frame-type-text ol,
#page-content .news-text-wrap ul,
#page-content .news-text-wrap ol {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 10px;
  padding-left: 20px;
}
#page-content .frame-type-text ul.checklist,
#page-content .news-text-wrap ul.checklist {
  list-style: none;
}
#page-content .frame-type-text ul.checklist li,
#page-content .news-text-wrap ul.checklist li {
  position: relative;
}
#page-content .frame-type-text ul.checklist li:before,
#page-content .news-text-wrap ul.checklist li:before {
  color: var(--machbar-orange);
  position: absolute;
  left: -20px;
  top: 7px;
  font-family: "Font Awesome 6 Pro" !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\f00c";
  color: var(--machbar-orange);
}

.contentslider {
  gap: 0;
}
.contentslider .mbgrid-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: start;
  align-items: start;
}
.contentslider video {
  width: 100%;
}
.contentslider .slick-slide {
  background-color: white;
}
.contentslider .slick-contentnavi {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: start;
  align-items: center;
}
.contentslider .slick-contentnavi div {
  text-align: center;
  cursor: pointer;
  font-weight: 700;
}
.contentslider .slick-contentnavi div.active a {
  color: var(--machbar-orange) !important;
}
.contentslider .slick-contentnavi div a {
  color: var(--machbar-blue) !important;
  padding-bottom: 5px !important;
}
.contentslider .slick-arrows {
  position: absolute;
  width: 100%;
  bottom: 20px;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  left: 0;
  border: none;
  pointer-events: none;
}
.contentslider .slick-arrows .slick-prev {
  pointer-events: all;
  border: none;
  background: transparent;
  color: var(--machbar-orange);
}
.contentslider .slick-arrows .slick-prev:after {
  font-family: "Font Awesome 6 Pro";
  font-size: 25px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  content: "\f053";
}
.contentslider .slick-arrows .slick-next {
  pointer-events: all;
  border: none;
  background: transparent;
  color: var(--machbar-orange);
}
.contentslider .slick-arrows .slick-next:after {
  font-family: "Font Awesome 6 Pro";
  font-size: 25px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  content: "\f054";
}
.contentslider:not(.container-fluid) .slick-arrows {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.contentslider .slick-dots {
  position: relative;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 0 !important;
}
.contentslider .slick-dots li {
  flex: 1;
  height: 40px;
  margin: 0;
}
.contentslider .slick-dots li button {
  width: 100%;
  height: 40px;
  border: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) calc(50% - 2px), var(--machbar-orange) calc(50% - 2px), var(--machbar-orange) calc(50% + 2px), rgba(255, 255, 255, 0) calc(50% + 2px));
  opacity: 0.25;
  border-radius: 0;
  padding: 0;
  text-indent: -9999px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.contentslider .slick-dots li button:before {
  content: none;
}
.contentslider .slick-dots li button:hover {
  opacity: 1;
}
.contentslider .slick-dots li.slick-active button {
  opacity: 1;
}

@media (min-width: 992px) {
  .contentslider .slick-slide .frame-type-text:first-child {
    padding-right: 0 !important;
  }
  .contentslider .slick-slide .frame-type-text:last-child:not(:first-child) {
    padding-left: 0 !important;
  }
  .contentslider .mbgrid-content {
    flex-direction: row;
    justify-content: start;
    align-items: start;
    gap: 40px;
  }
  .contentslider .mbgrid-content .frame:first-child {
    width: calc(50% - 20px);
  }
  .contentslider .mbgrid-content .frame:last-child {
    width: calc(50% - 20px);
  }
  .contentslider .mbgrid-content .frame:last-child:first-child {
    width: 100%;
  }
  .contentslider .mbgrid-content p {
    max-width: 700px;
  }
  .contentslider .cs72 .mbgrid-content .frame:first-child {
    width: calc(75% - 20px);
  }
  .contentslider .cs72 .mbgrid-content .frame:last-child {
    width: calc(25% - 20px);
  }
  .contentslider .cs27 .mbgrid-content .frame:first-child {
    width: calc(25% - 20px);
  }
  .contentslider .cs27 .mbgrid-content .frame:last-child {
    width: calc(75% - 20px);
  }
  .contentslider .cs64 .mbgrid-content .frame:first-child {
    width: calc(60% - 20px);
  }
  .contentslider .cs64 .mbgrid-content .frame:last-child {
    width: calc(40% - 20px);
  }
  .contentslider .cs46 .mbgrid-content .frame:first-child {
    width: calc(40% - 20px);
  }
  .contentslider .cs46 .mbgrid-content .frame:last-child {
    width: calc(60% - 20px);
  }
  .contentslider .slick-contentnavi {
    display: flex;
    flex-direction: row;
    column-gap: 60px;
    row-gap: 20px;
    justify-content: center;
    align-items: center;
  }
  .contentslider .slick-contentnavi div {
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    color: var(--machbar-blue);
  }
  .contentslider .slick-contentnavi div.active {
    color: var(--machbar-orange);
  }
}
@media (min-width: 1200px) {
  .container-fluid.contentslider .slick-arrows .slick-next {
    right: 70px;
  }
}
.zitatslider {
  gap: 0;
}
.zitatslider .mbgrid-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.zitatslider .frame-type-image {
  width: 100%;
  aspect-ratio: 1;
}
.zitatslider .frame-type-image img {
  width: 100%;
  aspect-ratio: 1;
  height: inherit;
  object-fit: cover;
}
.zitatslider .frame-type-text {
  width: 100%;
}
.zitatslider p strong {
  color: var(--machbar-orange);
}
.zitatslider blockquote:before {
  content: url("../Images/zitat.svg");
  display: block;
  margin-bottom: 20px;
}
.zitatslider blockquote h1, .zitatslider blockquote h2, .zitatslider blockquote h3, .zitatslider blockquote h4, .zitatslider blockquote h5, .zitatslider blockquote h6 {
  margin-bottom: 10px;
}
.zitatslider blockquote p {
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px;
}
.zitatslider blockquote p:after {
  content: '"';
}
.zitatslider .slick-contentnavi {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: start;
  align-items: center;
}
.zitatslider .slick-contentnavi div {
  text-align: center;
  cursor: pointer;
  font-weight: 700;
}
.zitatslider .slick-contentnavi div.active a {
  color: var(--machbar-orange) !important;
}
.zitatslider .slick-contentnavi div a {
  color: var(--machbar-blue) !important;
  padding-bottom: 5px !important;
}
.zitatslider .slick-dots {
  position: absolute;
  bottom: 0;
}

@media (min-width: 768px) {
  .zitatslider .mbgrid-content {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
  .zitatslider .mbgrid-content p {
    max-width: 550px;
  }
  .zitatslider .frame-type-image {
    height: 100%;
    width: inherit;
    aspect-ratio: 1;
  }
  .zitatslider .slick-contentnavi {
    display: flex;
    flex-direction: row;
    gap: 60px;
    justify-content: center;
    align-items: center;
  }
  .zitatslider .slick-contentnavi div {
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    color: var(--machbar-blue);
  }
  .zitatslider .slick-contentnavi div.active {
    color: var(--machbar-orange);
  }
}
.mb_acc {
  background-color: #fff;
  border-radius: 8px;
}
.mb_acc header {
  margin: 20px;
  margin-right: 40px;
  display: flex;
  gap: 20px;
  flex-direction: row;
  align-items: center;
}
.mb_acc header .icon:before {
  font-size: 30px;
  color: var(--machbar-orange);
}
.mb_acc header h1, .mb_acc header h2, .mb_acc header h3, .mb_acc header h4 {
  position: relative;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
  font-weight: 700;
}
.mb_acc header h1:after, .mb_acc header h2:after, .mb_acc header h3:after, .mb_acc header h4:after {
  content: "\f078";
  color: var(--machbar-blue);
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 5px;
  right: -20px;
  transition: all 0.4s ease-in-out;
}
.mb_acc header h1 span, .mb_acc header h2 span, .mb_acc header h3 span, .mb_acc header h4 span {
  color: var(--machbar-black) !important;
}
.mb_acc .acc_link {
  text-decoration: none;
  cursor: pointer;
  outline-offset: 10px;
}
.mb_acc .opened header h1:after, .mb_acc .opened header h2:after, .mb_acc .opened header h3:after, .mb_acc .opened header h4:after {
  transform: rotate(180deg);
}
.mb_acc.mb_acc_inactive .acc_link {
  cursor: default;
}
.mb_acc.mb_acc_inactive header h1, .mb_acc.mb_acc_inactive header h2, .mb_acc.mb_acc_inactive header h3, .mb_acc.mb_acc_inactive header h4 {
  position: relative;
  width: 100%;
}
.mb_acc.mb_acc_inactive header h1:after, .mb_acc.mb_acc_inactive header h2:after, .mb_acc.mb_acc_inactive header h3:after, .mb_acc.mb_acc_inactive header h4:after {
  content: none;
}

#page-content .acc_content {
  margin: 20px;
  margin-top: 0;
}
#page-content .acc_content p, #page-content .acc_content ul, #page-content .acc_content ol {
  margin-bottom: 20px;
}
#page-content .acc_content .link-button {
  padding: 5px 20px;
  min-width: 100px;
  font-size: 16px;
}

/* default accordion */
.accordion {
  --bs-accordion-active-color: var(--machbar-orange);
  --bs-accordion-color: var(--machbar-orange);
  --bs-accordion-btn-color: var(--machbar-orange);
  border: 0px solid var(--machbar-orange);
  overflow: auto;
}
.accordion .accordion-item {
  border-bottom: 4px solid var(--machbar-orange);
  margin-bottom: 16px;
}
.accordion .accordion-item:first-child {
  border-top: none;
}
.accordion .accordion-item .accordion-button {
  font-size: 22px;
  line-height: 28px;
  padding-right: 50px;
}
.accordion .accordion-item .accordion-button p {
  color: #000;
  font-weight: 600 !important;
}
.accordion .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.accordion .accordion-item .accordion-button:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb(223, 36, 43)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
.accordion .accordion-item .accordion-body {
  padding-top: 0;
}
.accordion .accordion-item .accordion-body .accordion-content-text {
  max-width: 900px;
}
.accordion .accordion-item .accordion-body p {
  color: var(--machbar-black);
}

.teaser {
  aspect-ratio: 3/2;
  border-radius: 8px;
  overflow: hidden;
}
.teaser .mbgrid-content {
  width: 100%;
  height: 100%;
}
.teaser a {
  display: flex !important;
  justify-content: center;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.teaser.bg-image .gridbgimage {
  background-size: cover;
  transform: scale(1);
  transition: 0.4s all ease-in-out;
}
.teaser:hover.bg-image .gridbgimage {
  transform: scale(1.2);
}

#page-content .coveto-jobs .jobtitle {
  text-transform: none;
}
#page-content .coveto-jobs .redlink {
  color: var(--machbar-orange);
}

.coveto-job-detail {
  background-color: #F2F6F7;
}
.coveto-job-detail #mgHomeslider {
  margin-bottom: 100px;
}
.coveto-job-detail .swiper .slider-bg-image, .coveto-job-detail .noswiper .slider-bg-image {
  object-position: right top;
}
.coveto-job-detail .slider-box .headline {
  max-width: 840px;
}
.coveto-job-detail .headline_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
}
.coveto-job-detail .headline_wrapper .frame-header {
  margin-bottom: 0 !important;
}
.coveto-job-detail .infos {
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.coveto-job-detail .infos .info-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}
.coveto-job-detail .infos .info-item .label {
  color: var(--machbar-orange);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
.coveto-job-detail .infos .info-item i {
  min-width: 16px;
  text-align: center;
}
.coveto-job-detail .bewerbung {
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.coveto-job-detail .bewerbung .text-body {
  max-width: 800px;
}
.coveto-job-detail h2.size-h3 {
  color: var(--machbar-orange);
}
.coveto-job-detail ul {
  list-style: none;
  padding-left: 0;
  max-width: inherit !important;
}
.coveto-job-detail ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  list-style: none;
}
.coveto-job-detail ul li::marker {
  display: none;
}
.coveto-job-detail ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: var(--machbar-orange);
  display: block;
}
.coveto-job-detail .icon {
  color: var(--machbar-orange);
  margin-right: 10px;
}
.coveto-job-detail .address {
  margin-right: 23px;
}
.coveto-job-detail .contactapply {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.coveto-job-detail .contactapply .hex-mask {
  display: inline-block;
  width: 200px;
  max-width: 100%;
  aspect-ratio: 1;
  padding: 6px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0% 50%);
}
.coveto-job-detail .contactapply .hex-mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: inherit;
  display: block;
}
.coveto-job-detail .contactapply .text-body {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.coveto-job-detail .einleitung {
  max-width: 840px;
  width: 100%;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (max-width: 991px) {
  .coveto-job-detail .headline_wrapper {
    flex-direction: column;
    margin-bottom: 40px;
  }
}
.frame-type-uploads .filelink-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.frame-type-uploads .filelink-item {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 5px;
}
.frame-type-uploads .filelink-heading {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: baseline;
}
.frame-type-uploads .filelink-filedescription {
  font-size: 14px !important;
  line-height: 18px !important;
  max-width: 600px;
}
.frame-type-uploads .filelink-filesize {
  font-size: 14px;
}
.frame-type-uploads .bootstrappackageicon:before {
  font-family: "Font Awesome 6 Pro" !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\f33d";
  color: var(--machbar-orange);
}

.content_image_slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content_image_slider .swiper-slide img {
  height: auto;
  width: 100%;
}

.bg_ar_34 .content_image_slider .swiper-wrapper {
  aspect-ratio: 3/4;
}

.bg_ar_169 .content_image_slider .swiper-wrapper {
  aspect-ratio: 16/9;
}

.bg_ar_43 .content_image_slider .swiper-wrapper {
  aspect-ratio: 4/3;
}

.bg_ar_54 .content_image_slider .swiper-wrapper {
  aspect-ratio: 5/4;
}

.bg_ar_45 .content_image_slider .swiper-wrapper {
  aspect-ratio: 4/5;
}

.bg_ar_32 .content_image_slider .swiper-wrapper {
  aspect-ratio: 3/2;
}

.bg_ar_21 .content_image_slider .swiper-wrapper {
  aspect-ratio: 2/1;
}

.bg_ar_23 .content_image_slider .swiper-wrapper {
  aspect-ratio: 2/3;
}

.bg_ar_12 .content_image_slider .swiper-wrapper {
  aspect-ratio: 1/2;
}

.bg_ar_13 .content_image_slider .swiper-wrapper {
  aspect-ratio: 1/3;
}

.bg_ar_31 .content_image_slider .swiper-wrapper {
  aspect-ratio: 3/1;
}

.bg_ar_11 .content_image_slider .swiper-wrapper {
  aspect-ratio: 1/1;
}

.bg_sc_contain .content_image_slider .swiper-slide img {
  object-fit: contain;
}

.bg_sc_cover .content_image_slider .swiper-slide img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.slick-slider picture {
  position: relative;
}
.slick-slider picture figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
  color: white;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/* service-selector */
.iconlist {
  padding: 0;
  columns: 1;
  column-gap: 40px;
  font-weight: 700;
}
.iconlist li {
  list-style-type: none;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  height: 28px;
}
.iconlist li:marker {
  content: none;
}
.iconlist li span:first-child {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 768px) {
  .iconlist {
    columns: 2;
  }
}
@media (min-width: 1200px) {
  .iconlist {
    columns: 3;
  }
}
.refheadline {
  display: block;
}
.refheadline h1 {
  margin-bottom: 20px;
}
.refheadline .subheadline {
  color: var(--machbar-orange);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}

.refcontent {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 700;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 15px !important;
  height: 100%;
}
.refcontent > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.refcontent > div span {
  min-width: 200px;
  max-width: 300px;
  width: 300px;
  flex-shrink: 0;
  display: inline-block;
}
.refcontent > div > *:not(span) {
  flex: 1 1 0;
  display: inline-block;
  width: calc(100% - 300px);
}
.refcontent > div span {
  color: var(--machbar-orange);
}
.refcontent > div span i {
  color: var(--machbar-orange);
  display: inline-block;
  width: 32px;
  text-align: center;
}

@property --color1 {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0, 0, 0, 0.9);
}
@property --color2 {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0, 0, 0, 0.4);
}
@property --color3 {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0, 0, 0, 0);
}
.frame-type-menu_pages ul.menu-reference,
.frame-type-menu_subpages ul.menu-reference {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding: 0;
  flex-wrap: wrap;
  justify-content: start;
  margin: 0;
  max-width: 100% !important;
}
.frame-type-menu_pages ul.menu-reference li,
.frame-type-menu_subpages ul.menu-reference li {
  list-style-type: none;
  width: 100%;
  aspect-ratio: 3/2;
}
.frame-type-menu_pages ul.menu-reference li a,
.frame-type-menu_subpages ul.menu-reference li a {
  display: block;
  color: #fff;
  text-decoration: none;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}
.frame-type-menu_pages ul.menu-reference li a:before,
.frame-type-menu_subpages ul.menu-reference li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, var(--color1) 0%, var(--color2) 30%, var(--color3) 100%);
  transition: --color1 0.6s ease-in-out, --color2 0.6s ease-in-out, --color3 0.6s ease-in-out;
  z-index: 1;
}
.frame-type-menu_pages ul.menu-reference li a > span,
.frame-type-menu_subpages ul.menu-reference li a > span {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #fff;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.frame-type-menu_pages ul.menu-reference li a > span .title,
.frame-type-menu_subpages ul.menu-reference li a > span .title {
  font-size: 24px;
}
.frame-type-menu_pages ul.menu-reference li a > span .bauort,
.frame-type-menu_subpages ul.menu-reference li a > span .bauort {
  font-size: 16px;
}
.frame-type-menu_pages ul.menu-reference li a > div.refcontent,
.frame-type-menu_subpages ul.menu-reference li a > div.refcontent {
  position: absolute;
  bottom: -400px;
  left: 20px;
  color: #fff;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0 !important;
  transition: bottom 0.4s ease-in-out;
}
.frame-type-menu_pages ul.menu-reference li a > div.refcontent > div,
.frame-type-menu_subpages ul.menu-reference li a > div.refcontent > div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
}
.frame-type-menu_pages ul.menu-reference li a > div.refcontent > div span,
.frame-type-menu_subpages ul.menu-reference li a > div.refcontent > div span {
  max-width: 240px;
  width: 240px;
  color: #fff;
  font-size: 16px;
}
.frame-type-menu_pages ul.menu-reference li a > div.refcontent > div span i,
.frame-type-menu_subpages ul.menu-reference li a > div.refcontent > div span i {
  color: #fff;
}
.frame-type-menu_pages ul.menu-reference li a > i,
.frame-type-menu_subpages ul.menu-reference li a > i {
  position: absolute;
  top: 20px;
  right: -100px;
  color: #fff;
  z-index: 2;
  transition: right 0.4s ease-in-out;
  font-size: 24px;
}
.frame-type-menu_pages ul.menu-reference li a:focus > div.refcontent, .frame-type-menu_pages ul.menu-reference li a:hover > div.refcontent,
.frame-type-menu_subpages ul.menu-reference li a:focus > div.refcontent,
.frame-type-menu_subpages ul.menu-reference li a:hover > div.refcontent {
  bottom: 20px;
}
.frame-type-menu_pages ul.menu-reference li a:focus > i, .frame-type-menu_pages ul.menu-reference li a:hover > i,
.frame-type-menu_subpages ul.menu-reference li a:focus > i,
.frame-type-menu_subpages ul.menu-reference li a:hover > i {
  right: 20px;
}
.frame-type-menu_pages ul.menu-reference li a:focus:before, .frame-type-menu_pages ul.menu-reference li a:hover:before,
.frame-type-menu_subpages ul.menu-reference li a:focus:before,
.frame-type-menu_subpages ul.menu-reference li a:hover:before {
  --color1: rgba(223, 36, 43, 0.9);
  --color2: rgba(223, 36, 43, 0.9);
  --color3: rgba(223, 36, 43, 0.9);
}

@media (min-width: 768px) {
  .frame-type-menu_pages ul.menu-reference,
  .frame-type-menu_subpages ul.menu-reference {
    gap: 30px;
  }
  .frame-type-menu_pages ul.menu-reference li,
  .frame-type-menu_subpages ul.menu-reference li {
    width: calc(50% - 15px);
  }
  .frame-type-menu_pages ul.menu-reference li a span,
  .frame-type-menu_subpages ul.menu-reference li a span {
    font-size: 22px;
  }
  .refcontent > div {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .frame-type-menu_pages ul.menu-reference,
  .frame-type-menu_subpages ul.menu-reference {
    gap: 40px;
  }
  .frame-type-menu_pages ul.menu-reference li,
  .frame-type-menu_subpages ul.menu-reference li {
    width: calc(50% - 20px);
  }
  .frame-type-menu_pages ul.menu-reference li a span,
  .frame-type-menu_subpages ul.menu-reference li a span {
    font-size: 24px;
  }
}
@media (min-width: 1300px) {
  .frame-type-menu_pages ul.menu-reference li,
  .frame-type-menu_subpages ul.menu-reference li {
    width: calc(33.333% - 26.6666666667px);
  }
}