@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {.brxe-code{width:100%}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}#brxe-rdlqzy {color: var(--bricks-color-169e5e); text-align: center; z-index: 10; margin-bottom: 5px}#brxe-rdlqzy a {color: var(--bricks-color-169e5e); text-align: center; font-size: inherit}@media (max-width: 478px) {#brxe-rdlqzy {max-width: 300px; margin-bottom: 10px}}#brxe-wqouve {color: var(--bricks-color-169e5e); text-align: center; line-height: 1.4; margin-bottom: 30px; z-index: 10; max-width: 560px}#brxe-wqouve a {color: var(--bricks-color-169e5e); text-align: center; line-height: 1.4; font-size: inherit}#brxe-wqouve{text-wrap:balance}@media (min-width:1024px){#brxe-wqouve{white-space:nowrap}}@media (max-width: 991px) {#brxe-wqouve {max-width: 430px}}@media (max-width: 478px) {#brxe-wqouve {max-width: 300px}}#brxe-whsten {color: var(--bricks-color-lctofe); text-align: center; font-size: 20px; margin-top: 0; z-index: 10}#brxe-whsten a {color: var(--bricks-color-lctofe); text-align: center; font-size: 20px; font-size: inherit}#brxe-bvbjvr {width: 150px; margin-top: 5px; border-radius: 999999px; height: 150px}@media (max-width: 991px) {#brxe-bvbjvr {width: 150px}}#brxe-rolhkr {color: var(--bricks-color-rlhrlj); text-align: center; margin-top: 10px; z-index: 10}#brxe-rolhkr a {color: var(--bricks-color-rlhrlj); text-align: center; font-size: inherit}#brxe-ixhosr {display: flex; flex-direction: column; align-self: flex-start !important; justify-content: center; align-items: center; width: 50%; background-color: #ffffff; border-radius: 20px; max-width: 300px; box-shadow: 5px 5px 5px 0 rgba(37, 37, 37, 0.25); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px}@media (max-width: 767px) {#brxe-ixhosr {width: 100%; align-self: center !important; justify-content: center; align-items: center}}@media (max-width: 478px) {#brxe-ixhosr {max-width: 600px}}#brxe-nlxnid {margin-top: -5px; margin-bottom: 20px; padding-right: 10px; padding-left: 10px}#brxe-msvsjm {display: flex; flex-direction: column; align-self: flex-start !important; justify-content: center; align-items: flex-start; column-gap: 10px; width: 50%; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; background-color: var(--bricks-color-yrxnap); max-width: 600px; border-radius: 20px; box-shadow: 5px 5px 5px 0 rgba(37, 37, 37, 0.25)}@media (max-width: 767px) {#brxe-msvsjm {margin-top: 30px; margin-bottom: 30px; flex-direction: column; width: 100%; align-self: center !important; justify-content: center; align-items: center}}#brxe-bmjhuo {display: flex; flex-direction: row; align-self: center !important; justify-content: center; align-items: center; width: 100%; column-gap: 50px}@media (max-width: 767px) {#brxe-bmjhuo {flex-direction: column; align-self: center !important; justify-content: center; align-items: center}}#brxe-ojhkos {align-self: center !important; justify-content: space-between; align-items: flex-start; column-gap: 20px; flex-direction: row; flex-wrap: nowrap}@media (max-width: 767px) {#brxe-ojhkos {flex-direction: column; align-self: center !important; justify-content: center; align-items: center}}@media (max-width: 478px) {#brxe-ojhkos {column-gap: 0px}}#brxe-gtcsse {width: 100%; max-width: 1366px; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; align-self: center !important; justify-content: center; align-items: center}#brxe-pdtrgz {width: 160px; height: 80px; max-height: 80px}@media (max-width: 767px) {#brxe-pdtrgz {width: 120px}}@media (max-width: 478px) {#brxe-pdtrgz {width: 120px}}#brxe-qkmsrb {width: 25%; align-self: center !important; display: flex; justify-content: center; align-items: center}@media (max-width: 478px) {#brxe-qkmsrb {width: 100%; align-self: center !important; justify-content: center; align-items: center; max-height: 60px}}#brxe-sohnjp {width: 160px; height: 80px; max-height: 80px}@media (max-width: 767px) {#brxe-sohnjp {width: 120px}}@media (max-width: 478px) {#brxe-sohnjp {width: 120px}}#brxe-vkhqyy {width: 25%; align-self: center !important; display: flex; justify-content: center; align-items: center}@media (max-width: 478px) {#brxe-vkhqyy {width: 100%; align-self: center !important; justify-content: center; align-items: center; max-height: 60px}}#brxe-aehsfo {width: 130px; height: 80px; max-height: 80px}@media (max-width: 767px) {#brxe-aehsfo {width: 100px}}@media (max-width: 478px) {#brxe-aehsfo {width: 110px}}#brxe-zcqpou {width: 25%; align-self: center !important; display: flex; justify-content: center; align-items: center}@media (max-width: 478px) {#brxe-zcqpou {width: 100%; margin-top: 20px; align-self: center !important; align-items: center; justify-content: center; max-height: 60px}}#brxe-wpxazr {width: 160px; height: 80px; max-height: 80px}@media (max-width: 767px) {#brxe-wpxazr {width: 120px}}@media (max-width: 478px) {#brxe-wpxazr {width: 120px}}#brxe-yydfbh {width: 25%; align-self: center !important; display: flex; justify-content: center; align-items: center}@media (max-width: 478px) {#brxe-yydfbh {width: 100%; margin-top: 20px; align-self: center !important; justify-content: center; align-items: center; max-height: 60px}}#brxe-fcmwwa {max-width: 1100px; width: 100%; margin-top: 30px; flex-direction: row; align-self: center !important; justify-content: center; align-items: center}@media (max-width: 767px) {#brxe-fcmwwa {padding-top: 30px; border-top: 2px solid rgba(255, 255, 255, 0.5); margin-top: 0}}@media (max-width: 478px) {#brxe-fcmwwa {display: grid; align-items: initial; grid-template-columns: 1fr 1fr; justify-items: center; align-items: center; justify-content: center; align-content: center; gap: 0px; grid-auto-flow: row; align-self: center !important; justify-content: center; align-items: center}}#brxe-fhunt {color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px}#brxe-fhunt a {color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; font-size: inherit}@media (max-width: 478px) {#brxe-fhunt {margin-top: 20px; margin-bottom: 10px; text-align: left}#brxe-fhunt a {text-align: left; font-size: inherit}}#brxe-sdxidq {color: #ffffff; font-size: 15px; font-weight: 400; text-align: left; width: auto; align-self: flex-start; max-width: 240px}#brxe-sdxidq a {color: #ffffff; font-size: 15px; font-weight: 400; text-align: left; font-size: inherit}@media (max-width: 767px) {#brxe-sdxidq {align-self: flex-start; align-items: flex-start; justify-content: flex-start; text-align: left}#brxe-sdxidq a {text-align: left; font-size: inherit}}@media (max-width: 478px) {#brxe-sdxidq {max-width: 240px; text-align: left; align-self: flex-start; width: 100%}#brxe-sdxidq a {text-align: left; font-size: inherit}}#brxe-fclogo {width: 120px; margin-top: 0}@media (max-width: 478px) {#brxe-fclogo {margin-top: 2px; width: 180px}}#brxe-kujscf {align-self: center !important; display: flex; width: fit-content; flex-direction: column; text-align: left; margin-top: 10px; justify-content: center; align-items: flex-start; flex-shrink: 0; flex-grow: 0}@media (max-width: 991px) {#brxe-kujscf {width: 30%}}@media (max-width: 767px) {#brxe-kujscf {width: 100%; align-self: flex-start !important; justify-content: flex-start; align-items: flex-start; text-align: left}}@media (max-width: 478px) {#brxe-kujscf {align-self: flex-start !important; justify-content: flex-start; align-items: flex-start; text-align: left; width: 100%; margin-top: 0}}#brxe-fhstan {color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px}#brxe-fhstan a {color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; font-size: inherit}@media (max-width: 478px) {#brxe-fhstan {margin-top: 20px; margin-bottom: 10px}}#brxe-flsta2 {color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 6px}#brxe-flsta3 {color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 6px}#brxe-flsta4 {color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 6px}#brxe-fcstan {display: flex; flex-direction: column; width: fit-content; align-items: flex-start; justify-content: flex-start; margin-top: 10px; text-align: left; flex-shrink: 0; flex-grow: 0}@media (max-width: 991px) {#brxe-fcstan {width: 30%}}@media (max-width: 478px) {#brxe-fcstan {width: 100%; align-items: flex-start; text-align: left; margin-top: 0}}#brxe-fhleis {color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px}#brxe-fhleis a {color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; font-size: inherit}@media (max-width: 478px) {#brxe-fhleis {margin-top: 10px; margin-bottom: 10px}}#brxe-fllei1 {color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 6px}#brxe-fllei2 {color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 6px}#brxe-fllei3 {color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 6px}#brxe-fcleis {display: flex; flex-direction: column; width: fit-content; align-items: flex-start; justify-content: flex-start; margin-top: 10px; text-align: left; flex-shrink: 0; flex-grow: 0}@media (max-width: 991px) {#brxe-fcleis {width: 30%}}@media (max-width: 478px) {#brxe-fcleis {width: 100%; align-items: flex-start; text-align: left; margin-top: 0}}#brxe-fhbran {color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px}#brxe-fhbran a {color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; font-size: inherit}@media (max-width: 478px) {#brxe-fhbran {margin-top: 10px; margin-bottom: 10px}}#brxe-fbran2 {color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 6px}#brxe-fbran4 {color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 6px}#brxe-fbran5 {color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 6px}#brxe-fcbran {display: flex; flex-direction: column; width: fit-content; align-items: flex-start; justify-content: flex-start; margin-top: 10px; text-align: left; flex-shrink: 0; flex-grow: 0}@media (max-width: 991px) {#brxe-fcbran {width: 30%}}@media (max-width: 478px) {#brxe-fcbran {width: 100%; align-items: flex-start; text-align: left; margin-top: 0}}#brxe-fhrech {color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px}#brxe-fhrech a {color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; font-size: inherit}@media (max-width: 478px) {#brxe-fhrech {margin-top: 10px; margin-bottom: 10px}}#brxe-flrec1 {color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 6px}#brxe-flrec2 {color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 6px}#brxe-flrec3 {color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 6px}#brxe-fcrech {display: flex; flex-direction: column; width: fit-content; align-items: flex-start; justify-content: flex-start; margin-top: 10px; text-align: left; flex-shrink: 0; flex-grow: 0}@media (max-width: 991px) {#brxe-fcrech {width: 30%}}@media (max-width: 478px) {#brxe-fcrech {width: 100%; align-items: flex-start; text-align: left; margin-top: 0}}#brxe-jrzlir {align-self: center !important; justify-content: center; align-items: flex-start; border-top: 2px solid rgba(255, 255, 255, 0.5); width: 100%; margin-top: 30px; margin-bottom: 50px; padding-top: 10px; padding-right: 20px; padding-left: 20px; max-width: 1366px; flex-direction: row; column-gap: 95px; flex-wrap: wrap; row-gap: 30px}@media (max-width: 767px) {#brxe-jrzlir {flex-direction: column; margin-bottom: 60px; align-items: flex-start; justify-content: flex-start; align-self: flex-start !important; text-align: left}}@media (max-width: 478px) {#brxe-jrzlir {flex-direction: column; align-items: center; flex-wrap: wrap; row-gap: 14px; margin-bottom: 70px}}#formular {width: 100%; background-color: var(--bricks-color-lctofe)}
:root { --button-size: 50px; --button-spacing: 15px; --button-margin-right: 15px; --button-margin-bottom: 15px; color-scheme: light !important; } * { -webkit-tap-highlight-color: transparent !important; } :focus:not(:focus-visible) { outline: none !important; } *::selection { background: rgba(55, 110, 120, 0.3); color: #254c54; } *::-moz-selection { background: rgba(55, 110, 120, 0.3); color: #254c54; } button::-moz-focus-inner { border: 0; } body.home.wp-singular.page-template-default.page.page-id-1344.logged-in.admin-bar.wp-theme-bricks.wp-child-theme-bricks-child.brx-body.bricks-is-frontend.wp-embed-responsive.brx-.customize-support { top: 46px !important; } body.menu-open { overflow: hidden; position: fixed; width: 100%; left: 0; } body.admin-bar #topbar { top: 32px; } body.admin-bar #header { top: 67px; } @font-face { font-family: 'Instrument Sans'; src: url('https://www.belumedia.de/wp-content/uploads/2025/08/instrument-sans-400-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Instrument Sans'; src: url('https://www.belumedia.de/wp-content/uploads/2025/08/instrument-sans-500-normal.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Instrument Sans'; src: url('https://www.belumedia.de/wp-content/uploads/2025/08/instrument-sans-600-normal.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Instrument Sans'; src: url('https://www.belumedia.de/wp-content/uploads/2025/08/instrument-sans-700-normal.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } #topbar { position: fixed; top: 0; left: 0; width: 100%; z-index: 999999999 !important; } section#topbar { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(12px) saturate(120%); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .topbar-content { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 13px; color: #e3e3e3; } .topbar-left { display: flex; align-items: center; gap: 15px; width: 20%; min-width: 280px; justify-content: flex-start; } .topbar-center { display: flex; align-items: center; gap: 25px; width: 48%; min-width: 585px; justify-content: center; } .topbar-right { display: flex; align-items: center; gap: 15px; width: 32%; min-width: 400px; justify-content: flex-end; } .slider-container { display: none; width: auto; height: 22px; overflow: hidden; position: relative; } .slider-track { display: flex; flex-direction: column; animation: verticalSlide 30s infinite linear; will-change: transform; backface-visibility: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -1px; } .slide { display: flex; align-items: center; gap: 6px; height: 22px; flex-shrink: 0; will-change: transform; backface-visibility: hidden; } .slide img { flex-shrink: 0; } .slide span { font-size: 13px; color: #2d2d2d; white-space: nowrap; font-weight: 600; } .rating-slide span { transform: translateY(1px); } .rating-stars { display: flex; align-items: center; gap: 6px; } .rating-stars img { width: 90px; height: 22px; transform: translateY(-1px); } .rating-stars span { font-size: 13px; color: #2d2d2d; font-weight: 600; } .usp-slide img { width: 19px; height: 19px; padding-top: 1px; } .usp-item { display: flex; align-items: center; gap: 5px; } .usp-item span { font-size: 13px; color: #2d2d2d; font-weight: 600; } .contact-item { display: flex; align-items: center; gap: 4px; transition: opacity 0.3s ease; } .contact-item:hover { opacity: 0.85; } .contact-item a { color: #2d2d2d; text-decoration: none; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 2px; } .whatsapp-text { display: inline; } #header { position: fixed; top: 35px; left: 0; width: 100%; min-height: 65px; height: 65px; max-height: 65px; z-index: 500; transform: translateY(0); } #header.header-loaded { transition: transform 0.4s ease-out; } header#brx-header { z-index: 9999999; } #logo { position: relative; } #brxe-uyejdv .bricks-nav-menu .sub-menu { background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); padding: 8px; overflow: visible; z-index: 9999; top: calc(100% + 17px); width: max-content; min-width: 200px; max-width: 300px; } #brxe-uyejdv .bricks-nav-menu .sub-menu > .menu-item { margin: 0 0 10px 0; width: 100%; } #brxe-uyejdv .bricks-nav-menu .sub-menu > .menu-item:last-child { margin-bottom: 0; } #brxe-uyejdv .bricks-nav-menu .sub-menu > .menu-item > a { background: rgba(255, 255, 255, 0.8); border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.6); transition: all 0.4s ease; padding: 8.5px 12px; min-height: auto; display: block; line-height: 1.3; color: rgba(0, 0, 0, 0.9); font-weight: 500; position: relative; text-decoration: none; white-space: nowrap; width: 100%; box-sizing: border-box; } #brxe-uyejdv .bricks-nav-menu .sub-menu > .menu-item > a:hover { background: rgb(223 223 223 / 55%); color: rgba(0, 0, 0, 1); } #brxe-uyejdv .bricks-nav-menu .sub-menu > .current-menu-item > a { background: rgba(223, 223, 223, 0.45); border: 1px solid transparent; box-shadow: none; color: rgba(0, 0, 0, 1); font-weight: 600; } #brxe-uyejdv .bricks-nav-menu .sub-menu > #menu-item-1030.current-menu-item > a, #brxe-uyejdv .bricks-nav-menu .sub-menu > #menu-item-1024.current-menu-item > a, #brxe-uyejdv .bricks-nav-menu .sub-menu > #menu-item-1033.current-menu-item > a { border-radius: 8px; } li[id^="menu-item"]:hover, li[id^="menu-item"]:active { background: rgba(255, 255, 255, 0.3); border-radius: 8px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04); } li#menu-item-1030:hover, li#menu-item-1030:active, li#menu-item-1024:hover, li#menu-item-1024:active, li#menu-item-1031:hover, li#menu-item-1031:active { border-radius: 8px; background: rgba(255, 255, 255, 0.3); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04); } #brxe-chshwx { z-index: 99999999 !important; } .brx-offcanvas-inner { z-index: 99999999 !important; } .brx-offcanvas-backdrop { position: fixed; top: var(--topbar-height, 40px); margin-top: -35px; left: 0; width: 100%; height: calc(100vh - var(--topbar-height, 40px) + 35px); background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); z-index: 9999998; opacity: 0; visibility: hidden; transition: all 0.3s ease; } #brxe-chshwx.brx-offcanvas-show .brx-offcanvas-backdrop, #brxe-chshwx.brx-open .brx-offcanvas-backdrop, #brxe-chshwx.brx-offcanvas-open .brx-offcanvas-backdrop { opacity: 1; visibility: visible; } .glas-design { background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px) saturate(120%); -webkit-backdrop-filter: blur(12px) saturate(120%); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.12), 0 2px 8px 0 rgba(0, 0, 0, 0.04), inset 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 -1px 0 0 rgba(255, 255, 255, 0.2); } .chat-bubble { position: fixed; bottom: var(--button-margin-bottom); right: var(--button-margin-right); width: var(--button-size); height: var(--button-size); border: solid 1px #ffffff42; background: linear-gradient(135deg, rgba(55, 110, 120, 0.7) 0%, rgba(37, 76, 84, 0.7) 100%); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 999999; transform: scale(0); opacity: 0; transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.6s ease, background 0.3s ease; box-shadow: none; } .chat-bubble.visible { transform: scale(1); opacity: 1; } .chat-bubble:hover { background: linear-gradient(135deg, rgba(55, 110, 120, 0.95) 0%, rgba(37, 76, 84, 0.95) 100%); } .chat-bubble svg { width: 22px; height: 22px; fill: white; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)); } .chat-bubble .notification-dot { position: absolute; top: -3px; right: -3px; width: 18px; height: 18px; background: linear-gradient(135deg, #ff4757 0%, #cc3744 100%); border-radius: 50%; border: 2px solid white; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); animation: pulse 1.5s infinite; } .ki-chat-container { position: fixed !important; bottom: max(20px, 5vh) !important; right: min(30px, 5vw) !important; top: auto !important; left: auto !important; width: min(400px, 95vw); height: min(600px, calc(100vh - 220px)); max-height: calc(100vh - 220px); background-color: white; border-radius: 15px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25), 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 999999; overflow: hidden; display: none; transform: translateY(20px); opacity: 0; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease; } .ki-chat-container.visible { transform: translateY(0); opacity: 1; } .ki-chat-header { background: linear-gradient(135deg, #376e78 0%, #254c54 100%); color: white; padding: 8px 15px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .ki-chat-header h3, .ki-chat-header p.chat-title { margin: 0; font-size: 16px; font-weight: 500; letter-spacing: 0.3px; opacity: 0.95; display: flex; align-items: center; } .ki-chat-header h3 svg, .ki-chat-header p.chat-title svg { width: 20px; height: 20px; margin-right: 8px; margin-top: 3px; fill: white; opacity: 0.9; } .ki-chat-header-actions { display: flex; gap: 8px; align-items: center; } .ki-chat-close, .ki-chat-reset { cursor: pointer; font-size: 24px; height: 30px; width: 30px; min-width: 30px; min-height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: rgba(255, 255, 255, 0.15); transition: all 0.3s ease; color: #ffffff; font-weight: 100; border: none; outline: none; z-index: 999999; position: relative; -webkit-tap-highlight-color: transparent; user-select: none; font-family: inherit; padding: 0; line-height: 1; } .ki-chat-reset svg { display: block; } .ki-chat-close:hover, .ki-chat-reset:hover { background-color: rgba(255, 255, 255, 0.2); } .ki-chat-close:active, .ki-chat-reset:active { background-color: rgba(255, 255, 255, 0.35); transform: scale(0.95); } .ki-chat-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 10; padding: 20px; box-sizing: border-box; } .ki-chat-spinner { width: 40px; height: 40px; margin-bottom: 20px; } .ki-chat-spinner::after { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; border: 3px solid #376e78; border-color: #376e78 transparent #376e78 transparent; animation: spinner 1.2s linear infinite; } .ki-chat-spinner-text { color: #555; font-size: 14px; text-align: center; } .ki-chat-iframe-container { width: 100%; height: calc(100% - 50px); position: relative; } .ki-chat-iframe { width: 100%; height: 100%; border: none; opacity: 0; transition: opacity 0.5s ease; } .ki-chat-iframe.loaded { opacity: 1; } .ki-chat-consent-notice { position: absolute; inset: 0; display: none; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: clamp(20px, 4vw, 40px); background: rgb(255, 255, 255); box-sizing: border-box; z-index: 5; } .ki-chat-consent-notice.visible { display: flex; } .ki-chat-consent-notice svg { display: block; width: 48px; height: 48px; flex-shrink: 0; margin-bottom: 16px; color: rgb(55, 110, 120); } .ki-chat-consent-notice h4 { font-size: clamp(16px, 2.4vw, 20px); margin: 0 0 12px; color: rgb(26, 26, 26); font-weight: 600; line-height: 1.3; } .ki-chat-consent-notice p { font-size: clamp(13px, 1.8vw, 15px); color: rgb(85, 85, 85); margin: 0 0 20px; line-height: 1.5; max-width: 340px; } .ki-chat-consent-notice button { background: linear-gradient(135deg, #376e78 0%, #254c54 100%); color: rgb(255, 255, 255); border: none; padding: 12px 24px; font-size: 14px; font-weight: 600; border-radius: 999px; cursor: pointer; min-height: 44px; min-width: 44px; font-family: inherit; transition: background 0.2s ease; } .ki-chat-consent-notice button:hover { background: linear-gradient(135deg, #2f5f68 0%, #1f4047 100%); } .ki-chat-consent-notice button:focus { outline: 2px solid rgb(26, 26, 26); outline-offset: 2px; } .ki-chat-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(3px); z-index: 999997; opacity: 0; display: none; transition: opacity 0.3s ease; } .ki-chat-overlay.visible { opacity: 1; } .contact-popup { position: fixed; bottom: max(160px, 10vh); right: var(--button-margin-right); background: white; border-radius: 15px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25), 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 999999; transform: translateY(20px) scale(0.9); opacity: 0; display: none; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease; padding: 20px; width: 220px; max-height: calc(100vh - 220px); overflow-y: auto; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; } .contact-popup::-webkit-scrollbar { display: none; } .contact-popup.visible { transform: translateY(0) scale(1); opacity: 1; display: block; } .contact-popup h4 { margin: 0 0 15px 0; font-size: 16px; color: #254c54; font-weight: 600; text-align: center; } .contact-options { display: flex; flex-direction: column; gap: 8px; } .contact-option { display: flex; align-items: center; padding: 10px 10px; border-radius: 10px; cursor: pointer; transition: background 0.15s ease, color 0.1s ease, transform 0.3s ease; text-decoration: none; color: #333; border: 1px solid transparent; position: relative; } .contact-option:hover { background: linear-gradient(135deg, #376e78 0%, #254c54 100%); color: white; } .contact-option svg, .contact-option img { width: 20px; height: 20px; margin-right: 12px; transition: filter 0.1s ease; } .contact-option:nth-child(1) svg { width: 22px; height: 22px; } .contact-option:nth-child(2) img, .contact-option:nth-child(3) img, .contact-option:nth-child(4) img { width: 20px; height: 20px; } .contact-option:hover svg { fill: white; } .contact-option:hover img { filter: brightness(0) invert(1); } .contact-option span { font-size: 14px; font-weight: 500; } .contact-option .notification-dot { position: relative; display: inline-block; margin-left: 10px; width: 8px; height: 8px; background: linear-gradient(135deg, #ff4757 0%, #cc3744 100%); border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); animation: pulse 2s infinite; vertical-align: middle; margin-top: -2px; } .bewertungssiegel { position: fixed; bottom: 25px; left: 20px; z-index: 1000; opacity: 0; transition: all 0.4s ease-out; pointer-events: none; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; } .bewertungssiegel.visible { opacity: 1; pointer-events: auto; } .siegel-container { background: #ffffff; border: 2px solid #376e78; border-radius: 50px; padding: 6px 10px; position: relative; cursor: pointer; transition: background-color 0.2s ease; box-shadow: 0 2px 8px rgba(55, 110, 120, 0.15); width: 260px; } .siegel-container:hover { background-color: #f3f8f9; } .close-button { position: absolute; top: -3px; right: -3px; background: #376e78; border: none; border-radius: 50%; width: 20px; height: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10; transition: background-color 0.2s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .close-button:hover { background: #2d5862; } .siegel-content { display: flex; align-items: center; gap: 7px; } .shield-icon { flex-shrink: 0; margin-top: 4px; margin-bottom: -4px; } .siegel-text { flex: 1; min-width: 0; } .header-line { display: flex; align-items: center; gap: 4px; margin-bottom: 3px; } .header-text { font-size: 14px; font-weight: 600; color: #376e78; line-height: 1.2; } .stars-container { display: flex; gap: 0px; } .stars-container svg { margin-left: -1px; } .rating-text { font-size: 13px; color: #64748b; font-weight: 500; line-height: 1.2; } .link-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } .chat-open { overflow: hidden !important; } .chat-open .chat-bubble, .chat-open #header, .chat-open #bewertungssiegel { display: none !important; } .devices-container { display: flex; justify-content: flex-start; align-items: flex-end; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; } .device { opacity: 0; transform: translateX(100px); will-change: opacity, transform; animation-play-state: paused; } .device img { max-width: 100%; height: auto; display: block; } .device-phone { width: 162px; z-index: 3; margin-right: -90px; --delay: 1.8s; animation: slideInPhone 1.2s ease-out var(--delay) forwards; } .device-tablet { width: 259px; z-index: 2; margin-right: -150px; margin-bottom: 5px; --delay: 2.2s; animation: slideInTablet 1.2s ease-out var(--delay) forwards; } .device-laptop { width: 650px; z-index: 1; --delay: 2.6s; animation: slideInLaptop 1.2s ease-out var(--delay) forwards; } .devices-inview .device { animation-play-state: running; } .faq-question-heading { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; line-height: inherit; display: inline; } .faq-icon .faq-vertical { transition: opacity 0.3s ease; } .faq-item.active .faq-icon .faq-vertical { opacity: 0; } .faq-section { max-width: 100%; } .faq-title { margin-bottom: 30px; } .faq-columns { display: flex; gap: 40px; align-items: flex-start; width: 100%; } .faq-column { flex: 1; display: flex; flex-direction: column; } .faq-item { border-bottom: 1px solid rgba(54, 54, 54, 0.1); overflow: hidden; } .faq-question { width: 100%; padding: 15px 0; background: none; border: none; color: #363636; font-weight: 600; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; } .faq-icon { width: 20px; height: 20px; fill: none; stroke: #363636; stroke-width: 2; flex-shrink: 0; } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; } .faq-item.active .faq-answer { max-height: 500px; } .faq-answer-content { padding-bottom: 15px; color: #363636; line-height: 1.6; opacity: 0; transition: opacity 0.3s ease 0.1s; text-align: left; font-size: 14px; font-weight: 400; } .faq-item.active .faq-answer-content { opacity: 1; } .faq-highlight { font-weight: bold; } .wprevmodal_modal_rdmore { padding: 15px; } .wppro_dashboardReviewSummary__left { margin: 0 auto !important; } #wprev-badge-1 .wppro_dashboardReviewSummary__avgRating { color: #666666 !important; } #wprev-slider-1 .wprevpro_star_imgs span.svgicons { width: 14px !important; height: 14px !important; } #wprev-slider-1 .wprevsiteicon { height: 26px !important; margin-top: -8px !important; } nav#wprs_nav_1 { margin-top: -20px !important; } .readmoretextdiv.indrevlineclamp { display: -webkit-box !important; -webkit-line-clamp: 5 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: left !important; } #wprev-slider-1 .wprev_preview_bradius_T5 { box-shadow: none !important; border: solid 2px #e2e2e2 !important; } img.wpproslider_t5_IMG_2.wprevpro_avatarimg { height: 50px !important; width: 50px !important; } .wpproslider_t5_STRONG_5 { font-style: normal !important; } .wprevmodal_modal_rdmore-content { border-radius: 20px !important; padding: 15px 15px 5px 15px !important; } .indrevdiv.wpproslider_t6_DIV_2.wprev_preview_bg1_T6.wprev_preview_bradius_T6 { border-radius: 20px !important; } img.wprev_avatar_opt.wpproslider_t6_IMG_2 { height: 50px !important; width: 50px !important; } span.wprevpro_t5_DIV_title.wprevreviewtitle { display: none !important; } img.wprevpro_t5_site_logo.wprevsiteicon { padding: 2px !important; } .wpproslider_t6_SPAN_6.wprev_preview_tcolor2_T6 { font-style: normal !important; font-size: 13px !important; } .wprevmodal_rdmore_close { margin-top: -21px !important; margin-right: -4px !important; font-size: 30px !important; } .divwprsrdmore { text-align: left !important; padding-top: 5px !important; font-size: 13px !important; } .wppro_dashboardReviewSummary__avgRating { font-size: 25px !important; } .bigstar span.svgicons { width: 20px !important; height: 20px !important; } .wppro_b2__rating { margin-top: -15px !important; } .wppro_dashboardReviewSummary__avgReviews { font-size: 17px !important; font-weight: 500 !important; margin-top: -10px !important; } img.wppro_badge2_IMG_4.wprevsmallbadgeicon { max-height: 80px !important; margin-top: -20px !important; margin-bottom: -35px !important; } .wppro_dashboardReviewSummary { padding: 5px !important; } .wppro_dashboardReviewSummary__left { margin-right: 15px; margin-left: -15px; } .wppro_dashboardReviewSummary__right { margin-right: -15px !important; } .wppro_b2__ratingRow { font-size: 16px !important; } div#wprev-badge-1 { box-shadow: none !important; border: solid 2px #e2e2e2 !important; min-width: 305px; } div#brxe-pzvtmb { max-height: none !important; } #brxe-jimyhi { margin-left: auto; } #brxe-jiqqaj select { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23404040' stroke-width='2.0' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") !important; background-repeat: no-repeat !important; background-position: right 5px center !important; background-size: 20px 20px !important; padding-right: 10px !important; } #brxe-jiqqaj .brf-validation-message { margin: 0 auto; } .grecaptcha-badge { visibility: hidden; } .pe-front-page.pe-front-page--scenarioA.svelte-dfetgj { margin-left: 15px; } img.bewertungen_google { width: 17px !important; height: 17px !important; margin-top: 1px !important; } img.bewertung-icon { width: 15px !important; height: 15px !important; margin-top: 1px; } .brxe-text-link { display: flex; justify-content: space-between; align-items: center; width: 100%; } .brxe-text-link .text { text-align: left; } .brxe-text-link .icon { margin-left: auto; } .brxe-image:focus, .brxe-text-basic:focus, .brxe-toggle:focus { box-shadow: none !important; background: none !important; } .brxe-image { loading: lazy; decoding: async; } #brxe-bqtqtq > label { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; white-space: nowrap !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; border: 0 !important; } #brxe-orxsrv > label { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; white-space: nowrap !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; border: 0 !important; } #rank-math-analytics-stats-wrapper { display: none; } @keyframes slideInPhone { to { opacity: 1; transform: translateX(0); } } @keyframes slideInTablet { to { opacity: 1; transform: translateX(0); } } @keyframes slideInLaptop { to { opacity: 1; transform: translateX(0); } } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes pulse { 0% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(255, 71, 87, 0.9); } 50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(255, 71, 87, 0.4); } 100% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(255, 71, 87, 0); } } @keyframes slideIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } @keyframes verticalSlide { 0% { transform: translateY(0); } 16.7% { transform: translateY(0); } 20% { transform: translateY(-22px); } 36.7% { transform: translateY(-22px); } 40% { transform: translateY(-44px); } 56.7% { transform: translateY(-44px); } 60% { transform: translateY(-66px); } 76.7% { transform: translateY(-66px); } 80% { transform: translateY(-88px); } 96.7% { transform: translateY(-88px); } 100% { transform: translateY(-88px); } } @media screen and (max-width: 350px) { .ki-chat-container { width: calc(100vw - 10px); height: calc(100vh - 240px); max-height: calc(100vh - 240px); bottom: 5px !important; right: 5px !important; left: 5px !important; top: auto !important; border-radius: 8px; } .contact-popup { right: 10px; bottom: 70px; padding: 12px; border-radius: 8px; max-height: calc(100vh - 150px); } .contact-popup h4 { font-size: 13px; margin-bottom: 8px; } .contact-option { padding: 10px 10px; font-size: 12px; } } @media screen and (min-width: 351px) and (max-width: 480px) { .ki-chat-container { width: calc(100vw - 20px); height: calc(100vh - 130px); max-height: calc(100vh - 130px); bottom: 10px !important; right: 10px !important; left: 10px !important; top: auto !important; border-radius: 12px; } .contact-popup { right: 15px; bottom: 85px; padding: 15px; max-height: calc(100vh - 180px); } } @media screen and (max-width: 480px) { :root { --button-size: 45px; --button-spacing: 15px; --button-margin-right: 15px; --button-margin-bottom: 15px; } .ki-chat-close { height: 30px; width: 30px; min-width: 30px; min-height: 30px; font-size: 24px; } .siegel-container { width: 225px; padding: 5px 10px; } .shield-icon svg { width: 27px; height: 27px; } .header-text { font-size: 12px; } .rating-text { font-size: 10px; } .stars-container svg { width: 11px; height: 11px; } } @media screen and (max-width: 478px) { #brxe-jiqqaj .brf-invalid input, #brxe-jiqqaj .brf-invalid textarea, #brxe-jiqqaj .brf-invalid select, #brxe-jiqqaj .brf-invalid .choices__inner, #brxe-jiqqaj .brf-invalid .brf-pro-forms-rating-icons, #brxe-jiqqaj .brf-invalid .ql-editor, #brxe-jiqqaj .brf-invalid .slider.noUi-target, #brxe-jiqqaj .brf-invalid canvas.brf-signature__pad, #brxe-jiqqaj .brf-invalid .filepond--drop-label { background-color: rgba(172, 77, 77, 0.12) !important; } } @media screen and (min-width: 481px) and (max-width: 768px) { :root { --button-size: 48px; --button-spacing: 18px; --button-margin-right: 18px; --button-margin-bottom: 18px; } } @media screen and (min-width: 481px) and (max-width: 768px) and (orientation: landscape) and (max-height: 500px) { .ki-chat-container { width: min(420px, 85vw); height: calc(100vh - 220px); max-height: calc(100vh - 220px); bottom: 10px !important; right: 10px !important; top: auto !important; left: auto !important; border-radius: 10px; } .contact-popup { width: 220px; right: 15px; bottom: 60px; padding: 12px; max-height: calc(100vh - 120px); } .contact-popup h4 { font-size: 14px; margin-bottom: 10px; } .contact-option { padding: 8px 12px; font-size: 13px; } } @media screen and (min-width: 481px) and (max-width: 768px) and (min-height: 501px) { .ki-chat-container { width: min(400px, 90vw); height: min(600px, calc(100vh - 220px)); max-height: calc(100vh - 220px); bottom: max(20px, 3vh) !important; right: max(20px, 3vw) !important; top: auto !important; left: auto !important; } .contact-popup { width: 220px; right: max(20px, 3vw); bottom: max(140px, 8vh); padding: 18px; } } @media screen and (max-width: 500px) { #bewertungenheader { transform: translateY(1px) !important; } #bewertungenheader-text { transform: translateY(2px) !important; } } @media screen and (max-height: 549px) { .chat-bubble { display: none !important; } .contact-popup { display: none !important; } .ki-chat-container { display: none !important; } .ki-chat-overlay { display: none !important; } } @media screen and (min-width: 500px) and (max-width: 800px) and (min-height: 300px) and (max-height: 600px) { .ki-chat-container { width: min(380px, 90vw); height: min(450px, calc(100vh - 220px)); max-height: calc(100vh - 220px); bottom: max(10px, 2vh); right: max(10px, 2vw); border-radius: 8px; } .contact-popup { width: min(240px, 85vw); right: max(10px, 2vw); bottom: max(80px, 5vh); padding: 12px; max-height: min(280px, 70vh); } .contact-popup h4 { font-size: 14px; } .contact-option { padding: 10px 10px; font-size: 13px; } } @media (max-width: 600px) { .wppro_dashboardReviewSummary { margin-top: 10px !important; } .wppro_dashboardReviewSummary__right { margin-top: 15px !important; } .wprevb2avgtot { font-size: 16px !important; margin-top: -10px !important; margin-bottom: -5px !important; } } @media (max-width: 699px) { #brxe-aqdenx { flex-direction: column; } #brxe-zmmkzj { width: 100%; } #brxe-nlrolq { width: 100%; padding-right: 0; padding-left: 0; } } @media (max-width: 740px) { .topbar-left { width: 75%; min-width: 255px; } .topbar-right { width: 25%; gap: 0; min-width: 0px; } .contact-item:not(.whatsapp-item) { display: none; } .whatsapp-item a { gap: 4px; } .whatsapp-text { display: inline; font-size: 13px; } } @media (max-width: 766px) { .devices-container { justify-content: center; } .device-phone { width: 81px; margin-right: -45px; } .device-tablet { width: 129px; margin-right: -75px; margin-top: 0px; } .device-laptop { width: 325px; } } @media (max-width: 767px) { #brxe-fvuykk { position: relative; z-index: 10000 !important; } #brxe-fvuykk .brx-submenu-toggle button { position: relative; z-index: 10001 !important; margin-left: auto; } #brxe-fvuykk.open #brxe-rfttwd, .brxe-dropdown.open > #brxe-rfttwd { display: block !important; opacity: 1 !important; visibility: visible !important; } #brxe-chshwx.brx-open #brxe-xisbfq { overflow: visible !important; height: auto !important; } } @media (max-width: 768px) { .bewertungssiegel { bottom: 15px; left: 15px; } .siegel-container { width: 240px; padding: 3px 8px; } .shield-icon svg { width: 30px; height: 30px; } .header-text { font-size: 13px; } .rating-text { font-size: 11px; } .stars-container svg { width: 12px; height: 12px; } .slide span { transform: translateY(1px); } .popup-overlay { padding: 20px; } .popup-content { padding: 20px; max-height: calc(90vh - 40px); } } @media screen and (min-width: 768px) and (max-width: 1024px) { .ki-chat-container { position: fixed !important; bottom: max(20px, 3vh) !important; right: max(20px, 3vw) !important; top: auto !important; left: auto !important; z-index: 999999 !important; } } @media screen and (width: 768px) and (height: 1024px) { .ki-chat-container { position: fixed !important; bottom: 30px !important; right: 30px !important; top: auto !important; left: auto !important; z-index: 999999 !important; } } @media (min-width: 768px) { .popup-overlay { padding: 20px; } .popup-content { padding: 20px; max-height: calc(90vh - 40px); } } @media screen and (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) and (max-height: 800px) { .ki-chat-container { width: min(450px, 80vw); height: min(550px, calc(100vh - 220px)); max-height: calc(100vh - 220px); bottom: max(15px, 2vh); right: max(25px, 3vw); } .contact-popup { width: 220px; right: max(25px, 3vw); bottom: max(120px, 6vh); } } @media screen and (min-width: 769px) and (max-width: 1200px) { :root { --button-size: 50px; --button-spacing: 15px; --button-margin-right: 15px; --button-margin-bottom: 15px; } } @media screen and (min-width: 769px) and (max-width: 1200px) and (min-height: 601px) { .ki-chat-container { width: min(400px, 85vw); height: min(600px, calc(100vh - 220px)); max-height: calc(100vh - 220px); bottom: max(25px, 4vh); right: max(30px, 4vw); } .contact-popup { width: 220px; right: max(25px, 1vw); bottom: max(155px, 1vh); } } @media (max-width: 370px) { div#wprev-badge-1 { min-width: 200px !important; } .topbar-content { font-size: 10.5px; } .slide span { font-size: 10.5px; } .whatsapp-text { font-size: 10.5px !important; } } @media (max-width: 369px) { .bewertung-icon { display: none; } .topbar-left { min-width: 245px !important; } } @media (max-width: 375px) { img#whatsappicon { display: none; } } @media (max-width: 950px) { .service-layout { flex-direction: column !important; gap: 20px !important; } .service-image { flex: none !important; max-width: 100% !important; margin: 0 auto !important; width: 420px !important; margin-bottom: 30px !important; } } @media (max-width: 990px) { #brxe-pzvtmb { height: calc(100vh - 80px) !important; max-height: calc(100vh - 100px) !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; position: relative !important; padding-bottom: 80px !important; } #brxe-xisbfq { height: 100% !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } .brx-offcanvas-inner { height: 100vh !important; overflow: hidden !important; } #brxe-chshwx.brx-open #brxe-pzvtmb, #brxe-chshwx.brx-offcanvas-show #brxe-pzvtmb { overflow-y: auto !important; } #brxe-ebjxnt, #brxe-ehvdgb, #brxe-hiujgv, #brxe-hyatvl { flex-direction: row-reverse; gap: 7px; margin-top: 8px; } #brxe-bxefug.horizontal .line, #brxe-pzkjlt.horizontal .line, #brxe-ihxcqt.horizontal .line, #brxe-wfcikq.horizontal .line, #brxe-rfehgb.horizontal .line, #brxe-tefqpf.horizontal .line, #brxe-sndflx.horizontal .line, #brxe-dcutck.horizontal .line, #brxe-fwipsc.horizontal .line, #brxe-czdtfx.horizontal .line, #brxe-lyjlph.horizontal .line, #brxe-jtiatd.horizontal .line, #brxe-tasmgq.horizontal .line, #brxe-gbhkec.horizontal .line { border-top-color: var(--bricks-color-uwuwcw); } #brxe-tasmgq.horizontal .line { border-top-width: 1px; } #brxe-fvuykk.open #brxe-rfttwd, .brxe-dropdown.open > #brxe-rfttwd { display: block !important; opacity: 1 !important; visibility: visible !important; } #brxe-rfttwd { background-color: rgba(0, 0, 0, 0); line-height: 2.5; display: flex; align-self: stretch !important; width: 100%; justify-content: center; align-items: stretch; } #brxe-wfcikq, #brxe-ihxcqt, #brxe-bxefug, #brxe-pzkjlt, #brxe-gbhkec, #brxe-fwipsc, #brxe-czdtfx, #brxe-lyjlph, #brxe-jtiatd, #brxe-tasmgq { padding-right: 10px; padding-left: 10px; } #brxe-rfehgb, #brxe-tefqpf, #brxe-sndflx, #brxe-dcutck { margin-right: 10px; } #brxe-rfehgb.horizontal .line, #brxe-tefqpf.horizontal .line, #brxe-sndflx.horizontal .line, #brxe-dcutck.horizontal .line { border-top-color: var(--bricks-color-uwuwcw); } #brxe-fvuykk .brx-dropdown-content > li > a { justify-content: flex-start; } #brxe-ebjxnt .icon > svg, #brxe-ehvdgb .icon > svg, #brxe-hiujgv .icon > svg, #brxe-hyatvl .icon > svg, #brxe-kzntjg .icon > svg, #brxe-skgwwf .icon > svg, #brxe-ydhuml .icon > svg, #brxe-nhrxpy .icon > svg, #brxe-ekvdnr .icon > svg, #brxe-fuship .icon > svg, #brxe-wjxbrk .icon > svg, #brxe-lvftkn .icon > svg, #brxe-yvdssb .icon > svg, #brxe-fvuykk .brx-submenu-toggle button > svg { height: 35px; width: 35px; } #brxe-fvuykk { position: relative; z-index: 10000 !important; margin-top: 8px; margin-right: 0; margin-left: 10px; font-weight: 600; } #brxe-fvuykk .brx-submenu-toggle { gap: 7px; justify-content: flex-start; } #brxe-fvuykk .brx-submenu-toggle button { margin-left: auto; } #brxe-fvuykk .brx-submenu-toggle button > svg { height: 35px; width: 35px; } #brxe-tukzlc, #brxe-izgiqx, #brxe-gzoemu { margin-top: 25px; margin-bottom: 5px; font-size: 14px; color: var(--bricks-color-rlhrlj); font-weight: 600; background-color: #cfcfcf; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; border-radius: 8px; } #brxe-skgwwf, #brxe-ydhuml, #brxe-nhrxpy, #brxe-ekvdnr, #brxe-fuship, #brxe-wjxbrk, #brxe-lvftkn, #brxe-kzntjg { text-align: center; font-size: 15px; color: var(--bricks-color-rlhrlj); font-weight: 600; margin-top: 8px; margin-bottom: 0; flex-direction: row-reverse; gap: 7px; padding-right: 0; padding-left: 10px; } #brxe-yvdssb { text-align: center; font-size: 15px; color: var(--bricks-color-rlhrlj); font-weight: 600; margin-top: 10px; margin-bottom: 0; flex-direction: row-reverse; gap: 7px; padding-right: 0; padding-left: 10px; } #brxe-hgublh { margin-top: 20px; margin-bottom: 5px; font-size: 16px; color: var(--bricks-color-169e5e); font-weight: 600; padding-left: 30px; } #brxe-uzepfy { color: var(--bricks-color-169e5e); fill: var(--bricks-color-169e5e); visibility: visible; scroll-snap-align: end; align-self: flex-end; font-size: 33px; padding-top: 10px; padding-right: 10px; } #brxe-wuxdws { align-self: center !important; padding-bottom: 12px; justify-content: center; align-items: flex-start; } #brxe-jwvspn { align-self: center !important; justify-content: center; align-items: center; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } #brxe-chshwx { visibility: visible; } #brxe-xisbfq { background-color: rgba(249, 249, 249, 0.85); align-self: flex-start !important; color: var(--bricks-color-rlhrlj); text-align: left; align-items: flex-start; justify-content: flex-start; flex-direction: column; margin-top: 35px; } #brxe-pzvtmb { padding-right: 20px; padding-left: 20px; align-self: flex-start !important; width: 100%; height: 100vh; } #brxe-chshwx[data-direction] .brx-offcanvas-inner { width: 80%; } #brxe-pesppa { width: 100%; height: 45px; min-height: 45px; max-height: 45px; display: flex; background-color: #376e78; align-self: center !important; justify-content: space-between; align-items: center; } #brxe-chshwx.brx-open #brxe-xisbfq { overflow: visible !important; height: auto !important; } #brxe-uyejdv { padding-top: 0; margin-right: 10px; } } @media (max-width: 990px) and (orientation: landscape) { #brxe-pzvtmb { height: calc(100vh - 80px) !important; max-height: calc(100vh - 80px) !important; } } @media (min-width: 991px) and (max-width: 1215px) { #brxe-pzvtmb { height: calc(100vh - 45px) !important; max-height: calc(100vh - 45px) !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; position: relative !important; padding-bottom: 80px !important; } #brxe-xisbfq { height: 100% !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } .brx-offcanvas-inner { height: 100vh !important; overflow: hidden !important; } #brxe-chshwx.brx-open #brxe-pzvtmb, #brxe-chshwx.brx-offcanvas-show #brxe-pzvtmb { overflow-y: auto !important; } } @media (min-width: 991px) and (max-width: 1215px) and (min-height: 556px) { #brxe-pzvtmb { height: calc(100vh - 80px) !important; max-height: calc(100vh - 80px) !important; margin-top: 0 !important; padding-bottom: 80px !important; } } @media (max-width: 1024px) { .chat-bubble { bottom: var(--button-margin-bottom); right: 20px; width: 45px; height: 45px; } .contact-popup { bottom: 135px; right: 20px; } .ki-chat-container { bottom: 5px; top: 50px; right: 20px; } } @media (max-width: 1050px) { #brxe-frhyts { padding-right: 10px !important; padding-left: 10px !important; max-width: 500px !important; } .faq-columns { flex-direction: column; gap: 0; } } @media (max-width: 1055px) { #brxe-frhyts { flex-direction: column !important; } .brxe-block { flex-wrap: wrap !important; } #brxe-sqkezu { width: 100% !important; max-width: 370px !important; } #brxe-lthapo { width: 100% !important; } } @media screen and (min-width: 1201px) and (max-width: 1600px) { :root { --button-size: 50px; --button-spacing: 15px; --button-margin-right: 15px; --button-margin-bottom: 15px; } .ki-chat-container { bottom: max(20px, 3vh); right: max(20px, 1vw) !important; } .contact-popup { bottom: max(150px, 6vh); right: max(20px, 1vw); } } @media (max-width: 1215px) { #brxe-mwrdkv { flex-direction: row; align-self: center; justify-content: center; align-items: center; display: none; } #brxe-uyejdv { padding-top: 0; margin-right: 10px; } } @media (max-width: 1410px) { .topbar-left { width: 60%; } .topbar-center { display: none; } .topbar-right { width: 40%; } .slider-container { display: block; } .rating-stars { display: none; } } @media screen and (min-width: 1601px) { :root { --button-size: 50px; --button-spacing: 15px; --button-margin-right: 15px; --button-margin-bottom: 15px; } .ki-chat-close { height: 30px; width: 30px; min-width: 30px; min-height: 30px; font-size: 24px; } } @media screen and (min-width: 1601px) and (max-width: 2560px) { .ki-chat-container { width: min(420px, 25vw); height: min(650px, calc(100vh - 220px)); max-height: calc(100vh - 220px); bottom: max(30px, 2vh); right: max(40px, 2vw); } .contact-popup { width: 220px; right: max(25px, 1vw); bottom: max(160px, 1vh); padding: 22px; } .contact-popup h4 { font-size: 17px; } .contact-option { padding: 10px 10px; font-size: 15px; } } @media screen and (min-width: 2561px) { .ki-chat-container { width: min(500px, 20vw); height: min(750px, calc(100vh - 220px)); max-height: calc(100vh - 220px); bottom: max(50px, 2vh); right: max(60px, 2vw); border-radius: 20px; } .contact-popup { width: min(320px, 15vw); right: max(60px, 2vw); bottom: max(220px, 6vh); padding: 25px; border-radius: 18px; } .contact-popup h4 { font-size: 18px; margin-bottom: 18px; } .contact-option { padding: 10px 10px; font-size: 16px; border-radius: 12px; } .chat-bubble svg { width: 28px; height: 28px; } } @media screen and (min-aspect-ratio: 21/9) and (min-width: 1400px) { .ki-chat-container { width: min(400px, 28vw); height: min(600px, calc(100vh - 220px)); max-height: calc(100vh - 220px); right: max(40px, 3vw); } .contact-popup { width: 220px; right: max(40px, 3vw); } } @media (any-hover: hover) and (any-pointer: fine) { .phone-text-call { display: none; } .phone-text-number { display: inline; } } @media (any-hover: none) and (any-pointer: coarse) { .phone-text-call { display: inline; } .phone-text-number { display: none; } } @media (hover: hover) and (pointer: fine) { } @media (prefers-reduced-motion: reduce) { .device { opacity: 1; transform: translateX(0); animation: none; } } @media (min-width:992px){#brxe-uyejdv .menu-item-has-children > .brx-submenu-toggle{position:relative;}#brxe-uyejdv .menu-item-has-children > .brx-submenu-toggle::after{content:"";position:absolute;left:0;right:0;top:100%;height:30px;z-index:99999;background:transparent;}} #brxe-xisbfq .brxe-text-link .icon svg path, #brxe-xisbfq .brx-submenu-toggle button svg path { stroke: #252525; } BMU-FLOAT-V2 .chat-bubble { bottom: var(--button-margin-bottom); right: var(--button-margin-right); width: 60px; height: 60px; border: solid 1px rgba(255, 255, 255, 0.35); background: linear-gradient(135deg, #376e78 0%, #254c54 100%); transform: scale(1); opacity: 1; box-shadow: none; transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.25s ease, background 0.25s ease; } .chat-bubble.visible { transform: scale(1); opacity: 1; } .chat-bubble:hover { background: linear-gradient(135deg, #3f7e89 0%, #2b5860 100%); box-shadow: none; } .chat-bubble:focus-visible { outline: 2px solid #254c54; outline-offset: 3px; } .chat-bubble svg { width: 26px; height: 26px; } .chat-bubble.pulsing { animation: bmuBubblePulse 1.6s ease-in-out infinite; } @keyframes bmuBubblePulse { 0% { box-shadow: none; } 70% { box-shadow: none; } 100% { box-shadow: none; } } .chat-bubble-badge { position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; padding: 0 5px; box-sizing: border-box; display: none; align-items: center; justify-content: center; background: #e23b4e; color: #fff; font-size: 12px; font-weight: 700; line-height: 1; border-radius: 10px; border: 2px solid #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); } .chat-bubble-badge.visible { display: flex; } .chat-proactive { position: fixed; right: var(--button-margin-right); bottom: calc(var(--button-margin-bottom) + 72px); max-width: min(280px, calc(100vw - 30px)); background: #fff; color: #1f2d31; padding: 13px 38px 13px 16px; border-radius: 16px 16px 4px 16px; box-shadow: 0 8px 22px rgba(37, 76, 84, 0.22), 0 2px 6px rgba(0, 0, 0, 0.1); font-size: 14px; line-height: 1.4; z-index: 999998; cursor: pointer; opacity: 0; transform: translateY(12px) scale(0.96); pointer-events: none; transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .chat-proactive.visible { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; } .chat-proactive::after { content: ''; position: absolute; bottom: -7px; right: 22px; width: 16px; height: 16px; background: #fff; transform: rotate(45deg); border-bottom-right-radius: 3px; box-shadow: 3px 3px 6px rgba(37, 76, 84, 0.1); } .chat-proactive-text { display: block; pointer-events: none; } .chat-proactive-close { position: absolute; top: 5px; right: 6px; width: 24px; height: 24px; min-width: 24px; min-height: 24px; border: none; background: transparent; color: #8a9a9e; font-size: 20px; line-height: 1; cursor: pointer; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0; } .chat-proactive-close:hover { background: rgba(37, 76, 84, 0.08); color: #254c54; } .ki-chat-header { flex-direction: column; align-items: stretch; gap: 10px; padding: 12px 15px; } .ki-chat-header-top { display: flex; justify-content: space-between; align-items: center; } .ki-chat-contacts { display: flex; gap: 8px; } .ki-chat-contact { flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; padding: 7px 6px; border-radius: 9px; background: rgba(255, 255, 255, 0.14); color: #fff; text-decoration: none; font-size: 12.5px; font-weight: 500; transition: background 0.2s ease, transform 0.2s ease; } .ki-chat-contact:hover { background: rgba(255, 255, 255, 0.26); } .ki-chat-contact:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } .ki-chat-contact img { width: 16px; height: 16px; filter: brightness(0) invert(1); } .ki-chat-contact span { white-space: nowrap; } .ki-chat-iframe-container { height: calc(100% - 96px); } .contact-popup { display: none !important; } @media (hover: hover) and (pointer: fine) { } @media screen and (max-width: 480px) { .chat-bubble { width: 54px; height: 54px; bottom: var(--button-margin-bottom); } .chat-bubble svg { width: 24px; height: 24px; } .chat-proactive { bottom: calc(var(--button-margin-bottom) + 64px); font-size: 13.5px; } .ki-chat-contact span { font-size: 12px; } } @media (max-width: 1024px) { .chat-bubble { bottom: var(--button-margin-bottom); right: 20px; width: 56px; height: 56px; } .chat-proactive { right: 20px; } } @media screen and (max-height: 549px) { .chat-proactive { display: none !important; } } .chat-open .chat-proactive { display: none !important; } html, body { overflow-x: hidden; } #brxe-jiqqaj input:not([type="submit"]):not([type="hidden"]), #brxe-jiqqaj textarea, #brxe-jiqqaj select, #brxe-jiqqaj .choices, #brxe-jiqqaj .choices .choices__inner, #brxe-jiqqaj .choices .choices__item, #brxe-jiqqaj .choices[data-type*="select-one"] .choices__input { font-size: 16px !important; } #brxe-jiqqaj input::placeholder, #brxe-jiqqaj textarea::placeholder { font-size: 15px !important; } #brxe-jiqqaj input::-webkit-input-placeholder, #brxe-jiqqaj textarea::-webkit-input-placeholder { font-size: 15px !important; } #brxe-jiqqaj input::-moz-placeholder, #brxe-jiqqaj textarea::-moz-placeholder { font-size: 15px !important; } #brxe-jiqqaj input:-ms-input-placeholder, #brxe-jiqqaj textarea:-ms-input-placeholder { font-size: 15px !important; } #brxe-bmdrop1 .bm-trigger, #brxe-bmdrop1 .bm-option { font-size: 16px !important; } bmu-a11y-contrast-start{} .bm-label { color: #6e6e6e !important; } .blog-subtitle { color: #67737c !important; } .bf-meta-time, .bf-meta-date, .bf-vs-tagline, .bf-chart-caption { color: #6a7681 !important; } main.bf-wrap .bf-content figure figcaption, .bf-split-content figcaption, .bf-figure figcaption, .bf-split-figure figcaption { color: #6a7177 !important; } .bf-author-role, .bf-data-flow__source, .bf-tool-hint, .bf-eign-stepnum, .bf-rwsc-stepnum, .bf-pwc-stepnum { color: #67727a !important; } .svc_label { color: #6e7677 !important; } .bf-hotel-slider-label, .bf-hotel-metric-label, .bf-hotel-hero-label, .bf-hotel-hero-sub { color: #66767f !important; } .bf-data-flow__text span { color: #66707b !important; } .bf-bar-scale span, .bf-chart-source { color: #697479 !important; } .bf-blockquote cite { color: #6f7378 !important; } .bf-blockquote cite a { color: #66787c !important; } bmu-a11y-contrast-end{} [data-wa-ll-start]{display:none} .wa-leistungen{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr; gap:14px 24px; width:100%; max-width:880px; text-align:left; } .wa-leistungen li{ position:relative; margin:0; padding:14px 16px 14px 50px; background:rgba(55,110,120,0.05); border:1px solid rgba(55,110,120,0.14); border-radius:12px; color:#363636; line-height:1.45; min-height:24px; } .wa-leistungen li::before{ content:""; position:absolute; left:15px; top:15px; width:22px; height:22px; border-radius:50%; background:var(--bricks-color-lctofe,#376e78); } .wa-leistungen li::after{ content:""; position:absolute; left:21px; top:21px; width:10px; height:6px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg); } @media (min-width:768px){ .wa-leistungen{grid-template-columns:repeat(2,1fr)} } [data-wa-ll-end]{display:none} #brxe-rdlqzy p{line-height:1.15} #brxe-wqouve p{line-height:1.35} @media (max-width:991px){#brxe-ulwrapfv{list-style:none;padding-left:0;padding-inline-start:0;margin:0;}#brxe-ulwrapfv>li{list-style:none;}#brxe-ulwrapfv>#brxe-fvuykk{margin-left:10px;}} @media (min-width:992px){#brxe-uyejdv .bricks-nav-menu .sub-menu{padding-left:4px;padding-right:4px}#brxe-uyejdv .bricks-nav-menu .sub-menu>.menu-item>a{padding-left:10px}} @media (max-width:991px){#brxe-chshwx .icon > svg{width:35px !important;height:35px !important}} @media (max-width:991px){#brxe-18f481,#brxe-e76253,#brxe-tldamt,#brxe-075dab{text-align:center;font-size:15px;color:var(--bricks-color-rlhrlj);font-weight:600;margin-top:8px;margin-bottom:0;flex-direction:row-reverse;gap:7px;padding-right:0;padding-left:10px}} @media (max-width:991px){#brxe-pzvtmb > .brxe-divider{padding-left:10px !important;padding-right:10px !important}#brxe-pzvtmb > .brxe-divider > .line{border-top-color:#bababa !important}} @media(max-width:991px){#brxe-uzepfy{display:flex !important;visibility:visible !important;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer}#brxe-uzepfy i{display:flex;align-items:center;justify-content:center;width:auto;height:auto}#brxe-uzepfy i::before{content:'2715';font-family:Arial,Helvetica,sans-serif;font-size:28px;color:#f9f9f9;line-height:1}} @media(max-width:991px){#brxe-uzepfy{position:relative}#brxe-uzepfy i{display:none !important}#brxe-uzepfy::before,#brxe-uzepfy::after{content:'';position:absolute;width:24px;height:2px;background:#f9f9f9;top:50%;left:50%}#brxe-uzepfy::before{transform:translate(-50%,-50%) rotate(45deg)}#brxe-uzepfy::after{transform:translate(-50%,-50%) rotate(-45deg)}} @media(max-width:991px){#brxe-pesppa{min-height:50px !important}#brxe-uzepfy::before,#brxe-uzepfy::after{width:18px !important;top:calc(50% + 3px) !important}} @media(max-width:991px){#brxe-uebmla{text-align:center;font-size:15px;color:var(--bricks-color-rlhrlj);font-weight:600;margin-top:8px;margin-bottom:0;flex-direction:row-reverse;gap:7px;padding-right:0;padding-left:10px}} .bmu-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#254c54;color:#f9f9f9;padding:13px 20px;border-radius:8px;font-size:14px;line-height:1.35;max-width:90vw;text-align:center;z-index:2147483647;display:none;box-shadow:0 4px 14px rgba(0,0,0,0.18)} .bmu-toast.bmu-toast-show{display:block} #brxe-jiqqaj input[type="text"]:not(.choices__input),#brxe-jiqqaj input[type="email"],#brxe-jiqqaj textarea{font-size:16px !important} #brxe-jiqqaj input[type="email"]:not(.choices__input){font-size:16px !important} #brxe-jiqqaj .brxe-brf-pro-forms-field-select label{position:static !important;clip:auto !important;clip-path:none !important;width:auto !important;height:auto !important;overflow:visible !important;display:block !important;white-space:normal !important} #bmu-chat-redesign-start{display:none} .chat-bubble { width: 58px !important; height: 58px !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; background: #376e78 !important; border-radius: 50% !important; box-shadow: 0 8px 22px rgba(37, 76, 84, 0.4), 0 3px 8px rgba(0, 0, 0, 0.14) !important; overflow: visible; transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s cubic-bezier(0.22, 1, 0.36, 1), background 0.28s ease !important; } .chat-bubble:hover { background: #3f828d !important; } .chat-bubble:focus-visible { outline: 2px solid #254c54; outline-offset: 3px; } .chat-bubble svg { width: 28px !important; height: 28px !important; position: relative; z-index: 2; filter: none !important; fill: none !important; } .chat-bubble svg path { fill: none !important; stroke: #ffffff !important; } .chat-bubble svg circle { fill: #ffffff !important; stroke: none !important; } .chat-bubble-halo { position: absolute; inset: 0; border-radius: 50%; background: #376e78; z-index: 0; pointer-events: none; animation: bmuHalo 2.6s ease-out infinite; } @keyframes bmuHalo { 0% { transform: scale(1); opacity: 0.35; } 70% { transform: scale(1.45); opacity: 0; } 100% { transform: scale(1.45); opacity: 0; } } .chat-bubble-badge { top: -3px !important; right: -3px !important; min-width: 19px !important; width: 19px !important; height: 19px !important; padding: 0 !important; background: #16a34a !important; border: 2px solid #fff !important; border-radius: 50% !important; font-size: 11px !important; line-height: 1 !important; z-index: 3; } .chat-proactive { display: flex; align-items: center; gap: 10px; background: #fff !important; color: #1f2d31 !important; padding: 12px 38px 12px 14px !important; border-radius: 18px 18px 4px 18px !important; box-shadow: 0 12px 28px rgba(37, 76, 84, 0.2), 0 3px 8px rgba(0, 0, 0, 0.08) !important; max-width: min(270px, calc(100vw - 30px)) !important; } .chat-proactive-wave { font-size: 22px; line-height: 1; flex-shrink: 0; display: inline-block; transform-origin: 70% 70%; animation: bmuWave 2.2s ease-in-out infinite; } @keyframes bmuWave { 0%, 60%, 100% { transform: rotate(0deg); } 10% { transform: rotate(16deg); } 20% { transform: rotate(-8deg); } 30% { transform: rotate(16deg); } 40% { transform: rotate(-4deg); } 50% { transform: rotate(12deg); } } .chat-proactive-body { display: flex; flex-direction: column; line-height: 1.3; pointer-events: none; } .chat-proactive-title { font-size: 13px; font-weight: 700; color: #1f2d31; } .chat-proactive-text { font-size: 12.5px; color: #5a676c; } .chat-proactive-close { top: 6px !important; right: 6px !important; color: #9aa6ab !important; } .chat-proactive-close:hover { background: rgba(37, 76, 84, 0.08) !important; color: #254c54 !important; } .ki-chat-container { border-radius: 20px !important; box-shadow: 0 18px 50px rgba(20, 40, 45, 0.22), 0 4px 12px rgba(0, 0, 0, 0.08) !important; transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.26s ease !important; transform: translateY(18px) scale(0.97) !important; transform-origin: bottom right; } .ki-chat-container.visible { transform: translateY(0) scale(1) !important; opacity: 1 !important; } .ki-chat-header { background: #fff !important; color: #1f2d31 !important; border-bottom: 1px solid #eef0f1 !important; flex-direction: column; align-items: stretch; gap: 12px; padding: 14px 16px 12px !important; } .ki-chat-header-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; } .ki-chat-identity { display: flex; align-items: center; gap: 11px; min-width: 0; } .ki-chat-avatar { position: relative; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #376e78 0%, #4a8c98 60%, #5fa6b2 100%); } .ki-chat-avatar-dot { position: absolute; bottom: -1px; right: -1px; width: 12px; height: 12px; border-radius: 50%; background: #16a34a; border: 2px solid #fff; } .ki-chat-identity-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; } .ki-chat-header h3#chat-title, .ki-chat-header h3 { margin: 0 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; color: #18242a !important; opacity: 1 !important; display: block !important; } .ki-chat-status { font-size: 11px; color: #8a969c; margin-top: 1px; } .ki-chat-header-actions { display: flex; gap: 6px; align-items: center; flex-shrink: 0; } .ki-chat-close, .ki-chat-reset { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; border-radius: 50% !important; background: transparent !important; color: #6b7a80 !important; font-weight: 500 !important; transition: background 0.2s ease, color 0.2s ease !important; } .ki-chat-reset { font-size: 17px !important; font-weight: 600 !important; } .ki-chat-close svg { display: block; } .ki-chat-close:hover, .ki-chat-reset:hover { background: #f0f2f3 !important; color: #18242a !important; transform: none !important; } .ki-chat-close:active, .ki-chat-reset:active { background: #e6e9ea !important; transform: scale(0.94) !important; } .ki-chat-contacts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; } .ki-chat-contact { flex: none; min-height: 38px; gap: 6px; padding: 8px 6px !important; border-radius: 11px !important; background: #f6f8f8 !important; border: 1px solid #e9edee; color: #41525a !important; font-size: 12px !important; font-weight: 500 !important; transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important; } .ki-chat-contact:hover { background: #fff !important; border-color: rgba(55, 110, 120, 0.4) !important; } .ki-chat-contact:focus-visible { outline: 2px solid #376e78; outline-offset: 2px; } .ki-chat-contact img { width: 16px !important; height: 16px !important; filter: none !important; } .ki-chat-iframe-container { height: calc(100% - 108px) !important; } .ki-chat-spinner::after { border-color: #376e78 transparent #376e78 transparent !important; } .ki-chat-greeting { display: none !important; } .ki-chat-greeting-bubble { background: #f1f3f4 !important; border-color: #e6eaeb !important; color: #27343a !important; border-radius: 14px 14px 14px 4px !important; } .ki-chat-greeting-avatar { background: #eef4f5 !important; border-color: #d6e3e6 !important; } #scroll-to-top { background: rgba(37, 76, 84, 0.5) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; } #scroll-to-top.visible { transform: scale(1) !important; opacity: 1 !important; } @media (prefers-reduced-motion: reduce) { .chat-bubble-halo, .chat-proactive-wave { animation: none !important; } .chat-bubble, .ki-chat-container, .chat-proactive { transition: opacity 0.2s ease !important; } } @media screen and (max-width: 480px) { .chat-bubble { width: 54px !important; height: 54px !important; } .ki-chat-iframe-container { height: calc(100% - 104px) !important; } .ki-chat-contact span { font-size: 11.5px !important; } } #bmu-chat-redesign-end{display:none}  #brxe-uyejdv .bricks-nav-menu .sub-menu{min-width:0 !important;max-width:260px !important;box-sizing:border-box} @media (min-width:992px){#brxe-uyejdv li#menu-item-343 > ul.sub-menu{width:260px !important;min-width:260px !important;max-width:260px !important}} #brxe-uyejdv .bricks-nav-menu .sub-menu>.menu-item>a,#brxe-uyejdv .bricks-nav-menu .sub-menu>.menu-item>.brx-submenu-toggle>a{transition:none} #brxe-uyejdv .bricks-nav-menu .sub-menu .menu-item>a:hover,#brxe-uyejdv .bricks-nav-menu .sub-menu .menu-item.menu-item-has-children:hover>.brx-submenu-toggle{background:rgba(223,223,223,0.55) !important;color:rgba(0,0,0,1) !important;border-radius:8px !important} #brxe-uyejdv .bricks-nav-menu .sub-menu .menu-item.menu-item-has-children:hover>.brx-submenu-toggle>a,#brxe-uyejdv .bricks-nav-menu .sub-menu .menu-item.menu-item-has-children:hover>.brx-submenu-toggle>button{background:transparent !important;color:rgba(0,0,0,1) !important} #brxe-uyejdv .bricks-nav-menu .menu-item-has-children > .sub-menu{transition:opacity .08s ease,transform .08s ease,visibility 0s linear .08s !important} #brxe-uyejdv .bricks-nav-menu .menu-item-has-children:hover > .sub-menu{transition:opacity .22s ease,transform .22s ease,visibility 0s !important}  .chat-bubble:hover { animation: none !important; transform: none !important; } .chat-bubble:hover .chat-bubble-halo { animation: none !important; opacity: 0 !important; } [data-belu-fix="belu-touch-fix-2026-08-23"]{--belu-fix:1}@media (pointer: coarse) { #brx-footer a.brxe-text-link { min-height: 44px; align-items: center; } #scroll-to-top { min-height: 44px; } .br-read-more { min-height: 44px; padding-top: 8px; padding-bottom: 8px; } .bf-author-link { display: inline-flex; align-items: center; min-height: 44px; }} [data-bm="bm-aktion-2026-08-23"]{--bm:1} .bm-aktion { box-sizing: border-box; display: flex; flex-direction: column; width: 100%; max-width: 950px; margin: clamp(26px, 3vw, 36px) auto 0; border-radius: 22px; overflow: hidden; background: linear-gradient(120deg, #2b5a63 0%, #20464e 62%, #1b3b42 100%);}.bm-aktion *,.bm-aktion *::before,.bm-aktion *::after { box-sizing: border-box;}.bm-aktion__text { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: clamp(20px, 2.6vw, 34px);}.bm-aktion__eyebrow { margin: 0 0 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #ffd9a0;}.bm-aktion__title { margin: 0 0 10px; font-size: clamp(21px, 2.8vw, 30px); line-height: 1.15; font-weight: 700; letter-spacing: -.02em; color: #ffffff; text-wrap: pretty; overflow-wrap: break-word;}.bm-aktion__lead { margin: 0 0 18px; font-size: 14.5px; line-height: 1.55; color: rgba(255, 255, 255, .82); max-width: 50ch; text-wrap: pretty;}.bm-aktion__actions { display: flex; flex-wrap: wrap; gap: 10px;}.bm-aktion__btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; padding: 12px 24px; border-radius: 12px; font-size: 15px; font-weight: 700; text-decoration: none; transition: background-color .15s ease, color .15s ease;}.bm-aktion__btn--primary { background: #ffffff; color: #20464e; border: 1.5px solid #ffffff;}.bm-aktion__btn--primary:hover,.bm-aktion__btn--primary:focus-visible { background: #ffd9a0; border-color: #ffd9a0; color: #20464e;}.bm-aktion__btn--ghost { background: transparent; border: 1.5px solid rgba(255, 255, 255, .45); color: #ffffff; font-weight: 600;}.bm-aktion__btn--ghost:hover,.bm-aktion__btn--ghost:focus-visible { background: rgba(255, 255, 255, .12); color: #ffffff;}.bm-aktion__btn:focus-visible { outline: 1px solid #ffffff; outline-offset: 3px;}.bm-aktion__preview { min-width: 0; display: flex; align-items: center; justify-content: center; padding: clamp(16px, 2.2vw, 26px); padding-top: 0;}.bm-aktion__chat { display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 330px;}.bm-aktion__bubble { margin: 0; max-width: 84%; padding: 11px 14px; font-size: 14px; line-height: 1.5; overflow-wrap: break-word;}.bm-aktion__bubble--bot { align-self: flex-start; background: #ffffff; color: #2f3a3c; border-radius: 16px 16px 16px 5px; box-shadow: 0 2px 10px rgba(0, 0, 0, .10);}.bm-aktion__bubble--user { align-self: flex-end; background: #ffd9a0; color: #20464e; font-weight: 500; border-radius: 16px 16px 5px 16px;}.bm-aktion__bubble--wide { max-width: 90%;}.bm-aktion__status { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: rgba(255, 255, 255, .72);}.bm-aktion__dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #7fd39b;}@media (min-width: 480px) { .bm-aktion__chat { max-width: 340px; }}@media (min-width: 768px) { .bm-aktion { flex-direction: row; flex-wrap: wrap; align-items: stretch; } .bm-aktion__text { flex: 1 1 380px; } .bm-aktion__preview { flex: 0 1 380px; padding-top: clamp(16px, 2.2vw, 26px); }}@media (min-width: 1024px) { .bm-aktion__text { flex: 1 1 430px; }}@media (min-width: 1280px) { .bm-aktion__lead { font-size: 15px; }}@media (min-width: 1920px) { .bm-aktion__title { font-size: 30px; }}@media (prefers-reduced-motion: reduce) { .bm-aktion__btn { transition: none; }} [data-bm="bm-startseite-v2"]{--bm:1} .page-id-6940 .brxe-section{padding-left:0;padding-right:0}.v2-hero{max-width:1240px;margin:0 auto;padding:clamp(120px,13vw,150px) clamp(16px,3vw,24px) clamp(18px,2vw,26px);display:grid;grid-template-columns:1fr;gap:clamp(22px,3vw,40px);align-items:center}.v2-hero__eyebrow{margin:0 0 10px;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6b7c80}.v2-hero__title{margin:0 0 14px;font-size:clamp(30px,5.4vw,52px);line-height:1.08;font-weight:700;color:#1c2427;letter-spacing:-.02em}.v2-hero__title span{color:#376e78;white-space:nowrap}.v2-hero__lead{margin:0 0 18px;font-size:clamp(16px,1.8vw,19px);line-height:1.55;color:#4a5558;max-width:46ch}.v2-hero__trust{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:9px}.v2-hero__trust li{display:flex;align-items:center;gap:9px;font-size:15px;color:#3a4548;font-weight:500}.v2-hero__trust svg{width:17px;height:17px;flex:0 0 auto;stroke:#df920c}.v2-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.v2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 26px;border-radius:999px;font-size:16px;font-weight:600;text-decoration:none;text-align:center}.v2-btn--gold{background:#df920c;color:#fff}.v2-btn--gold:hover,.v2-btn--gold:focus-visible{background:#c47f08;color:#fff}.v2-btn--ghost{background:transparent;color:#376e78;border:2px solid #376e78}.v2-btn--ghost:hover,.v2-btn--ghost:focus-visible{background:#376e78;color:#fff}.v2-btn--white{background:#fff;color:#2b5a63}.v2-btn--white:hover,.v2-btn--white:focus-visible{background:#ffd9a0;color:#2b5a63}.v2-hero__note{margin:0;font-size:13.5px;color:#7d8b8e}.v2-hero__person{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}.v2-hero__person img{width:min(320px,72vw);aspect-ratio:1/1;object-fit:cover;height:auto;border-radius:24px;display:block;box-shadow:0 12px 40px rgba(28,58,64,.18);background:#eef3f4}.v2-hero__person figcaption{display:flex;flex-direction:column;text-align:center;font-size:14px;color:#5b686b}.v2-hero__person strong{font-size:16px;color:#1c2427}.v2-quick{max-width:1240px;margin:0 auto;padding:0 clamp(16px,3vw,24px) clamp(20px,3vw,30px);display:flex;gap:9px;overflow-x:auto}.v2-quick a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:999px;background:#eef3f4;color:#2b5a63;font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap}.v2-quick a:hover,.v2-quick a:focus-visible{background:#376e78;color:#fff}.v2-formkopf{max-width:640px;margin:0 auto;padding:clamp(30px,4vw,50px) clamp(16px,3vw,24px) 6px;text-align:center}.v2-formkopf h2{margin:0 0 10px;font-size:clamp(24px,3.6vw,34px);line-height:1.2;font-weight:700;color:#1c2427}.v2-formkopf p{margin:0;font-size:16px;line-height:1.55;color:#5b686b}.v2-form{max-width:640px;margin:0 auto;padding:0 clamp(16px,3vw,24px)}.v2-formnote{max-width:640px;margin:10px auto 0;padding:0 clamp(16px,3vw,24px);font-size:13px;color:#7d8b8e;text-align:center}.v2-formnote a{color:#376e78}.v2-ref{max-width:1240px;margin:0 auto;padding:clamp(30px,4vw,54px) clamp(16px,3vw,24px)}.v2-ref__label{margin:0 0 18px;text-align:center;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6b7c80}.v2-ref__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.v2-ref__item{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.07);padding-bottom:16px}.v2-ref__item img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}.v2-ref__name{padding:12px 16px 0;font-size:17px;font-weight:700;color:#1c2427}.v2-ref__desc{padding:0 16px;font-size:14.5px;color:#5b686b}.v2-ref__item:hover,.v2-ref__item:focus-visible{box-shadow:0 8px 30px rgba(28,58,64,.18)}.v2-ref__more{display:block;width:fit-content;margin:22px auto 0;min-height:44px;padding:12px 22px;border-radius:999px;border:2px solid #376e78;color:#376e78;font-weight:600;text-decoration:none}.v2-ref__more:hover,.v2-ref__more:focus-visible{background:#376e78;color:#fff}.v2-ablauf{max-width:1000px;margin:0 auto;padding:clamp(26px,4vw,48px) clamp(16px,3vw,24px)}.v2-ablauf h2{margin:0 0 22px;text-align:center;font-size:clamp(24px,3.6vw,34px);font-weight:700;color:#1c2427}.v2-ablauf__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:16px;counter-reset:none}.v2-ablauf__list li{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:18px;padding:22px 20px;box-shadow:0 2px 16px rgba(0,0,0,.06);font-size:15px;color:#5b686b;line-height:1.5}.v2-ablauf__num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#eef3f4;color:#376e78;font-weight:700;font-size:17px}.v2-ablauf__list strong{font-size:17px;color:#1c2427}.v2-final{max-width:1240px;margin:0 auto;padding:clamp(26px,4vw,50px) clamp(16px,3vw,24px);display:grid;grid-template-columns:1fr;gap:22px}.v2-final__text{background:linear-gradient(135deg,#2b5a63,#20464e);color:#fff;border-radius:22px;padding:clamp(24px,3vw,38px)}.v2-final__text h2{margin:0 0 12px;font-size:clamp(24px,3.4vw,32px);font-weight:700;color:#fff;line-height:1.2}.v2-final__text p{margin:0 0 20px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.88);max-width:52ch}.v2-final__cta{display:flex;flex-wrap:wrap;gap:12px}.v2-final__karte{display:flex;align-items:center;gap:16px;background:#fff;border-radius:22px;padding:20px 22px;box-shadow:0 2px 16px rgba(0,0,0,.07)}.v2-final__karte img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:0 0 auto}.v2-final__karte p{margin:0;font-size:14.5px;line-height:1.5;color:#5b686b;display:flex;flex-direction:column}.v2-final__karte strong{font-size:16.5px;color:#1c2427}@media (min-width:768px){ .v2-ablauf__list{grid-template-columns:repeat(3,1fr)}}@media (min-width:940px){ .v2-hero{grid-template-columns:1.15fr .85fr;padding-top:clamp(130px,10vw,165px)} .v2-hero__person{align-items:flex-end} .v2-final{grid-template-columns:1.4fr .6fr;align-items:stretch} .v2-final__karte{flex-direction:column;text-align:center;justify-content:center} .v2-final__karte p{align-items:center}}@media (pointer:coarse){ .v2-quick a{min-height:46px}}@media (prefers-reduced-motion:reduce){ *{transition:none !important}} [data-bm="ENDE-bm-startseite-v2"]{--bm:0} [data-bm="bm-konfigurator-2026-08-23"]{--bm:1}.bm-konf{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:clamp(26px,4vw,48px) clamp(16px,3vw,24px)}.bm-konf *,.bm-konf *::before,.bm-konf *::after{box-sizing:border-box}.bm-konf__kopf{max-width:640px;margin:0 auto clamp(22px,3vw,32px);text-align:center}.bm-konf__eyebrow{margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#df920c}.bm-konf__titel{margin:0 0 10px;font-size:clamp(23px,3.6vw,34px);line-height:1.18;font-weight:700;color:#1c2427;letter-spacing:-.015em}.bm-konf__lead{margin:0;font-size:16px;line-height:1.55;color:#5b686b}.bm-konf__box{background:#fff;border-radius:24px;box-shadow:0 2px 16px rgba(0,0,0,.07);padding:clamp(18px,2.6vw,30px)}.bm-konf__schritt{margin:0;padding:0}.bm-konf__schritt + .bm-konf__schritt{margin-top:clamp(24px,3vw,34px);padding-top:clamp(22px,3vw,30px);border-top:1px solid #e6eaeb}.bm-konf__legende{display:flex;align-items:center;gap:11px;padding:0;margin:0 0 16px;font-size:clamp(17px,2vw,19px);font-weight:700;color:#1c2427;line-height:1.3}.bm-konf__num{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#eef3f4;color:#376e78;font-size:15px;font-weight:700}.bm-konf__wahl{display:grid;grid-template-columns:1fr;gap:10px}.bm-konf__kachel{position:relative;display:block;cursor:pointer}.bm-konf__kachel input{position:absolute;opacity:0;width:1px;height:1px}.bm-konf__kachel-in{display:flex;flex-direction:column;gap:3px;min-height:76px;padding:14px 16px;border:2px solid #dfe4e5;border-radius:16px;background:#fff}.bm-konf__kachel-titel{font-size:16.5px;font-weight:700;color:#1c2427}.bm-konf__kachel-sub{font-size:13.5px;color:#6b7c80;line-height:1.35}.bm-konf__kachel-preis{margin-top:4px;font-size:19px;font-weight:700;color:#376e78}.bm-konf__kachel input:checked + .bm-konf__kachel-in{border-color:#376e78;background:#f4f8f9}.bm-konf__kachel input:focus-visible + .bm-konf__kachel-in{outline:2px solid #df920c;outline-offset:2px}.bm-konf__kachel:hover .bm-konf__kachel-in{border-color:#9fbcc1}.bm-konf__liste{display:flex;flex-direction:column;gap:8px}.bm-konf__zeile{display:grid;grid-template-columns:24px 1fr auto;align-items:start;gap:12px;min-height:56px;padding:13px 14px;border:1px solid #e6eaeb;border-radius:14px;cursor:pointer;background:#fff}.bm-konf__zeile:hover{border-color:#9fbcc1}.bm-konf__zeile input{width:22px;height:22px;margin:1px 0 0;accent-color:#376e78;cursor:pointer;flex:0 0 auto}.bm-konf__zeile input:focus-visible{outline:2px solid #df920c;outline-offset:2px}.bm-konf__zeile-text{display:flex;flex-direction:column;gap:2px;min-width:0}.bm-konf__zeile-text b{font-size:15.5px;font-weight:600;color:#1c2427;line-height:1.3}.bm-konf__zeile-text span{font-size:13.5px;color:#6b7c80;line-height:1.4}.bm-konf__zeile-preis{font-size:15.5px;font-weight:700;color:#376e78;white-space:nowrap;padding-top:1px}.bm-konf__zeile--inklusive{background:#f4f8f9;border-color:#cfdfe2}.bm-konf__zeile--inklusive .bm-konf__zeile-preis{color:#5b7f86;font-weight:600}.bm-konf__zeile--inklusive input{pointer-events:none;opacity:.4}.bm-konf__ergebnis{margin-top:clamp(18px,2.4vw,24px);border-radius:22px;background:linear-gradient(135deg,#2b5a63,#20464e);color:#fff;padding:clamp(20px,2.8vw,30px)}.bm-konf__summe{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:18px}.bm-konf__summe-label{width:100%;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffd9a0}.bm-konf__summe-wert{font-size:clamp(30px,4.4vw,42px);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:#fff}.bm-konf__summe-mtl{font-size:15px;color:rgba(255,255,255,.82)}.bm-konf__aktionen{display:flex;flex-wrap:wrap;gap:10px}.bm-konf__btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 26px;border-radius:999px;border:2px solid transparent;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;text-align:center}.bm-konf__btn--gold{background:#df920c;color:#fff}.bm-konf__btn--gold:hover,.bm-konf__btn--gold:focus-visible{background:#c47f08}.bm-konf__btn--outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}.bm-konf__btn--outline:hover,.bm-konf__btn--outline:focus-visible{background:#fff;color:#2b5a63;border-color:#fff}.bm-konf__btn:focus-visible{outline:2px solid #ffd9a0;outline-offset:3px}.bm-konf__hinweis{margin:14px 0 0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.78);max-width:60ch}@media (min-width:700px){ .bm-konf__wahl{grid-template-columns:repeat(3,1fr)} .bm-konf__kachel-in{min-height:118px} .bm-konf__summe{align-items:baseline} .bm-konf__summe-label{width:auto}}@media (max-width:420px){ .bm-konf__zeile{grid-template-columns:24px 1fr;row-gap:4px} .bm-konf__zeile-preis{grid-column:2;padding-top:0} .bm-konf__btn{width:100%}}[data-bm="bm-startseite-v3"][data-bm="bm-startseite-v3"]{--bm:1}.v3{--teal:#376e78;--teal-dark:#2b5a63;--teal-soft:#eaf1f2;--gold:#df920c;--gold-dark:#c47f08;--gold-soft:#fdf3e0;--ink:#1c2427;--text:#4a5558;--muted:#5f7074;--line:#dfe4e5;--page:#f9fafa;--card:#fff}.v3,.v3 *,.v3 *::before,.v3 *::after{box-sizing:border-box}.v3 img{max-width:100%;height:auto;display:block}.v3-in{max-width:1240px;margin:0 auto;padding-left:clamp(16px,3vw,24px);padding-right:clamp(16px,3vw,24px)}.v3-mitte{max-width:720px;margin:0 auto clamp(26px,3vw,40px);text-align:center}.v3-mitte h2{margin:0 0 10px;font-size:clamp(26px,4vw,42px);line-height:1.14;font-weight:700;color:var(--ink);letter-spacing:-.02em}.v3-mitte h2 span{color:var(--teal)}.v3-mitte p{margin:0;font-size:clamp(15px,1.7vw,17.5px);color:var(--muted);line-height:1.55}.v3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:15px 30px;border-radius:999px;border:2px solid transparent;font-family:inherit;font-size:16.5px;font-weight:700;text-decoration:none;cursor:pointer;text-align:center;line-height:1.2}.v3-btn--gold{background:var(--gold);color:#1c2427}.v3-btn--gold:hover,.v3-btn--gold:focus-visible{background:#cb840a}.v3-btn--linie{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.v3-btn--linie:hover,.v3-btn--linie:focus-visible{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.75)}.v3-btn--rand{background:transparent;color:var(--teal);border-color:var(--teal)}.v3-btn--rand:hover,.v3-btn--rand:focus-visible{background:rgba(55,110,120,.09)}.v3-btn--weiss{background:#fff;color:var(--teal-dark)}.v3-btn--weiss:hover,.v3-btn--weiss:focus-visible{background:#eef2f3}.v3-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.v3-hero{position:relative;background-color:#2b5a63;background-image:linear-gradient(160deg,rgba(55,110,120,.93) 0%,rgba(43,90,99,.95) 58%,rgba(32,70,78,.97) 100%),url('https://www.belumedia.de/wp-content/uploads/2025/08/Webdesign-Stralsund-Hintergrundbild.webp');background-size:cover;background-position:center;color:#fff;padding:172px 0 clamp(34px,4vw,52px)}.v3-hero__grid{display:grid;grid-template-columns:1fr;gap:clamp(22px,3vw,40px);align-items:center}.v3-hero__badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.v3-hero__badge{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid transparent;font-size:14.5px;font-weight:600;color:#fff;text-decoration:none;white-space:nowrap}.v3-hero__badge--rand{background:transparent;border-color:rgba(255,255,255,.3)}a.v3-hero__badge:hover,a.v3-hero__badge:focus-visible{background:rgba(255,255,255,.24)}.v3-hero__sterne{display:inline-flex;gap:0;color:#f7bd72}.v3-hero__sterne svg{width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;paint-order:stroke fill}.v3-hero__sterne svg + svg{margin-left:-2px}.v3-hero__badge svg.v3-pin{width:15px;height:15px;stroke:#ffd9a0;fill:none}.v3-hero h1{margin:0 0 14px;font-size:clamp(27px,3.7vw,42px);line-height:1.1;font-weight:700;letter-spacing:-.025em;color:#fff;text-wrap:balance}.v3-hero__lead{margin:0 0 22px;font-size:clamp(16px,1.9vw,19px);line-height:1.55;color:rgba(255,255,255,.88);max-width:46ch}.v3-hero__lead b{color:#fff;font-weight:700}.v3-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}.v3-hero__punkte{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.v3-hero__punkte li{display:flex;align-items:center;gap:11px;font-size:15.5px;font-weight:500;color:rgba(255,255,255,.92)}.v3-hero__haken{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.16)}.v3-hero__haken svg{width:12px;height:12px;stroke:#fff;fill:none}.v3-hero__bild{margin:0;background:#fff;border-radius:26px;padding:clamp(14px,1.4vw,20px);box-shadow:0 12px 34px rgba(12,38,44,.22);width:100%;max-width:440px;margin-left:auto;margin-right:auto}.v3-hero__bild img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center 22%;border-radius:16px;background:#eef3f4}.v3-hero__karte{position:static;display:block;text-align:left;background:none;box-shadow:none;border-radius:0;margin:0;padding:14px 6px 4px;max-width:100%}.v3-hero__karte span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#7a5209;margin-bottom:6px}.v3-hero__karte b{display:block;font-size:19px;font-weight:700;color:#1c2427;line-height:1.25}.v3-hero__karte i{display:block;font-style:normal;font-size:15px;color:#5f7074;line-height:1.4;margin-top:3px}.v3-abschnitt{padding:clamp(40px,6vw,84px) 0}.v3-abschnitt--hell{background:var(--page)}.v3-abschnitt--weiss{background:#fff}.v3-konf{display:grid;grid-template-columns:1fr;gap:clamp(18px,2.4vw,26px);align-items:start}.v3-karte{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(18px,2.4vw,28px)}.v3-karte + .v3-karte{margin-top:clamp(14px,2vw,20px)}.v3-schrittkopf{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px}.v3-schrittkopf h3{flex:1 1 140px;min-width:0;margin:0;font-size:clamp(17.5px,2vw,20px);font-weight:700;color:var(--ink);line-height:1.3}.v3-nr{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;font-size:14.5px;font-weight:700}.v3-status{margin-left:auto;display:inline-flex;align-items:center;padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--teal-soft);color:var(--teal-dark);white-space:nowrap}.v3-status--still{background:#f1f4f5;color:var(--muted)}.v3-hinweis{margin:0 0 16px;font-size:14.5px;color:var(--muted);line-height:1.45}.v3-stufen{display:flex;flex-direction:column;gap:10px}.v3-stufe{position:relative;display:block;cursor:pointer}.v3-stufe input{position:absolute;opacity:0;width:1px;height:1px}.v3-stufe__in{display:flex;align-items:center;gap:13px;min-height:66px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}.v3-stufe__punkt{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #c9d3d5}.v3-stufe__text{flex:1 1 auto;min-width:0}.v3-stufe__text b{display:block;font-size:16px;font-weight:700;color:var(--ink);line-height:1.25}.v3-stufe__text span{display:block;font-size:13.5px;color:var(--muted);line-height:1.35;margin-top:2px}.v3-stufe__preis{flex:0 0 auto;text-align:right}.v3-stufe__preis b{display:block;font-size:16px;font-weight:700;color:var(--teal);white-space:nowrap}.v3-stufe__preis span{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-top:1px}.v3-stufe input:checked + .v3-stufe__in{border:2px solid var(--teal);background:#f4f8f9;padding:13px 15px}.v3-stufe input:checked + .v3-stufe__in .v3-stufe__punkt{border:6px solid var(--teal)}.v3-stufe input:checked + .v3-stufe__in .v3-stufe__preis span{color:var(--teal)}.v3-stufe input:focus-visible + .v3-stufe__in{outline:2px solid var(--gold);outline-offset:2px}.v3-stufe:hover .v3-stufe__in{border-color:#9fbcc1}.v3-extras{display:grid;grid-template-columns:1fr;gap:10px}.v3-extra{position:relative;display:block;cursor:pointer}.v3-extra input{position:absolute;opacity:0;width:1px;height:1px}.v3-extra__in{display:flex;align-items:center;gap:12px;min-height:66px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.v3-extra__box{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;line-height:1;background:#f1f4f5;color:var(--muted)}.v3-extra__text{flex:1 1 auto;min-width:0}.v3-extra__text b{display:block;font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}.v3-extra__text span{display:block;font-size:13px;color:var(--muted);line-height:1.35;margin-top:1px}.v3-extra__preis{flex:0 0 auto;font-size:14.5px;font-weight:700;color:var(--muted);white-space:nowrap}.v3-extra input:checked + .v3-extra__in{border-color:var(--teal);background:#f4f8f9}.v3-extra input:checked + .v3-extra__in .v3-extra__box{background:var(--teal);color:#fff}.v3-extra input:checked + .v3-extra__in .v3-extra__preis{color:var(--teal-dark)}.v3-extra input:focus-visible + .v3-extra__in{outline:2px solid var(--gold);outline-offset:2px}.v3-extra:hover .v3-extra__in{border-color:#9fbcc1}.v3-extra--inklusive .v3-extra__in{background:#f4f8f9;border-color:#cfdfe2}.v3-extra--inklusive input{pointer-events:none}.v3-extra--inklusive .v3-extra__box{background:var(--teal);color:#fff;opacity:1}.v3-extra--inklusive{cursor:default}.v3-extra--inklusive .v3-extra__preis{color:var(--teal-dark);font-size:13.5px}.v3-extra--inklusive input:disabled + .v3-extra__in{border-color:#cfdfe2}.v3-summe{position:sticky;top:110px}.v3-summe__kopf{background:linear-gradient(135deg,var(--teal-dark),#20464e);color:#fff;border-radius:22px 22px 0 0;padding:clamp(15px,2vw,21px)}.v3-summe__name{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffd9a0;margin-bottom:3px}.v3-summe__preis{display:flex;align-items:baseline;gap:8px;font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.05;letter-spacing:-.02em}.v3-summe__preis small{font-size:16px;font-weight:600;color:rgba(255,255,255,.75)}.v3-summe__monat{display:block;margin-top:5px;font-size:13.5px;line-height:1.35;color:rgba(255,255,255,.8)}.v3-summe__liste{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 22px 22px;padding:clamp(13px,1.8vw,18px)}.v3-summe__label{margin:0 0 7px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.v3-posten{list-style:none;margin:0;padding:0}.v3-posten li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.3;color:var(--ink)}.v3-posten li:last-child{border-bottom:0}.v3-posten li span:last-child{font-weight:700;white-space:nowrap;color:var(--teal)}.v3-formhinweis{margin:14px 0 0;font-size:13px;color:var(--muted);line-height:1.5}.v3-aktion{border-radius:24px;background:linear-gradient(120deg,#2b5a63,#20464e 62%,#1b3b42);color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px,3vw,36px);padding:clamp(24px,3.4vw,40px)}.v3-aktion__text{flex:1 1 380px;min-width:0}.v3-aktion__kick{margin:0 0 10px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffd9a0}.v3-aktion h2{margin:0 0 12px;font-size:clamp(23px,3.2vw,34px);line-height:1.15;font-weight:700;color:#fff;letter-spacing:-.02em}.v3-aktion__text > p{margin:0 0 20px;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.85);max-width:52ch}.v3-aktion__cta{display:flex;flex-wrap:wrap;gap:10px}.v3-chat{flex:0 1 340px;display:flex;flex-direction:column;gap:9px;background:rgba(255,255,255,.07);border-radius:18px;padding:17px}.v3-blase{margin:0;padding:11px 15px;border-radius:15px;font-size:13.5px;line-height:1.45;max-width:92%}.v3-blase--bot{background:#fff;color:#26343a;align-self:flex-start;border-bottom-left-radius:4px}.v3-blase--du{background:#ffd9a0;color:#4a3208;align-self:flex-end;border-bottom-right-radius:4px}.v3-chat__status{display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.75)}.v3-punkt{width:8px;height:8px;border-radius:50%;background:#6fd39b;flex:0 0 auto}.v3-refs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:22px}.v3-ref{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit}.v3-ref__bild{display:block;padding:clamp(18px,3.2vw,28px) clamp(14px,3vw,24px) clamp(10px,1.8vw,16px);background:linear-gradient(to bottom,#fff 0,var(--teal-soft) 62%)}.v3-ref__bild img{width:100%;aspect-ratio:600/412;object-fit:contain;object-position:center bottom;background:transparent}.v3-ref__text{padding:16px 20px 22px}.v3-ref__branche{display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a5209;margin-bottom:8px}.v3-ref__titel{display:block;font-size:18px;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:4px}.v3-ref__sub{display:block;font-size:15px;color:var(--muted);line-height:1.5}.v3-ref:hover{box-shadow:0 2px 14px rgba(0,0,0,.12)}.v3-zentriert{display:flex;justify-content:center;margin-top:26px}.v3-schritte{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:16px}.v3-schritte li{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 22px}.v3-schritte__nr{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--teal-soft);color:var(--teal);font-size:18px;font-weight:700;margin-bottom:14px}.v3-schritte b{display:block;font-size:18px;color:var(--ink);margin-bottom:6px;line-height:1.3}.v3-schritte p{margin:0;font-size:15px;color:var(--muted);line-height:1.5}.v3-region{display:grid;grid-template-columns:1fr;gap:16px}.v3-region article{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px;box-shadow:0 1px 6px rgba(12,38,44,.06)}.v3-region__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--teal-soft);color:var(--teal);margin-bottom:14px}.v3-region__icon svg{width:22px;height:22px}.v3-region__fakt{display:inline-flex;align-items:center;align-self:flex-start;margin-top:15px;padding:7px 13px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-size:12.5px;font-weight:700}.v3-region h3{margin:0 0 8px;font-size:18px;color:var(--ink);font-weight:700;line-height:1.3}.v3-region p{margin:0;font-size:15px;color:var(--muted);line-height:1.55}.v3-orte{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:clamp(26px,3vw,38px);padding-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--line)}.v3-orte__label{font-size:14px;color:var(--muted)}.v3-orte a,.v3-orte span.v3-ort{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-size:14.5px;font-weight:600;text-decoration:none}.v3-orte a:hover,.v3-orte a:focus-visible{background:#dae7e9}.v3-seo{max-width:820px;margin:0 auto}.v3-seo h3{margin:26px 0 8px;font-size:19px;color:var(--ink);line-height:1.3}.v3-seo h3:first-child{margin-top:0}.v3-seo p{margin:0 0 14px;font-size:16px;line-height:1.7;color:var(--text)}.v3-seo ul{margin:0 0 14px;padding-left:20px}.v3-seo li{margin-bottom:7px;font-size:16px;line-height:1.6}.v3-seo a{color:var(--teal)}.v3-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.v3-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 18px}.v3-faq summary{cursor:pointer;padding:16px 0;font-weight:600;color:var(--ink);font-size:16.5px;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none}.v3-faq summary::-webkit-details-marker{display:none}.v3-faq summary::after{content:"+";flex:0 0 auto;font-size:22px;font-weight:400;color:var(--teal);line-height:1}.v3-faq details[open] summary::after{content:"2212"}.v3-faq summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.v3-faq p{margin:0 0 16px;font-size:15.5px;line-height:1.6;color:var(--text)}.v3-schluss{background:linear-gradient(135deg,#2b5a63,#20464e);color:#fff;border-radius:24px;padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:1fr;gap:24px;align-items:center}.v3-schluss h2{margin:0 0 12px;font-size:clamp(25px,3.6vw,36px);line-height:1.18;font-weight:700;color:#fff}.v3-schluss p{margin:0 0 22px;font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.88);max-width:52ch}.v3-schluss__cta{display:flex;flex-wrap:wrap;gap:12px}.v3-visit{display:flex;align-items:center;gap:18px;background:rgba(255,255,255,.1);border-radius:20px;padding:20px}.v3-visit img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:0 0 auto}.v3-visit b{display:block;font-size:17px;color:#fff;margin-bottom:3px}.v3-visit span{display:block;font-size:14.5px;color:rgba(255,255,255,.8);line-height:1.45}.v3-konf > *,.v3-hero__grid > *,.v3-refs > *,.v3-region > *,.v3-schritte > *,.v3-extras > *,.v3-schluss > *{min-width:0}.v3-stufe__text,.v3-extra__text{overflow-wrap:break-word}@media (max-width:430px){ .v3-schrittkopf{gap:10px} .v3-hero__karte{max-width:100%;margin-left:0} .v3-btn{width:100%} .v3-hero__cta .v3-btn,.v3-aktion__cta .v3-btn,.v3-schluss__cta .v3-btn{width:100%} .v3-summe__preis{flex-wrap:wrap}}@media (min-width:600px){ .v3-extras{grid-template-columns:repeat(2,1fr)} .v3-refs{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){ .v3-schritte{grid-template-columns:repeat(3,1fr)} .v3-region{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){ .v3-refs{grid-template-columns:repeat(3,1fr)} .v3-schluss{grid-template-columns:1.5fr .8fr} .v3-visit{flex-direction:column;text-align:center}}@media (min-width:1000px){ .v3-konf{grid-template-columns:1.15fr .85fr}}@media (min-width:900px){ .v3-hero__grid{grid-template-columns:1.15fr .85fr} .v3-hero__bild{margin-right:0;max-width:420px}}@media (min-width:1280px){ .v3-hero__bild{max-width:460px}}@media (max-width:899px){ .v3-hero__bild{max-width:380px;margin-left:0}}@media (max-width:599px){ .v3-hero__bild{max-width:100%;padding:12px} .v3-hero__karte{padding:12px 4px 2px} .v3-hero__karte b{font-size:17.5px} .v3-hero__karte i{font-size:14px}}.page-id-6940 #angebot{background:#f7f9fa;padding-top:clamp(40px,6vw,84px);padding-bottom:clamp(40px,6vw,84px);padding-left:0;padding-right:0}@media (max-width:767px){ .page-id-6940 #angebot{padding-top:clamp(32px,7vw,44px);padding-bottom:clamp(32px,7vw,44px)}}@media (prefers-reduced-motion:reduce){.v3 *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.page-id-6940 .brxe-section:not(#header):not(#topbar):not(#brx-header):not(#balken-v3):not(#hero-v3):not(#angebot):not(#aktion-v3){padding-left:0;padding-right:0;padding-top:clamp(40px,6vw,84px);padding-bottom:clamp(40px,6vw,84px)}.page-id-6940 #hero-v3{padding-top:0;padding-bottom:0}.page-id-6940 #angebot{background:#f7f9fa}.page-id-6940 #referenzen-v3{background:#fdfdfd}.page-id-6940 #ablauf-v3{background:#f4f7f8}.page-id-6940 #region-v3{background:#fff}.page-id-6940 #seo-v3{background:#fafbfb}.page-id-6940 #faq-v3{background:#f1f5f6}.page-id-6940 #kontakt-v3{background:#f7f9fa}.page-id-6940 #hero-v3 .brxe-container,.page-id-6940 #hero-v3 .brxe-block,.page-id-6940 #hero-v3 .brxe-code{max-width:100%;padding:0;margin:0}.page-id-6940 main .brxe-container{max-width:100%;padding-left:0;padding-right:0}.v3-konf-wrap{display:grid;grid-template-columns:1fr;gap:clamp(18px,2.4vw,26px);align-items:start;max-width:1240px;margin:0 auto;padding:0 clamp(16px,3vw,24px)}.v3-konf-wrap > *{min-width:0;width:100%}.v3-konf-links,.v3-konf-rechts{display:flex;flex-direction:column;gap:clamp(14px,2vw,20px)}.v3-formbox{background:#fff;border:1px solid #dfe4e5;border-radius:22px;padding:clamp(18px,2.4vw,26px);scroll-margin-top:112px}.v3-formbox label{display:block;font-size:14px;font-weight:600;color:#1c2427;margin:0 0 6px}.v3-formbox .brxe-block{margin-bottom:14px}.v3-formbox input[type=text],.v3-formbox input[type=email],.v3-formbox textarea{width:100%;min-height:52px;padding:13px 15px;border:1px solid #dfe4e5;border-radius:12px;background:#fff;color:#1c2427;font-family:inherit;font-size:16px;line-height:1.45}.v3-formbox textarea{min-height:130px;resize:vertical}.v3-formbox input:focus-visible,.v3-formbox textarea:focus-visible{outline:2px solid #376e78;outline-offset:1px;border-color:#376e78}.page-id-6940 .v3-formbox button[type=submit],.page-id-6940 .v3-formbox .bricks-button,.page-id-6940 #angebot button.bricks-button{width:100%;min-height:56px;padding:15px 28px;border:0;border-radius:999px;background:#df920c;color:#1c2427;font-family:inherit;font-size:16.5px;font-weight:700;cursor:pointer}.page-id-6940 .v3-formbox button[type=submit]:hover,.page-id-6940 #angebot button.bricks-button:hover,.page-id-6940 #angebot button.bricks-button:focus-visible{background:#cb840a;color:#1c2427}@media (min-width:1000px){ .v3-konf-wrap{grid-template-columns:1.15fr .85fr} .v3-konf-rechts{position:sticky;top:120px}}.v3-ref{display:flex;flex-direction:column;background:#fff;border:0;border-radius:20px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.09)}.v3-ref__flaeche{display:flex;flex-direction:column;flex:1 1 auto;text-decoration:none;color:inherit}.v3-ref__extern{display:inline-flex;align-items:center;gap:8px;min-height:48px;margin:0 20px 18px;padding:11px 18px;border:1px solid #dfe4e5;border-radius:999px;color:#376e78;font-size:14.5px;font-weight:600;text-decoration:none;align-self:flex-start}.v3-ref__extern svg{width:15px;height:15px;stroke:currentColor}.v3-ref__extern:hover,.v3-ref__extern:focus-visible{background:#eef3f4;border-color:#9fbcc1}.v3-ref__text{padding:16px 20px 14px}.v3-quick{display:flex;gap:9px;overflow-x:auto;margin-top:clamp(20px,3vw,30px);padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.v3-quick::-webkit-scrollbar{display:none}.v3-quick a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:46px;padding:11px 18px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap}.v3-quick a:hover,.v3-quick a:focus-visible{background:rgba(255,255,255,.24)}.v3-quick a:focus-visible{outline:2px solid #ffd9a0;outline-offset:2px}.page-id-6940 #angebot input[type=text],.page-id-6940 #angebot input[type=email],.page-id-6940 #angebot input[type=tel],.page-id-6940 #angebot textarea,.v3-formbox input,.v3-formbox textarea{font-size:16px!important;line-height:1.45}.page-id-6940 .faq-calc-link,.page-id-6940 #faq-v3 a{overflow-wrap:break-word}@media (max-width:767px){ .v3-hero{padding-top:clamp(136px,32vw,158px);padding-bottom:clamp(26px,6vw,34px)} .v3-hero__badges{flex-wrap:nowrap;gap:8px;margin-bottom:14px} .v3-hero__badge{flex:0 1 auto;min-width:0;flex-direction:column;justify-content:center;text-align:center;white-space:nowrap;min-height:44px;padding:8px 12px;font-size:12.5px;line-height:1.2;gap:5px} .v3-hero__sterne{flex:0 0 auto} .v3-hero__sterne svg{width:16px;height:16px} .v3-hero__badge svg.v3-pin{width:14px;height:14px} .v3-hero h1{margin-bottom:12px} .v3-hero__lead{margin-bottom:14px;font-size:16px} .v3-hero__cta{gap:10px;margin-bottom:20px} .v3-hero__cta .v3-btn{min-height:54px;padding:14px 22px;font-size:16px} .v3-hero__punkte{gap:9px} .v3-hero__punkte li{font-size:14.5px} .v3-quick{margin-top:18px} .v3-quick a{min-height:44px;padding:10px 15px;font-size:14px} .page-id-6940 .brxe-section:not(#header):not(#topbar):not(#brx-header):not(#balken-v3):not(#hero-v3):not(#angebot):not(#aktion-v3){padding-top:clamp(32px,7vw,44px);padding-bottom:clamp(32px,7vw,44px)} .v3-mitte{margin-bottom:22px} .v3-mitte h2{font-size:clamp(24px,6.4vw,30px)} .v3-mitte p{font-size:15.5px} .v3-ref__bild{padding:14px 12px 10px} .v3-ref__bild img{aspect-ratio:600/412} .v3-ref__text{padding:14px 17px 10px} .v3-ref__titel{font-size:17px} .v3-ref__sub{font-size:14.5px} .v3-ref__extern{margin:0 17px 16px;min-height:46px;padding:10px 16px;font-size:14px} .v3-refs{gap:16px} .v3-schritte{gap:12px} .v3-schritte li{padding:20px 18px} .v3-schritte__nr{width:38px;height:38px;font-size:17px;margin-bottom:10px} .v3-schritte b{font-size:17px} .v3-region{gap:12px} .v3-region article{padding:20px 18px} .v3-region__icon{width:40px;height:40px;border-radius:12px;margin-bottom:11px} .v3-region__icon svg{width:20px;height:20px} .v3-orte{margin-top:20px;gap:8px} .v3-orte a,.v3-orte span.v3-ort{min-height:44px;padding:10px 15px;font-size:14px} .v3-karte{padding:17px 15px;border-radius:18px} .v3-karte + .v3-karte{margin-top:12px} .v3-aktion{padding:22px 18px;gap:18px} .v3-aktion h2{font-size:clamp(21px,5.6vw,26px)} .v3-summe__kopf{padding:15px 16px} .v3-summe__liste{padding:13px 16px}}.v3-extra__in{min-height:72px;align-items:center}.v3-extra__text b{overflow-wrap:break-word}.v3-extra__text span{overflow-wrap:break-word}@media (max-width:599px){.v3-extra__in{min-height:66px}}.page-id-6940 #glas-design{background-color:rgba(255,255,255,.78);border-color:rgba(255,255,255,.85)}.page-id-6940 #glas-design a:not(.bricks-button):not(.brxe-button){color:#252525}.v3-extra[data-v3-extra="chatlotse"]{grid-column:1/-1}.v3-extra[data-v3-extra="chatlotse"] .v3-extra__in{background:#fdf6e9;border-color:#f0d9a8}.v3-extra[data-v3-extra="chatlotse"] input:checked + .v3-extra__in{background:#f9edd6;border-color:#df920c}.v3-extra[data-v3-extra="chatlotse"] input:checked + .v3-extra__in .v3-extra__box{background:#df920c;color:#1c2427}.v3-extra--inklusive[data-v3-extra="chatlotse"] .v3-extra__in{background:#fdf6e9;border-color:#f0d9a8}.v3-extra[data-v3-extra="chatlotse"] .v3-extra__preis{color:#7a5209}.page-id-6940 #angebot #aktion{display:block;margin-top:clamp(26px,3.4vw,44px)}@media (min-width:768px){.v3-aktion__kick{white-space:nowrap;letter-spacing:.05em;font-size:11px}}.v3-extra .v3-extra__text .v3-extra__kopf{display:block;font-size:15px;color:var(--ink);line-height:1.3}.v3-extra .v3-extra__text .v3-extra__kopf b{display:inline;font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}.v3-extra .v3-extra__text .v3-extra__kopf .v3-extra__zusatz{display:block;margin-left:0;margin-top:1px;font-size:13px;font-weight:400;color:var(--muted);line-height:1.35}.v3-tip{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;vertical-align:-4px;margin-left:9px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:none;color:#8ea6ab;cursor:pointer;line-height:1}.v3-tip::after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-4px}.v3-tip svg{width:18px;height:18px;stroke:currentColor;fill:none}.v3-tip:hover,.v3-tip:focus-visible{background:none;color:var(--teal)}.v3-tip:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:50%}.v3-extra .v3-extra__text .v3-tip__box{display:none;position:absolute;left:12px;right:auto;width:max-content;max-width:calc(100% - 24px);top:calc(100% - 8px);z-index:5;margin:0;padding:10px 13px;border-radius:12px;background:#1c2427;color:#fff;font-size:13px;font-weight:400;line-height:1.45;box-shadow:0 6px 18px rgba(12,38,44,.28)}.v3-extra--tip{z-index:6}.v3-extra--tip .v3-extra__text .v3-tip__box{display:block}.v3-extra .v3-extra__text .v3-tip:hover ~ .v3-tip__box,.v3-extra .v3-extra__text .v3-tip:focus-visible ~ .v3-tip__box{display:block}.v3-extra--tip .v3-tip{color:var(--teal)}@media (max-width:480px){ .v3-extra__preis{white-space:normal;text-align:right;max-width:96px} .v3-tip{margin-left:7px}}.v3-extra--inklusive[data-v3-extra="chatlotse"] .v3-extra__box{background:#df920c;color:#1c2427;opacity:1}@media (min-width:768px) and (max-width:1023px){.v3-hero{padding-top:clamp(172px,19vw,178px)}}@media (min-width:768px) and (max-width:1199px){ .v3-hero__badges{flex-wrap:nowrap;gap:8px} .v3-hero__badge{padding:9px 14px;font-size:13.5px;gap:8px;white-space:nowrap} .v3-hero__sterne svg{width:16px;height:16px}}.v3-preisbalken{position:fixed;left:0;right:0;bottom:0;z-index:9997;display:flex;align-items:center;gap:12px;padding:9px 14px calc(9px + env(safe-area-inset-bottom));background:#1c2427;box-shadow:0 -2px 16px rgba(12,38,44,.32)}.v3-preisbalken[hidden]{display:none}.v3-preisbalken__text{flex:1 1 auto;min-width:0;display:block}.v3-preisbalken__name{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffd9a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3-preisbalken__preis{display:flex;align-items:baseline;gap:5px;font-size:21px;font-weight:700;line-height:1.15;color:#fff;margin-top:1px}.v3-preisbalken__preis small{font-size:12px;font-weight:600;color:rgba(255,255,255,.7)}.v3-preisbalken__monat{display:block;font-size:11px;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.v3-preisbalken a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;background:var(--gold);color:#1c2427;font-size:15.5px;font-weight:700;text-decoration:none;white-space:nowrap}.v3-preisbalken a:hover,.v3-preisbalken a:focus-visible{background:#cb840a}.v3-preisbalken a:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (min-width:768px){.v3-preisbalken{display:none}}@media (max-width:767px){ }.v3-btn{white-space:nowrap}@media (max-width:430px){ .v3-aktion__cta .v3-btn,.v3-hero__cta .v3-btn,.v3-schluss__cta .v3-btn{padding-left:18px;padding-right:18px;font-size:15.5px}}@media (max-width:767px){ body.v3-pb-an #bewertungssiegel{bottom:98px} body.v3-pb-an [class*=chatlotse],body.v3-pb-an [id*=chatlotse]{bottom:98px}}.v3-hero h1 .v3-hero__glanz{color:#ffd9a0;background-image:linear-gradient(100deg,#ffe8c8 0%,#ffd9a0 42%,#f2b661 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}@supports not ((-webkit-background-clip:text) or (background-clip:text)){ .v3-hero h1 .v3-hero__glanz{background-image:none;-webkit-text-fill-color:#ffd9a0}}.v3-formbox--weg{display:none}.v3-danke{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(22px,3vw,32px);text-align:center}.v3-danke[hidden]{display:none}.v3-danke__haken{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--teal-soft);color:var(--teal);margin-bottom:16px}.v3-danke__haken svg{width:28px;height:28px;stroke:currentColor;fill:none}.v3-danke h3{margin:0 0 8px;font-size:clamp(19px,2.4vw,23px);font-weight:700;color:var(--ink);line-height:1.25;letter-spacing:-.01em}.v3-danke h3:focus{outline:none}.v3-danke h3:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.v3-danke > p{margin:0 auto 20px;max-width:44ch;font-size:15.5px;line-height:1.55;color:var(--muted)}.v3-danke__schritte{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px;text-align:left}.v3-danke__schritte li{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border-radius:14px;background:#f7f9fa}.v3-danke__schritte b{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--teal);color:#fff;font-size:13px;font-weight:700;line-height:1}.v3-danke__schritte span{font-size:14.5px;line-height:1.45;color:var(--ink)}.v3-danke__fuss{margin:0;font-size:14.5px;line-height:1.5;color:var(--muted)}.v3-danke__fuss a{color:var(--teal);font-weight:700;text-decoration:none;white-space:nowrap}.v3-danke__fuss a:hover,.v3-danke__fuss a:focus-visible{color:var(--teal-dark,#2b5a63);text-decoration:none}@media (pointer:coarse){.v3-danke__fuss a{display:inline-block;min-height:44px;padding-top:11px;padding-bottom:11px}}@media (max-width:430px){ .v3-danke{padding:20px 16px} .v3-danke__haken{width:48px;height:48px;margin-bottom:12px} .v3-danke__haken svg{width:24px;height:24px} .v3-danke > p{font-size:15px;margin-bottom:16px} .v3-danke__schritte li{padding:11px 12px} .v3-danke__schritte span{font-size:14px}}.v3-umbruch--mobil{display:none}@media (max-width:767px){ .v3-umbruch--mobil{display:inline} .v3-schritte li{text-align:center} .v3-region article{text-align:center;align-items:center} .v3-region__fakt{align-self:center} .v3-konf-wrap{padding-left:12px;padding-right:12px} .v3-formbox{padding:16px 14px} .page-id-6940 #angebot .brxe-brf-pro-forms{padding-left:0;padding-right:0} .v3-karte{padding:16px 13px}}@media (max-width:364px){ #bewertungssiegel{display:none!important}}.page-id-6940 #angebot .submit-button-wrapper{width:100%;display:block}.page-id-6940 #angebot .submit-button-wrapper button,.page-id-6940 #angebot button.bricks-button[type=submit]{width:100%;white-space:nowrap}html.v3-anim [data-v3-anim]{opacity:0;transform:translateY(14px)}html.v3-anim [data-v3-anim].v3-an{opacity:1;transform:none;transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion:reduce){ html.v3-anim [data-v3-anim]{opacity:1;transform:none} html.v3-anim [data-v3-anim].v3-an{transition:none}}@media (max-width:899px){ .v3-hero__text{display:contents} .v3-hero__grid{gap:0} .v3-hero__badges{order:1} .v3-hero h1{order:2} .v3-hero__lead{order:3} .v3-hero__cta{order:4} .v3-hero__bild{order:5;margin-bottom:20px} .v3-hero__punkte{order:6}}.v3 h1,.v3 h2,.v3 h3,.v3-hero__lead,.v3-aktion__text > p{text-wrap:pretty}.v3-mitte p,.v3-danke > p,.v3-danke__fuss,.v3-hinweis,.v3-region__fakt{text-wrap:balance}.v3 h1,.v3 h2,.v3-mitte h2,.v3-aktion h2,.v3-danke h3{text-wrap:balance}.v3-schritte p,.v3-region p,.v3-ref__sub,.v3-faq p,.v3-seo p,.v3-hinweis{text-wrap:pretty}@media (max-width:899px){ .v3-chat{flex:1 1 auto;width:100%;max-width:380px;margin-left:auto;margin-right:auto}}body.admin-bar .v3-formbox{scroll-margin-top:146px}.v3-vertrauen{margin:13px 0 0;text-align:center}.v3-vertrauen p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted);text-wrap:balance}.v3-vertrauen p + p{margin-top:5px}.v3-vertrauen a{color:var(--teal);font-weight:700;text-decoration:none;white-space:nowrap}.v3-vertrauen a:hover,.v3-vertrauen a:focus-visible{color:var(--teal-dark,#2b5a63);text-decoration:none}@media (pointer:coarse){.v3-vertrauen a{display:inline-block;min-height:40px;padding-top:9px;padding-bottom:9px}}.page-id-6940 #stimmen-v3 .brxe-container{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:clamp(16px,3vw,24px);padding-right:clamp(16px,3vw,24px)}.page-id-6940 #angebot .brxe-brf-pro-forms-field-honeypot{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.v3-hero__karte i .v3-hero__zert{display:inline;color:var(--teal);font-weight:600;text-decoration:none;border-bottom:0;cursor:pointer}.v3-hero__karte i .v3-hero__zert:hover,.v3-hero__karte i .v3-hero__zert:focus-visible{color:var(--teal-dark);text-decoration:none}.v3-hero__karte i .v3-hero__zert svg{width:13px;height:13px;stroke:currentColor;fill:none;vertical-align:-2px;margin-left:4px}.v3-hero__karte i .v3-hero__zert:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}[data-bm="bm-startseite-v3"]-ENDE[data-bm="bm-konversion-v1"]{--bm:1}.v3-icon{width:18px;height:18px;flex:0 0 auto;display:inline-block}.v3-btn,.v3-preisbalken a,.v3-person a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.v3-btn:active,.v3-preisbalken a:active{filter:brightness(.94)}.v3-hero__cta{display:grid;grid-template-columns:1fr 1fr}.v3-hero__cta .v3-btn{width:100%;min-width:0}.v3-hero__cta .v3-btn--gold{grid-column:1/-1}.v3-hero__cta .v3-btn--linie{padding-left:10px;padding-right:10px}.v3-btn--tel{gap:7px}.v3-btn--tel .v3-icon{stroke:#ffd9a0}@media (min-width:768px){ .v3-hero__cta{display:flex} .v3-hero__cta .v3-btn{width:auto} .v3-hero__cta .v3-btn--linie{padding-left:30px;padding-right:30px} .v3-hero__cta .v3-btn--tel{display:none}}.v3-preisbalken a.v3-preisbalken__tel{width:48px;min-width:48px;padding:0;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);transition:background-color .18s ease,border-color .18s ease}.v3-preisbalken a.v3-preisbalken__tel .v3-icon{width:20px;height:20px}.v3-preisbalken a.v3-preisbalken__tel:hover,.v3-preisbalken a.v3-preisbalken__tel:focus-visible{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55)}.v3-preisbalken{gap:10px}.v3-summe__zahlung{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:13px;line-height:1.45;color:var(--muted);text-wrap:pretty}.v3-zentriert{flex-wrap:wrap;gap:12px}.v3-ablauf__ki{max-width:62ch;margin:24px auto 0;font-size:15px;line-height:1.55;color:var(--muted);text-align:center;text-wrap:balance}.v3-person{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);text-align:left}.v3-person img{flex:0 0 56px;width:56px;height:56px;aspect-ratio:1/1;border-radius:50%;object-fit:cover;object-position:52% 24%;background:#eef3f4}.v3-person p{margin:0;min-width:0;font-size:13.5px;line-height:1.45;color:var(--muted)}.v3-person b{display:block;font-size:15px;line-height:1.3;color:var(--ink);font-weight:700}.v3-person span{display:block}.v3-person a{color:var(--teal);font-weight:700;text-decoration:none;transition:color .18s ease}.v3-person a:hover,.v3-person a:focus-visible{color:var(--teal-dark)}.v3-person__bew{display:inline-block}@media (pointer:coarse){.v3-person a{display:inline-block;padding:11px 0;margin:-11px 0}}[data-bm="bm-konversion-v2"]{--bm:1}.v3-ablauf__ki{text-wrap:pretty;max-width:56ch}@media (max-width:599px){ .v3-extras{gap:8px} .v3-extra__in{min-height:58px;padding:10px 13px} .v3-stufen{gap:8px} .v3-stufe__in{min-height:60px;padding:12px 14px} .v3-stufe input:checked + .v3-stufe__in{padding:11px 13px}}[data-bm="bm-konversion-v3"]{--bm:1}.v3-satz{display:inline-block}@media (pointer:coarse){.v3-person a{padding:12px 0;margin:-12px 0}}.bmk-vertrauen{--bmk-teal:#376e78;--bmk-text:#4a5558;--bmk-linie:#dfe4e5;display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;font-size:14px;font-weight:600;line-height:1.35}.bmk-vertrauen li{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0}.bmk-vertrauen li::before{content:none}.bmk-vertrauen svg{width:18px;height:18px;flex-shrink:0}.bmk-vertrauen--paket{flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%;margin:0 auto;gap:6px;color:var(--bmk-text);font-size:14px}.bmk-vertrauen--paket svg{width:16px;height:16px;color:var(--bmk-teal)}.bmk-vertrauen--formular{display:grid;justify-content:center;justify-items:start;padding-top:16px;border-top:1px solid var(--bmk-linie);color:var(--bmk-text)}.bmk-vertrauen--formular svg{color:var(--bmk-teal)}#brxe-bmkvtf{width:100%;margin-top:20px}#brxe-bmkvtp{width:100%;margin-top:16px}@media (min-width:480px){.bmk-vertrauen--formular{display:flex;justify-content:center}.bmk-vertrauen--formular li{white-space:nowrap}}@media (min-width:768px){.bmk-vertrauen--paket{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 20px}.bmk-vertrauen--paket li{white-space:nowrap}}:root{--bmk-leiste-h:64px;--kc-leiste:64px}.bmk-leiste{--bmk-teal:#376e78;--bmk-teal-dunkel:#2b5a63;--bmk-teal-hell:#eaf1f2;--bmk-gold:#df920c;--bmk-tinte:#1c2427;--bmk-linie:#dfe4e5;--bmk-rein:cubic-bezier(.2,.7,.2,1);--bmk-raus:cubic-bezier(.4,0,.8,.4);position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;align-items:center;gap:8px;box-sizing:border-box;min-height:calc(var(--bmk-leiste-h) + env(safe-area-inset-bottom,0px));margin:0;padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#fff;border-top:1px solid var(--bmk-linie);box-shadow:0 -1px 2px rgba(0,0,0,.04),0 -2px 5px rgba(0,0,0,.06);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .22s var(--bmk-raus),transform .22s var(--bmk-raus),visibility 0s linear .22s}.bmk-leiste.ist-sichtbar{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--bmk-rein),transform .3s var(--bmk-rein),visibility 0s}.bmk-leiste a{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;text-decoration:none}.bmk-leiste__neben{display:flex;flex:0 0 60px;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:4px 0;border-radius:14px;background:var(--bmk-teal-hell);color:var(--bmk-teal-dunkel);font-size:12px;font-weight:600;line-height:1.1;transition:background-color .18s ease,color .18s ease}.bmk-leiste__neben svg{width:20px;height:20px;flex-shrink:0}.bmk-leiste button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer}.bmk-leiste__haupt{display:flex;flex:1 1 auto;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;margin:0;padding:0 12px;border:0;border-radius:999px;background:var(--bmk-gold);color:var(--bmk-tinte);font-size:16px;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap;transition:background-color .18s ease}.bmk-leiste__haupt svg{display:none;width:18px;height:18px;flex-shrink:0}.bmk-leiste a:focus-visible,.bmk-leiste button:focus-visible{outline:2px solid var(--bmk-teal);outline-offset:2px}.bmk-leiste a:active,.bmk-leiste button:active{filter:brightness(.94)}@media (hover:hover){.bmk-leiste__neben:hover{background:#dce9eb}.bmk-leiste__haupt:hover{background:#e89d1c}}#brx-footer::after{content:"";display:block;height:calc(var(--bmk-leiste-h) + env(safe-area-inset-bottom,0px))}.bewertungssiegel{display:none}@media (min-width:380px){.bmk-leiste__neben{flex-basis:64px}.bmk-leiste__haupt{padding:0 16px}.bmk-leiste__haupt svg{display:block}}@media (min-width:480px){.bmk-leiste{gap:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.bmk-leiste__neben{flex-basis:72px}}@media (min-width:768px){.bmk-leiste{display:none}#brx-footer::after{display:none}:root{--kc-leiste:0px}.bewertungssiegel{display:block}}@media (prefers-reduced-motion:reduce){.bmk-leiste,.bmk-leiste.ist-sichtbar{transform:none}}@media print{.bmk-leiste{display:none}}#brxe-bmkkurz,#brxe-jiqqaj{scroll-margin-top:100px}#brxe-bmkkurz{justify-content:flex-start;width:100%}#brxe-bmkkurz .form-group:not(.submit-button-wrapper){padding:0 0 14px}#brxe-bmkkurz label{margin-bottom:4px;color:#1c2427;font-size:13px;font-weight:600}#brxe-bmkkurz input[type=text],#brxe-bmkkurz input[type=email],#brxe-bmkkurz input[type=tel],#brxe-bmkkurz textarea{box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:12px 14px;border:1px solid #a1a1a1;border-radius:10px;background:#f9f9f9;color:#2b2b2b;font-size:16px;line-height:1.4;box-shadow:none;transition:border-color .18s ease,background-color .18s ease}#brxe-bmkkurz textarea{min-height:96px;resize:vertical}#brxe-bmkkurz ::placeholder{color:#6b6b6b;opacity:1}#brxe-bmkkurz input:focus,#brxe-bmkkurz textarea:focus{border-color:#376e78;background:#fff;outline:2px solid #376e78;outline-offset:1px}#brxe-bmkkurz .brf-validation-message{color:#a30000;font-size:13px;font-weight:600}#brxe-bmkkurz .brf-invalid input,#brxe-bmkkurz .brf-invalid textarea{border-color:#b42318;background:#fffafa!important}.bmk-kurz-hinweis{width:100%}.bmk-kurz-hinweis p{margin:0 0 14px;color:#4a5558;font-size:13px;line-height:1.45}.bmk-kurz-hinweis a{color:#2b5a63;font-weight:700;text-decoration:none;transition:color .18s ease}#brxe-bmkks1{width:100%}#brxe-bmkks1 button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;margin:0;padding:14px 24px;border:0;border-radius:999px;background:#df920c;color:#1c2427;font-size:16px;font-weight:700;line-height:1.25;cursor:pointer;transition:background-color .18s ease}#brxe-bmkks1 button:focus-visible{outline:2px solid #2b5a63;outline-offset:3px}@media (hover:hover){#brxe-bmkks1 button:hover{background:#e89d1c}.bmk-kurz-hinweis a:hover{color:#376e78}#brxe-bmkkurz input:hover,#brxe-bmkkurz textarea:hover{border-color:#7d8c90}}#brxe-bmkkurz .message{border-radius:16px}#brxe-bmkkurz .message.success{margin-top:0;background:#eaf5e6;color:#1d4d00}#brxe-bmkkurz .message.success .text{padding:18px 16px;font-size:16px;font-weight:600;line-height:1.45}#brxe-bmkkurz .message.danger{background:#fdf1f0;color:#a30000}#brxe-bmkkurz:has(.message.success)>.form-group,#brxe-bmkkurz:has(.message.success)>.bmk-kurz-hinweis{display:none}@media (pointer:coarse){.bmk-kurz-hinweis a{display:inline-block;padding:12px 0;margin:-12px 0}} :root{--bm-fokus:#2b5a63}#top,#formular,#brxe-pesppa,#wpadminbar,.v3-aktion,.v3-preisbalken,.bf-final-cta,.bm-aktion,.bm-konf{--bm-fokus:#fff}#belu-zert-overlay{--bm-fokus:#fff}.v3-hero__karte,#brxe-msvsjm,#brxe-ixhosr{--bm-fokus:#2b5a63}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--bm-fokus,#2b5a63)!important;outline-offset:2px!important}.slider-container .rating-slide:focus-visible,.br-slider-track a:focus-visible,.br-slider-track button:focus-visible,.faq-question:focus-visible,.bf-meta-share-btn:focus-visible{outline-offset:-2px!important}.faq-answer a:focus-visible,a.bf-link:focus-visible{outline-offset:0!important}#brx-header a:focus-visible,#brx-header button:focus-visible{box-shadow:0 0 0 2px #fff!important}select:focus-visible+.bm-select{outline:2px solid var(--bm-fokus,#2b5a63);outline-offset:2px}.v3-ref:has(.v3-ref__flaeche:focus-visible){outline:2px solid var(--bm-fokus,#2b5a63);outline-offset:2px}@media (max-width:767px){html{scroll-padding-bottom:88px}}.v3-stufe input:focus-visible+.v3-stufe__in,.v3-extra input:focus-visible+.v3-extra__in{outline-color:var(--bm-fokus,#2b5a63)}.bewertungssiegel:focus-within{opacity:1!important}[data-bm="bm-hero-referenzen-v1"]{--bm:1}@media (min-width:900px) and (max-width:1179px){ .v3-hero__cta .v3-btn,.v3-hero__cta .v3-btn--linie{padding-left:18px;padding-right:18px}}@media (min-width:900px) and (max-width:1023px){ .v3-hero__cta{display:grid;grid-template-columns:1fr 1fr} .v3-hero__cta .v3-btn{width:100%}}#brx-content>.brxe-section:has(>.brxe-container h1):has(>img.brxe-image){position:relative;height:auto;max-height:none}#brx-content>.brxe-section:has(>.brxe-container h1):has(>img.brxe-image)>.brxe-container{position:relative;height:auto;max-height:none;padding-bottom:clamp(32px,9vw,40px)}#brx-content>.brxe-section:has(>.brxe-container h1):has(>img.brxe-image)>img.brxe-image{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;z-index:0}#brx-content>.brxe-section:has(>.brxe-container h1):has(>img.brxe-image) .brxe-button{height:auto;min-height:48px;max-height:none;min-width:max-content;white-space:nowrap}#brx-content>.brxe-section:has(>.brxe-container h1):has(>img.brxe-image) .brxe-div:has(>.brxe-button+.brxe-button){display:grid;grid-template-columns:minmax(0,1fr);row-gap:12px;width:100%}#brx-content>.brxe-section:has(>.brxe-container h1):has(>img.brxe-image) .brxe-div:has(>.brxe-button+.brxe-button)>.brxe-button{min-width:100%;justify-content:center}#brx-content>.brxe-section:has(>.brxe-container h1):has(>img.brxe-image)+.belu-kurzantwort-sektion{padding-top:8px}@media (min-width:480px){#brx-content>.brxe-section:has(>.brxe-container h1):has(>img.brxe-image) .brxe-div:has(>.brxe-button+.brxe-button){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){#brx-content>.brxe-section:has(>.brxe-container h1):has(>img.brxe-image)>.brxe-container{padding-bottom:0}#brx-content>.brxe-section:has(>.brxe-container h1):has(>img.brxe-image) .brxe-button{height:45px;min-height:45px;max-height:45px}#brx-content>.brxe-section:has(>.brxe-container h1):has(>img.brxe-image) .brxe-div:has(>.brxe-button+.brxe-button){display:flex;width:auto}#brx-content>.brxe-section:has(>.brxe-container h1):has(>img.brxe-image) .brxe-div:has(>.brxe-button+.brxe-button)>.brxe-button{min-width:max-content}}@media (pointer:coarse){#brxe-h5awer .hm-wer__kontakt a{display:inline;position:relative;z-index:1;padding:0;margin:0}#brxe-h5awer .hm-wer__kontakt a[href^="tel:"]{padding-top:26px}#brxe-h5awer .hm-wer__kontakt a[href^="mailto:"]{padding-bottom:26px}}@media (min-width:1024px){#brxe-h5pinf{margin-top:36px}}@supports not selector(:has(a)){#brx-content>#brxe-jdimm0,#brx-content>#brxe-ek7qbo,#brx-content>#brxe-lmsh01,#brx-content>#brxe-f4zabf,#brx-content>#brxe-bf0001,#brx-content>#brxe-wb0001,#brx-content>#brxe-rw0001,#brx-content>#brxe-nbk1no,#brx-content>#brxe-wa0001,#brx-content>#brxe-1dda94,#brx-content>#brxe-t3mu4g,#brx-content>#brxe-4ddd6d,#brx-content>#brxe-6f4e6a,#brx-content>#brxe-ip0001,#brx-content>#brxe-dpebo9,#brx-content>#brxe-e8a99d,#brx-content>#brxe-5edda3,#brx-content>#brxe-9d0d43,#brx-content>#brxe-9f3091,#brx-content>#brxe-th6a0d6a,#brx-content>#brxe-404960,#brx-content>#brxe-06c50b,#brx-content>#brxe-96b3e0,#brx-content>#brxe-3fcee7,#brx-content>#brxe-22ca7c,#brx-content>#brxe-047375,#brx-content>#brxe-47f43c{position:relative;height:auto;max-height:none}#brx-content>#brxe-jdimm0>.brxe-container,#brx-content>#brxe-ek7qbo>.brxe-container,#brx-content>#brxe-lmsh01>.brxe-container,#brx-content>#brxe-f4zabf>.brxe-container,#brx-content>#brxe-bf0001>.brxe-container,#brx-content>#brxe-wb0001>.brxe-container,#brx-content>#brxe-rw0001>.brxe-container,#brx-content>#brxe-nbk1no>.brxe-container,#brx-content>#brxe-wa0001>.brxe-container,#brx-content>#brxe-1dda94>.brxe-container,#brx-content>#brxe-t3mu4g>.brxe-container,#brx-content>#brxe-4ddd6d>.brxe-container,#brx-content>#brxe-6f4e6a>.brxe-container,#brx-content>#brxe-ip0001>.brxe-container,#brx-content>#brxe-dpebo9>.brxe-container,#brx-content>#brxe-e8a99d>.brxe-container,#brx-content>#brxe-5edda3>.brxe-container,#brx-content>#brxe-9d0d43>.brxe-container,#brx-content>#brxe-9f3091>.brxe-container,#brx-content>#brxe-th6a0d6a>.brxe-container,#brx-content>#brxe-404960>.brxe-container,#brx-content>#brxe-06c50b>.brxe-container,#brx-content>#brxe-96b3e0>.brxe-container,#brx-content>#brxe-3fcee7>.brxe-container,#brx-content>#brxe-22ca7c>.brxe-container,#brx-content>#brxe-047375>.brxe-container,#brx-content>#brxe-47f43c>.brxe-container{position:relative;height:auto;max-height:none;padding-bottom:clamp(32px,9vw,40px)}#brx-content>#brxe-jdimm0>img.brxe-image,#brx-content>#brxe-ek7qbo>img.brxe-image,#brx-content>#brxe-lmsh01>img.brxe-image,#brx-content>#brxe-f4zabf>img.brxe-image,#brx-content>#brxe-bf0001>img.brxe-image,#brx-content>#brxe-wb0001>img.brxe-image,#brx-content>#brxe-rw0001>img.brxe-image,#brx-content>#brxe-nbk1no>img.brxe-image,#brx-content>#brxe-wa0001>img.brxe-image,#brx-content>#brxe-1dda94>img.brxe-image,#brx-content>#brxe-t3mu4g>img.brxe-image,#brx-content>#brxe-4ddd6d>img.brxe-image,#brx-content>#brxe-6f4e6a>img.brxe-image,#brx-content>#brxe-ip0001>img.brxe-image,#brx-content>#brxe-dpebo9>img.brxe-image,#brx-content>#brxe-e8a99d>img.brxe-image,#brx-content>#brxe-5edda3>img.brxe-image,#brx-content>#brxe-9d0d43>img.brxe-image,#brx-content>#brxe-9f3091>img.brxe-image,#brx-content>#brxe-th6a0d6a>img.brxe-image,#brx-content>#brxe-404960>img.brxe-image,#brx-content>#brxe-06c50b>img.brxe-image,#brx-content>#brxe-96b3e0>img.brxe-image,#brx-content>#brxe-3fcee7>img.brxe-image,#brx-content>#brxe-22ca7c>img.brxe-image,#brx-content>#brxe-047375>img.brxe-image,#brx-content>#brxe-47f43c>img.brxe-image{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;z-index:0}#brx-content>#brxe-jdimm0 .brxe-button,#brx-content>#brxe-ek7qbo .brxe-button,#brx-content>#brxe-lmsh01 .brxe-button,#brx-content>#brxe-f4zabf .brxe-button,#brx-content>#brxe-bf0001 .brxe-button,#brx-content>#brxe-wb0001 .brxe-button,#brx-content>#brxe-rw0001 .brxe-button,#brx-content>#brxe-nbk1no .brxe-button,#brx-content>#brxe-wa0001 .brxe-button,#brx-content>#brxe-1dda94 .brxe-button,#brx-content>#brxe-t3mu4g .brxe-button,#brx-content>#brxe-4ddd6d .brxe-button,#brx-content>#brxe-6f4e6a .brxe-button,#brx-content>#brxe-ip0001 .brxe-button,#brx-content>#brxe-dpebo9 .brxe-button,#brx-content>#brxe-e8a99d .brxe-button,#brx-content>#brxe-5edda3 .brxe-button,#brx-content>#brxe-9d0d43 .brxe-button,#brx-content>#brxe-9f3091 .brxe-button,#brx-content>#brxe-th6a0d6a .brxe-button,#brx-content>#brxe-404960 .brxe-button,#brx-content>#brxe-06c50b .brxe-button,#brx-content>#brxe-96b3e0 .brxe-button,#brx-content>#brxe-3fcee7 .brxe-button,#brx-content>#brxe-22ca7c .brxe-button,#brx-content>#brxe-047375 .brxe-button,#brx-content>#brxe-47f43c .brxe-button{height:auto;min-height:48px;max-height:none;min-width:max-content;white-space:nowrap}.page-id-7088 #brx-content>#brxe-jdimm0 #brxe-jcpy6v,.page-id-7087 #brx-content>#brxe-jdimm0 #brxe-jcpy6v,.page-id-7097 #brx-content>#brxe-ek7qbo #brxe-e6zn5r,.page-id-7089 #brx-content>#brxe-f4zabf #brxe-dw199j,.page-id-6990 #brx-content>#brxe-bf0001 #brxe-bf0007,.page-id-6988 #brx-content>#brxe-wb0001 #brxe-wb0007,.page-id-6989 #brx-content>#brxe-rw0001 #brxe-rw0007,.page-id-6956 #brx-content>#brxe-nbk1no #brxe-qzrsmk,.page-id-5334 #brx-content>#brxe-1dda94 #brxe-0b16d5,.page-id-6958 #brx-content>#brxe-t3mu4g #brxe-mptaj0,.page-id-6953 #brx-content>#brxe-dpebo9 #brxe-scnsj6,.page-id-5351 #brx-content>#brxe-9f3091 #brxe-5226a8,.page-id-6819 #brx-content>#brxe-th6a0d6a #brxe-th978814,.page-id-5221 #brx-content>#brxe-e8a99d #brxe-61614f,.page-id-5445 #brx-content>#brxe-404960 #brxe-927e7e{display:grid;grid-template-columns:minmax(0,1fr);row-gap:12px;width:100%}.page-id-7088 #brx-content>#brxe-jdimm0 #brxe-jcpy6v>.brxe-button,.page-id-7087 #brx-content>#brxe-jdimm0 #brxe-jcpy6v>.brxe-button,.page-id-7097 #brx-content>#brxe-ek7qbo #brxe-e6zn5r>.brxe-button,.page-id-7089 #brx-content>#brxe-f4zabf #brxe-dw199j>.brxe-button,.page-id-6990 #brx-content>#brxe-bf0001 #brxe-bf0007>.brxe-button,.page-id-6988 #brx-content>#brxe-wb0001 #brxe-wb0007>.brxe-button,.page-id-6989 #brx-content>#brxe-rw0001 #brxe-rw0007>.brxe-button,.page-id-6956 #brx-content>#brxe-nbk1no #brxe-qzrsmk>.brxe-button,.page-id-5334 #brx-content>#brxe-1dda94 #brxe-0b16d5>.brxe-button,.page-id-6958 #brx-content>#brxe-t3mu4g #brxe-mptaj0>.brxe-button,.page-id-6953 #brx-content>#brxe-dpebo9 #brxe-scnsj6>.brxe-button,.page-id-5351 #brx-content>#brxe-9f3091 #brxe-5226a8>.brxe-button,.page-id-6819 #brx-content>#brxe-th6a0d6a #brxe-th978814>.brxe-button,.page-id-5221 #brx-content>#brxe-e8a99d #brxe-61614f>.brxe-button,.page-id-5445 #brx-content>#brxe-404960 #brxe-927e7e>.brxe-button{min-width:100%;justify-content:center}#brx-content>#brxe-jdimm0+.belu-kurzantwort-sektion,#brx-content>#brxe-ek7qbo+.belu-kurzantwort-sektion,#brx-content>#brxe-lmsh01+.belu-kurzantwort-sektion,#brx-content>#brxe-f4zabf+.belu-kurzantwort-sektion,#brx-content>#brxe-bf0001+.belu-kurzantwort-sektion,#brx-content>#brxe-wb0001+.belu-kurzantwort-sektion,#brx-content>#brxe-rw0001+.belu-kurzantwort-sektion,#brx-content>#brxe-nbk1no+.belu-kurzantwort-sektion,#brx-content>#brxe-wa0001+.belu-kurzantwort-sektion,#brx-content>#brxe-1dda94+.belu-kurzantwort-sektion,#brx-content>#brxe-t3mu4g+.belu-kurzantwort-sektion,#brx-content>#brxe-4ddd6d+.belu-kurzantwort-sektion,#brx-content>#brxe-6f4e6a+.belu-kurzantwort-sektion,#brx-content>#brxe-ip0001+.belu-kurzantwort-sektion,#brx-content>#brxe-dpebo9+.belu-kurzantwort-sektion,#brx-content>#brxe-e8a99d+.belu-kurzantwort-sektion,#brx-content>#brxe-5edda3+.belu-kurzantwort-sektion,#brx-content>#brxe-9d0d43+.belu-kurzantwort-sektion,#brx-content>#brxe-9f3091+.belu-kurzantwort-sektion,#brx-content>#brxe-th6a0d6a+.belu-kurzantwort-sektion,#brx-content>#brxe-404960+.belu-kurzantwort-sektion,#brx-content>#brxe-06c50b+.belu-kurzantwort-sektion,#brx-content>#brxe-96b3e0+.belu-kurzantwort-sektion,#brx-content>#brxe-3fcee7+.belu-kurzantwort-sektion,#brx-content>#brxe-22ca7c+.belu-kurzantwort-sektion,#brx-content>#brxe-047375+.belu-kurzantwort-sektion,#brx-content>#brxe-47f43c+.belu-kurzantwort-sektion{padding-top:8px}@media (min-width:480px){.page-id-7088 #brx-content>#brxe-jdimm0 #brxe-jcpy6v,.page-id-7087 #brx-content>#brxe-jdimm0 #brxe-jcpy6v,.page-id-7097 #brx-content>#brxe-ek7qbo #brxe-e6zn5r,.page-id-7089 #brx-content>#brxe-f4zabf #brxe-dw199j,.page-id-6990 #brx-content>#brxe-bf0001 #brxe-bf0007,.page-id-6988 #brx-content>#brxe-wb0001 #brxe-wb0007,.page-id-6989 #brx-content>#brxe-rw0001 #brxe-rw0007,.page-id-6956 #brx-content>#brxe-nbk1no #brxe-qzrsmk,.page-id-5334 #brx-content>#brxe-1dda94 #brxe-0b16d5,.page-id-6958 #brx-content>#brxe-t3mu4g #brxe-mptaj0,.page-id-6953 #brx-content>#brxe-dpebo9 #brxe-scnsj6,.page-id-5351 #brx-content>#brxe-9f3091 #brxe-5226a8,.page-id-6819 #brx-content>#brxe-th6a0d6a #brxe-th978814,.page-id-5221 #brx-content>#brxe-e8a99d #brxe-61614f,.page-id-5445 #brx-content>#brxe-404960 #brxe-927e7e{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){#brx-content>#brxe-jdimm0>.brxe-container,#brx-content>#brxe-ek7qbo>.brxe-container,#brx-content>#brxe-lmsh01>.brxe-container,#brx-content>#brxe-f4zabf>.brxe-container,#brx-content>#brxe-bf0001>.brxe-container,#brx-content>#brxe-wb0001>.brxe-container,#brx-content>#brxe-rw0001>.brxe-container,#brx-content>#brxe-nbk1no>.brxe-container,#brx-content>#brxe-wa0001>.brxe-container,#brx-content>#brxe-1dda94>.brxe-container,#brx-content>#brxe-t3mu4g>.brxe-container,#brx-content>#brxe-4ddd6d>.brxe-container,#brx-content>#brxe-6f4e6a>.brxe-container,#brx-content>#brxe-ip0001>.brxe-container,#brx-content>#brxe-dpebo9>.brxe-container,#brx-content>#brxe-e8a99d>.brxe-container,#brx-content>#brxe-5edda3>.brxe-container,#brx-content>#brxe-9d0d43>.brxe-container,#brx-content>#brxe-9f3091>.brxe-container,#brx-content>#brxe-th6a0d6a>.brxe-container,#brx-content>#brxe-404960>.brxe-container,#brx-content>#brxe-06c50b>.brxe-container,#brx-content>#brxe-96b3e0>.brxe-container,#brx-content>#brxe-3fcee7>.brxe-container,#brx-content>#brxe-22ca7c>.brxe-container,#brx-content>#brxe-047375>.brxe-container,#brx-content>#brxe-47f43c>.brxe-container{padding-bottom:0}#brx-content>#brxe-jdimm0 .brxe-button,#brx-content>#brxe-ek7qbo .brxe-button,#brx-content>#brxe-lmsh01 .brxe-button,#brx-content>#brxe-f4zabf .brxe-button,#brx-content>#brxe-bf0001 .brxe-button,#brx-content>#brxe-wb0001 .brxe-button,#brx-content>#brxe-rw0001 .brxe-button,#brx-content>#brxe-nbk1no .brxe-button,#brx-content>#brxe-wa0001 .brxe-button,#brx-content>#brxe-1dda94 .brxe-button,#brx-content>#brxe-t3mu4g .brxe-button,#brx-content>#brxe-4ddd6d .brxe-button,#brx-content>#brxe-6f4e6a .brxe-button,#brx-content>#brxe-ip0001 .brxe-button,#brx-content>#brxe-dpebo9 .brxe-button,#brx-content>#brxe-e8a99d .brxe-button,#brx-content>#brxe-5edda3 .brxe-button,#brx-content>#brxe-9d0d43 .brxe-button,#brx-content>#brxe-9f3091 .brxe-button,#brx-content>#brxe-th6a0d6a .brxe-button,#brx-content>#brxe-404960 .brxe-button,#brx-content>#brxe-06c50b .brxe-button,#brx-content>#brxe-96b3e0 .brxe-button,#brx-content>#brxe-3fcee7 .brxe-button,#brx-content>#brxe-22ca7c .brxe-button,#brx-content>#brxe-047375 .brxe-button,#brx-content>#brxe-47f43c .brxe-button{height:45px;min-height:45px;max-height:45px}.page-id-7088 #brx-content>#brxe-jdimm0 #brxe-jcpy6v,.page-id-7087 #brx-content>#brxe-jdimm0 #brxe-jcpy6v,.page-id-7097 #brx-content>#brxe-ek7qbo #brxe-e6zn5r,.page-id-7089 #brx-content>#brxe-f4zabf #brxe-dw199j,.page-id-6990 #brx-content>#brxe-bf0001 #brxe-bf0007,.page-id-6988 #brx-content>#brxe-wb0001 #brxe-wb0007,.page-id-6989 #brx-content>#brxe-rw0001 #brxe-rw0007,.page-id-6956 #brx-content>#brxe-nbk1no #brxe-qzrsmk,.page-id-5334 #brx-content>#brxe-1dda94 #brxe-0b16d5,.page-id-6958 #brx-content>#brxe-t3mu4g #brxe-mptaj0,.page-id-6953 #brx-content>#brxe-dpebo9 #brxe-scnsj6,.page-id-5351 #brx-content>#brxe-9f3091 #brxe-5226a8,.page-id-6819 #brx-content>#brxe-th6a0d6a #brxe-th978814,.page-id-5221 #brx-content>#brxe-e8a99d #brxe-61614f,.page-id-5445 #brx-content>#brxe-404960 #brxe-927e7e{display:flex;width:auto}.page-id-7088 #brx-content>#brxe-jdimm0 #brxe-jcpy6v>.brxe-button,.page-id-7087 #brx-content>#brxe-jdimm0 #brxe-jcpy6v>.brxe-button,.page-id-7097 #brx-content>#brxe-ek7qbo #brxe-e6zn5r>.brxe-button,.page-id-7089 #brx-content>#brxe-f4zabf #brxe-dw199j>.brxe-button,.page-id-6990 #brx-content>#brxe-bf0001 #brxe-bf0007>.brxe-button,.page-id-6988 #brx-content>#brxe-wb0001 #brxe-wb0007>.brxe-button,.page-id-6989 #brx-content>#brxe-rw0001 #brxe-rw0007>.brxe-button,.page-id-6956 #brx-content>#brxe-nbk1no #brxe-qzrsmk>.brxe-button,.page-id-5334 #brx-content>#brxe-1dda94 #brxe-0b16d5>.brxe-button,.page-id-6958 #brx-content>#brxe-t3mu4g #brxe-mptaj0>.brxe-button,.page-id-6953 #brx-content>#brxe-dpebo9 #brxe-scnsj6>.brxe-button,.page-id-5351 #brx-content>#brxe-9f3091 #brxe-5226a8>.brxe-button,.page-id-6819 #brx-content>#brxe-th6a0d6a #brxe-th978814>.brxe-button,.page-id-5221 #brx-content>#brxe-e8a99d #brxe-61614f>.brxe-button,.page-id-5445 #brx-content>#brxe-404960 #brxe-927e7e>.brxe-button{min-width:max-content}}}@supports (text-decoration-line:none){a,a:link,a:visited,a:hover,a:focus,a:focus-visible,a:active{text-decoration:none!important;text-decoration-line:none!important}.faq-link,.faq-link:hover,.faq-link:focus-visible,.faq-link:visited{border-bottom:0!important}:is(#brx-content,#brx-header,#brx-footer,body) a:not(.brxe-button):not(.bricks-button):not([class*="btn"]):not([class*="button"]):not(.ab-item):not(.v3-ref__flaeche):not(.rating-slide):not(.brxe-nav-menu a):not(.brxe-nav-nested a):not(.brx-dropdown-content a):not(.bricks-mobile-menu-wrapper a):not(:has(p,div,h1,h2,h3,h4,h5,h6,img,picture,ul,ol)){font-weight:700}:is(#brx-content,#brx-header) :is(.brxe-text,.brxe-text-basic,.brxe-post-content,.brxe-rich-text,.bmk-kurz-hinweis,.bf-content,.faq-answer) a:not([class*="btn"]):not([class*="button"]):not(.brxe-button):not(.bricks-button):not(:has(img,picture,div,h2,h3)){color:var(--bricks-color-lctofe);transition:color .2s ease}:is(#brx-content,#brx-header) :is(.brxe-text,.brxe-text-basic,.brxe-post-content,.brxe-rich-text,.bmk-kurz-hinweis,.bf-content,.faq-answer) a:not([class*="btn"]):not([class*="button"]):not(.brxe-button):not(.bricks-button):not(:has(img,picture,div,h2,h3)):is(:hover,:focus-visible){color:#2b5a63}body #brx-footer a.brxe-text-link,body #brx-footer :is(.brxe-text,.brxe-text-basic,.brxe-rich-text):not(.bmk-kurz-hinweis):not(form *) a:not([class*="btn"]):not([class*="button"]){color:var(--bricks-color-yrxnap);font-weight:700;transition:color .2s ease}body #brx-footer a.brxe-text-link:is(:hover,:focus-visible),body #brx-footer :is(.brxe-text,.brxe-text-basic,.brxe-rich-text):not(.bmk-kurz-hinweis):not(form *) a:not([class*="btn"]):not([class*="button"]):is(:hover,:focus-visible){color:var(--bricks-color-kkdwsx)}body #brx-footer form .brxe-text:not(.bmk-kurz-hinweis) a,body .trustpilot-widget a,body .bf-content .bf-toc-list li a{color:var(--bricks-color-lctofe);font-weight:700!important;transition:color .2s ease}body #brx-footer form .brxe-text:not(.bmk-kurz-hinweis) a:is(:hover,:focus-visible),body .trustpilot-widget a:is(:hover,:focus-visible),body .bf-content .bf-toc-list li a:is(:hover,:focus-visible){color:#2b5a63}.bmk-kurz-hinweis p,#brxe-qsrgtp p{text-wrap:balance}@media (prefers-reduced-motion:reduce){body a{transition:none!important}}}.brxe-brf-pro-forms .form-group > label,#brx-footer #brxe-bmkkurz .form-group > label{margin-bottom:8px}.brxe-brf-pro-forms .form-group input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.brxe-brf-pro-forms .form-group select{min-height:48px}.brxe-brf-pro-forms button.bricks-button,.brxe-form button.bricks-button{min-height:48px}.brxe-form .form-group input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.brxe-form .form-group select{min-height:48px}.brxe-form .submit-button-wrapper button.bricks-button{white-space:nowrap}#brx-footer #brxe-bmkks1 button{white-space:nowrap;padding-left:18px;padding-right:18px}#brx-footer #brxe-bmkkds p a{display:inline;position:relative;padding:0;margin:0}#brx-footer #brxe-bmkkds p a::before{content:"";position:absolute;left:0;right:0;top:-14px;bottom:-14px}#brx-footer #brxe-rolhkr p a{position:relative}#brx-footer #brxe-rolhkr p a::before{content:"";position:absolute;left:0;right:0;top:-13px;bottom:-13px}#brx-footer #brxe-rolhkr p a[href^="tel:"]::before{top:-26px;bottom:0}#brx-footer #brxe-rolhkr p a[href^="mailto:"]::before{top:0;bottom:-26px}#brx-footer #brxe-sdxidq p a{position:relative;white-space:nowrap}#brx-footer #brxe-sdxidq p a::before{content:"";position:absolute;left:0;right:0;top:-18px;bottom:-8px}#brx-footer #brxe-fclogo{position:relative;margin-top:17px}#brx-footer #brxe-fclogo::before{content:"";position:absolute;left:0;right:0;top:-9px;bottom:-9px}@media (min-width:768px){#brx-footer #brxe-kujscf{align-self:flex-start!important}}#topbar .contact-item a{position:relative}#topbar .contact-item a::before{content:"";position:absolute;left:-6px;right:-6px;top:-9px;bottom:-18px}#topbar .slider-container{height:44px;margin:0 0 -22px}#topbar .slider-container .slider-track{animation-name:rrLaufband44}#topbar .slider-container .slide{height:44px;padding-bottom:22px;box-sizing:border-box}@keyframes rrLaufband44{0%,16.7%{transform:translateY(0)}20%,36.7%{transform:translateY(-44px)}40%,56.7%{transform:translateY(-88px)}60%,76.7%{transform:translateY(-132px)}80%,100%{transform:translateY(-176px)}}#brx-header #brxe-lcyeep{position:relative}#brx-header #brxe-lcyeep::before{content:"";position:absolute;left:-7px;right:-7px;top:0;bottom:0}#brx-header #brxe-pzvtmb a.brxe-text-link{position:relative;text-wrap-style:balance}#brx-header #brxe-pzvtmb a.brxe-text-link::before{content:"";position:absolute;left:0;right:0;top:-5px;bottom:-4px}#brx-header #brxe-pzvtmb .brx-submenu-toggle > a{position:relative}#brx-header #brxe-pzvtmb .brx-submenu-toggle > a::before{content:"";position:absolute;left:0;right:0;top:-9px;bottom:-9px}#brx-header #brxe-pzvtmb .brx-submenu-toggle > button::before{content:"";position:absolute;left:-5px;right:-4px;top:-5px;bottom:-4px}@media (min-width:992px){#brxe-uyejdv ul > li > a,#brxe-uyejdv ul > li > .brx-submenu-toggle > a{white-space:nowrap}}.v3-hero__badges{margin-bottom:24px}.v3-hero__zert,.v3-vertrauen p a{position:relative}.v3-hero__zert::before,.v3-vertrauen p a::before{content:"";position:absolute;left:0;right:0;top:-14px;bottom:-14px}.v3 span.v3-extra__kopf button.v3-tip::before{content:"";position:absolute;left:-12px;right:-12px;top:-12px;bottom:-12px}.br-reviews-wrapper .br-reviews-subtext{text-wrap-style:balance}@media (max-width:767px){#brx-content h1#brxe-093330,#brx-content h1#brxe-69bbde,#brx-content h1#brxe-285dff,#brx-content h1#brxe-f6f683,#brx-content h1#brxe-e2ee2b{margin-top:150px}}@media (max-width:478px){#brx-content h1#brxe-ym9osx,#brx-content h1#brxe-fuz0v4,#brx-content h1#brxe-f44eae,#brx-content h1#brxe-aj0pgc,#brx-content h1#brxe-d3dbde,#brx-content h1#brxe-the72d96{margin-top:150px}}#brxe-jqjxmc a,#brxe-jpqszx a,#brxe-jnooxe .trustpilot-widget > a,.complete-service-section > a,.llmq_fact span a,.devices-container figcaption a{position:relative}#brxe-jqjxmc a::before,#brxe-jpqszx a::before,#brxe-jnooxe .trustpilot-widget > a::before,.complete-service-section > a::before,.llmq_fact span a::before,.devices-container figcaption a::before{content:"";position:absolute;left:0;right:0;top:-14px;bottom:-14px}#brxe-450984 nav ol li > a,.datenschutz-content > ul > li > a[href^="#"]{display:block;padding:10px 0}#brxe-pzviyu p{text-align:center}#brx-content .brxe-button,#brx-content a.bricks-button,#brx-content button.bricks-button{text-wrap-style:balance}#brx-content .h2-title,#brx-content h2.brxe-heading,#brx-content h3.brxe-heading,#brx-content .faq-question-heading,#brx-content .brxe-code section > h2,#brx-content .brxe-code section > h3{text-wrap-style:balance}.complete-service-section > a::before{left:-5px;right:-5px}@media (min-width:479px){#brx-content #brxe-xejlpq .submit-button-wrapper{width:auto;min-width:45%}}#brx-header #logo::before{content:"";position:absolute;left:0;right:0;top:-2px;bottom:-2px}#brx-header #brxe-xisbfq{flex-wrap:nowrap!important}#brxe-xejlpq input:not([type=submit]),#brxe-xejlpq textarea,#brxe-xejlpq select{font-size:16px}@media (max-width:478px){#brx-content #brxe-jf8kwg{margin-top:150px}}@media (max-width:375px){#brx-content #brxe-jf8kwg{margin-top:140px}}

:root {
  --belucookie-bg: #ffffff;
  --belucookie-text: #222222;
  --belucookie-border: #e5e5e5;
  --belucookie-btn-primary-bg: var(--belucookie-primary, #2563eb);
  --belucookie-btn-primary-text: #ffffff;
  --belucookie-btn-secondary-bg: #f3f4f6;
  --belucookie-btn-secondary-text: #222222;
}

.belucookie-banner :focus-visible,
.belucookie-banner *:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.belucookie-banner *:focus:not(:focus-visible),
.belucookie-banner *:active:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

.belucookie-banner button:focus:not(:focus-visible),
.belucookie-banner button:active:not(:focus-visible),
.belucookie-banner a:focus:not(:focus-visible),
.belucookie-banner a:active:not(:focus-visible),
.belucookie-banner input:focus:not(:focus-visible),
.belucookie-banner input:active:not(:focus-visible),
.belucookie-banner textarea:focus:not(:focus-visible),
.belucookie-banner select:focus:not(:focus-visible),
.belucookie-banner select:active:not(:focus-visible),
.belucookie-banner label:focus:not(:focus-visible),
.belucookie-banner label:active:not(:focus-visible) {
    outline: none;
    box-shadow: none;
    border-color: inherit;
}

.belucookie-banner :focus-visible,
.belucookie-banner-trigger:focus-visible,
.belucookie-toggle input:focus-visible + .belucookie-toggle-slider {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
    box-shadow: none;
}

.belucookie-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.belucookie-banner {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--belucookie-text);
    display: none;
}

.belucookie-banner.active {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 15px;
}

.belucookie-overlay {
    pointer-events: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
}

.belucookie-banner.belucookie-blocking {
    pointer-events: auto;
}

.belucookie-container {
    pointer-events: auto;
    position: relative;
    background: var(--belucookie-bg);
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    width: 400px;
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 20px);
    overflow-y: auto;
}

.belucookie-main,
.belucookie-settings {
    padding: 16px;
}


.belucookie-view-animate {
    animation: beluViewSlide 0.2s ease-out;
}

@keyframes beluViewSlide {
    from {
        opacity: 0;
        transform: translateX(8px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.belucookie-title {
    font-size: clamp(15px, 4vw, 17px);
    font-weight: 600;
    margin: 0 0 6px 0;
    color: var(--belucookie-text);
}

.belucookie-text {
    margin: 0 0 10px 0;
    color: #555;
    font-size: clamp(11px, 3vw, 12px);
    line-height: 1.4;
}

.belucookie-quick-toggles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 8px;
    margin-bottom: 10px;
    padding: 8px 10px;
    background: #f1f1f1;
    border-radius: 6px;
}

.belucookie-quick-toggle-item {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 3px 0;
}

.belucookie-quick-toggle-label {
    font-size: 12px;
    font-weight: 500;
    color: #444;
    margin-top: -5px;
}

.belucookie-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.belucookie-btn {
    flex: 1;
    padding: 11px 14px;
    min-height: 44px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.belucookie-btn:hover {
    opacity: 0.9;
}

.belucookie-btn:focus:not(:focus-visible),
.belucookie-btn:active:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

.belucookie-btn-accept {
    background: var(--belucookie-btn-primary-bg);
    color: var(--belucookie-btn-primary-text);
    border: 1.5px solid var(--belucookie-btn-primary-bg);
}

.belucookie-btn-reject {
    background: transparent;
    color: var(--belucookie-btn-primary-bg);
    border: 1.5px solid var(--belucookie-btn-primary-bg);
}

.belucookie-btn-reject.belucookie-btn-filled {
    background: var(--belucookie-btn-secondary-bg);
    color: var(--belucookie-btn-secondary-text);
    border: 1.5px solid var(--belucookie-btn-secondary-text);
}

.belucookie-btn-settings {
    background: transparent;
    color: var(--belucookie-btn-primary-bg);
    border: 1.5px solid var(--belucookie-btn-primary-bg);
}

.belucookie-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 12px;
    color: #707070;
    flex-wrap: wrap;
}

.belucookie-link {
    color: #555;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.belucookie-link:hover {
    opacity: 0.85;
}

.belucookie-details-link {
    color: var(--belucookie-primary, #376e78) !important;
    font-weight: 500;
    text-decoration: none !important;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
}

.belucookie-details-link:hover {
    opacity: 0.85;
}

.belucookie-separator {
    color: #ddd;
}


.belucookie-toggle {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 18px;
    flex-shrink: 0;
}

.belucookie-toggle input[type="checkbox"] {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 2 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}


.belucookie-toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 34px;
    height: 18px;
    background-color: #ccc;
    border-radius: 18px;
    transition: background-color 0.2s ease;
    border: none !important;
    outline: none;
    box-shadow: none;
}


.belucookie-toggle-slider:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s ease;
}

.belucookie-toggle input:checked + .belucookie-toggle-slider {
    background-color: var(--belucookie-primary, #376e78);
}

.belucookie-toggle input:checked + .belucookie-toggle-slider:before {
    transform: translateY(-50%) translateX(16px);
}

.belucookie-toggle input:disabled + .belucookie-toggle-slider {
    opacity: 0.6;
    cursor: not-allowed;
}


.belucookie-toggle input:focus:not(:focus-visible) + .belucookie-toggle-slider,
.belucookie-toggle input:active:not(:focus-visible) + .belucookie-toggle-slider {
    outline: none;
    box-shadow: none;
    border: none !important;
}

.belucookie-toggle-slider:focus:not(:focus-visible),
.belucookie-toggle-slider:active:not(:focus-visible) {
    outline: none;
    box-shadow: none;
    border: none !important;
}




.belucookie-settings-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 12px 0;
    color: var(--belucookie-text);
}

.belucookie-quick-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    margin-bottom: 12px;
}

.belucookie-quick-btn {
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 500;
    background: var(--belucookie-primary, #376e78);
    color: #fff;
    border: none !important;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.belucookie-quick-btn:hover {
    opacity: 0.9;
}

.belucookie-quick-btn:focus:not(:focus-visible),
.belucookie-quick-btn:active:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}


.belucookie-categories {
    margin: 0 0 16px;
    padding: 0 10px 0 0;
    list-style: none;
    max-height: 300px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.belucookie-category {
    border-bottom: 1px solid var(--belucookie-border);
    padding: 10px 0;
}

.belucookie-category:first-child {
    border-top: 1px solid var(--belucookie-border);
}

.belucookie-category-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.belucookie-category-info {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.belucookie-category-name {
    font-weight: 600;
    font-size: 13px;
    color: var(--belucookie-text);
}

.belucookie-category-count {
    color: #5c5c5c;
    font-size: 12px;
}


.belucookie-expand-btn {
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    cursor: pointer;
    color: #5c5c5c;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s;
    outline: none;
}

.belucookie-expand-btn:hover {
    color: var(--belucookie-primary, #376e78);
}

.belucookie-expand-btn:focus:not(:focus-visible),
.belucookie-expand-btn:active:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

.belucookie-expand-btn svg {
    width: 16px;
    height: 16px;
}

.belucookie-category.expanded .belucookie-expand-btn svg {
    transform: rotate(180deg);
}

.belucookie-category-description {
    color: #666;
    font-size: 12px;
    margin-top: -7px;
    line-height: 1.4;
}

.belucookie-category-details {
    display: none;
    margin-top: 10px;
    padding: 10px;
    background: #f1f1f1;
    border-radius: 6px;
    font-size: 11px;
}

.belucookie-category.expanded .belucookie-category-details {
    display: block;
}

.belucookie-cookie-list {
    width: 100%;
    border-collapse: collapse;
}

.belucookie-cookie-list th {
    text-align: left;
    padding: 4px 6px;
    border-bottom: 1px solid #ddd;
    color: #555;
    font-weight: 600;
    font-size: 10px;
}

.belucookie-cookie-list td {
    padding: 4px 6px;
    border-bottom: 1px solid #eee;
    color: #666;
    font-size: 10px;
}

@media (min-width: 480px) {
    .belucookie-banner.active {
        padding: 15px;
    }

    .belucookie-container {
        width: 400px;
        max-width: calc(100vw - 20px);
    }
}

@media (max-width: 479px) {
    .belucookie-banner.active {
        padding: 10px;
    }

    .belucookie-container {
        width: 100%;
        max-width: none;
    }

    .belucookie-main,
    .belucookie-settings {
        padding: 14px;
    }

    .belucookie-title {
        font-size: 16px;
    }

    .belucookie-text {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .belucookie-quick-toggles {
        padding: 8px 10px;
        gap: 4px 8px;
        margin-bottom: 10px;
    }

    .belucookie-quick-toggle-item {
        padding: 3px 0;
    }

    .belucookie-quick-toggle-label {
        font-size: 12px;
    }

    .belucookie-buttons {
        gap: 6px;
        margin-bottom: 8px;
    }

    .belucookie-btn {
        padding: 9px 10px;
        font-size: 12px;
    }

    .belucookie-footer {
        font-size: 11px;
        gap: 6px;
    }
}

@media (max-width: 379px) {
    .belucookie-banner.active {
        padding: 8px;
    }

    .belucookie-main,
    .belucookie-settings {
        padding: 12px;
    }

    .belucookie-title {
        font-size: 15px;
    }

    .belucookie-btn {
        padding: 10px 8px;
        font-size: 11px;
        min-height: 44px;
    }

    .belucookie-categories {
        max-height: 200px;
    }

    .belucookie-quick-toggles {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .belucookie-quick-toggle-item {
        justify-content: space-between;
    }
}

@media (max-width: 359px) {
    .belucookie-banner.active {
        padding: 6px;
    }

    .belucookie-main,
    .belucookie-settings {
        padding: 10px;
    }

    .belucookie-title {
        font-size: 14px;
    }

    .belucookie-text {
        font-size: 11px;
    }

    .belucookie-btn {
        padding: 10px 6px;
        font-size: 10px;
    }

    .belucookie-buttons {
        flex-direction: column;
        gap: 8px;
    }

    .belucookie-footer {
        font-size: 10px;
        gap: 4px;
    }

    .belucookie-quick-btn {
        padding: 8px 10px;
        font-size: 10px;
    }

    .belucookie-category-name {
        font-size: 12px;
    }

    .belucookie-category-description {
        font-size: 11px;
    }
}


.belucookie-banner .belucookie-overlay {
    opacity: 0;
}

.belucookie-banner .belucookie-container {
    opacity: 0;
    transform: translateY(30px) scale(0.98);
}

.belucookie-banner.active .belucookie-overlay {
    will-change: opacity;
}

.belucookie-banner.active .belucookie-container {
    will-change: transform, opacity;
}

.belucookie-banner.active .belucookie-overlay {
    opacity: 1;
    transition: opacity 0.35s ease-out;
}

.belucookie-banner.active .belucookie-container {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease-out;
}


.belucookie-placeholder {
    position: relative;
    background: #f5f5f5;
    border: 2px dashed #ddd;
    border-radius: 8px;
    padding: 30px 16px;
    text-align: center;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.belucookie-placeholder-content {
    max-width: 300px;
}

.belucookie-placeholder-content p {
    margin: 0 0 12px 0;
    color: #666;
    font-size: 13px;
}

.belucookie-placeholder-btn {
    padding: 10px 20px;
    background: var(--belucookie-primary, #376e78);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    outline: none;
}

.belucookie-placeholder-btn:hover {
    opacity: 0.9;
}

.belucookie-placeholder-btn:focus:not(:focus-visible),
.belucookie-placeholder-btn:active:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

.belucookie-placeholder.belucookie-placeholder-loaded {
    display: none;
}


.belucookie-settings-link {
    text-decoration: none !important;
    color: inherit;
    cursor: pointer;
}

.belucookie-settings-link:hover {
    opacity: 0.7;
}




html {
    scrollbar-gutter: stable;
}


html.belucookie-scroll-lock,
html.belucookie-scroll-lock body {
    overflow: hidden !important;
    overscroll-behavior: contain;
}

body.belucookie-scroll-lock {
    overflow: hidden;
}

@supports not (scrollbar-gutter: stable) {
    body.belucookie-scroll-lock {
        padding-right: var(--belucookie-scrollbar-width, 0) !important;
    }
}


html.belucookie-scroll-lock {
    touch-action: pan-x pan-y;
}


@supports (padding: env(safe-area-inset-bottom)) {
    .belucookie-banner.active {
        padding-bottom: calc(15px + env(safe-area-inset-bottom));
        padding-left: calc(15px + env(safe-area-inset-left));
        padding-right: calc(15px + env(safe-area-inset-right));
    }

    @media (max-width: 479px) {
        .belucookie-banner.active {
            padding-bottom: calc(10px + env(safe-area-inset-bottom));
        }
    }
}


.belucookie-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
}

.belucookie-expand-btn {
    min-width: 44px;
    min-height: 44px;
}


.belucookie-container {
    overflow-x: hidden;
}


.belucookie-category-details {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.belucookie-cookie-list {
    min-width: 280px;
}

.belucookie-policy-intro {
    font-size: 14px;
    margin-bottom: 12px;
    color: inherit;
    line-height: 1.5;
}

.belucookie-drittland-hinweis {
    font-size: 11px;
    margin: 8px 0;
    padding: 6px 8px;
    background: rgba(0, 0, 0, 0.04);
    border-left: 2px solid currentColor;
    line-height: 1.4;
    opacity: 0.85;
}

.belucookie-gtm-ns {
    display: none;
    visibility: hidden;
    height: 0;
    width: 0;
    position: absolute;
    border: 0;
}

@media (prefers-reduced-motion: reduce) {
    .belucookie-banner *,
    .belucookie-banner *::before,
    .belucookie-banner *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

.belucookie-position-bottom-center.active {
    align-items: flex-end;
    justify-content: center;
}

.belucookie-position-bottom-left.active {
    align-items: flex-end;
    justify-content: flex-start;
}

.belucookie-position-bottom-right.active {
    align-items: flex-end;
    justify-content: flex-end;
}

.belucookie-position-top-center.active {
    align-items: flex-start;
    justify-content: center;
}

.belucookie-position-center.active {
    align-items: center;
    justify-content: center;
}

body.belucookie-no-scroll-lock .belucookie-scroll-lock,
html.belucookie-no-scroll-lock .belucookie-scroll-lock {
    overflow: auto !important;
    touch-action: auto !important;
}

.belucookie-placeholder-brand {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 2px;
}

.belucookie-placeholder-provider {
    font-size: 11px;
    color: #707070;
    margin-bottom: 10px;
}

.belucookie-placeholder-thumb {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    z-index: 0;
}

.belucookie-placeholder-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0.35;
}

.belucookie-placeholder-content {
    position: relative;
    z-index: 1;
}

.belucookie-banner-wrapper {
    contain: layout;
    min-height: var(--belucookie-banner-min-height, 0);
}

body.belucookie-banner-active {
    padding-bottom: var(--belucookie-banner-height, 0);
}

#belucookie-floating-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 2147483646;
    width: 48px;
    height: 48px;
    min-width: 44px;
    min-height: 44px;
    border-radius: 50%;
    background: var(--belucookie-primary, #376e78);
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}

#belucookie-floating-btn:hover {
    opacity: 0.9;
}

#belucookie-floating-btn:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

#belucookie-floating-btn:focus:not(:focus-visible),
#belucookie-floating-btn:active:not(:focus-visible) {
    outline: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}

#belucookie-floating-btn svg {
    display: block;
    pointer-events: none;
}

.belucookie-hidden {
    display: none !important;
}

.belucookie-gpc-notice {
    margin-bottom: 12px;
    padding: 8px 12px;
    background: #f1f5f5;
    border-left: 3px solid #376e78;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.4;
}

.belucookie-banner.belucookie-fadeout {
    animation: beluBannerFadeOut 0.25s ease-out forwards;
    pointer-events: none;
}

.belucookie-banner.belucookie-fadeout .belucookie-container {
    animation: beluContainerFadeOut 0.25s ease-out forwards;
}

@keyframes beluBannerFadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes beluContainerFadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}


.belucookie-banner .belucookie-title {
    font-size: 17px;
    line-height: 1.3;
    text-wrap: balance;
}

.belucookie-banner .belucookie-text {
    font-size: 14px;
    line-height: 1.5;
    text-wrap: pretty;
}

.belucookie-banner .belucookie-quick-toggle-label {
    font-size: 14px;
    margin-top: 0;
}

#belucookie-main-view .belucookie-quick-toggles {
    display: none;
}

.belucookie-banner .belucookie-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 4px;
}

#belucookie-settings-view .belucookie-buttons > .belucookie-btn:first-child {
    grid-column: 1 / -1;
}

.belucookie-banner .belucookie-btn {
    width: 100%;
    min-width: 44px;
    min-height: 44px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.25;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition: filter 0.15s ease-out;
}

.belucookie-banner .belucookie-btn:active {
    filter: brightness(0.92);
}

.belucookie-banner .belucookie-footer {
    font-size: 14px;
    gap: 0 4px;
}

.belucookie-banner .belucookie-link {
    min-width: 44px;
    min-height: 44px;
    padding: 0 8px;
    justify-content: center;
    font-size: 14px;
    -webkit-tap-highlight-color: transparent;
}

@media (hover: hover) {
    .belucookie-banner .belucookie-btn:hover {
        opacity: 1;
        filter: brightness(0.94);
    }
}

@media (min-width: 480px) {
    #belucookie-main-view .belucookie-quick-toggles {
        display: grid;
    }
}

.belucookie-banner :focus-visible,
.belucookie-banner .belucookie-toggle input:focus-visible + .belucookie-toggle-slider {
    outline: 2px solid #2563eb !important;
    outline-offset: 2px !important;
}

.belucookie-banner {
    contain: layout style;
}

.belucookie-container {
    contain: layout style;
}

.belucookie-footer-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 8px;
    min-width: 44px;
    min-height: 44px;
    background: none;
    border: 0;
    border-radius: 0;
    font: inherit;
    font-size: 14px;
    line-height: 1.25;
    color: #555;
    text-decoration: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.belucookie-banner .belucookie-footer {
    flex-wrap: wrap;
    gap: 0 2px;
}

.belucookie-banner .belucookie-footer-btn,
.belucookie-banner .belucookie-footer-btn:hover,
.belucookie-banner .belucookie-footer-btn:focus,
.belucookie-banner .belucookie-footer-btn:active {
    background: none;
    border: 0;
    box-shadow: none;
}

.belucookie-banner .belucookie-link:hover {
    opacity: 1;
}

.belucookie-banner .belucookie-link,
.belucookie-banner .belucookie-footer-btn {
    padding: 0 4px;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.15s ease-out;
}

@media (hover: hover) {
    .belucookie-banner .belucookie-footer-btn:hover,
    .belucookie-banner .belucookie-link:hover {
        opacity: 0.8;
        text-decoration: none;
    }
}

@media (min-width: 480px) {
    .belucookie-banner .belucookie-footer {
        gap: 0 4px;
    }

    .belucookie-banner .belucookie-link,
    .belucookie-banner .belucookie-footer-btn {
        padding: 0 8px;
    }
}

@media (min-width: 480px) {
    #belucookie-main-view .belucookie-quick-toggles {
        margin-bottom: 24px;
    }
}

html, body { overflow-x: hidden; }

@font-face {
    font-family: "br-fallback";
    src: local("Arial");
    size-adjust: 98%;
    ascent-override: 92%;
    descent-override: 23%;
    line-gap-override: 0%;
}

:root {
    --br-brand: #376e78;
    --br-brand-soft: rgba(55, 110, 120, 0.08);
    --br-brand-border: rgba(55, 110, 120, 0.2);

    --br-gold: #d8ae00;
    --br-star-empty: #c7c7c7;
    --br-star-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.4l2.93 6.27 6.86.61-5.2 4.7 1.55 6.74L12 17.27l-6.14 3.45 1.55-6.74-5.2-4.7 6.86-.61L12 2.4z'/></svg>");

    --br-text-900: #171717;
    --br-text-700: #404040;
    --br-text-600: #525252;
    --br-text-500: #737373;
    --br-text-400: #a3a3a3;

    --br-bg: #ffffff;
    --br-bg-100: #f5f5f5;
    --br-border-200: #e5e5e5;
    --br-border-100: #f5f5f5;

    --br-radius-card: 16px;
    --br-radius-pill: 999px;

    --br-shadow-card-hover: 0 4px 24px -8px rgba(0,0,0,0.08);
    --br-shadow-arrow: 0 6px 22px -10px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.04);

    --br-font-stack: "Instrument Sans", "br-fallback", Arial, sans-serif;

    --br-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.br-reviews-wrapper,
.br-reviews-wrapper *,
.br-modal,
.br-modal * {
    font-family: var(--br-font-stack);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}

.br-reviews-wrapper {
    background: transparent;
    color: var(--br-text-900);
    width: 100%;
}

.br-reviews-wrapper input,
.br-reviews-wrapper textarea,
.br-reviews-wrapper select {
    font-size: 16px;
}

.br-sr-only {
    position: absolute; width: 1px; height: 1px;
    padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

.br-hidden { display: none; }

.br-reviews-header {
    text-align: center;
    max-width: 640px;
    margin: 0 auto 32px;
}

.br-reviews-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border: 1px solid var(--br-brand-border);
    background: var(--br-brand-soft);
    color: var(--br-brand);
    border-radius: var(--br-radius-pill);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 12px;
}

.br-reviews-badge::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: currentColor;
    -webkit-mask: url("/wp-content/plugins/belu-reviews/assets/img/icon-verified.svg") center/contain no-repeat;
            mask: url("/wp-content/plugins/belu-reviews/assets/img/icon-verified.svg") center/contain no-repeat;
}

.br-reviews-h2 {
    font-size: clamp(24px, 3.4vw, 36px);
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--br-text-900);
    margin: 0 0 10px;
}

.br-reviews-subtext {
    font-size: 15px;
    color: var(--br-text-500);
    margin: 0;
    line-height: 1.5;
}

.br-reviews-wrapper.br-layout-slider {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1024px) {
    .br-reviews-wrapper.br-layout-slider {
        grid-template-columns: 3fr 9fr;
        gap: 20px;
        align-items: stretch;
        max-width: 1280px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1280px) {
    .br-reviews-wrapper.br-layout-slider {
        max-width: 1440px;
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 1920px) {
    .br-reviews-wrapper.br-layout-slider {
        max-width: 1600px;
    }
}

.br-reviews-header {
    grid-column: 1 / -1;
}

.br-sidebar {
    background: #fff;
    border: 2px solid var(--br-border-200);
    border-radius: var(--br-radius-card);
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    transition: border-color 200ms var(--br-ease), box-shadow 200ms var(--br-ease);
}

@media (min-width: 480px) {
    .br-sidebar { padding: 32px 20px; }
}

@media (min-width: 1024px) {
    .br-sidebar { padding: 20px 16px; height: 100%; }
}

.br-sidebar:hover {
    border-color: #d4d4d4;
    box-shadow: var(--br-shadow-card-hover);
}

.br-aggregate {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 0 6px;
}

.br-aggregate-score {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.br-aggregate-score-value {
    font-size: 30px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--br-text-900);
}

.br-aggregate-score-max {
    font-size: 16px;
    color: #595959;
    font-weight: 500;
}

.br-aggregate-stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-top: 2px;
}

.br-aggregate-count {
    font-size: 12px;
    color: var(--br-text-500);
    margin-top: 2px;
}

.br-aggregate-count strong {
    font-weight: 500;
    color: var(--br-text-700);
}

.br-distribution {
    margin-top: auto;
    border-top: 1px solid var(--br-border-100);
    padding-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.br-dist-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.br-dist-label {
    width: 12px;
    text-align: right;
    font-size: 13px;
    font-weight: 600;
    color: var(--br-text-600);
    flex-shrink: 0;
}

.br-dist-stars {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.br-dist-bar-wrap {
    position: relative;
    flex: 1;
    height: 8px;
    background: #c7c7c7;
    border-radius: var(--br-radius-pill);
    overflow: hidden;
}

.br-dist-bar {
    position: absolute;
    inset: 0;
    border-radius: var(--br-radius-pill);
    background: var(--br-brand);
    transform-origin: left center;
    transform: scaleX(var(--br-fill-scale, 0));
    transition: transform 700ms var(--br-ease);
}

.br-dist-count {
    width: 26px;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--br-text-500);
}

.br-star {
    display: inline-block;
    width: var(--br-star-size, 20px);
    height: var(--br-star-size, 20px);
    font-size: 0;
    line-height: 0;
    color: transparent;
    background-color: var(--br-star-empty);
    -webkit-mask: var(--br-star-mask) center/contain no-repeat;
            mask: var(--br-star-mask) center/contain no-repeat;
    flex-shrink: 0;
}

.br-star--filled { background-color: var(--br-gold); }

.br-aggregate-stars { gap: 0; --br-star-size: 26px; --br-star-tighten: -4px; }
.br-review-top-stars { gap: 0; --br-star-size: 20px; --br-star-tighten: -4px; }
.br-modal-stars { gap: 0; --br-star-size: 18px; --br-star-tighten: -4px; }
.br-dist-stars { gap: 0; --br-star-size: 13px; --br-star-tighten: -1px; }

.br-star + .br-star {
    margin-left: var(--br-star-tighten, -4px);
}

.br-reviews-main {
    position: relative;
    min-width: 0;
}

.br-slider {
    position: relative;
    padding-right: 0;
    overflow: visible;
}

@media (min-width: 640px) {
    .br-slider { padding-right: 56px; }
}

.br-slider-track {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: auto;
    gap: 16px;
    padding: 0 2px 32px;
    margin-bottom: -32px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    cursor: grab;
    touch-action: pan-x pan-y;
    user-select: none;
    -webkit-user-select: none;
}

.br-slider-track::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background: transparent;
}

.br-slider-track::-webkit-scrollbar-thumb,
.br-slider-track::-webkit-scrollbar-track {
    display: none;
    background: transparent;
}

.br-slider-track.br-is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
    scroll-snap-type: none;
}

.br-slider-track.br-is-dragging .br-review-card,
.br-slider-track.br-is-dragging .br-review-card * {
    pointer-events: none;
}

.br-review-card {
    position: relative;
    flex: 0 0 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    background: #fff;
    border: 2px solid var(--br-border-200);
    border-radius: var(--br-radius-card);
    padding: 20px;
    display: flex;
    flex-direction: column;
    min-height: 240px;
    transition: border-color 200ms var(--br-ease), box-shadow 200ms var(--br-ease);
    margin-right: 0;
    box-sizing: border-box;
    align-self: stretch;
}

.br-review-card:hover {
    border-color: #d4d4d4;
    box-shadow: var(--br-shadow-card-hover);
}

@media (min-width: 1024px) {
    .br-review-card {
        flex: 0 0 calc(50% - 8px);
        margin-right: 0;
    }
}

.br-mehr-card {
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

.br-mehr-titel {
    margin: 0;
    font-weight: 700;
    font-size: 1.15em;
    line-height: 1.3;
    text-wrap: balance;
}

.br-mehr-text {
    margin: 0;
    line-height: 1.55;
    text-wrap: pretty;
}

.br-mehr-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    font-weight: 700;
    color: var(--br-brand);
    text-decoration: none;
    transition: color 200ms var(--br-ease);
}

.br-mehr-link:hover,
.br-mehr-link:focus-visible {
    color: #2b5a63;
    text-decoration: none;
}

.br-mehr-link:focus-visible {
    outline: 2px solid var(--br-brand);
    outline-offset: 3px;
    border-radius: 4px;
}

.br-mehr-pfeil {
    flex: none;
}

.br-review-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    position: relative;
}

.br-review-top-source {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: inherit;
    border-radius: var(--br-radius-pill);
    padding: 2px 4px;
    margin: -2px -4px;
    transition: background-color 150ms var(--br-ease), color 150ms var(--br-ease);
}

.br-review-top-source--link {
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.br-review-top-source--link:hover .br-source-label,
.br-review-top-source--link:focus-visible .br-source-label {
    color: var(--br-brand);
}

.br-review-top-source--link:focus-visible {
    outline: 2px solid var(--br-brand);
    outline-offset: 2px;
}

.br-source-icon {
    width: 22px;
    height: 22px;
    display: block;
    object-fit: contain;
    flex-shrink: 0;
}

.br-source-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--br-text-500);
}

.br-review-top-stars {
    display: inline-flex;
    align-items: center;
}

.br-review-text {
    margin-top: 14px;
    flex: 1 1 auto;
    min-height: 0;
    text-align: left;
}

.br-review-text-preview {
    margin: 0;
    font-size: 14px;
    line-height: 1.625;
    color: var(--br-text-700);
    text-align: left;
}

.br-quote-open,
.br-quote-close {
    color: var(--br-text-700);
}

.br-read-more {
    margin-top: 8px;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    color: var(--br-brand);
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    align-self: flex-start;
    flex-shrink: 0;
    transition: gap 150ms var(--br-ease);
    text-align: left;
}

.br-read-more:hover { gap: 6px; }
.br-read-more:focus-visible {
    outline: 2px solid var(--br-brand);
    outline-offset: 2px;
    border-radius: 2px;
}

.br-read-more-arrow {
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    margin-top: -1px;
}

.br-review-footer {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--br-border-100);
    display: flex;
    align-items: center;
    gap: 10px;
}

.br-avatar {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--br-bg-100);
    color: var(--br-text-700);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    box-shadow: inset 0 0 0 1px var(--br-border-200);
}

.br-review-meta {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 1.15;
}

.br-review-name-row {
    display: flex;
    align-items: center;
    gap: 4px;
}

.br-review-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--br-text-900);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.br-card-verified-icon {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    color: var(--br-brand);
}

.br-review-date {
    font-size: 11px;
    color: #595959;
    text-align: left;
    align-self: flex-start;
}

.br-slider-next {
    position: absolute;
    right: 6px;
    top: calc(50% - 16px);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--br-border-200);
    background: #fff;
    color: var(--br-text-700);
    box-shadow: var(--br-shadow-arrow);
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 5;
    transition: transform 150ms var(--br-ease), border-color 150ms var(--br-ease), color 150ms var(--br-ease);
}

@media (min-width: 350px) {
    .br-slider-next { display: inline-flex; min-width: 44px; min-height: 44px; }
}

.br-slider-next:hover {
    border-color: #d4d4d4;
    color: var(--br-text-900);
}

.br-slider-next svg { display: block; }

.br-slider-next:focus-visible {
    outline: 2px solid var(--br-brand);
    outline-offset: 2px;
}

.br-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    z-index: 2147483646;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 260ms var(--br-ease), visibility 0s linear 260ms;
    isolation: isolate;
}

.br-modal--open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 260ms var(--br-ease), visibility 0s linear 0s;
}

.br-modal-content {
    position: relative;
    background: #fff;
    border: 1px solid var(--br-border-200);
    border-radius: var(--br-radius-card);
    padding: 28px;
    max-width: 460px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 4px 5px rgba(0,0,0,0.12);
    transform: translateY(12px) scale(0.97);
    opacity: 0;
    transition: transform 280ms var(--br-ease), opacity 220ms var(--br-ease);
}

.br-modal--open .br-modal-content {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.br-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 0;
    background: transparent;
    color: var(--br-text-500);
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 150ms var(--br-ease), color 150ms var(--br-ease);
}

.br-modal-close:hover {
    background: var(--br-bg-100);
    color: var(--br-text-700);
}

.br-modal-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding-right: 44px;
}

.br-modal-avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--br-bg-100);
    color: var(--br-text-700);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    box-shadow: inset 0 0 0 1px var(--br-border-200);
}

.br-modal-meta {
    flex: 1;
    min-width: 0;
}

.br-modal-name-row {
    display: flex;
    align-items: center;
    gap: 4px;
}

.br-modal-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--br-text-900);
}

.br-modal-verified-icon {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    color: var(--br-brand);
}

.br-modal-rating-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
}

.br-modal-stars {
    display: inline-flex;
    align-items: center;
}

.br-modal-date {
    font-size: 13px;
    font-weight: 500;
    color: var(--br-text-500);
}

.br-modal-rating-row .br-modal-sep {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--br-text-400);
    margin: 0 2px;
    flex-shrink: 0;
}

.br-modal-source {
    flex-shrink: 0;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    padding: 4px 10px;
    background: #fafafa;
    border: 1px solid var(--br-border-200);
    border-radius: var(--br-radius-pill);
    text-decoration: none;
    color: inherit;
    transition: background-color 150ms var(--br-ease), border-color 150ms var(--br-ease);
}

.br-modal-source--link:hover,
.br-modal-source--link:focus-visible {
    background: var(--br-brand-soft);
    border-color: var(--br-brand-border);
}

.br-modal-source--link:focus-visible {
    outline: 2px solid var(--br-brand);
    outline-offset: 2px;
}

.br-modal-source img {
    width: 18px;
    height: 18px;
    display: block;
}

.br-modal-source span {
    font-size: 11px;
    font-weight: 600;
    color: var(--br-text-600);
}

.br-modal-text {
    margin: 16px 0 0;
    padding-top: 16px;
    border-top: 1px solid var(--br-border-100);
    font-size: 14px;
    line-height: 1.625;
    color: var(--br-text-700);
}

.br-modal-footer {
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    color: var(--br-text-500);
}

.br-modal-footer img {
    width: 14px;
    height: 14px;
    color: var(--br-brand);
}

.br-reviews-wrapper input,
.br-reviews-wrapper textarea,
.br-reviews-wrapper select {
    font-size: 16px;
}

.br-modal { padding: 12px; }
.br-modal-content { padding: 20px 16px; max-width: 320px; }
.br-modal-close { top: 6px; right: 6px; width: 44px; height: 44px; font-size: 26px; }
.br-modal-header { gap: 10px; padding-right: 36px; }
.br-modal-avatar { width: 36px; height: 36px; font-size: 14px; }
.br-modal-text { font-size: 13px; line-height: 1.55; margin-top: 14px; padding-top: 14px; }
.br-modal-footer { margin-top: 16px; font-size: 11px; }

@media (min-width: 480px) {
    .br-modal { padding: 16px; }
    .br-modal-content { padding: 28px; max-width: 460px; }
    .br-modal-close { width: 44px; height: 44px; font-size: 28px; }
    .br-modal-text { font-size: 14px; line-height: 1.6; margin-top: 18px; padding-top: 18px; }
    .br-modal-footer { margin-top: 20px; font-size: 12px; }
}

.br-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 640px) {
    .br-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
    .br-grid { grid-template-columns: repeat(3, 1fr); }
}

.br-grid .br-review-card {
    flex: none;
    margin-right: 0;
    height: auto;
    min-height: 260px;
}


html {scroll-behavior: smooth}


.br-reviews-wrapper .br-review-card {
    min-width: 0;
}

.br-reviews-wrapper .br-slider {
    padding-right: 56px;
}

.bks-mehr {
    margin: 16px 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
}

.bks-mehr-link {
    --bks-farbe: #376e78;
    --bks-farbe-dunkel: #2a555d;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 2px;
    color: var(--bks-farbe);
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    border-radius: 4px;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition: color 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

.bks-mehr-link:visited {
    color: var(--bks-farbe);
}

.bks-mehr-pfeil {
    display: block;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

.br-reviews-wrapper .bks-mehr-link:focus-visible {
    outline: 1px solid var(--bks-farbe);
    outline-offset: 2px;
}

.bks-mehr-link:active {
    color: var(--bks-farbe-dunkel);
}

@media (hover: hover) {
    .bks-mehr-link:hover {
        color: var(--bks-farbe-dunkel);
        text-decoration: none;
    }
}

@media (min-width: 1024px) {
    .bks-auswahl.br-layout-slider {
        padding-bottom: 60px;
    }

    .bks-auswahl .bks-mehr {
        position: absolute;
        top: 100%;
        left: 0;
    }

    .bks-anzahl-2 .br-slider {
        padding-right: 0;
    }

    .bks-anzahl-2 .br-slider-next {
        display: none;
    }
}

@media print {
    .bks-mehr {
        display: none;
    }
}