.mcb-section .mcb-wrap .mcb-item-0vn0q45g{text-align:center;}.mcb-section .mcb-wrap .mcb-item-e34790a42 .mcb-column-inner-e34790a42{background-image:url(https://plakat-digital.at/wp-content/uploads/2026/02/Plakat_Digital_unser_Service_led_signage.webp#123);background-position:center;background-attachment:scroll;background-size:auto;}.mcb-section .mcb-wrap-70f7c9cfd{align-self:center;}.mcb-section .mcb-wrap-70f7c9cfd > .mcb-wrap-inner-70f7c9cfd{align-items:center;justify-content:center;}.mcb-section .mcb-wrap .mcb-item-2289y1bg .content_slider .content_slider_ul .button{--mfn-slider-arrow-size:40px;}.mcb-section .mcb-wrap .mcb-item-2289y1bg .content_slider .content_slider_ul .button i{color:#F9F9F9;}.hbp-player-shell,
.hbp-player-shell * {
box-sizing: border-box;
}
.hbp-player-shell {
display: block;
width: 100%;
max-width: var(--hbp-max-width, 1100px);
margin: 0 auto;
padding: 0;
float: none;
clear: both;
} .hbp-player-shell.hbp-player-shell--betheme {
margin-top: -35px !important;
}
@media (max-width: 600px) {
.hbp-player-shell.hbp-player-shell--betheme {
margin-top: -45px !important;
}
} .hbp-betheme-frame-inner {
min-height: 0 !important;
height: auto !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.hbp-betheme-frame-host {
min-height: 0 !important;
height: auto !important;
padding-top: 10px !important;
padding-right: 10px !important;
padding-bottom: 10px !important;
padding-left: 10px !important;
}
@media (max-width: 600px) {
.hbp-betheme-frame-host {
padding-top: 8px !important;
padding-right: 8px !important;
padding-bottom: 8px !important;
padding-left: 8px !important;
}
}
.hbp-player-shell .hbp-player {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
aspect-ratio: 16 / 9 !important;
overflow: hidden !important;
background: var(--hbp-background, #000) !important;
isolation: isolate;
line-height: 0;
}
.hbp-player-shell .hbp-slides,
.hbp-player-shell .hbp-slide {
position: absolute !important;
inset: 0 !important;
display: block;
width: 100% !important;
height: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.hbp-player-shell .hbp-slide {
opacity: 0;
visibility: hidden;
transition: opacity 350ms ease;
pointer-events: none;
z-index: 0;
}
.hbp-player-shell .hbp-slide.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
z-index: 1;
}
.hbp-player-shell .hbp-slide img,
.hbp-player-shell .hbp-slide video {
position: static !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
object-fit: var(--hbp-fit, contain) !important;
object-position: center center !important;
background: var(--hbp-background, #000) !important;
transform: none !important;
}
.hbp-player-shell .hbp-ad-label-row {
display: flex !important;
align-items: center;
gap: 10px;
min-height: 16px;
margin: 0 0 7px !important;
padding: 0 !important;
color: #687078;
line-height: 1;
}
.hbp-player-shell .hbp-ad-label-row::before {
content: "";
flex: 1 1 auto;
height: 1px;
background: currentColor;
opacity: 0.2;
}
.hbp-player-shell .hbp-ad-label {
order: 2;
display: block;
flex: 0 0 auto;
padding: 0;
border: 0;
border-radius: 0;
color: inherit;
background: transparent;
font: 600 11px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
letter-spacing: 0.09em;
text-transform: uppercase;
white-space: nowrap;
}
.hbp-player-shell .hbp-nav {
-webkit-appearance: none !important;
appearance: none !important;
position: absolute !important;
top: 50% !important;
z-index: 4 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 56px !important;
min-height: 56px !important;
padding: 0 !important;
margin: 0 !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
border-radius: 8px !important;
color: #fff !important;
background: rgba(0, 0, 0, 0.48) !important;
box-shadow: none !important;
font: 700 28px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
text-align: center !important;
text-transform: none !important;
cursor: pointer;
opacity: 0.82;
transform: translateY(-50%) !important;
transition: opacity 160ms ease, background-color 160ms ease;
-webkit-tap-highlight-color: transparent;
}
.hbp-player-shell .hbp-nav span {
display: block;
line-height: 1;
margin: 0;
padding: 0;
}
.hbp-player-shell .hbp-nav:hover,
.hbp-player-shell .hbp-nav:focus-visible {
opacity: 1;
background: rgba(0, 0, 0, 0.72) !important;
}
.hbp-player-shell .hbp-nav:focus-visible {
outline: 3px solid #fff;
outline-offset: 2px;
}
.hbp-player-shell .hbp-nav-prev {
left: 12px !important;
right: auto !important;
}
.hbp-player-shell .hbp-nav-next {
right: 12px !important;
left: auto !important;
}
@media (hover: hover) and (pointer: fine) {
.hbp-player-shell .hbp-nav {
opacity: 0;
}
.hbp-player-shell .hbp-player:hover .hbp-nav,
.hbp-player-shell .hbp-player:focus-within .hbp-nav {
opacity: 0.82;
}
.hbp-player-shell .hbp-player .hbp-nav:hover,
.hbp-player-shell .hbp-player .hbp-nav:focus-visible {
opacity: 1;
}
}
@media (max-width: 600px) {
.hbp-player-shell .hbp-ad-label-row {
gap: 8px;
margin-bottom: 5px !important;
padding-right: 12px !important;
}
.hbp-player-shell .hbp-ad-label {
font-size: 10px;
letter-spacing: 0.075em;
}
.hbp-player-shell .hbp-nav {
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 48px !important;
min-height: 48px !important;
font-size: 24px !important;
}
.hbp-player-shell .hbp-nav-prev {
left: 7px !important;
}
.hbp-player-shell .hbp-nav-next {
right: 7px !important;
}
}
.hbp-empty {
padding: 16px;
border: 1px dashed #a7aaad;
background: #f6f7f7;
color: #50575e;
}
@media (prefers-reduced-motion: reduce) {
.hbp-player-shell .hbp-slide {
transition: none;
}
}