@charset "UTF-8";

/* ===================================== */
/* GLOBAL */
/* ===================================== */

h1, h2, h3, h4, h5, h6, p,
.vc_column-inner,
.article-content-wrap,
.post-area.col.span_9,
div#sidebar,
div#search-results,
.inner-wrap,
.nectar-fancy-box,
.archive.category .post-header a,
.archive.category .post.masonry-blog-item .excerpt,
.post-area.masonry {
  overflow-wrap: break-word !important;
  hyphens: auto !important;
}

.article-content-wrap {
  word-wrap: break-word;
}

.page-header-no-bg {
  z-index: 9 !important;
}

#copyright {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

::marker {
  color: white;
}

iframe {
  transform: scale(0.74);
}

.yoast {
  display: none !important;
}

/* ===================================== */
/* HEADER / NAV */
/* ===================================== */

body.material .nav-btn.nectar-button {
  font-size: 18px !important;
}

#header-outer a[href^="tel:"] {
  background: #e6ff03 !important;
  color: #000 !important;
  padding: 8px 14px;
  border-radius: 4px;
  font-weight: 500;
}

#header-outer a[href^="tel:"] i,
#header-outer a[href^="tel:"] span {
  color: #000 !important;
}

/* Slanted menu button */
body li.menu-button-slanted > a,
body #header-outer li.menu-button-slanted > a,
body #header-secondary-outer li.menu-button-slanted > a,
body #slide-out-widget-area li.menu-button-slanted > a {
  background: #e6ff03 !important;
  color: #000 !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center;
  padding: 10px 26px 10px 44px !important;
  -webkit-clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%) !important;
}

/* Mobile menu close button */
body .slide_out_area_close {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  opacity: 1 !important;
}

body .slide_out_area_close .close-wrap {
  background: #000 !important;
  border-radius: 50% !important;
}

body .slide_out_area_close .close-wrap .close-line {
  background-color: #fff !important;
}

body #slide-out-widget-area .slide_out_area_close a,
body #slide-out-widget-area .close-wrap a,
body #slide-out-widget-area .off-canvas-close,
body #slide-out-widget-area .slide_out_area_close {
  background: #000 !important;
  opacity: 1 !important;
  border-radius: 50% !important;
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

body #slide-out-widget-area .slide_out_area_close a:before,
body #slide-out-widget-area .slide_out_area_close:before,
body #slide-out-widget-area .close-wrap a:before,
body #slide-out-widget-area .close-wrap:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #000 !important;
  opacity: 1 !important;
  border-radius: 50% !important;
  z-index: 0 !important;
}

body #slide-out-widget-area .slide_out_area_close a *,
body #slide-out-widget-area .close-wrap a *,
body #slide-out-widget-area .slide_out_area_close .close-line,
body #slide-out-widget-area .close-wrap .close-line {
  position: relative !important;
  z-index: 1 !important;
  background-color: #fff !important;
  color: #fff !important;
}

/* ===================================== */
/* BUTTONS */
/* ===================================== */

body.material .nectar-button.large {
  max-width: 90%;
}

.nectar-button span {
  word-break: break-word;
}

.absende-button {
  background-color: #fff !important;
}

/* ERP Button */
.erp-button a,
.erp-button .nectar-button {
  position: relative;
  background: #e6ff00 !important;
  color: #0033ff !important;
  font-weight: 700;
  text-transform: uppercase;
  padding: 18px 60px 18px 60px !important;
  border-radius: 0 !important;
  overflow: hidden;
  letter-spacing: 0.5px;
}

.erp-button a:before,
.erp-button .nectar-button:before {
  content: "→";
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-weight: 700;
}

.erp-button a:after,
.erp-button .nectar-button:after {
  content: "";
  position: absolute;
  right: -35px;
  top: 0;
  width: 70px;
  height: 100%;
  background: #e6ff00;
  transform: skewX(-25deg);
}

.erp-button a:hover,
.erp-button .nectar-button:hover {
  background: #f0ff33 !important;
  color: #0033ff !important;
}

/* ===================================== */
/* FORMS / WPFORMS */
/* ===================================== */

.wpforms-form button[type=submit] {
  background-color: #d16610 !important;
  border-color: #d16610 !important;
  color: #fff !important;
  transition: background 0.3s ease-in-out;
}

.wpforms-form button[type=submit]:hover {
  background-color: #d16610 !important;
}

.wpforms-container .wpforms-field input,
.wpforms-container .wpforms-field textarea,
.wpforms-container .wpforms-field select {
  border-color: var(--wpforms-field-border-color) !important;
}

.wpforms-container .wpforms-submit,
.wpforms-container button[type="submit"].wpforms-submit {
  background: var(--wpforms-button-background-color) !important;
  color: var(--wpforms-button-text-color, #121212) !important;
  border-color: var(--wpforms-button-background-color) !important;
}

.wpforms-container .wpforms-field.wpforms-field-checkbox,
.wpforms-container .wpforms-field.wpforms-field-checkbox ul,
.wpforms-container .wpforms-field.wpforms-field-checkbox li {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wpforms-container .wpforms-field.wpforms-field-checkbox .wpforms-field-required li,
.wpforms-container .wpforms-field.wpforms-field-checkbox .wpforms-field-checkbox li {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
}

.wpforms-container .wpforms-field.wpforms-field-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) {
  padding: 0 !important;
  background-color: transparent !important;
  border: 0 !important;
  margin-right: 40px !important;
}

.wpforms-image-choices-label {
  display: none !important;
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img {
  width: 50px;
}

/* Common field styling */
#wpforms-725-field_1, #wpforms-725-field_2, #wpforms-452-field_1, #wpforms-725-field_5,
#wpforms-725-field_3, #wpforms-452-field_8, #wpforms-6388-field_9, #wpforms-6732-field_4,
#wpforms-725-field_0, #wpforms-6388-field_10, #wpforms-725-field_13,
input#cmplz_datarequest_firstname, input#cmplz_datarequest_name, input#cmplz_datarequest_email,
#wpforms-723-field_1 {
  border: 1px solid #d16610;
  border-radius: 20px;
  min-height: 55px;
  background-color: #fff;
}

input#cmplz_datarequest_firstname,
input#cmplz_datarequest_name,
input#cmplz_datarequest_email {
  color: #000 !important;
}

input#wpforms-725-field_0::placeholder,
input#wpforms-725-field_3::placeholder,
input#wpforms-725-field_1::placeholder,
textarea#wpforms-725-field_2::placeholder,
input#cmplz_datarequest_firstname::placeholder,
input#cmplz_datarequest_name::placeholder,
input#cmplz_datarequest_email::placeholder {
  color: #000 !important;
}

#wpforms-submit-725,
#wpforms-submit-859,
#wpforms-submit-723,
input#cmplz-datarequest-submit {
  width: 100%;
  background-color: #d16610;
  border: 0;
  min-height: 55px;
  display: block;
  color: white;
  padding: 15px 32px;
}

#wpforms-submit-725:hover,
#wpforms-submit-859:hover,
#wpforms-submit-723:hover {
  background-color: #111;
  color: white;
  border: 0;
}

#wpforms-245-field_3-container {
  display: none;
}

input#cmplz-datarequest-submit {
  margin-top: 20px !important;
}

.cmplz_datarequest.cmplz_datarequest_request_for_access {
  padding-top: 20px !important;
}

.cmplz_datarequest {
  position: relative !important;
  padding-left: 25px !important;
}

.cmplz_datarequest input {
  position: absolute;
  bottom: 3px !important;
  left: 0 !important;
}

.cmplz_datarequest br {
  display: none;
}

/* ===================================== */
/* BLOG LIST / ARCHIVE */
/* ===================================== */

.blog-sec span.meta {
  color: #e6ff03 !important;
}

.post-header h3 {
  font-size: 25px !important;
  line-height: 35px !important;
}

.span_12.light .blog-recent[data-style=classic_enhanced] h3.title {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}

.blog-recent[data-style*=classic_enhanced] .inner-wrap {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}

body[data-button-style^=rounded] .blog-recent[data-style*=classic_enhanced] .meta-category a {
  background-color: #e6ff03;
  border: 1px solid #e6ff03;
}

.blog-recent[data-style*=classic_enhanced] .post-featured-img {
  border-radius: 20px !important;
  border: 5px solid #fff;
  overflow: hidden;
}

.blog-recent[data-style*=classic_enhanced] .article-content-wrap,
.masonry.classic_enhanced .masonry-blog-item .article-content-wrap {
  padding: 8%;
  background: transparent;
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  margin-top: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  min-height: 325px;
  background-color: rgba(47,24,167,0);
  transition: 0.3s ease-in-out;
}

body .blog-recent[data-style*=classic_enhanced] .post-meta {
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  border-top: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  position: static;
  background-color: rgba(47,24,167,0);
  transition: 0.3s ease-in-out;
}

.blog-recent[data-style*=classic_enhanced] .inner-wrap:hover .article-content-wrap {
  background-color: rgba(47,24,167,1);
  border-top: 5px solid #e6ff03;
  border-left: 5px solid #e6ff03;
  border-right: 5px solid #e6ff03;
}

.blog-recent[data-style*=classic_enhanced] .inner-wrap:hover .post-meta {
  border-bottom: 5px solid #e6ff03;
  border-left: 5px solid #e6ff03;
  border-right: 5px solid #e6ff03;
  background-color: rgba(47,24,167,1);
}

body .blog-recent[data-style*=classic_enhanced] .post-meta > span > a,
body .blog-recent[data-style*=classic_enhanced] .post-meta > span > a > i,
body .blog-recent[data-style*=classic_enhanced] .post-meta > div > a .nectar-love-count,
body .blog-recent[data-style*=classic_enhanced] .post-meta > div > a > i,
.home .blog-recent .col .post-header,
.home .blog-recent .col .post-header h3,
.blog-recent[data-style*=classic_enhanced] .excerpt {
  color: #fff !important;
}

/* Category archive */
.archive.category .container-wrap {
  background: #121212 !important;
}

.archive .page-header-bg-image:after,
.nectar-recent-post-slide .nectar-recent-post-bg:after,
.single [data-post-hs=default_minimal] .page-header-bg-image:after {
  background-color: rgb(0 0 0 / 80%) !important;
}

.archive.category .post-area.masonry.span_9 .masonry-blog-item {
  width: 100% !important;
}

.archive.category .post-content.classic .content-inner {
  display: block !important;
}

.archive.category .post-featured-img {
  display: block !important;
  margin-bottom: 20px !important;
}

.archive.category .content-inner .post-featured-img img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  border-radius: 20px !important;
  margin-top: 0 !important;
}

.archive.category .masonry-blog-item .inner-wrap {
  background: transparent !important;
}

.archive.category .post-header > h3,
.archive.category .post.masonry-blog-item .excerpt,
.archive.category .post-header a {
  color: #fff !important;
}

.archive.category .post-meta {
  color: #fff !important;
  padding-left: 0 !important;
}

.archive.category .article-content-wrap {
  max-width: 100% !important;
}

/* ===================================== */
/* SINGLE POST                           */
/* ===================================== */

body.post-template-default.single .container-wrap,
.single-post .container-wrap,
.single .container-wrap {
  background: #121212 !important;
  background-color: #121212 !important;
  background-image: none !important;
  color: #fff !important;
  word-wrap: break-word !important;
}

/* Doppelten Salient-Titel ausblenden */
body.single-post .post-header {
  display: none !important;
}

body.single-post #ajax-content-wrap > div.row {
  max-width: 980px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  box-sizing: border-box !important;
  float: none !important;
  display: block !important;
}

body.single-post .post-area.col.span_12,
body.single-post .post-area.col.span_9 {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.single-post .post-area .inner-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.single-post .post-area .post-content {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}

body.single-post .post-area .content-inner {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.single-post .post-area .content-inner > *,
body.single-post .post-area .wpb_text_column,
body.single-post .post-area .wpb_text_column .wpb_wrapper,
body.single-post .post-area .wpb_row,
body.single-post .post-area .vc_row-fluid,
body.single-post .post-area .wpb_column,
body.single-post .post-area .vc_column_container,
body.single-post .post-area .vc_column-inner {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}

body.single-post .post-featured-img {
  display: block !important;
  width: 100% !important;
  margin-bottom: 40px !important;
  padding: 0 !important;
}

body.single-post .post-featured-img img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  border-radius: 20px !important;
  object-fit: cover !important;
}

body.single-post .post-area .content-inner h1,
body.single-post .post-area .content-inner h2,
body.single-post .post-area .content-inner h3,
body.single-post .post-area .content-inner h4,
body.single-post .post-area .content-inner h5,
body.single-post .post-area .content-inner h6,
body.single-post .post-area .wpb_text_column h1,
body.single-post .post-area .wpb_text_column h2,
body.single-post .post-area .wpb_text_column h3,
body.single-post .post-area .wpb_text_column h4,
body.single-post .post-area .wpb_text_column h5,
body.single-post .post-area .wpb_text_column h6 {
  color: #fff !important;
  margin-top: 35px !important;
  margin-bottom: 15px !important;
}

body.single-post .post-area .content-inner p,
body.single-post .post-area .wpb_text_column p {
  color: #fff !important;
  line-height: 1.8 !important;
  font-size: 16px !important;
  margin-bottom: 18px !important;
}

body.single-post .post-area .content-inner ul,
body.single-post .post-area .content-inner ol,
body.single-post .post-area .wpb_text_column ul,
body.single-post .post-area .wpb_text_column ol {
  color: #fff !important;
  padding-left: 24px !important;
  margin-bottom: 18px !important;
}

body.single-post .post-area .content-inner li,
body.single-post .post-area .wpb_text_column li {
  color: #fff !important;
  line-height: 1.8 !important;
  margin-bottom: 6px !important;
}

body.single-post .post-meta,
body.single-post .post-meta a,
body.single-post .post-meta span,
body.single-post .meta-category,
body.single-post .meta-category a {
  color: #fff !important;
}

body.single-post div#sidebar {
  max-width: 980px !important;
  width: 100% !important;
  margin: 40px auto 0 !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
  border: 4px solid #fff !important;
  border-radius: 25px !important;
  padding: 25px !important;
}

#sidebar div ul li,
h2.wp-block-heading {
  color: #fff !important;
}

#sidebar .widget {
  margin-bottom: 0 !important;
}

div#block-7 {
  padding-bottom: 30px !important;
}

.material #sidebar .widget li a,
.material .widget li a {
  font-size: 12px !important;
  padding-bottom: 6px !important;
}

input#wp-block-search__input-1 {
  background: transparent !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  border-radius: 50px !important;
  margin-right: 10px !important;
}

input#wp-block-search__input-1::placeholder {
  color: #fff !important;
}

ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li {
  display: inline-block;
  width: 100% !important;
  padding-bottom: 20px !important;
}

/* ===================================== */
/* RELATED POSTS                         */
/* ===================================== */

.related-post-wrap .row-bg-wrap .row-bg {
  background-color: transparent !important;
}

.ascend .related-post-wrap h3.related-title,
.material .related-post-wrap h3.related-title,
.ascend .blog-recent.related-posts,
.material .blog-recent.related-posts {
  padding: 0 !important;
}

body.material .blog-recent[data-style*=classic_enhanced].related-posts .inner-wrap {
  box-shadow: none !important;
}

/* Titel in ähnlichen Beiträgen erzwingen */
.related-post-wrap .post-header,
.related-post-wrap .post-header h3,
.related-post-wrap .post-header h3 a,
.related-post-wrap .post-header .title,
.related-post-wrap h3.title,
.related-post-wrap h3.title a,
.blog-recent.related-posts .post-header,
.blog-recent.related-posts .post-header h3,
.blog-recent.related-posts .post-header h3 a,
.blog-recent.related-posts h3.title,
.blog-recent.related-posts h3.title a,
.related-post-wrap .nectar-post-grid-item .post-header h3,
.related-post-wrap .nectar-post-grid-item h3 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
  margin-bottom: 8px !important;
  max-height: none !important;
  overflow: visible !important;
  clip: auto !important;
  height: auto !important;
}

/* Autor bei ähnlichen Beiträgen ausblenden */
.related-post-wrap .post-meta .author,
.related-post-wrap .post-meta .nectar-post-grid-author,
.related-post-wrap .post-meta > span:first-child,
.blog-recent.related-posts .post-meta .author {
  display: none !important;
}

/* ===================================== */
/* KATEGORIE HOVER                       */
/* ===================================== */

.meta-category a:hover,
.meta-category a:focus,
body[data-button-style^=rounded] .blog-recent[data-style*=classic_enhanced] .meta-category a:hover,
body.single-post .meta-category a:hover {
  color: #121212 !important;
  background-color: #e6ff03 !important;
}

/* ===================================== */
/* COMMENTS */
/* ===================================== */

body.single-post #respond {
  border: 2px solid #e6ff03;
  border-radius: 20px;
  padding: 35px;
  background: #0d0d0d;
  max-width: 980px;
  width: 100%;
  margin: 40px auto 0 auto;
  box-sizing: border-box;
  clear: both;
}

body.single-post #reply-title,
h3#reply-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #ffffff;
}

body.single-post .logged-in-as {
  color: #aaa;
  margin-bottom: 25px;
}

body.single-post #respond textarea,
body.single-post #respond input[type="text"],
body.single-post #respond input[type="email"],
body.single-post #respond input[type="url"],
textarea#comment {
  width: 100%;
  border: 2px solid #e6ff03;
  border-radius: 12px !important;
  padding: 14px;
  background: #121212 !important;
  color: #ffffff;
  font-size: 15px;
  transition: all 0.3s ease;
}

body.single-post #respond textarea:focus,
body.single-post #respond input:focus {
  border-color: #ffffff;
  box-shadow: 0 0 0 2px rgba(230,255,3,0.25);
  outline: none;
}

body.single-post #respond textarea {
  min-height: 180px;
  resize: vertical;
}

body.single-post #respond input#submit {
  background: #e6ff03;
  color: #000;
  border: none;
  border-radius: 8px;
  padding: 14px 32px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 20px;
  transition: all 0.3s ease;
}

body.single-post #respond input#submit:hover {
  background: #f5ff33;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(230,255,3,0.3);
}

body.single-post .comment-form p {
  margin-bottom: 18px;
}

body.single-post #respond ::placeholder {
  color: #777;
}

.blog_next_prev_buttons.vc_row-fluid.wpb_row.standard_section {
  border-radius: 20px !important;
}

/* ===================================== */
/* POPUPS / FANCYBOX */
/* ===================================== */

.pum-theme-865,
.pum-theme-enterprise-blue {
  backdrop-filter: blur(8px);
}

.fancybox-slide--video .fancybox-content {
  border-radius: 20px;
  overflow: hidden !important;
  border: 5px solid #fff;
}

.fancybox-slide--video .fancybox-content video {
  transform: scale(1.015);
}

.fancybox-is-open .fancybox-bg {
  background: linear-gradient(to bottom,#921e22 54%,#d16610 100%);
  opacity: 0.95 !important;
}

.fancybox-button {
  background-color: #d16610 !important;
}

/* ===================================== */
/* FAQ / TOGGLES */
/* ===================================== */

.faq-sec ul {
  color: #d16610 !important;
}

.faq-with-fancy-list .nectar-fancy-ul li,
.nectar-fancy-ul ul li {
  color: #fff !important;
  padding-bottom: 15px !important;
}



/* =========================================================
   SALIENT TOGGLE PANELS – CUSTOM STYLING
   Nur strukturiert und kommentiert, inhaltlich unverändert
   ========================================================= */


/* =========================================================
   1. GRUNDEINSTELLUNGEN / BASIS
   ========================================================= */

/* Offener Toggle zunächst blau */
div[data-style*="minimal"] .toggle.open {
  background: #14344A !important;
}

/* Standard-Hintergründe von Salient überschreiben */
.light .toggles--minimal-shadow .toggle,
div[data-style*="minimal"] .toggle:before {
  background: #14344A !important;
}

/* Standard-Border entfernen */
.toggles--minimal-shadow .toggle {
  border-color: transparent !important;
}

/* Spezifische Salient-Regel für offenes Toggle / extra-color-2 */
div[data-style="minimal"] .toggle.open.extra-color-2 i:before {
  background: transparent !important;
}

/* Basis-Schriftgröße und Padding für den Titel-Link */
div[data-style*=minimal] .toggle .toggle-title a {
  font-size: 25px;
  padding: 30px 30px !important;
  line-height: normal;
  background: #14344A !important;
}

/* Standard-Textfarbe in hellen Toggles */
.light .toggle > div {
  color: #ffffff;
}


/* =========================================================
   2. TYPOGRAFIE / SCHRIFTFARBEN
   ========================================================= */

/* Schriftfarbe im Titel immer gleich */
div[data-style*="minimal"] .toggle .toggle-title a {
  color: #e6ff03 !important;
}

/* Hover-Farbe im Titel deaktivieren */
div[data-style*="minimal"] .toggle .toggle-title a:hover {
  color: #e6ff03 !important;
}

/* Falls Salient Hover auf Toggle-Ebene setzt */
div[data-style*="minimal"] .toggle:hover .toggle-title a {
  color: #e6ff03 !important;
}

/* Geöffneten Zustand gleich behandeln */
div[data-style*="minimal"] .toggle.open .toggle-title a {
  color: #e6ff03 !important;
}


/* =========================================================
   3. ABSTÄNDE / MARGINS
   ========================================================= */

/* Abstand zwischen den Panels */
div[data-style*="minimal"] .toggle {
  margin: 20px 0 !important;
}


/* =========================================================
   4. ÄUSSERER RAHMEN / TOGGLE-CONTAINER
   ========================================================= */

/* Äußerer Container mit Hintergrund, Clip-Path und Rahmenlogik */
div[data-style*="minimal"] .toggle {
  background: #14344A !important;
  padding: 1px !important;
  overflow: hidden !important;
  clip-path: polygon(
    16px 0,
    calc(100% - 16px) 0,
    100% 16px,
    100% calc(100% - 16px),
    calc(100% - 16px) 100%,
    16px 100%,
    0 calc(100% - 16px),
    0 16px
  );
  border: none !important;
  margin: 18px 0 !important;
  position: relative;
}

/* Innerer Wrapper-Hintergrund */
div[data-style*="minimal"] .toggle > div {
  background: #14344A !important;
  margin: 0 !important;
}

/* Salient-Pseudo-Element auf Toggle ausblenden */
div[data-style*="minimal"] .toggle:before {
  display: none !important;
}

/* Offener Zustand mit gelbem Außenrahmen */
div[data-style*="minimal"] .toggle.open {
  background: #e6ff03 !important;
}


/* =========================================================
   5. TITELBEREICH / TOGGLE-TITLE
   ========================================================= */

/* Titelbereich im geschlossenen Zustand mit schrägen Ecken */
div[data-style*="minimal"] .toggle .toggle-title {
  background: #14344A !important;
  clip-path: polygon(
    15px 0,
    calc(100% - 15px) 0,
    100% 15px,
    100% calc(100% - 15px),
    calc(100% - 15px) 100%,
    15px 100%,
    0 calc(100% - 15px),
    0 15px
  );
  margin: 0 !important;
}

/* Titelbereich im geöffneten Zustand:
   unten gerade, oben weiter abgeschrägt */
div[data-style*="minimal"] .toggle.open .toggle-title {
  clip-path: polygon(
    15px 0,
    calc(100% - 15px) 0,
    100% 15px,
    100% 100%,
    100% 100%,
    0 100%,
    0 100%,
    0 15px
  ) !important;
}

/* Titel-Link / Überschrift */
div[data-style*="minimal"] .toggle .toggle-title a {
  background: #14344A !important;
  color: #e6ff03 !important;
  padding: 22px 28px !important;
  display: block !important;
  font-size: 25px;
  line-height: normal;
  text-decoration: none !important;
}

/* Hover-Farbe und geöffneter Zustand konstant halten */
div[data-style*="minimal"] .toggle .toggle-title a:hover,
div[data-style*="minimal"] .toggle:hover .toggle-title a,
div[data-style*="minimal"] .toggle.open .toggle-title a {
  color: #e6ff03 !important;
  background: #14344A !important;
}

/* Titel relativ positionieren, damit das Icon absolut darin sitzt */
div[data-style*="minimal"] .toggle .toggle-title {
  position: relative;
}

/* Pseudo-Element am Titel ausblenden */
div[data-style*="minimal"] .toggle .toggle-title:before {
  display: none !important;
}


/* =========================================================
   6. INHALTSBEREICH / TOGGLE CONTENT
   ========================================================= */

/* Inhalt / innerer Bereich */
div[data-style*="minimal"] .toggle .inner-wrap,
div[data-style*="minimal"] .toggle .toggle-inner {
  background: #14344A !important;
  color: #e6ff03 !important;
  padding: 0 28px 28px 28px !important;
}

/* Textfarben innerhalb des geöffneten Inhalts */
div[data-style*="minimal"] .toggle .toggle-inner,
div[data-style*="minimal"] .toggle .toggle-inner p,
div[data-style*="minimal"] .toggle .toggle-inner li,
div[data-style*="minimal"] .toggle .toggle-inner h1,
div[data-style*="minimal"] .toggle .toggle-inner h2,
div[data-style*="minimal"] .toggle .toggle-inner h3,
div[data-style*="minimal"] .toggle .toggle-inner h4 {
  color: #ffffff !important;
}


/* =========================================================
   7. ICON / PLUS-MINUS / POSITIONIERUNG
   ========================================================= */

/* Icon-Farbe allgemein */
div[data-style*="minimal"] .toggle .toggle-title i,
div[data-style*="minimal"] .toggle .toggle-title i:before {
  color: #ffffff !important;
}

/* Icon positionieren */
div[data-style*="minimal"] .toggle .toggle-title i {
  display: block !important;
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

@media (max-width: 768px) {
  div[data-style*="minimal"] .toggle .toggle-title i {
    display: none !important;
  }
}

/* Pseudo-Elemente des Icons sichtbar und zentriert 
div[data-style*="minimal"] .toggle .toggle-title i:before,
div[data-style*="minimal"] .toggle .toggle-title i:after {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
} */


/* =========================================================
   8. DOPPELTE / SPÄTERE OVERRIDES
   (inhaltlich bewusst beibehalten)
   ========================================================= */

/* Toggle-Pseudo-Element erneut ausblenden */
div[data-style*="minimal"] .toggle:before {
  display: none !important;
}


/* ===================================== */
/* SPECIAL BOXES / FRAMES */
/* ===================================== */
.bordered .img-with-aniamtion-wrap {
  border: 5px solid #ffffff !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.better-frame-outer,
.better-black-frame-outer {
  background: #e6ff03;
  padding: 1px;
  overflow: hidden;
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px);
}

.better-corner-boost,
.better-black-corner-boost {
  position: relative;
}

.better-corner-boost::before,
.better-black-corner-boost::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.better-corner-boost::before {
  background:
    linear-gradient(135deg, #e6ff03 0 50%, transparent 51%) left top / 18px 18px no-repeat,
    linear-gradient(225deg, #e6ff03 0 50%, transparent 51%) right top / 18px 18px no-repeat,
    linear-gradient(315deg, #e6ff03 0 50%, transparent 51%) right bottom / 18px 18px no-repeat,
    linear-gradient(45deg,  #e6ff03 0 50%, transparent 51%) left bottom / 18px 18px no-repeat;
  opacity: 0.9;
}

.better-black-corner-boost::before {
  background:
    linear-gradient(135deg, #f5ff00 0 50%, transparent 51%) left top / 18px 18px no-repeat,
    linear-gradient(225deg, #f5ff00 0 50%, transparent 51%) right top / 18px 18px no-repeat,
    linear-gradient(315deg, #f5ff00 0 50%, transparent 51%) right bottom / 18px 18px no-repeat,
    linear-gradient(45deg,  #f5ff00 0 50%, transparent 51%) left bottom / 18px 18px no-repeat;
  opacity: 0.9;
}

.better-frame-inner {
  background: #14344A;
  padding: 28px;
  overflow: hidden;
  clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px);
}

.better-frame-inner-yellow {
  background: #e6ff03;
  padding: 28px;
  overflow: hidden;
  clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px);
}

.better-black-frame-inner {
  background: #121212;
  padding: 28px;
  overflow: hidden;
  clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px);
}


/* ===================================== */
/* MISC */
/* ===================================== */

body:not(.woocommerce-cart) .main-content tr td:first-child,
body:not(.woocommerce-cart) .main-content tr th:first-child,
body:not(.woocommerce-cart) .main-content td {
  background: #ab3b1b !important;
}

body.material #header-secondary-outer #social li a i {
  color: #d16610 !important;
}

body.page-id-610 #ajax-content-wrap .container-wrap {
  background-color: #121212 !important;
}

body.page-id-2420 #ajax-content-wrap .container-wrap {
  background-color: #fff !important;
}

.owl-carousel .owl-stage-outer {
  overflow: hidden;
}

/* ===================================== */
/* RESPONSIVE */
/* ===================================== */

@media screen and (max-width: 1440px) {
  body.material .nav-btn.nectar-button {
    font-size: 14px !important;
  }

  .span_12.light .blog-recent[data-style=classic_enhanced] h3.title,
  body.post-template-default.single .blog-recent[data-style*=classic_enhanced][data-color-scheme=light] h3.title {
    font-size: 15px !important;
    line-height: 28px !important;
  }

  .blog-recent[data-style*=classic_enhanced] .article-content-wrap {
    min-height: 350px !important;
  }
}

@media screen and (max-width: 1280px) {
  body.material .nav-btn.nectar-button {
    font-size: 14px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  .nav-cta .nectar-cta[data-alignment=right] {
    text-align: right;
    transform: scale(0.8) translatex(60px) !important;
  }
}

@media screen and (max-width: 1024px) {
  body.single-post #ajax-content-wrap > div.row {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.single-post div#sidebar,
  body.single-post #respond {
    max-width: calc(100% - 40px) !important;
  }
}

@media screen and (max-width: 999px) {
  body.material .nav-btn.nectar-button {
    font-size: 16px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .nav-cta .nectar-cta[data-alignment=right] {
    text-align: center;
    transform: scale(1) translatex(0) !important;
  }
}

@media screen and (max-width: 768px) {
  body li.menu-button-slanted > a,
  body #header-outer li.menu-button-slanted > a,
  body #header-secondary-outer li.menu-button-slanted > a,
  body #slide-out-widget-area li.menu-button-slanted > a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
  }

  body.single-post #respond {
    padding: 25px;
  }

  body.single-post #reply-title {
    font-size: 22px;
  }

  div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) {
    margin-right: 5px !important;
  }

  div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img {
    width: 28px;
  }
}

@media screen and (max-width: 576px) {
  body.single-post #ajax-content-wrap > div.row {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  input#wp-block-search__input-1 {
    width: 50% !important;
  }

  .archive.category .post-area.col.span_9.masonry.classic {
    width: 100% !important;
  }

  .archive.category .post.masonry-blog-item h3.title {
    font-size: 13px !important;
    line-height: 25px !important;
  }

  .archive.category .article-content-wrap {
    max-width: 85% !important;
  }

  .archive.category .posts-container {
    height: auto !important;
  }
}

/* Abstand vor "Ähnliche Beiträge" */
.related-post-wrap {
  margin-top: 80px !important;
  padding-top: 40px !important;
}

/* Kategorie-Archiv: Karten dunkel einfärben */
.archive.category .masonry-blog-item .article-content-wrap,
.archive.category .post-content .article-content-wrap,
.archive.category .inner-wrap,
.archive.category .post.masonry-blog-item {
  background-color: #1e1e1e !important;
  border-radius: 20px !important;
}

/* Text in den Karten weiß */
.archive.category .post-header h3,
.archive.category .post-header h3 a,
.archive.category .post-header .title,
.archive.category .post-header .title a,
.archive.category .post-meta,
.archive.category .post-meta a,
.archive.category .post-meta span {
  color: #fff !important;
}

/* Autorenbild sichtbar lassen */
.archive.category .post-meta img {
  border-radius: 50% !important;
}

.archive.category .masonry-blog-item .article-content-wrap,
.archive.category .post-content .article-content-wrap,
.archive.category .inner-wrap,
.archive.category .post.masonry-blog-item {
  background-color: #14344A !important;
  border-radius: 20px !important;
}

/* Weißer Streifen hinter Kategorie-Badge → betterblue */
.masonry.material .masonry-blog-item .meta-category,
.archive.category .masonry-blog-item .meta-category {
  background-color: #14344A !important;
}

/* Name und Datum → betteryellow, exakter Selektor */
.masonry-blog-item .grav-wrap a,
.masonry-blog-item .grav-wrap span,
.masonry-blog-item .grav-wrap,
.masonry-blog-item .post-meta .grav-wrap a,
.archive.category .grav-wrap a,
.archive.category .grav-wrap span {
  color: #e6ff03 !important;
}

/* Datum-Span direkt im post-meta */
.masonry-blog-item .post-meta > span,
.masonry-blog-item .post-meta > a,
.archive.category .masonry-blog-item .post-meta > span,
.archive.category .masonry-blog-item .post-meta > a {
  color: #e6ff03 !important;
}
/* Weiße Karten ohne Bild → betterblue */
.masonry.material .masonry-blog-item .post-content,
.masonry.material .masonry-blog-item.animated .post-content,
.archive.category .masonry-blog-item .post-content {
  background-color: #14344A !important;
  border-radius: 20px !important;
}

.masonry.material .masonry-blog-item .article-content-wrap {
  background-color: #14344A !important;
  border-radius: 20px !important;
	color: #fff;
}
.masonry.material .masonry-blog-item .article-content-wrap .title a,
.masonry.material .masonry-blog-item .article-content-wrap h3.title a {
  color: #fff !important;
}

/* Kategorie-Badge Hover: nur Schrift weiß, kein gelber Hintergrund */
.masonry-blog-item .meta-category a:hover,
.archive .masonry-blog-item .meta-category a:hover {
  color: #fff !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

/* Aktive Seitenzahl: Schrift → betterblue */
.page-numbers.current,
nav#pagination .page-numbers.current,
ul.page-numbers .page-numbers.current {
  color: #14344A !important;
}

/* SALIENT Button – schräges Ende + Pfeil */
a.nectar-button.btn-salient-arrow {
  position: relative !important;
  display: inline-block !important;
  background: #e6ff00 !important;
  color: #0A2BFF !important;
  font-weight: 600 !important;
  padding: 16px 50px 16px 50px !important;
  border-radius: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}

/* Pfeil links */
a.nectar-button.btn-salient-arrow:before {
  content: "→";
  position: absolute;
  left: 28px;
  top: 50%;
  transform: translateY(-50%) translateY(-3px);
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

/* Schräge rechte Seite */
a.nectar-button.btn-salient-arrow:after {
  content: "";
  position: absolute;
  top: 0;
  right: -36px;
  width: 72px;
  height: 100%;
  background: #e6ff00;
  transform: skewX(-45deg);
}

/* Text nach rechts */
a.nectar-button.btn-salient-arrow span {
  position: relative;
  padding-left: 18px;
  font-size: 16px;
}

/* Hover */
a.nectar-button.btn-salient-arrow:hover {
  background: #f0ff33 !important;
  color: #0033ff !important;
}

a.nectar-button.btn-salient-arrow:hover:after {
  background: #f0ff33;
}


/* Alle Meta-Category Labels: Gelb als Standard */
span.meta-category.nectar-inherit-label a {
  background-color: rgb(230, 255, 3) !important;
  color: #000 !important;
}

span.meta-category.nectar-inherit-label a:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: inherit !important;
}


/*========================
 * Css für die toggle accent-color Boxen, sodass der Rand überall gleich ist
 * ========================*/
div.toggle.accent-color.open {
    clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px) !important;
	padding: 1px !important;	
}

div.toggle.accent-color.open > div[style*="max-height"],
div.toggle.accent-color.open .inner-toggle-wrap {
    clip-path: polygon(
        0 0,                        /* Obere Linke Ecke (GERADE) */
        100% 0,                     /* Obere Rechte Ecke (GERADE) */
        100% calc(100% - 15px),     /* Beginn der rechten Kante nach Schnitt */
        calc(100% - 15px) 100%,     /* Rechte Untere Ecke (beschnitten) */
        15px 100%,                  /* Linke Untere Ecke (beschnitten) */
        0 calc(100% - 15px)         /* Ende der linken Kante nach Schnitt */
    ) !important;
}
div.toggle.accent-color.open > div[style*="max-height"] {
    padding: 10px 20px !important;
}

.nectar-team-member-overlay h2 {
    color: #0A2BFF !important; 
}

/* ============================================================
   == BAUSTEIN A: CSS — START ==
   Das hier kommt komplett nach WordPress. Empfohlener Ort:
   Design -> Customizer -> "Zusaetzliches CSS".
   (Falls du aus einem frueheren Versuch schon ein CSS-Snippet
    in WPCode hast: dessen Inhalt einfach durch dieses hier
    ersetzen — diese Version enthaelt die Popup-Maker-Anpassung.)
   ============================================================ */

/* ---- DESIGN-TOKENS — zentrale Marken-Werte ---------------- */
:root {
  --bp-kontakt-yellow:        #e3fb04;
  --bp-kontakt-yellow-soft:   rgba(227, 251, 4, 0.14);
  --bp-kontakt-black:         #0b0b0d;
  --bp-kontakt-panel:         #15171f;
  --bp-kontakt-field:         #101116;
  --bp-kontakt-border:        #2a2c33;
  --bp-kontakt-border-soft:   #1f2027;
  --bp-kontakt-text:          #e8e8ea;
  --bp-kontakt-text-dim:      #8a8c94;
  --bp-kontakt-text-faint:    #5d5f67;

  /* Marken-Schriften zuerst (falls das Theme sie laedt), sonst
     System-Schriften — es wird nichts extern geladen. */
  --bp-kontakt-font-display:  swap;
  --bp-kontakt-font-body:     'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

  --bp-kontakt-ease:          cubic-bezier(0.22, 1, 0.36, 1);
  --bp-kontakt-radius:        2px;
}

/* ---- POPUP-MAKER-ANPASSUNG --------------------------------
   Popup Maker steckt unseren Inhalt normalerweise in einen
   eigenen weissen, gepolsterten Kasten. Diese Regeln machen
   diesen Kasten unsichtbar/neutral, damit unser eigenes
   Design voll zur Geltung kommt. Greift nur bei Pop-ups, die
   unser Modal enthalten ( :has(.bp-kontakt) ) — andere
   Pop-ups bleiben unberuehrt.                                */
.pum-overlay:has(.bp-kontakt) {
  background-color: rgba(5, 7, 9, 0.82) !important;
}
.pum-container:has(.bp-kontakt) {
  position: relative;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: calc(100vw - 48px);
  max-width: 1040px;
}
.pum-content:has(.bp-kontakt),
.pum-container:has(.bp-kontakt) .pum-content {
  padding: 0 !important;
}

/* Popup Makers eigener Schliessen-Button — bekommt unser
   Aussehen: runder Kreis oben rechts mit grossem "x".
   font-size:0 versteckt einen evtl. vorhandenen Text wie
   "CLOSE"; das "x" kommt sauber per ::before.                */
.pum-container:has(.bp-kontakt) .pum-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 6;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  padding: 0;
  background: transparent;
  border: 1px solid var(--bp-kontakt-border);
  border-radius: 50%;
  color: var(--bp-kontakt-text-dim);
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  box-shadow: none;
  transition: color 0.18s var(--bp-kontakt-ease),
              border-color 0.18s var(--bp-kontakt-ease);
}
.pum-container:has(.bp-kontakt) .pum-close::before {
  content: "\00d7";          /* das "x"-Zeichen */
  font-size: 26px;
  line-height: 1;
}
.pum-container:has(.bp-kontakt) .pum-close:hover {
  color: var(--bp-kontakt-yellow);
  border-color: var(--bp-kontakt-yellow);
}

/* ---- DAS MODAL SELBST ------------------------------------- */
.bp-kontakt {
  position: relative;
  width: 100%;
  max-width: 1040px;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  background: var(--bp-kontakt-black);
  border: 1px solid var(--bp-kontakt-border-soft);
  font-family: var(--bp-kontakt-font-body);
  color: var(--bp-kontakt-text);
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
}

/* Die vier gelben Eck-Klammern = "Targeting-Frame" */
.bp-kontakt__corner {
  position: absolute;
  width: 28px;
  height: 28px;
  border: 2px solid var(--bp-kontakt-yellow);
  pointer-events: none;
  z-index: 2;
}
.bp-kontakt__corner--tl { top: -1px; left: -1px;  border-right: 0; border-bottom: 0; }
.bp-kontakt__corner--tr { top: -1px; right: -1px; border-left: 0;  border-bottom: 0; }
.bp-kontakt__corner--bl { bottom: -1px; left: -1px;  border-right: 0; border-top: 0; }
.bp-kontakt__corner--br { bottom: -1px; right: -1px; border-left: 0;  border-top: 0; }

/* ---- ZWEISPALTIGES LAYOUT --------------------------------- */
.bp-kontakt__grid {
  display: grid;
  grid-template-columns: 0.82fr 1fr;
}

/* ---- LINKE SPALTE: GESPRAECHSEINSTIEG --------------------- */
.bp-kontakt__intro {
  background: var(--bp-kontakt-panel);
  padding: 44px 40px;
  border-right: 1px solid var(--bp-kontakt-border-soft);
}
.bp-kontakt__badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 7px 14px;
  margin-bottom: 28px;
  border: 1px solid var(--bp-kontakt-border);
  background: var(--bp-kontakt-yellow-soft);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.bp-kontakt__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bp-kontakt-yellow);
  box-shadow: 0 0 10px var(--bp-kontakt-yellow);
  animation: bp-kontakt-pulse 2.4s ease-in-out infinite;
}
@keyframes bp-kontakt-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.35; }
}
.bp-kontakt__headline {
  font-family: var(--bp-kontakt-font-display);
  font-weight: 700;
  font-size: 40px;
  line-height: 1.08;
  margin: 0 0 18px;
  letter-spacing: -0.01em;
}
.bp-kontakt__headline em {
  color: var(--bp-kontakt-yellow);
  font-style: normal;
}
.bp-kontakt__lead {
  font-size: 16px;
  line-height: 1.55;
  color: var(--bp-kontakt-text-dim);
  margin: 0 0 32px;
  max-width: 30ch;
}
.bp-kontakt__trust {
  list-style: none;
  margin: 0 0 34px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bp-kontakt__trust li {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 15px;
}
.bp-kontakt__check {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 1.5px solid var(--bp-kontakt-yellow);
  color: var(--bp-kontakt-yellow);
}
.bp-kontakt__divider {
  height: 1px;
  background: var(--bp-kontakt-border-soft);
  margin: 0 0 22px;
}
.bp-kontakt__phone-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--bp-kontakt-text-faint);
  margin: 0 0 10px;
}
.bp-kontakt__phone {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--bp-kontakt-font-display);
  font-weight: 700;
  font-size: 24px;
  color: var(--bp-kontakt-text);
  text-decoration: none;
}
.bp-kontakt__phone svg { color: var(--bp-kontakt-yellow); }
.bp-kontakt__phone:hover { color: var(--bp-kontakt-yellow); }

/* ---- RECHTE SPALTE: DAS FORMULAR -------------------------- */
.bp-kontakt__form-wrap { padding: 44px 40px; }

.bp-kontakt__form-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 30px;
}
.bp-kontakt__form-title {
  font-family: var(--bp-kontakt-font-display);
  font-weight: 700;
  font-size: 19px;
  letter-spacing: 0.12em;
  color: var(--bp-kontakt-yellow);
  margin: 0;
}
.bp-kontakt__form-meta {
  font-family: var(--bp-kontakt-font-display);
  font-size: 13px;
  letter-spacing: 0.1em;
  color: var(--bp-kontakt-text-faint);
  white-space: nowrap;
}

.bp-kontakt__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 20px;
}
.bp-kontakt__field { margin-bottom: 20px; }
.bp-kontakt__field--inline { margin-bottom: 0; }

.bp-kontakt__label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--bp-kontakt-text-dim);
  margin-bottom: 9px;
}

/* Inputs als "Terminal-Zeilen": dunkel, duenne Border,
   gelbe Bottom-Border. Bei Fokus -> volle gelbe Border + Glow. */
.bp-kontakt__input,
.bp-kontakt__select,
.bp-kontakt__textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 13px 14px;
  background: var(--bp-kontakt-field);
  border: 1px solid var(--bp-kontakt-border);
  border-bottom: 2px solid var(--bp-kontakt-yellow);
  border-radius: var(--bp-kontakt-radius);
  color: var(--bp-kontakt-text);
  font-family: var(--bp-kontakt-font-body);
  font-size: 15px;
  transition: border-color 0.18s var(--bp-kontakt-ease),
              box-shadow 0.18s var(--bp-kontakt-ease);
}
.bp-kontakt__input::placeholder,
.bp-kontakt__textarea::placeholder { color: var(--bp-kontakt-text-faint); }

.bp-kontakt__input:focus,
.bp-kontakt__select:focus,
.bp-kontakt__textarea:focus {
  outline: none;
  border-color: var(--bp-kontakt-yellow);
  box-shadow: 0 0 0 3px var(--bp-kontakt-yellow-soft);
}
.bp-kontakt__textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.5;
}
.bp-kontakt__select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a8c94' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
  cursor: pointer;
}

/* Datenschutz-Checkbox: eine Zeile */
.bp-kontakt__consent {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 4px 0 24px;
  font-size: 14px;
  color: var(--bp-kontakt-text-dim);
  line-height: 1.45;
}
.bp-kontakt__consent input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: var(--bp-kontakt-yellow);
}
.bp-kontakt__consent a {
  color: var(--bp-kontakt-yellow);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* CTA — gelber Block, Glow-Schatten, Hover-Lift */
.bp-kontakt__submit {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 17px 24px;
  background: var(--bp-kontakt-yellow);
  color: var(--bp-kontakt-black);
  border: 0;
  border-radius: var(--bp-kontakt-radius);
  font-family: var(--bp-kontakt-font-display);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 8px 30px rgba(227, 251, 4, 0.28);
  transition: transform 0.18s var(--bp-kontakt-ease),
              box-shadow 0.18s var(--bp-kontakt-ease);
}
.bp-kontakt__submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(227, 251, 4, 0.4);
}
.bp-kontakt__submit:active { transform: translateY(0); }
.bp-kontakt__submit svg { transition: transform 0.18s var(--bp-kontakt-ease); }
.bp-kontakt__submit:hover svg { transform: translateX(4px); }

/* ---- FUSSZEILE -------------------------------------------- */
.bp-kontakt__footer {
  grid-column: 1 / -1;
  padding: 14px 40px;
  border-top: 1px solid var(--bp-kontakt-border-soft);
  font-family: var(--bp-kontakt-font-display);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--bp-kontakt-text-faint);
}

/* ---- HONEYPOT (Spam-Schutz, fuer Menschen unsichtbar) ----- */
.bp-kontakt__hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ---- FOKUS-RING fuer Tastatur-Navigation ------------------ */
.bp-kontakt :focus-visible {
  outline: 2px solid var(--bp-kontakt-yellow);
  outline-offset: 2px;
}

/* ---- RESPONSIVE: bei < 760px aus 2 Spalten 1 Stapel ------- */
@media (max-width: 760px) {
  .pum-container:has(.bp-kontakt) {
    width: 100vw;
    max-width: 100vw;
  }
  .bp-kontakt {
    max-height: 100vh;
    border: 0;
  }
  .bp-kontakt__grid { grid-template-columns: 1fr; }
  .bp-kontakt__intro {
    border-right: 0;
    border-bottom: 1px solid var(--bp-kontakt-border-soft);
    padding: 36px 26px;
  }
  .bp-kontakt__form-wrap { padding: 32px 26px; }
  .bp-kontakt__headline  { font-size: 32px; }
  .bp-kontakt__row       { grid-template-columns: 1fr; gap: 0; }
  .bp-kontakt__row .bp-kontakt__field--inline { margin-bottom: 20px; }
  .bp-kontakt__footer    { padding: 14px 26px; }
}

/* ---- REDUCED MOTION --------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .bp-kontakt__submit,
  .bp-kontakt__submit svg,
  .bp-kontakt__dot {
    transition: none !important;
    animation: none !important;
  }
}
/* ============================================================
   == BAUSTEIN A: CSS — ENDE ==
   ============================================================ */


/* ============================================================
   NUR VORSCHAU — dieser Block wird NICHT nach WordPress
   kopiert. Er sorgt nur dafuer, dass du die Datei lokal
   doppelklicken und das Pop-up ansehen kannst.
   ============================================================ */
body.bp-preview {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: #050507;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(227,251,4,0.05), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(60,80,255,0.06), transparent 40%);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}
.bp-preview__hint {
  text-align: center;
  color: #5d5f67;
  font-size: 14px;
  margin-top: 22px;
  letter-spacing: 0.04em;
}
.bp-preview__trigger {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 28px;
  background: #e3fb04;
  color: #0b0b0d;
  border: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 8px 30px rgba(227,251,4,0.28);
}
/* die Vorschau-Huelle ahmt nach, was Popup Maker spaeter macht */
.bp-preview__overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.bp-preview__overlay.is-open { display: flex; }
/* ============================================================ */

/* === POPUP-MAKER-ANPASSUNG — Kontakt-Modal === */

.pum-overlay:has(.bp-kontakt) {
  background-color: rgba(5, 7, 9, 0.82) !important;
}
.pum-container:has(.bp-kontakt) {
  position: relative !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: calc(100vw - 48px) !important;
  max-width: 1040px !important;
}
.pum-container:has(.bp-kontakt) .pum-content {
  padding: 0 !important;
}
.pum-container:has(.bp-kontakt) .bp-kontakt {
  transform: none !important;
}
.pum-container:has(.bp-kontakt) .pum-close {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 6 !important;
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  background: transparent !important;
  border: 1px solid #2a2c33 !important;
  border-radius: 50% !important;
  color: #8a8c94 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-shadow: none !important;
}
.pum-container:has(.bp-kontakt) .pum-close::before {
  content: "\00d7";
  font-size: 26px !important;
  line-height: 1 !important;
}
.pum-container:has(.bp-kontakt) .pum-close:hover {
  color: #e3fb04 !important;
  border-color: #e3fb04 !important;
}
@media (max-width: 760px) {
  .pum-container:has(.bp-kontakt) {
    width: 100vw !important;
    max-width: 100vw !important;
  }
}

/* === SCROLLBALKEN AM POP-UP AUSBLENDEN === */

.bp-kontakt,
.pum-container,
.pum-content {
  overflow-x: hidden !important;       /* kein seitliches Scrollen */
  scrollbar-width: none !important;    /* Firefox */
  -ms-overflow-style: none !important; /* aeltere Edge */
}
.bp-kontakt::-webkit-scrollbar,
.pum-container::-webkit-scrollbar,
.pum-content::-webkit-scrollbar {
  display: none !important;            /* Chrome, Safari, neuer Edge */
}

/* === POP-UP WAECHST MIT DEM INHALT, KEIN EIGENES SCROLLEN === */

.bp-kontakt {
  max-height: none !important;
  overflow: visible !important;
}
/* Sicherheitsnetz fuer kleine Bildschirme (unsichtbar) */
.pum-overlay {
  overflow-y: auto !important;
}

/* === BUTTON-SCHRIFT SCHWARZ === */
.bp-kontakt .bp-kontakt__submit {
  color: #0b0b0d !important;
}

/* === STATUS-MELDUNG (Toast) === */
.bp-toast {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 420px;
  padding: 16px 18px;
  background: #15171f;
  border: 1px solid #2a2c33;
  border-left: 3px solid #e3fb04;
  color: #e8e8ea;
  font-size: 14px;
  line-height: 1.45;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6);
  opacity: 0;
  transform: translateY(-12px);
  transition: opacity 0.28s ease, transform 0.28s ease;
}
.bp-toast.is-visible { opacity: 1; transform: translateY(0); }
.bp-toast--err { border-left-color: #ff6b6b; }
.bp-toast__close {
  margin-left: auto;
  width: 26px;
  height: 26px;
  background: transparent;
  border: 0;
  color: #8a8c94;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.bp-toast__close:hover { color: #e8e8ea; }
@media (max-width: 600px) {
  .bp-toast { left: 16px; right: 16px; max-width: none; }
}

/* ---- DESIGN-TOKENS ---------------------------------------- */
:root {
  --bs-yellow:        #E6FF03;
  --bs-yellow-soft:   rgba(230, 255, 3, 0.14);
  --bs-black:         #121212;
  --bs-blue:          #0A2BFF;
  --bs-input-bg:      #1a1a1a;
  --bs-border:        #2a2a2a;
  --bs-text:          #FFFFFF;
  --bs-text-dim:      #9CA3AF;
  --bs-text-faint:    #6b7280;
  --bs-text-soft:     #d1d5db;

  --bs-font-display:  swap;
  --bs-font-body:     'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --bs-font-mono:     'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, monospace;

  --bs-radius:        4px;
}

/* ---- HAUPTCONTAINER (das ist das form-Element) ----------- */
.bs-bewerbung {
  background: var(--bs-black);
  border-radius: 6px;
  padding: 2rem 1.75rem;
  color: var(--bs-text);
  font-family: var(--bs-font-body);
  border-left: 3px solid var(--bs-blue);
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* ---- HEADER ----------------------------------------------- */
.bs-bewerbung__commit {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--bs-font-mono);
  font-size: 12px;
  color: var(--bs-yellow);
  margin-bottom: 12px;
  letter-spacing: 0.5px;
}
.bs-bewerbung__dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: var(--bs-yellow);
  border-radius: 50%;
  box-shadow: 0 0 8px var(--bs-yellow);
  animation: bs-bewerbung-pulse 2.4s ease-in-out infinite;
}
@keyframes bs-bewerbung-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.35; }
}
.bs-bewerbung__title {
  margin: 0 0 8px;
  color: var(--bs-text);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.15;
  font-family: var(--bs-font-display);
  letter-spacing: -0.5px;
}
.bs-bewerbung__lead {
  color: var(--bs-text-dim);
  font-size: 14px;
  margin: 0 0 2rem;
  line-height: 1.6;
}
.bs-bewerbung__divider {
  height: 1px;
  background: linear-gradient(to right, var(--bs-yellow) 0%, var(--bs-blue) 40%, var(--bs-border) 70%, transparent 100%);
  margin-bottom: 1.75rem;
}

/* ---- SECTION-LABEL ---------------------------------------- */
.bs-bewerbung__section-label {
  font-family: var(--bs-font-mono);
  font-size: 11px;
  color: var(--bs-yellow);
  margin-bottom: 12px;
  letter-spacing: 0.5px;
}
.bs-bewerbung__section-hint {
  font-size: 12px;
  color: var(--bs-text-faint);
  margin: 0 0 12px;
}

/* ---- GRID-REIHEN ------------------------------------------ */
.bs-bewerbung__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}
.bs-bewerbung__row--last { margin-bottom: 1.75rem; }
.bs-bewerbung__row--2fr  { grid-template-columns: 2fr 1fr; }
.bs-bewerbung__row--full { grid-template-columns: 1fr; }

/* ---- LABELS + INPUTS -------------------------------------- */
.bs-bewerbung__label {
  display: block;
  font-size: 11px;
  color: var(--bs-text-dim);
  margin-bottom: 6px;
  letter-spacing: 0.8px;
  font-weight: 500;
  text-transform: uppercase;
}
.bs-bewerbung__input,
.bs-bewerbung__textarea {
  width: 100%;
  background: var(--bs-input-bg);
  border: 1px solid var(--bs-border);
  color: var(--bs-text);
  padding: 0 14px;
  height: 44px;
  border-radius: var(--bs-radius);
  font-size: 14px;
  font-family: var(--bs-font-body);
  box-sizing: border-box;
  transition: border-color 0.18s, box-shadow 0.18s;
}
.bs-bewerbung__input:focus,
.bs-bewerbung__textarea:focus {
  outline: none;
  border-color: var(--bs-yellow);
  box-shadow: 0 0 0 3px var(--bs-yellow-soft);
}
.bs-bewerbung__input::placeholder,
.bs-bewerbung__textarea::placeholder {
  color: var(--bs-text-faint);
}
.bs-bewerbung__textarea {
  min-height: 110px;
  padding: 12px 14px;
  height: auto;
  resize: vertical;
  line-height: 1.5;
  margin-bottom: 1.75rem;
}

/* ---- STATUS-BUTTONS --------------------------------------- */
.bs-bewerbung__status-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-bottom: 14px;
}
.bs-bewerbung__status-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.bs-bewerbung__status-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: var(--bs-input-bg);
  border: 1px solid var(--bs-border);
  color: var(--bs-text);
  height: 44px;
  font-size: 14px;
  font-family: var(--bs-font-body);
  border-radius: var(--bs-radius);
  cursor: pointer;
  transition: background 0.18s, border-color 0.18s, color 0.18s;
  user-select: none;
}
.bs-bewerbung__status-label:hover { border-color: var(--bs-text-dim); }
.bs-bewerbung__status-input:checked + .bs-bewerbung__status-label {
  background: var(--bs-yellow);
  border-color: var(--bs-yellow);
  color: var(--bs-black);
  font-weight: 600;
}
.bs-bewerbung__status-input:focus-visible + .bs-bewerbung__status-label {
  outline: 2px solid var(--bs-yellow);
  outline-offset: 2px;
}

/* ---- SKILL-TAGS ------------------------------------------- */
.bs-bewerbung__skills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}
.bs-bewerbung__skill-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.bs-bewerbung__skill-label {
  background: var(--bs-input-bg);
  color: var(--bs-text-soft);
  border: 1px solid var(--bs-border);
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.18s, border-color 0.18s, color 0.18s;
  user-select: none;
}
.bs-bewerbung__skill-label:hover { border-color: var(--bs-text-dim); }
.bs-bewerbung__skill-input:checked + .bs-bewerbung__skill-label {
  background: var(--bs-yellow);
  color: var(--bs-black);
  border-color: var(--bs-yellow);
  font-weight: 600;
}
.bs-bewerbung__skill-input:focus-visible + .bs-bewerbung__skill-label {
  outline: 2px solid var(--bs-yellow);
  outline-offset: 2px;
}

/* ---- SOCIAL-INPUTS ---------------------------------------- */
.bs-bewerbung__social-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin-bottom: 1.75rem;
}
.bs-bewerbung__social {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--bs-input-bg);
  border: 1px solid var(--bs-border);
  border-radius: var(--bs-radius);
  padding: 0 12px;
  height: 44px;
  transition: border-color 0.18s, box-shadow 0.18s;
}
.bs-bewerbung__social:focus-within {
  border-color: var(--bs-yellow);
  box-shadow: 0 0 0 3px var(--bs-yellow-soft);
}
.bs-bewerbung__social svg {
  color: var(--bs-yellow);
  flex: 0 0 auto;
}
.bs-bewerbung__social input {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--bs-text);
  font-size: 14px;
  font-family: var(--bs-font-body);
  outline: none;
  flex: 1;
  min-width: 0;
  height: 42px;
}
.bs-bewerbung__social input::placeholder { color: var(--bs-text-faint); }

/* ---- CONSENT-BOX ------------------------------------------ */
.bs-bewerbung__consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  background: var(--bs-input-bg);
  border: 1px solid var(--bs-border);
  border-radius: var(--bs-radius);
  margin-bottom: 1.5rem;
  cursor: pointer;
}
.bs-bewerbung__consent input[type="checkbox"] {
  margin-top: 3px;
  accent-color: var(--bs-yellow);
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
}
.bs-bewerbung__consent-text {
  font-size: 13px;
  color: var(--bs-text-soft);
  line-height: 1.5;
}
.bs-bewerbung__consent-text a {
  color: var(--bs-yellow);
  text-decoration: underline;
}

/* ---- SUBMIT-BUTTON ---------------------------------------- */
.bs-bewerbung__submit {
  width: 100%;
  background: var(--bs-yellow);
  border: 1px solid var(--bs-yellow);
  color: var(--bs-black);
  font-weight: 700;
  height: 54px;
  font-size: 16px;
  border-radius: var(--bs-radius);
  cursor: pointer;
  font-family: var(--bs-font-display);
  letter-spacing: 0.3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 8px 30px rgba(230, 255, 3, 0.25);
  transition: transform 0.18s, box-shadow 0.18s;
}
.bs-bewerbung__submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(230, 255, 3, 0.35);
}
.bs-bewerbung__submit svg { transition: transform 0.18s; }
.bs-bewerbung__submit:hover svg { transform: translateX(4px); }

/* ---- FOOTNOTE --------------------------------------------- */
.bs-bewerbung__footnote {
  font-family: var(--bs-font-mono);
  font-size: 11px;
  color: var(--bs-text-faint);
  text-align: center;
  margin: 14px 0 0;
  letter-spacing: 0.3px;
}

/* ---- HONEYPOT --------------------------------------------- */
.bs-bewerbung__hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ---- RESPONSIVE ------------------------------------------- */
@media (max-width: 600px) {
  .bs-bewerbung { padding: 1.5rem 1.25rem; }
  .bs-bewerbung__row,
  .bs-bewerbung__status-grid,
  .bs-bewerbung__social-grid { grid-template-columns: 1fr; gap: 10px; }
  .bs-bewerbung__row--2fr   { grid-template-columns: 1fr; }
  .bs-bewerbung__title      { font-size: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .bs-bewerbung__dot,
  .bs-bewerbung__submit,
  .bs-bewerbung__submit svg,
  .bs-bewerbung__status-label,
  .bs-bewerbung__skill-label {
    animation: none !important;
    transition: none !important;
  }
}

/* === BEWERBUNG: TRANSPARENT + SCHLIESSEN-BUTTON ANGLEICHEN === */



.pum .pum-close,
.pum-overlay .pum-close,
.pum-container .pum-close,
button.pum-close {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 999999 !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #2a2c33 !important;
  border-radius: 50% !important;
  color: #8a8c94 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}
.pum .pum-close::before,
.pum-overlay .pum-close::before,
.pum-container .pum-close::before,
button.pum-close::before {
  content: "\00d7" !important;
  font-size: 26px !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  position: static !important;
  display: block !important;
  color: #8a8c94 !important;
}
.pum .pum-close:hover,
.pum-overlay .pum-close:hover,
.pum-container .pum-close:hover {
  border-color: #e3fb04 !important;
}
.pum .pum-close:hover::before,
.pum-container .pum-close:hover::before {
  color: #e3fb04 !important;
}

/* === OVERLAY DUNKEL ABSICHERN (mehrere Selektoren) === */
.pum,
.pum.pum-overlay,
.pum-overlay,
div.pum-overlay {
  background-color: rgba(5, 7, 9, 0.82) !important;
}

.pum-container {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.pum-content {
  padding: 0 !important;
}

.bs-bewerbung .bs-bewerbung__submit,
.bs-bewerbung .bs-bewerbung__submit svg {
  color: #121212 !important;
}

.bs-bewerbung__corner {
  position: absolute;
  width: 28px;
  height: 28px;
  border: 2px solid #E6FF03;
  pointer-events: none;
  z-index: 2;
}
.bs-bewerbung__corner--tl { top: 0; left: 0;  border-right: 0; border-bottom: 0; }
.bs-bewerbung__corner--tr { top: 0; right: 0; border-left: 0;  border-bottom: 0; }
.bs-bewerbung__corner--bl { bottom: 0; left: 0;  border-right: 0; border-top: 0; }
.bs-bewerbung__corner--br { bottom: 0; right: 0; border-left: 0;  border-top: 0; }


.pum-container:has(.bs-bewerbung) {
  max-width: 720px !important;
}

.bs-bewerbung,
form.bs-bewerbung,
.pum-content form.bs-bewerbung {
  border-left: 0 !important;
  border-left-width: 0 !important;
}

.bp-quick {
  --bpq-yellow:      #e3fb04;
  --bpq-yellow-soft: rgba(227,251,4,0.14);
  --bpq-black:       #0b0b0d;
  --bpq-panel:       #15171f;
  --bpq-field:       #101116;
  --bpq-border:      #2a2c33;
  --bpq-border-soft: #1f2027;
  --bpq-text:        #e8e8ea;
  --bpq-text-dim:    #8a8c94;
  --bpq-text-faint:  #5d5f67;
  --bpq-font-display: swap;
  --bpq-font-body:    'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  position: relative;
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 38px 34px;
  background: var(--bpq-panel);
  border: 1px solid var(--bpq-border-soft);
  color: var(--bpq-text);
  font-family: var(--bpq-font-body);
}
.bp-quick__corner {
  position: absolute;
  width: 24px;
  height: 24px;
  border: 2px solid var(--bpq-yellow);
  pointer-events: none;
}
.bp-quick__corner--tl { top: -1px; left: -1px;  border-right: 0; border-bottom: 0; }
.bp-quick__corner--tr { top: -1px; right: -1px; border-left: 0;  border-bottom: 0; }
.bp-quick__corner--bl { bottom: -1px; left: -1px;  border-right: 0; border-top: 0; }
.bp-quick__corner--br { bottom: -1px; right: -1px; border-left: 0;  border-top: 0; }
.bp-quick__head {
  font-family: var(--bpq-font-display);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--bpq-yellow);
  margin-bottom: 10px;
}
.bp-quick__title {
  font-family: var(--bpq-font-display);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.15;
  margin: 0 0 8px;
  color: var(--bpq-text);
}
.bp-quick__lead {
  font-size: 14px;
  line-height: 1.55;
  color: var(--bpq-text-dim);
  margin: 0 0 24px;
}
.bp-quick__field { margin-bottom: 18px; }
.bp-quick__label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--bpq-text-dim);
  margin-bottom: 8px;
}
.bp-quick__q {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--bpq-text-faint);
}
.bp-quick__input {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  background: var(--bpq-field);
  border: 1px solid var(--bpq-border);
  border-bottom: 2px solid var(--bpq-yellow);
  border-radius: 2px;
  color: var(--bpq-text);
  font-family: var(--bpq-font-body);
  font-size: 15px;
  transition: border-color 0.18s, box-shadow 0.18s;
}
.bp-quick__input::placeholder { color: var(--bpq-text-faint); }
.bp-quick__input:focus {
  outline: none;
  border-color: var(--bpq-yellow);
  box-shadow: 0 0 0 3px var(--bpq-yellow-soft);
}
.bp-quick__consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 4px 0 22px;
  font-size: 13px;
  color: var(--bpq-text-dim);
  line-height: 1.45;
  cursor: pointer;
}
.bp-quick__consent input {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  margin-top: 1px;
  accent-color: var(--bpq-yellow);
}
.bp-quick__consent a {
  color: var(--bpq-yellow);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.bp-quick__submit {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 22px;
  background: var(--bpq-yellow);
  color: var(--bpq-black) !important;
  border: 0;
  border-radius: 2px;
  font-family: var(--bpq-font-display);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 8px 30px rgba(227,251,4,0.26);
  transition: transform 0.18s, box-shadow 0.18s;
}
.bp-quick__submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(227,251,4,0.38);
}
.bp-quick__submit svg { transition: transform 0.18s; }
.bp-quick__submit:hover svg { transform: translateX(4px); }
.bp-quick__hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.bp-quick :focus-visible {
  outline: 2px solid var(--bpq-yellow);
  outline-offset: 2px;
}
@media (max-width: 520px) {
  .bp-quick { padding: 30px 22px; }
  .bp-quick__title { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  .bp-quick__submit,
  .bp-quick__submit svg { transition: none !important; }
}

/* === SCHNELLKONTAKT: KORREKTUREN GEGEN THEME-STILE === */

/* kompaktere Abstaende, Theme-Leerraum zuruecknehmen */
.bp-quick { padding: 32px 30px !important; }
.bp-quick .bp-quick__head    { margin: 0 0 8px  !important; }
.bp-quick .bp-quick__title   { margin: 0 0 6px  !important; }
.bp-quick .bp-quick__lead    { margin: 0 0 20px !important; }
.bp-quick .bp-quick__field   { margin: 0 0 16px !important; }
.bp-quick .bp-quick__label   { margin: 0 0 7px  !important; }
.bp-quick .bp-quick__consent { margin: 6px 0 20px !important; }

/* Eingabefelder: Rahmen + gelbe Linie unten erzwingen */
.bp-quick input.bp-quick__input {
  margin: 0 !important;
  border: 1px solid #2a2c33 !important;
  border-bottom: 2px solid #e3fb04 !important;
  border-radius: 2px !important;
}

/* Button: volle Breite, eckige Form erzwingen */
.bp-quick button.bp-quick__submit {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 2px !important;
}

/* === KONTAKT-POP-UP: FEEDBACK-ANPASSUNGEN === */

/* 1) Schliessen-Button: X exakt zentrieren
      (zwei Striche statt Textzeichen, immer mittig) */
.pum-container:has(.bp-kontakt) .pum-close::before,
.pum-container:has(.bp-kontakt) .pum-close::after {
  content: "" !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
}
.pum-container:has(.bp-kontakt) .pum-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.pum-container:has(.bp-kontakt) .pum-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* 2) Labels & Ueberschriften: weniger Laufweite */
.bp-kontakt .bp-kontakt__label       { letter-spacing: 0.07em !important; }
.bp-kontakt .bp-kontakt__form-title  { letter-spacing: 0.08em !important; }
.bp-kontakt .bp-kontakt__badge       { letter-spacing: 0.10em !important; }
.bp-kontakt .bp-kontakt__phone-label { letter-spacing: 0.10em !important; }

/* 3) Keine Wort-Trennung, Textbreite besser nutzen */
.bp-kontakt,
.bp-kontakt h2,
.bp-kontakt p,
.bp-kontakt li {
  -webkit-hyphens: none !important;
  hyphens: none !important;
}
.bp-kontakt .bp-kontakt__lead { max-width: 42ch !important; }

/* 4) Interne Hinweise ausblenden */
.bp-kontakt .bp-kontakt__form-meta { display: none !important; }
.bp-kontakt .bp-kontakt__footer    { display: none !important; }

/* === KONTAKT-POP-UP: SCHLIESSEN-X (robuste Fassung) === */

/* die alten Strich-Elemente abschalten */
.pum-container:has(.bp-kontakt) .pum-close::before,
.pum-container:has(.bp-kontakt) .pum-close::after {
  content: none !important;
  display: none !important;
}

/* X als zentriertes Symbol im Button-Hintergrund */
.pum-container:has(.bp-kontakt) .pum-close {
  font-size: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 16px 16px !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%238a8c94'%20stroke-width='2.6'%20stroke-linecap='round'%3E%3Cline%20x1='6'%20y1='6'%20x2='18'%20y2='18'/%3E%3Cline%20x1='6'%20y1='18'%20x2='18'%20y2='6'/%3E%3C/svg%3E") !important;
}

/* Hover: X wird gelb */
.pum-container:has(.bp-kontakt) .pum-close:hover {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23e3fb04'%20stroke-width='2.6'%20stroke-linecap='round'%3E%3Cline%20x1='6'%20y1='6'%20x2='18'%20y2='18'/%3E%3Cline%20x1='6'%20y1='18'%20x2='18'%20y2='6'/%3E%3C/svg%3E") !important;
}

/* === KONTAKT-POP-UP: LABEL-ABSTAND + HELLERE FELDER === */

/* 1) Beschriftung naeher ans Eingabefeld */
.bp-kontakt .bp-kontakt__label {
  margin-bottom: 5px !important;
}
.bp-kontakt .bp-kontakt__input,
.bp-kontakt .bp-kontakt__select,
.bp-kontakt .bp-kontakt__textarea {
  margin-top: 0 !important;
}

/* 2) Eingabefelder heller faerben */
.bp-kontakt .bp-kontakt__input,
.bp-kontakt .bp-kontakt__select,
.bp-kontakt .bp-kontakt__textarea,
.bp-kontakt .bp-kontakt__input:focus,
.bp-kontakt .bp-kontakt__select:focus,
.bp-kontakt .bp-kontakt__textarea:focus {
  background-color: #23262f !important;
}


/* ============================================
   Mega-Menü Lösungen – „dezent & edel"
   Voraussetzung: CSS-Klasse  mm-head  auf den
   Spaltenüberschriften (nach Abteilung / Branche / Phase)
   ============================================ */

/* --- Äußere Fläche: exakt auf Bildschirmmitte gepinnt, kompakt --- */
#header-outer .sf-menu li.megamenu > ul {
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    left: 50% !important;
    right: auto !important;
    margin-left: 0 !important;
    transform: translateX(-50%) !important;
    padding: 22px 0 24px !important;
    min-height: 0 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 48px !important;
}

/* --- Spalten: Breite nach Inhalt, nicht gestreckt --- */
#header-outer .sf-menu li.megamenu > ul > li {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    float: none !important;
    margin: 0 !important;
}

/* --- Spaltenüberschriften --- */
#header-outer .sf-menu li.megamenu li.mm-head > a {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .18em;
    color: rgba(0,0,0,.5) !important;
    padding-bottom: 4px !important;
}
#header-outer .sf-menu li.megamenu li.mm-head > a:after {
    content: "";
    display: block;
    width: 26px;
    height: 2px;
    background: rgba(0,0,0,.35);
    margin-top: 8px;
}

/* --- Link-Liste unter der Überschrift --- */
#header-outer .sf-menu li.megamenu li.mm-head > ul {
    padding: 0 !important;
    margin-top: 8px !important;
}

/* --- Links --- */
#header-outer .sf-menu li.megamenu li.mm-head ul li > a {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #111 !important;
    padding: 4px 0 !important;
    line-height: 1.3 !important;
    opacity: .85;
    transition: opacity .2s ease, transform .2s ease;
}
#header-outer .sf-menu li.megamenu li.mm-head ul li > a:hover {
    opacity: 1;
    transform: translateX(6px);
}



/* --- Laufbänder ---- */

.rotate-row-up{
  transform: rotate(-1deg);
  transform-origin: center;
}
.rotate-row-down{
  transform: rotate(0.5deg);
  transform-origin: center;
}

.rotate-row-up + .wpb_row {
  position: relative;
  z-index: 2;
}

.rotate-row-up { position: relative; z-index: 1 !important; }
.rotate-row-up + .wpb_row { position: relative; z-index: 2 !important; }



/* Automatische Silbentrennung deutschlandweit abschalten */
body, .container-wrap, p, li, h1, h2, h3, h4, h5, h6,
.wpb_text_column, .nectar-fancy-heading, .bx, .pw {
  -webkit-hyphens: manual !important;
  -ms-hyphens: manual !important;
  hyphens: manual !important;
}

/* === bp: Menue-Hierarchie mobil + Silbentrennung (Claude) === */
#slide-out-widget-area .off-canvas-menu-container .sub-menu > .menu-item > a{font-size:21px !important;font-weight:600 !important;line-height:1.15 !important;}
#slide-out-widget-area .off-canvas-menu-container .nav_desc{display:block !important;font-size:14px !important;font-weight:400 !important;line-height:1.3 !important;margin-top:4px !important;opacity:.8 !important;}
body, .container-wrap, p, li, h1, h2, h3, h4, h5, h6, .wpb_text_column, .nectar-fancy-heading, .bx, .pw{-webkit-hyphens:manual !important;-ms-hyphens:manual !important;hyphens:manual !important;}

/* Hub-Button: Hover-Farbe stabil halten (Theme darf nicht umfaerben) */
.bpc a.bpc-btn,.bpc a.bpc-btn:hover,.bpc a.bpc-btn:focus,.bpc a.bpc-btn:active{background:#E6FF03 !important;color:#10130a !important;text-decoration:none !important;}
/* Mega-Menue: aeusserer Flyout-Container gelb umrandet */
#mega-menu-wrap-top_nav #mega-menu-top_nav > li.mega-menu-megamenu > ul.mega-sub-menu,#mega-menu-wrap-top_nav #mega-menu-top_nav > li.mega-menu-flyout > ul.mega-sub-menu{border:2px solid #E6FF03 !important;}

/* Mobiles Menue: Aufklapp-Pfeile groesser + betterBlue */
#slide-out-widget-area .off-canvas-menu-container i.fa-angle-down,#slide-out-widget-area .off-canvas-menu-container i.fa-angle-up,#slide-out-widget-area i.fa-angle-down,#slide-out-widget-area i.fa-angle-up{font-size:34px !important;line-height:1 !important;color:#0A2BFF !important;}

/* Hub-Button: Schraege auch auf Mobil beibehalten */
@media(max-width:760px){.bpc a.bpc-btn{clip-path:polygon(0 0,100% 0,calc(100% - 54px) 100%,0 100%) !important;padding:0 58px 0 30px !important;}}

/* Startseite: .bph-Kartenband Abstand an Nachbarbaender angleichen (kleiner + einheitlich) */
.bph{padding-top:13px !important;padding-bottom:40px !important;}

/* Footer: schwarzer Oberrand am Nav-Innencontainer entfernen (erzeugte inneren Streifen aufs Gelb) */
.bpf-footer .bpf-nav .bpf-wrap{border-top:0 !important;}


/* ==== betterPARTNER 08/2026 - Abstaende + Ausrichtung (aus Footer-Global-Section verschoben) ==== */
.bx .bx-in>.bai-list,.bx .bx-in>.bai-matrix,.bx .bx-in>.bai-steps,.bx .bx-in>.bai-tiers,.bx .bx-in>.bai-free,.bx .bx-in>.bai-pay{margin-top:44px}
.bx .bp-toc{margin-top:48px}
.bx .bx-in>.bai-chips{margin-top:30px}
.bx .bai-fact{margin:48px 0 0}
.bx.bai-final .bx-in{text-align:center;padding-bottom:80px}
.bx.bai-final .bai-chips{justify-content:center;margin-top:44px}
.bx.bai-final .bai-fact{display:flex;justify-content:center}
html body .wpforms-container .wpforms-field.wpforms-field-checkbox[id$="field_34-container"]{margin-bottom:30px!important}
html body .wpforms-container .wpforms-field.wpforms-field-checkbox[id$="field_34-container"] ul li{margin-bottom:9px!important}
html body .wpforms-container .wpforms-field.wpforms-field-checkbox[id$="field_34-container"] .wpforms-field-description{margin-top:12px}
html body .wpforms-container .wpforms-field.wpforms-field-checkbox[id$="field_6-container"],html body .wpforms-container .wpforms-field.wpforms-field-checkbox[id$="field_8-container"]{margin-bottom:10px!important}

/* Header -> Hero: einheitlicher Abstand auf allen bai-hero-Modulseiten */
body:has(section.bai-hero) .container-wrap {
  padding-top: 0;
}
body:has(section.bai-hero) .row > .wpb_raw_code.wpb_content_element:has(> .wpb_wrapper > style:only-child) {
  margin-bottom: 0;
}

/* betterCOMM Mega-Menu Kachel + Icon (Item 7947) */
#header-outer #mega-menu-top_nav li.mega-menu-item-7947 > a.mega-menu-link{display:block!important;padding:0 14px 12px!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-7947 > a.mega-menu-link::before{content:""!important;display:block!important;height:104px!important;margin:0 -14px 10px!important;background-image:url(https://betterprojects.de/wp-content/uploads/2026/09/betterCOMM.png)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
#mega-menu-item-7947 > a.mega-menu-link::after,.off-canvas-menu-container #menu-item-7947 > a::before{content:""!important;display:block!important;position:absolute!important;top:8px!important;left:8px!important;width:34px!important;height:34px!important;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9ImJldHRlckNPTU0iPjxyZWN0IHg9IjIiIHk9IjIiIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgcng9IjE2IiBmaWxsPSIjMUExQTFBIi8+PGcgc3Ryb2tlPSIjRTZGRjAzIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTE0IDMwIFYxNCBIMzAiLz48cGF0aCBkPSJNNzAgMTQgSDg2IFYzMCIvPjxwYXRoIGQ9Ik0xNCA3MCBWODYgSDMwIi8+PHBhdGggZD0iTTg2IDcwIFY4NiBINzAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMsMjMpIHNjYWxlKDAuNTQpIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjgiIHk9IjI0IiB3aWR0aD0iODQiIGhlaWdodD0iNTgiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI5Ii8+PHBhdGggZD0iTTggMjggTDUwIDU4IEw5MiAyOCIgc3Ryb2tlPSIjRTZGRjAzIiBzdHJva2Utd2lkdGg9IjkiLz48L2c+PC9zdmc+)!important;background-size:contain!important;background-repeat:no-repeat!important}


/* betterCOMM Icon im mobilen Menue (Off-Canvas) - Geometrie wie die uebrigen bfi-Icons */
.off-canvas-menu-container #menu-item-7947>a::before{position:static!important;top:auto!important;left:auto!important;display:inline-block!important;width:26px!important;height:26px!important;margin-right:10px!important;vertical-align:-6px!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important}


/* Alle Module & Fahrplan Mega-Menu Kachel (Item 8129) */
#header-outer #mega-menu-top_nav li.mega-menu-item-8129 > a.mega-menu-link{display:block!important;padding:0 14px 12px!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-8129 > a.mega-menu-link::before{content:""!important;display:block!important;height:104px!important;margin:0 -14px 10px!important;background-image:url(https://betterprojects.de/wp-content/uploads/2026/09/betterflow-hero-quadratisch.png)!important;background-size:cover!important;background-position:center 42%!important;background-repeat:no-repeat!important;border-bottom:1px solid rgba(255,255,255,.1)!important}


#mega-menu-item-8129 > a.mega-menu-link::after,.off-canvas-menu-container #menu-item-8129 > a::before{content:""!important;display:block!important;position:absolute!important;top:8px!important;left:8px!important;width:34px!important;height:34px!important;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9ImJldHRlckZMT1ciPjxyZWN0IHg9IjIiIHk9IjIiIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgcng9IjE2IiBmaWxsPSIjMUExQTFBIi8+PGcgc3Ryb2tlPSIjRTZGRjAzIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTE0IDMwIFYxNCBIMzAiLz48cGF0aCBkPSJNNzAgMTQgSDg2IFYzMCIvPjxwYXRoIGQ9Ik0xNCA3MCBWODYgSDMwIi8+PHBhdGggZD0iTTg2IDcwIFY4NiBINzAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMsMjMpIHNjYWxlKDAuNTQpIj48cmVjdCB4PSIxMiIgeT0iMTAiIHdpZHRoPSIzNyIgaGVpZ2h0PSIxMSIgZmlsbD0iI0ZGRkZGRiIvPjxyZWN0IHg9IjEyIiB5PSIzMyIgd2lkdGg9IjM3IiBoZWlnaHQ9IjExIiBmaWxsPSIjRkZGRkZGIi8+PHJlY3QgeD0iMTIiIHk9IjU2IiB3aWR0aD0iMzciIGhlaWdodD0iMTEiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSIxMiIgeT0iNzkiIHdpZHRoPSIzNyIgaGVpZ2h0PSIxMSIgZmlsbD0iI0ZGRkZGRiIvPjxyZWN0IHg9IjQ5IiB5PSI2IiB3aWR0aD0iMTAiIGhlaWdodD0iODgiIGZpbGw9IiNGRkZGRkYiLz48cmVjdCB4PSI1OSIgeT0iNDEiIHdpZHRoPSIzMSIgaGVpZ2h0PSIxOCIgZmlsbD0iI0U2RkYwMyIvPjwvZz48L3N2Zz4=)!important;background-size:contain!important;background-repeat:no-repeat!important;z-index:3!important}
/* betterFLOW Icon im mobilen Menue (Off-Canvas) - Geometrie wie die uebrigen bfi-Icons */
.off-canvas-menu-container #menu-item-8129>a::before{position:static!important;top:auto!important;left:auto!important;display:inline-block!important;width:26px!important;height:26px!important;margin-right:10px!important;vertical-align:-6px!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important}


/* Aktions-Eintraege betterFLOW-Panel als Karten mit Signet (7971, 7035, 7748, 7044) */
#header-outer #mega-menu-top_nav li.mega-menu-item-7971 > a.mega-menu-link,#header-outer #mega-menu-top_nav li.mega-menu-item-7035 > a.mega-menu-link,#header-outer #mega-menu-top_nav li.mega-menu-item-7748 > a.mega-menu-link,#header-outer #mega-menu-top_nav li.mega-menu-item-7044 > a.mega-menu-link{display:block!important;padding:14px 14px 12px!important;height:100%!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;background:rgba(255,255,255,.03)!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-7971 > a.mega-menu-link:hover,#header-outer #mega-menu-top_nav li.mega-menu-item-7035 > a.mega-menu-link:hover,#header-outer #mega-menu-top_nav li.mega-menu-item-7748 > a.mega-menu-link:hover,#header-outer #mega-menu-top_nav li.mega-menu-item-7044 > a.mega-menu-link:hover{border-color:rgba(230,255,3,.55)!important;background:rgba(230,255,3,.06)!important;color:#fff!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-7971 > a.mega-menu-link::before{content:""!important;display:block!important;width:38px!important;height:38px!important;margin:0 0 12px!important;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IlByZWlzZSI+PHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2IiByeD0iMTYiIGZpbGw9IiMxQTFBMUEiLz48ZyBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMTQgMzAgVjE0IEgzMCIvPjxwYXRoIGQ9Ik03MCAxNCBIODYgVjMwIi8+PHBhdGggZD0iTTE0IDcwIFY4NiBIMzAiLz48cGF0aCBkPSJNODYgNzAgVjg2IEg3MCIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMywyMykgc2NhbGUoMC41NCkiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEwIDUyIEw1MiAxMCBIOTAgVjQ4IEw0OCA5MCBaIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iOSIvPjxjaXJjbGUgY3g9IjY4IiBjeT0iMzIiIHI9IjgiIHN0cm9rZT0iI0U2RkYwMyIgc3Ryb2tlLXdpZHRoPSI5Ii8+PC9nPjwvc3ZnPg==)!important;background-size:contain!important;background-repeat:no-repeat!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-7035 > a.mega-menu-link::before{content:""!important;display:block!important;width:38px!important;height:38px!important;margin:0 0 12px!important;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkRlbW8iPjxyZWN0IHg9IjIiIHk9IjIiIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgcng9IjE2IiBmaWxsPSIjMUExQTFBIi8+PGcgc3Ryb2tlPSIjRTZGRjAzIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTE0IDMwIFYxNCBIMzAiLz48cGF0aCBkPSJNNzAgMTQgSDg2IFYzMCIvPjxwYXRoIGQ9Ik0xNCA3MCBWODYgSDMwIi8+PHBhdGggZD0iTTg2IDcwIFY4NiBINzAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMsMjMpIHNjYWxlKDAuNTQpIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjgiIHk9IjE0IiB3aWR0aD0iODQiIGhlaWdodD0iNTgiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI5Ii8+PHBhdGggZD0iTTMwIDkwIEg3MCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjkiLz48cGF0aCBkPSJNNDIgMzAgTDY2IDQzIEw0MiA1NiBaIiBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iOSIvPjwvZz48L3N2Zz4=)!important;background-size:contain!important;background-repeat:no-repeat!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-7748 > a.mega-menu-link::before{content:""!important;display:block!important;width:38px!important;height:38px!important;margin:0 0 12px!important;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IlBhcnRuZXIiPjxyZWN0IHg9IjIiIHk9IjIiIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgcng9IjE2IiBmaWxsPSIjMUExQTFBIi8+PGcgc3Ryb2tlPSIjRTZGRjAzIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTE0IDMwIFYxNCBIMzAiLz48cGF0aCBkPSJNNzAgMTQgSDg2IFYzMCIvPjxwYXRoIGQ9Ik0xNCA3MCBWODYgSDMwIi8+PHBhdGggZD0iTTg2IDcwIFY4NiBINzAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMsMjMpIHNjYWxlKDAuNTQpIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xNCAyNiBINDYgVjc0IEgxNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjkiLz48cGF0aCBkPSJNODYgMjYgSDU0IFY3NCBIODYiIHN0cm9rZT0iI0U2RkYwMyIgc3Ryb2tlLXdpZHRoPSI5Ii8+PC9nPjwvc3ZnPg==)!important;background-size:contain!important;background-repeat:no-repeat!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-7044 > a.mega-menu-link::before{content:""!important;display:block!important;width:38px!important;height:38px!important;margin:0 0 12px!important;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9Ilp1ciBBbndlbmR1bmciPjxyZWN0IHg9IjIiIHk9IjIiIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgcng9IjE2IiBmaWxsPSIjMUExQTFBIi8+PGcgc3Ryb2tlPSIjRTZGRjAzIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTE0IDMwIFYxNCBIMzAiLz48cGF0aCBkPSJNNzAgMTQgSDg2IFYzMCIvPjxwYXRoIGQ9Ik0xNCA3MCBWODYgSDMwIi8+PHBhdGggZD0iTTg2IDcwIFY4NiBINzAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMsMjMpIHNjYWxlKDAuNTQpIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik01MiA4NiBIMTQgVjE0IEg1MiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjkiLz48cGF0aCBkPSJNNDAgNTAgSDg2IE02NiAzMCBMODYgNTAgTDY2IDcwIiBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iOSIvPjwvZz48L3N2Zz4=)!important;background-size:contain!important;background-repeat:no-repeat!important}

/* Aktionskarten gleich hoch, "Zu betterFLOW" ueber alle Spalten als Knopf */
#header-outer #mega-menu-top_nav li.mega-menu-item-7971,#header-outer #mega-menu-top_nav li.mega-menu-item-7035,#header-outer #mega-menu-top_nav li.mega-menu-item-7748{display:flex!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-7971 > a.mega-menu-link,#header-outer #mega-menu-top_nav li.mega-menu-item-7035 > a.mega-menu-link,#header-outer #mega-menu-top_nav li.mega-menu-item-7748 > a.mega-menu-link{width:100%!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-7044{width:100%!important;max-width:100%!important;flex:0 0 100%!important;clear:both!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-7044 > a.mega-menu-link{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:12px!important;background:#E6FF03!important;color:#0A2BFF!important;border:none!important;border-radius:10px!important;padding:16px!important;font-weight:700!important;height:auto!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-7044 > a.mega-menu-link::before{width:24px!important;height:24px!important;margin:0!important;flex:0 0 auto!important}
#header-outer #mega-menu-top_nav li.mega-menu-item-7044 > a.mega-menu-link:hover{filter:brightness(1.06)!important;background:#E6FF03!important;color:#0A2BFF!important}

/* Knopf "Zu betterFLOW": gelbe Flaeche, Inhalt invertiert */
#header-outer #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item.mega-menu-item-7044 > a.mega-menu-link{background:#E6FF03!important;color:#0A2BFF!important;border:none!important;border-radius:10px!important;padding:16px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;text-align:center!important;height:auto!important}
#header-outer #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item.mega-menu-item-7044 > a.mega-menu-link::before{content:""!important;display:block!important;width:26px!important;height:26px!important;margin:0!important;flex:0 0 auto!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9Ilp1ciBBbndlbmR1bmciPjxnIHN0cm9rZT0iIzBBMkJGRiIgc3Ryb2tlLXdpZHRoPSIzIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xNCAzMCBWMTQgSDMwIi8+PHBhdGggZD0iTTcwIDE0IEg4NiBWMzAiLz48cGF0aCBkPSJNMTQgNzAgVjg2IEgzMCIvPjxwYXRoIGQ9Ik04NiA3MCBWODYgSDcwIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzLDIzKSBzY2FsZSgwLjU0KSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNTIgODYgSDE0IFYxNCBINTIiIHN0cm9rZT0iIzBBMkJGRiIgc3Ryb2tlLXdpZHRoPSI5Ii8+PHBhdGggZD0iTTQwIDUwIEg4NiBNNjYgMzAgTDg2IDUwIEw2NiA3MCIgc3Ryb2tlPSIjMEEyQkZGIiBzdHJva2Utd2lkdGg9IjkiLz48L2c+PC9zdmc+)!important;background-size:contain!important;background-repeat:no-repeat!important}
#header-outer #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item.mega-menu-item-7044 > a.mega-menu-link:hover{background:#E6FF03!important;color:#0A2BFF!important;filter:brightness(1.06)!important}

/* Rahmen fuer die oberen Kacheln 8129 und 7947 wie bei den uebrigen Karten */
#header-outer #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item.mega-menu-item-8129,#header-outer #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item.mega-menu-item-7947{display:flex!important}
#header-outer #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item.mega-menu-item-8129 > a.mega-menu-link,#header-outer #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item.mega-menu-item-7947 > a.mega-menu-link{width:100%!important;height:100%!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;overflow:hidden!important;background:rgba(255,255,255,.03)!important;padding:0 14px 12px!important}
#header-outer #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item.mega-menu-item-8129 > a.mega-menu-link:hover,#header-outer #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item.mega-menu-item-7947 > a.mega-menu-link:hover{border-color:rgba(230,255,3,.55)!important;background:rgba(230,255,3,.06)!important;color:#fff!important}


/* Desktop-Signete auch im mobilen Menue (Off-Canvas) */
.off-canvas-menu-container #menu-item-7035 > a::before{content:""!important;display:inline-block!important;position:static!important;width:26px!important;height:26px!important;margin-right:10px!important;vertical-align:-6px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkRlbW8iPjxyZWN0IHg9IjIiIHk9IjIiIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgcng9IjE2IiBmaWxsPSIjMUExQTFBIi8+PGcgc3Ryb2tlPSIjRTZGRjAzIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTE0IDMwIFYxNCBIMzAiLz48cGF0aCBkPSJNNzAgMTQgSDg2IFYzMCIvPjxwYXRoIGQ9Ik0xNCA3MCBWODYgSDMwIi8+PHBhdGggZD0iTTg2IDcwIFY4NiBINzAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMsMjMpIHNjYWxlKDAuNTQpIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjgiIHk9IjE0IiB3aWR0aD0iODQiIGhlaWdodD0iNTgiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI5Ii8+PHBhdGggZD0iTTMwIDkwIEg3MCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjkiLz48cGF0aCBkPSJNNDIgMzAgTDY2IDQzIEw0MiA1NiBaIiBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iOSIvPjwvZz48L3N2Zz4=)!important}
.off-canvas-menu-container #menu-item-7044 > a::before{content:""!important;display:inline-block!important;position:static!important;width:26px!important;height:26px!important;margin-right:10px!important;vertical-align:-6px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9Ilp1ciBBbndlbmR1bmciPjxyZWN0IHg9IjIiIHk9IjIiIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgcng9IjE2IiBmaWxsPSIjMUExQTFBIi8+PGcgc3Ryb2tlPSIjRTZGRjAzIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTE0IDMwIFYxNCBIMzAiLz48cGF0aCBkPSJNNzAgMTQgSDg2IFYzMCIvPjxwYXRoIGQ9Ik0xNCA3MCBWODYgSDMwIi8+PHBhdGggZD0iTTg2IDcwIFY4NiBINzAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMsMjMpIHNjYWxlKDAuNTQpIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik01MiA4NiBIMTQgVjE0IEg1MiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjkiLz48cGF0aCBkPSJNNDAgNTAgSDg2IE02NiAzMCBMODYgNTAgTDY2IDcwIiBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iOSIvPjwvZz48L3N2Zz4=)!important}
.off-canvas-menu-container #menu-item-7047 > a::before{content:""!important;display:inline-block!important;position:static!important;width:26px!important;height:26px!important;margin-right:10px!important;vertical-align:-6px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9ImJldHRlckZpQnUiPjxyZWN0IHg9IjIiIHk9IjIiIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgcng9IjE2IiBmaWxsPSIjMUExQTFBIi8+PGcgc3Ryb2tlPSIjRTZGRjAzIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTE0IDMwIFYxNCBIMzAiLz48cGF0aCBkPSJNNzAgMTQgSDg2IFYzMCIvPjxwYXRoIGQ9Ik0xNCA3MCBWODYgSDMwIi8+PHBhdGggZD0iTTg2IDcwIFY4NiBINzAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMsMjMpIHNjYWxlKDAuNTQpIiA+PHBhdGggZD0iTTE0IDI2IEg4NiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjkiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNTAgMjIgVjg2IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iOSIgZmlsbD0ibm9uZSIvPjxyZWN0IHg9IjE4IiB5PSI0NCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjE0IiBmaWxsPSIjRkZGRkZGIi8+PHJlY3QgeD0iNTgiIHk9IjQ0IiB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIGZpbGw9IiNFNkZGMDMiLz48L2c+PC9zdmc+)!important}
.off-canvas-menu-container #menu-item-7748 > a::before{content:""!important;display:inline-block!important;position:static!important;width:26px!important;height:26px!important;margin-right:10px!important;vertical-align:-6px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IlBhcnRuZXIiPjxyZWN0IHg9IjIiIHk9IjIiIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgcng9IjE2IiBmaWxsPSIjMUExQTFBIi8+PGcgc3Ryb2tlPSIjRTZGRjAzIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTE0IDMwIFYxNCBIMzAiLz48cGF0aCBkPSJNNzAgMTQgSDg2IFYzMCIvPjxwYXRoIGQ9Ik0xNCA3MCBWODYgSDMwIi8+PHBhdGggZD0iTTg2IDcwIFY4NiBINzAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMsMjMpIHNjYWxlKDAuNTQpIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xNCAyNiBINDYgVjc0IEgxNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjkiLz48cGF0aCBkPSJNODYgMjYgSDU0IFY3NCBIODYiIHN0cm9rZT0iI0U2RkYwMyIgc3Ryb2tlLXdpZHRoPSI5Ii8+PC9nPjwvc3ZnPg==)!important}
.off-canvas-menu-container #menu-item-7971 > a::before{content:""!important;display:inline-block!important;position:static!important;width:26px!important;height:26px!important;margin-right:10px!important;vertical-align:-6px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmZpIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IlByZWlzZSI+PHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2IiByeD0iMTYiIGZpbGw9IiMxQTFBMUEiLz48ZyBzdHJva2U9IiNFNkZGMDMiIHN0cm9rZS13aWR0aD0iMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMTQgMzAgVjE0IEgzMCIvPjxwYXRoIGQ9Ik03MCAxNCBIODYgVjMwIi8+PHBhdGggZD0iTTE0IDcwIFY4NiBIMzAiLz48cGF0aCBkPSJNODYgNzAgVjg2IEg3MCIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMywyMykgc2NhbGUoMC41NCkiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEwIDUyIEw1MiAxMCBIOTAgVjQ4IEw0OCA5MCBaIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iOSIvPjxjaXJjbGUgY3g9IjY4IiBjeT0iMzIiIHI9IjgiIHN0cm9rZT0iI0U2RkYwMyIgc3Ryb2tlLXdpZHRoPSI5Ii8+PC9nPjwvc3ZnPg==)!important}

/* ===== KONTRAST-KORREKTUREN 10.09.2026 =====
   Werte am Objekt gemessen. Vorher/Nachher je Zeile im Kommentar. */

/* Nebentexte: dunkel auf hell mindestens .68, hell auf dunkel mindestens .55 */
body .bfk-side .lbl{color:rgba(18,18,18,.68)!important}                      /* 3,01 -> 6,43 */
body .kpi small{color:rgba(18,18,18,.68)!important}                          /* 3,50 -> 6,4 */
.bcl-item .n,.bnw-w small,.bnw-types-k{color:rgba(253,252,252,.55)!important}  /* 3,57 -> 6,08 */
body .rv-top em,body .rv-b span,body .rv-no{color:rgba(255,255,255,.55)!important}     /* 3,18 -> 6,1 */
.bpc-onreq{color:rgba(255,255,255,.55)!important}                       /* 4,09 -> 6,1 */

/* Statusfarben auf Pastellgrund abdunkeln */
body .bpm-bcheck-badge-kritisch{color:#8F3415!important}                     /* 3,52 -> 5,77 */
body .bpm-bcheck-badge-stabil{color:#1E5732!important}                       /* 3,80 -> 6,45 */

/* SDG-Kacheln: nur die zwei hellen Grundfarben tragen kein Weiss.
   SDG 4, 10 und 17 bleiben weiss, dort stimmt der Kontrast. */
.sg-num[style*="#FF6B2D"],.sg-num[style*="#7CB4B8"]{color:#121212!important}   /* 2,84 und 2,31 -> 6,6 und 8,1 */

/* betterMA-Fahrplan: betterBLUE auf #171717 ergibt 2,39.
   Nur die dunklen Karten - die .highlight-Karten sind gelb und schon korrekt. */
.bma-route3-card:not(.highlight) .bma-route3-no{color:#E6FF03!important} /* 2,39 -> 15,94 */

/* Blog-Schaltflaeche stand schwarz auf schwarz */
.nectar-post-grid-wrap .load-more{color:#E6FF03!important}              /* 1,12 -> hoch */

/* Die SDG-Nummern gibt es zweimal: span.sg-num mit Inline-Grund (oben erledigt)
   und div.badge, dessen Farbe aus --c auf .sg-card kommt. */
body .sg-card[style*="#FF6B2D"] .badge,body .sg-card[style*="#7CB4B8"] .badge{color:#121212!important}

/* Nachtrag 2: dritter Badge-Typ und der Code-Kommentar auf betterSTUDENT */
body .bpm-bcheck-badge-luecken{color:#5C5000!important}   /* 4,40 -> 6,6 */
body p .comment{color:#A5AFBA!important}                  /* 4,21 -> 5,7 */

/* Nachtrags-Rechner (.nr) auf /bettercraft/ ist auf dunkle Baender gerechnet,
   steht aber in einem hellen. Nur diese drei Elemente tragen harte Hellfarben. */
.bx-light .nr-row label{color:#121212!important}                        /* 1,02 -> 18,3 */
.bx-light .nr-row label span{color:rgba(18,18,18,.68)!important}        /* 1,01 -> 6,43 */
.bx-light .nr-out{color:var(--mod-light,#0A2BFF)!important}             /* 1,10 -> 7,32 */


/* Trennband-Fuge: Salient setzt padding-bottom:24px auf .container-wrap .row.
   Auf bx-Seiten steuern die Baender ihre Abstaende selbst, sonst entsteht ein
   schwarzer Balken zwischen letztem Band und folgendem Trennband. */
body:has(section.bx) .container-wrap .container.main-content > .row,
body:has(section.bx) .container-wrap .row{padding-bottom:0!important}


/* Abstand Ueberschrift zu Fliesstext in bx-Baendern (11.09.2026) */
body section.bx .bx-in > h2 + p{margin-top:22px!important}


/* Cookie-Einstellungen Footer-Link */
.cmplz-manage-consent{color:#8a8a8a;text-decoration:none;font-size:13px;letter-spacing:.02em;transition:color .2s}
.cmplz-manage-consent:hover{color:#E6FF03}


/* Megamenue: Untermenue als Flyout bei Karten mit Klasse mmv-head (betterFLOW, Item 8129) */
@media(min-width:1000px){#header-outer #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item.mmv-head{position:relative}#header-outer #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item.mmv-head > ul.mega-sub-menu{display:none!important;position:absolute!important;top:calc(100% - 6px)!important;left:8px!important;min-width:566px;background:#121212!important;border:1px solid #E6FF03!important;border-radius:12px!important;padding:10px!important;z-index:60;box-shadow:0 20px 44px rgba(0,0,0,.55)!important;gap:2px 8px}#header-outer #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item.mmv-head:hover > ul.mega-sub-menu,#header-outer #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item.mmv-head:focus-within > ul.mega-sub-menu{display:grid!important;grid-template-columns:1fr 1fr}#header-outer #mega-menu-top_nav li.mmv-head > ul.mega-sub-menu > li{width:100%}#header-outer #mega-menu-top_nav li.mmv-head > ul.mega-sub-menu > li > a.mega-menu-link{display:block!important;padding:9px 12px!important;border-radius:8px;white-space:normal!important;height:auto!important;line-height:1.3!important}#header-outer #mega-menu-top_nav li.mmv-head > ul.mega-sub-menu > li > a.mega-menu-link .mega-menu-title{display:block;font-size:14px;color:#FDFCFC}#header-outer #mega-menu-top_nav li.mmv-head > ul.mega-sub-menu > li > a.mega-menu-link .mega-menu-description{display:block;margin-top:3px;font-size:11.5px;line-height:1.35;color:rgba(255,255,255,.55);text-transform:none}#header-outer #mega-menu-top_nav li.mmv-head > ul.mega-sub-menu > li > a.mega-menu-link:hover{background:rgba(255,255,255,.07)}#header-outer #mega-menu-top_nav li.mmv-head > ul.mega-sub-menu > li > a.mega-menu-link:hover .mega-menu-title{color:#E6FF03}#header-outer #mega-menu-top_nav li.mmv-i.mmv-on .mega-menu-title::before{content:"\25CF  ";color:#E6FF03}#header-outer #mega-menu-top_nav li.mmv-i.mmv-wip .mega-menu-title::before{content:"\25CB  ";color:rgba(255,255,255,.5)}#header-outer #mega-menu-top_nav li.mmv-i.mmv-test .mega-menu-title::before{content:"\25D0  ";color:#7CB4B8}}

/* myDyngy ausblenden, solange das Off-Canvas-Menue offen ist */
body.material-ocm-open #myd{display:none!important}

/* Kontakt (Item 2387) im Off-Canvas-Menue buendig wie die uebrigen Punkte */
.off-canvas-menu-container #menu-item-2387 > a{padding:0!important}
.off-canvas-menu-container #menu-item-2387 .menu-title-text > span:first-child{display:none!important}

/* Consent-Banner nach LINKS UNTEN, damit er myDyngy rechts nicht ueberlagert */
@media(min-width:768px){#cmplz-cookiebanner-container .cmplz-cookiebanner{left:10px!important;right:auto!important}}


/* Produkt-Hero: Textspalte rechts, Motiv links frei (14.09.2026) */
body section.bai-hero.fh2-right .fh2-bg picture{display:block;width:100%;height:100%}
body section.bai-hero.fh2-right .fh2-bg img{object-position:28% center!important}
body section.bai-hero.fh2-right .fh2-bg::after{background:linear-gradient(270deg,#121212 0%,rgba(18,18,18,.94) 30%,rgba(18,18,18,.55) 58%,rgba(18,18,18,.12) 100%),linear-gradient(0deg,#121212 0%,rgba(18,18,18,0) 46%)!important}
body section.bai-hero.fh2-right .fh2-top,body section.bai-hero.fh2-right .fh2-id,body section.bai-hero.fh2-right .fh2-h1,body section.bai-hero.fh2-right .fh2-lead,body section.bai-hero.fh2-right .fh2-cta{max-width:640px!important;margin-left:auto!important;margin-right:0!important}
body.page-id-7220 section.bai-hero.fh2-right .fh2-bg img{transform:scaleX(-1)}
@media(max-width:900px){body section.bai-hero.fh2-right .fh2-bg::after{background:linear-gradient(0deg,#121212 0%,rgba(18,18,18,0) 58%)!important}body section.bai-hero.fh2-right .fh2-bg img{object-position:center!important}body section.bai-hero.fh2-right .fh2-top,body section.bai-hero.fh2-right .fh2-id,body section.bai-hero.fh2-right .fh2-h1,body section.bai-hero.fh2-right .fh2-lead,body section.bai-hero.fh2-right .fh2-cta{max-width:none!important;margin-left:0!important}}


/* Startseiten-Hero: Textspalte abdunkeln, Motiv rechts frei (14.09.2026) */
body.home .container-wrap .wpb_row.first-section .row-bg-wrap::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(18,18,18,.92) 0%,rgba(18,18,18,.88) 24%,rgba(18,18,18,.55) 44%,rgba(18,18,18,0) 60%)}


/* Startseiten-Hero: Textspalte 7vw vom linken Rand, analog Produktseiten (14.09.2026) */
body.home .container-wrap .wpb_row.first-section{position:relative;width:100vw!important;max-width:100vw!important;left:50%!important;margin-left:-50vw!important;padding-left:7vw!important;padding-right:7vw!important;box-sizing:border-box}
body.home .container-wrap .wpb_row.first-section > .row_col_wrap_12{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.home .container-wrap .wpb_row.first-section > .row_col_wrap_12 > .wpb_column:first-child{padding:0!important}
body.home .container-wrap .wpb_row.first-section > .row_col_wrap_12 > .wpb_column:first-child .vc_column-inner{padding-left:0!important}
body.home .container-wrap .wpb_row.first-section > .row_col_wrap_12 > .wpb_column:first-child .wpb_wrapper{max-width:640px}


/* Schwarzer Streifen am Seitenende: .container-wrap traegt padding-bottom:40px auf #121212. Bei einer Seite, die mit einem HELLEN Band endet, steht der als Balken vor dem Footer. */
body:has(section.bx) .container-wrap{padding-bottom:0!important}

/* Modulseiten: Abstand vor "Im Detail" */
.bx .sl + h3{margin-top:80px!important;margin-bottom:16px!important}
.bx .sl + h3 + .sl{margin-top:8px}