#box1231 {margin-bottom: 0;}
#back-to-top, .button, .wpcf7 input[type="submit"] {border-radius: 0px;}
#fixedsocial a:first-child i {border-top-right-radius: 0; border-top-left-radius: 0px;}
#fixedsocial a:last-child i {border-bottom-right-radius: 0; border-bottom-left-radius: 0px;}
#navigation ul ul li a, #navigation ul ul ul li a {padding: 0.5em 2em 0.5em 1em; text-transform: uppercase; font-weight: 800 !important;}
#kontakt .container {max-width: 1160px;  padding: 20px 20px;}
#kontakt .container:first-child {padding-top: 40px;}
#kontakt .columns.u1 {margin-bottom: 3em;}
#kontakt .columns.u2 {margin-bottom: 2em;}
#kontakt span.email {margin-top: 1.8em;}
#kontakt .wpcf7-list-item {padding: 0.5em 1em; background-color: #ffffff; border: 1px solid #ddd;}
#kontakt .container.einleitung {margin-bottom: 0em;}
#sinlgeprodukt span.eigenschaft {background-color: #156fb2; color: #ffffff;}
#sinlgeprodukt span.artnummer, #sinlgeprodukt span.eigenschaft {width: 20em; text-transform: none;}
#cp-produkt {opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
#cp-produkt.slick-initialized {visibility: visible; opacity: 1;}
#paper {background: linear-gradient(-90deg, rgba(0, 0, 0, .05) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, .05) 1px, transparent 1px), linear-gradient(-90deg, rgba(0, 0, 0, .04) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, .04) 1px, transparent 1px), linear-gradient(transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px), linear-gradient(-90deg, #aaa 1px, transparent 1px), linear-gradient(-90deg, transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px), linear-gradient(#aaa 1px, transparent 1px), #f2f2f2; background-size: 4px 4px, 4px 4px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;}
#anbieter .slick-slide img {display: block; max-height: 50px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
#anbieter .slick-slide img:hover {display: block; max-height: 50px; -webkit-filter: none; filter: none;}
#navigation > div > ul > li > a {letter-spacing: 1px; text-decoration: none;}
#logo-slider {max-width: 100%;}
#logo-slider .slick-slide {margin: 0 2em;}
#footermenu ul {margin: 0; padding: 0; list-style: none;}
#footermenu ul li {margin: 0; padding: 0 0 0.5em 0;}
#footermenu {font-size: 1.6em; line-height: 1.2; text-align: left; text-shadow: none; font-weight: 700;}
#footermenu li a {text-transform: uppercase;}
.intro {background: #000;}
.fa-regular {font-weight: 600}
.smallmargin {padding: 1em 0 1em 0;}
.info-box {display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; padding: 20px; border-radius: 8px;}
.info-box img {max-width: 100%; max-height: 120px; margin-bottom: 15px;}
.info-box h5 {margin: 10px 0;}
.info-box p {margin: 0 0 1em 0; text-align: center;}
.box-image img {max-height: 120px;}
.textRight {background: #ffffff !important;}
.accordion {border-left: 5px solid #e6007e;border-radius: 5px; margin-top: 0 !important; padding-top: 0 !important;}
.accordion .toggle-link {border: 0px solid #000;padding: 0.5em 0.5em 0.5em 1.5em !important;}
.accordion .toggle-link {color:#ffffff;  border-radius: 2px; cursor: pointer; background-color: #111;}
.accordion .toggle-box {color:#ffffff;width: 100%; position: relative; display: none; background: #111; border-top: none; margin-bottom: 20px; z-index: 1;}
.slogan{border-top:1px solid #ddd;}


.slogan h5 {
    font-size: 4.1em;
    letter-spacing: -3px;
    text-transform: uppercase;
    font-weight: 900;
    padding: 0 !important;
    background-color: #fff !important;
    border: none !important;
}


/* Tablet (bis 1024px) */
@media (max-width: 1024px) {
    .slogan h5 {
        font-size: 3.2em;
        letter-spacing: -2px;
    }
}

/* Mobile (bis 768px) */
@media (max-width: 768px) {
    .slogan h5 {
        font-size: 2.5em;
        letter-spacing: -1px;
    }
}

/* Sehr kleine Smartphones (bis 480px) */
@media (max-width: 480px) {
    .slogan h5 {
        font-size: 2em;
        letter-spacing: 0px;
    }
}


/* Plus-Zeichen für geschlossenes Element */
.accordion .closed:after {
  content: "+";
  font-size: 1em;
  font-weight: bold;
  float: right;
	color: #e6007e;
}

/* Minus-Zeichen für geöffnetes Element */
.accordion .opened:after {
  content: "−"; /* Alternativ: "-" */
  font-size: 1em;
  font-weight: bold;
  float: right;
	color: #e6007e;
}


.value-prop {margin-top: 1rem;}
.value-props {margin-top: 4rem; margin-bottom: 4rem;}
.docs-header {text-transform: uppercase; font-size: 1.4rem; letter-spacing: .2rem; font-weight: 600;}
.docs-section {border-top: 1px solid #eee; padding: 4rem 0; margin-bottom: 0;}
.value-img {display: block; text-align: center; margin: 2.5rem auto 0;}
.example-grid .column, .example-grid .columns {background: #EEE; text-align: center; border-radius: 4px; font-size: 1rem; text-transform: uppercase; height: 30px; line-height: 30px; margin-bottom: .75rem; font-weight: 600; letter-spacing: .1rem;}
.docs-example .row, .docs-example.row, .docs-example form {margin-bottom: 0;}
.docs-example h1, .docs-example h2, .docs-example h3, .docs-example h4, .docs-example h5, .docs-example h6 {margin-bottom: 1rem;}
.heading-font-size {font-size: 1.2rem; color: #999; letter-spacing: normal;}
.code-example {margin-top: 1.5rem; margin-bottom: 0;}
.code-example-body {white-space: pre; word-wrap: break-word}
.example {position: relative; margin-top: 4rem;}
.example-header {font-weight: 600; margin-top: 1.5rem; margin-bottom: .5rem;}
.example-description {margin-bottom: 1.5rem;}
.example-screenshot-wrapper {display: block; position: relative; overflow: hidden; border-radius: 6px; border: 1px solid #eee; height: 250px;}
.example-screenshot {width: 100%; height: auto;}
.example-screenshot.coming-soon {width: auto; position: absolute; background: #eee; top: 5px; right: 5px; bottom: 5px; left: 5px;}
.navbar {display: none;}
.txt ul li {margin-top: 1.5em;}
.txt ol li {margin-top: 1.5em;}
.single ul {line-height: 1.5em; margin: 0 0 1em 1em; padding: 0; list-style-position: inside;}
.intro .columns.caption {margin-top: 6em; margin-bottom: 2em;}
.circle {font-family: "Helvetica Neue", Helvetica, sans-serif; display: inline-block; color: #fff; text-align: center; line-height: 0px; border-radius: 50%; font-size: 1.2em; min-width: 38px; min-height: 38px;}
.circle span {display: inline-block; padding-top: 50%; padding-bottom: 50%; margin-left: 1em; margin-right: 1em;}
.clr1 {background: #000000;}
.clr2 {background: #e8e2e2;}
.clr3 {background: #efe5d7;}
.clr4 {background: #a4a5a8;}
.clr5 {background: #fdc08b;}
.clr6 {background: #bad698;}
.clr7 {background: #c6e4d9;}
.clr8 {background: #fdd46a;}
.clr9 {background: #c0bade;}
.clr10 {background: #ffffff;}
.badge {display: inline-block; min-width: 1em; padding: 1.5em; border-radius: 50%; font-size: 1.2em; line-height: 1.1; text-align: left; background: #3E5360; color: #fff; font-weight: 600;}
.intro .caption img {margin: 0 auto;}
.intro {align-content: center;}
.wpcf7 input[type="submit"], .wpcf7 input[type="submit"]:focus {}
.wpcf7 textarea {height: 140px;}
.wpcf7 {margin-top: 2em;}
.wpcf7 p {margin-bottom: 0;}
.form {background-color: #ffffff;}
.wpcf7-acceptance label {margin-bottom: 25px; margin-top: 5px; display: block; float: left; position: relative;}
.wpcf7-acceptance label * {outline: none;}
.wpcf7-acceptance label {margin-bottom: 0px !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.4;}
.wpcf7-acceptance label > [type="checkbox"]:not(:checked), .wpcf7-acceptance label > [type="checkbox"]:checked {left: 3px; position: absolute; top: 5px;}
.wpcf7-acceptance label > [type="checkbox"]:not(:checked) + span, .wpcf7-acceptance label > [type="checkbox"]:checked + span {position: relative; padding-left: 39px; cursor: pointer; display: block; font-size: 16px;}
.wpcf7-acceptance label > [type="checkbox"]:not(:checked) + span:before, .wpcf7-acceptance label > [type="checkbox"]:checked + span:before {content: ''; position: absolute; left: 0; top: 9px; margin-top: -9px; width: 26px; height: 26px; background: #dddddd; border-radius: 100%;}
.wpcf7-acceptance label > [type="checkbox"]:not(:checked) + span:after, .wpcf7-acceptance label > [type="checkbox"]:checked + span:after {content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; top: 2px; margin-top: -4px; left: 3px; transition: all .2s; font-size: 1.5em; z-index: 2;}
.wpcf7-acceptance label > [type="checkbox"]:not(:checked) + span:after {opacity: 0; transform: scale(0);}
.wpcf7-acceptance label > [type="checkbox"]:checked + span:after {opacity: 1; transform: scale(1);}
.kontaktlogo {width: 84px; padding: 0 0.5em 0 0;}
.wpcf7 .wpcf7-submit {clear: both; float: right;}
.wpcf7-acceptance {font-size: 0.85em;}
.wpcf7-acceptance input {margin-bottom: 2em;}
.slidertel, .sliderheadline, .slidersubline {display: block; text-transform: none; overflow-wrap: break-word; letter-spacing: 0.001em; line-height: 1.0; margin-bottom: 0.1vw; text-shadow: 1px 1px 1px #000000;}
.slidertel {margin-bottom: 0.3vw; font-weight: 400; color: #ffffff; font-size: 1.8em;}
.sliderheadline {font-weight: 600; text-transform: uppercase; display: bock; color: #ffffff; font-size: 4.6em;}
.slidersubline {font-weight: 400; text-transform: uppercase; display: bock; color: #ffffff; font-size: 3.5em;}
.produkt-slick {overflow: hidden;}
.slick-initialized, .slick-slider:first-child {display: block;}
.mfp-figure:after {content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: none}
.mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed;  background-color: rgba(0, 0, 0, 0.9); opacity: 1; filter: alpha(opacity=80)}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {margin-left: 25px; border-right: 27px solid #000;}
.mfp-arrow-right {right: 0}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {border-left: 17px solid #000; margin-left: 39px}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {border-left: 27px solid #000}
.infoadresse::before {content: "\f3c5";}
.infoadresse::before {display: inline-block; font-family: 'Font Awesome 5 Free'; padding: 0 5px 5px 5px; font-weight: bold; width: 20px; text-align: center; margin-right: 15px; font-size: 1.2em;}
.introdefault H1 {color: #fff !important;}
.box ul li, .box-module ul li, .module-box ul li {list-style-position: outside;}
.txt ul {margin: 0.5em 1.5em;}
.flex-center {xmargin: 7em auto 0 !important;}
.caption-wrap .caption, .introcaption, .caption, .caption.flex-center, .flex-center .caption {position: relative; height: 100%;}
.introdefault .caption {margin-top: 10em !important; margin-bottom: 0em !important; top: 0; position: relative; display: inline-block; font-family: inherit; padding: 0.4em 0.7em !important; margin: 0.2em 0 0 0; cursor: pointer; transition: all 0.2s; background-color: #2c2e35; border: 2px solid #2c2e35; line-height: 1; border-radius: 5px;}
.intro .caption h1, .caption-wrap h1, .slickbox h1, .introcaption h1 {color: #ffffff; letter-spacing: 0.05em; line-height: 1.0 !important; margin-bottom: 0 !important;}
.intro .caption h6 {font-size: 1.6em;}
.intro .u1.left span {padding: 0.2em 0.6em !important; font-size: 1.0em !important;}
.caption span {padding: 0.4em 0em !important; font-size: 1.0em !important;}
.imgbox {position: relative !important;}
.simgbox::before {position: absolute !important; top: 0 !important; left: -75%; z-index: 2 !important; display: block !important; content: '' !important; width: 50% !important; height: 100% !important; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%) !important; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%) !important; -webkit-transform: skewX(-25deg) !important; transform: skewX(-25deg) !important;}
.imgbox:hover::before {}
.topboxen .container {margin-top: -150px; padding-top: 0;}
.gg_form_radio_container .gg_radio_opt {width: calc(100% / 2 - .5rem);}
.gg_radio_opt p {text-transform: none}
.gg_radio_container input:checked ~ .checkmark {background-color: #ff9900;}
.xheader.fixed::after {content: ""; background: linear-gradient(90deg, rgba(243, 167, 82, 1) 0%, rgba(77, 177, 95, 1) 25%, rgba(65, 186, 215, 1) 50%, rgba(123, 15, 117, 1) 70%, rgba(235, 91, 69, 1) 90%); -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3); display: block; height: 4px; width: 100%; bottom: 0;}
.shadow {border-radius: 5px;}
.shadow h4 {}
.shadow .txt p {padding: 0.4em;}
.txt p {margin-top: 1.5em; line-height: 1.5;}
.txt a:link {text-decoration: underline !important;}
.contentboxen .product-content, .contentboxen .title, .contentboxen .contentbox-inhalt, .contentboxen i, .contentboxen .btn-position {padding: 0em 0;}
.shadow .title {padding: 0.4em;}
.battery {position: relative; margin: 0; margin-top: 0px; margin-top: 1em; width: 100%; border: 5px solid rgba(99, 99, 99, 0.9); height: 100px; border-radius: 15px;}
.battery::before {content: ""; position: absolute; top: 6px; left: 6px; height: 78px; background-color: rgb(243, 172, 22); border-radius: 2px; animation: full 15s linear infinite;}
.battery::after {content: ""; position: absolute; right: -30px; top: 20px; width: 15px; height: 50px; background-color: rgba(99, 99, 99, 0.9); border-bottom-right-radius: 90px; border-top-right-radius: 90px;}
.RespTable td {border-bottom: 1px solid #ddd;}
.chevron-link {display: block; width: 100%; height: 100%; text-decoration: none; color: inherit;}
.chevroncontainer {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.chevron {position: absolute; width: 2.1rem; height: 0.48rem; opacity: 0; transform: scale(0.3); -webkit-animation: move-chevron 3s ease-out infinite; animation: move-chevron 3s ease-out infinite;}
.chevron:first-child {-webkit-animation: move-chevron 3s ease-out 1s infinite; animation: move-chevron 3s ease-out 1s infinite;}
.chevron:nth-child(2) {-webkit-animation: move-chevron 3s ease-out 2s infinite; animation: move-chevron 3s ease-out 2s infinite;}
.chevron:before, .chevron:after {content: ""; position: absolute; top: 0; height: 100%; width: 50%; background: #ffffff;}
.chevron:before {left: 0; transform: skewY(30deg);}
.chevron:after {right: 0; width: 50%; transform: skewY(-30deg);}
.RespTable tr {}
.RespTable th {color: #ffffff !important; background-color: #32C36C !important; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.oddCol, .textRight {background-color: #FAFAFA !important;}
.footer_info_text {font-size: 1em; opacity: 0.6}
.clr-links-boxes .clr-link-box a {text-decoration: none !important;}
.flexcenter .btn-position {align-self: flex-start; padding: 0;}
.carousel-produkte {padding-left: 3em;}
.carousel-produkte .slick-prev:before, .carousel-produkte .slick-next:before {font-family: "Font Awesome 5 Free" !important; font-weight: bold !important; font-size: 40px !important; height: 40px !important; color: #333333 !important;}
.slick-slide img {max-width: 100%; height: auto;}
.slick-slide img:hover {}
.slick-slide {margin: 0px 0px;}
.slick-slide img {width: auto !important;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.xintro::after {content: ''; position: absolute; width: calc(100% + 2px); height: 25%; left: -1px; bottom: -1px; right: -1px; z-index: 10;}
.xintro:after {background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #111 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #111 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #111 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#111', GradientType=0)}
.no-js .s-intro__scroll-down, .ss-show .s-intro__scroll-down {transition-delay: 1.4s; bottom: 0;}
.s-intro__scroll-down {display: none;}
.hover01 .imgbox img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover01 .imgbox:hover img {-webkit-transform: scale(1.3); transform: scale(1.3);}
.hover02 .imgbox img {width: 300px; height: auto; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover02 .imgbox:hover img {width: 350px;}
.hover03 .imgbox img {-webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover03 .imgbox:hover img {-webkit-transform: scale(1); transform: scale(1);}
.hover04 .imgbox img {width: 400px; height: auto; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover04 .imgbox:hover img {width: 300px;}
.hover05 .imgbox img {margin-left: 30px; -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover05 .imgbox:hover img {margin-left: 0;}
.hover06 .imgbox img {-webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover06 .imgbox:hover img {-webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);}
.hover07 .imgbox img {-webkit-filter: blur(3px); filter: blur(3px); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover07 .imgbox:hover img {-webkit-filter: blur(0); filter: blur(0);}
.hover08 .imgbox img {-webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover08 .imgbox:hover img {-webkit-filter: grayscale(0); filter: grayscale(0);}
.hover08 .imgbox::before {content: none;}
.hover09 .imgbox img {-webkit-filter: sepia(100%); filter: sepia(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover09 .imgbox:hover img {-webkit-filter: sepia(0); filter: sepia(0);}
.hover09 .imgbox::before {content: none;}
.hover10 .imgbox img {-webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover10 .imgbox:hover img {-webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px);}
.hover10 .imgbox::before {content: none;}
.hover11 .imgbox img {opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover11 .imgbox:hover img {opacity: .5;}
.hover11 .imgbox::before {content: none;}
.hover12 .imgbox {background: #1abc9c;}
.hover12 .imgbox img {opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover12 .imgbox:hover img {opacity: .5;}
.hover13 .imgbox:hover img {opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s;}
.hover14 .imgbox {position: relative !important;}
.hover14 .imgbox::before {position: absolute !important; top: 0 !important; left: -75%; z-index: 2 !important; display: block !important; content: '' !important; width: 50% !important; height: 100% !important; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%) !important; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%) !important; -webkit-transform: skewX(-25deg) !important; transform: skewX(-25deg) !important;}
.hover14 .imgbox:hover::before {-webkit-animation: shine .75s; animation: shine .75s;}
.hover15 .imgbox {position: relative;}
.hover15 .imgbox::before {position: absolute !important; top: 50% !important; left: 50% !important; z-index: 2 !important; display: block !important; content: '' !important; width: 0; height: 0; background: rgba(255, 255, 255, .2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0;}
.hover15 .imgbox:hover::before {-webkit-animation: circle .75s; animation: circle .75s;}
.container .wpcf7 .columns {position: relative; display: flex; flex-wrap: wrap; flex-direction: column;}
.single h1 {font-weight: bold; margin-top: 0em;}
.single h2, .single h3, .single h4 {font-weight: bold; margin-top: 1.5em;}
.nomarginbottom .columns {margin-bottom: 0% !important;}
.carousel-produkte {padding-left: 1em; padding-right: 1em;}
.minislick .imgbox {position: relative; box-sizing: border-box; margin: 0 auto; overflow: hidden; padding: 0em;}
.logoslider .imgbox {background: #fff; position: relative; border: 2px solid #ffffff !important; box-sizing: border-box; margin: 0 auto; overflow: hidden; padding: 2em;}
.logoslider .slick-slide img {max-height: 120px; width: auto; object-fit: cover; display: block; margin: 0 auto;}
.black .imgbox {background: #111 !important; position: relative; border: 2px solid #000 !important; box-sizing: border-box; margin: 0 auto; overflow: hidden; padding: 0.1em;}
.black .slick-slide img {height: 300px; width: 300px; object-fit: cover; display: block; margin: 0 auto;}
.box-inhalt .attribute.einfache_liste {display: flex; justify-content: flex-start; margin: 8px 0; padding: 5px 0; border-bottom: 1px solid #e0e0e0;}
.box-inhalt .attribute.einfache_liste .attr_name {padding: 0.2em 0em 0 0em;}
.box-inhalt .attribute {display: flex; margin: 8px 0; padding: 5px 0;}
.box-inhalt .attribute:last-child {border-bottom: none;}
.box-inhalt .attr_name {font-size: 0.9em;}
.box-inhalt .attr_wert {font-size: 0.9em; font-weight: bold;}
.box-inhalt .attribute .attr_icon {margin-right: 8px; display: inline-flex; align-items: center;}
.tabelle .box-inhalt:hover {border-color: #fff; box-shadow: 0 6px 12px rgba(255, 255, 255, 0.2); transform: translateY(-5px); transition: all 0.3s ease;}
.box-bgimg .box-inhalt {position: relative; background: rgba(0, 0, 0, 0.2); border-radius: 0; text-align: center;}
.wp-playlist-tracks {margin-top: 10px; display: none;}
.mejs-poster .mejs-layer {background: none !important;}
.wp-playlist-light {background: none !important; color: #000;}
.wp-playlist {border: 0 !important; padding: 0 !important; margin: 0 !important; font-size: 14px; line-height: 1.5;}
.mejs-overlay-button::after {content: ""; position: absolute; width: 80px; height: 80px; background: rgba(65, 186, 215, 0.6); border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; animation: pulse-border 1.5s ease-out infinite;}
.wp-video {max-width: 100%; height: auto; border: 1px solid #000; background: #000;}
.mejs-overlay-button {background: #fff; border-radius: 50%; height: 80px; width: 80px; position: relative;}
.mejs-overlay-button::before {content: ""; position: absolute; width: 0; height: 0; border-left: 20px solid white; border-top: 12px solid transparent; border-bottom: 12px solid transparent; left: 50%; top: 50%; transform: translate(-40%, -50%);}
.intro, .introdefault, .introsingle {background-attachment: scroll; background-repeat: no-repeat; background-position: bottom center !important; ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.title h2 {top: 0; position: relative; display: inline-block; font-family: inherit; padding: 0.4em 0.7em !important; margin: 0.1em 0; transition: all 0.2s; background-color: #000000; border: 2px solid #000000; line-height: 1; border-radius: 5px;}
.top h2 {top: -1.6em; position: relative; display: inline-block; font-family: inherit; font-size: 4em; padding: 0.17em 0.20em !important; margin: 0.1em 0; cursor: pointer; transition: all 0.2s; background-color: #000; border: 2px solid #000; color: #ffffff !important; font-weight: 700; line-height: 1; border-radius: 5px;}
.footer-logo {display: inline-block; height: 100%;}
.footer-8 .footerlogomobil {margin: 0.5em 0; padding: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: inline-block;}
.footer-8 strong {font-size: 2.0em; text-transform: uppercase; font-weight: 800; color: #fff;}
.footer-8 .block1::after, .footer-8 .block2::after, .footer-8 .block3::after {margin-top: 20px;}
.block1::after, .block2::after, .block3::after {content: ''; display: block; margin: 8px 0 16px; margin-top: 8px;}
.footer-8 {clear: both; font-size: 0.9em; margin: 0 auto; padding: 10em 0em; line-height: 1.6; position: relative;}
.footer-8 .firmenname, .footer-8 .adresse, .footer-8 .tel, .footer-8 .fax, .footer-8 .mail {margin-left: 20px;}
.footer-8 .firmenname h5 {font-size: 1.2em; font-weight: 600;}
.footer2 {color: #fff;}
.footer2 p {margin: 0.2em 0 0.5em 0;}
.white i {display: inline-block; width: auto; font-size: 1em; padding: 0; margin: 0 auto; text-align: left;}
.footer-logo {display: inline-block; height: 100%;}
.footer-8 .footerlogomobil {margin: 0.5em 0; padding: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: inline-block;}
.bigcta {font-weight: 900; display: flex; justify-content: center; align-items: center; margin: 0em auto; width: 100%; box-sizing: border-box;}
.bigcta h2 span {color: #e6007e;}
.bigctasm h2 {font-size: 6.0em; letter-spacing: -2px; text-transform: uppercase; font-weight: 900;}
.bigcta h2 {font-size: 6.5em; letter-spacing: -3px; text-transform: uppercase; font-weight: 900; padding: 0 !important; background-color: #fff !important; border: none !important;}
.white {color: #ffffff !important;}
.kundenstimme{}
.produktslider img {filter: grayscale(100%); transition: filter 0.3s;}
.produktslider img:hover {filter: grayscale(0);}
.produktslider.minislick {padding-top: 0em;}
.produktslider .box-inhalt, .produktslider .inhalt, .produktslider .imgbox, .produktslider .imgbox img {max-height: 150px; object-fit: scale-down; padding: 1em; margin: 1em; clear: both;}
.produktslider .slick-slide2 {display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.produktslider img {align-content: center; justify-content: center; align-items: center;}
.produktslider .imgbox {position: relative; border: 2px solid #fff; border-radius: 5px; overflow: hidden; height: 100%; min-height: 250px;}
.imgbox {position: relative; border-radius: 15px;background-size: cover; }
.slick-slide {height: 100%;}
.box-module.sliderboxen, .box-module.contentboxen, .box-module .contentboxen {overflow: visible;}
.sliderboxen .container, .contentboxen .container, .container.contentboxen {position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap;}
.sliderboxen .columns, .contentboxen .columns {position: relative; display: flex; flex-wrap: wrap;}
.sliderboxen .two.columns, .contentboxen .two.columns {display: block;}
.sliderboxen .twelve.columns, .contentboxen .twelve.columns {display: block;}
.sliderboxen .product-content, .contentboxen .product-content {position: relative; display: flex; flex-wrap: wrap; align-self: baseline;}
.sliderboxen .btn-position, .contentboxen .btn-position {align-self: flex-end; padding: 0; z-index: 2;}
.shadow .btn-position, .box-bg .btn-position, .box-bgimg .btn-position, .sliderboxen .shadow .btn-position, .sliderboxen .box-bg .btn-position, .sliderboxen .box-bgimg .btn-position, .contentboxen .shadow .btn-position, .contentboxen .box-bg .btn-position, .contentboxen .box-bgimg .btn-position {padding: 1em;}
.contentboxen .inhalt .btn-position {padding: 1em 0 1em;}
.btn-position .button.first {margin-right: 0.5em; margin-top: 0.5em}
.btn-position .button.first:last-child {margin-right: 0;}
.sliderboxen .product-content, .sliderboxen .product-title, .sliderboxen .product-desc, .sliderboxen i, .sliderboxen .btn-position {width: 100%;}
.contentboxen .product-content, .contentboxen .title, .contentboxen .contentbox-inhalt, .contentboxen i, .contentboxen .btn-position {width: 100%;}
.sliderboxen .imgbox, .contentboxen .imgbox {width: 100%; overflow: hidden; margin-bottom: 0;}
 
.imgbox .caption {position: relative; left: 0; top: 0; width: 100%; height: 100%; padding: 1em; z-index: 3;}
.imgbox .caption * {margin: 0;}
.imgbox .left.flexcenter > *, .imgbox .left.flexbottom * {margin: 0 auto 0 0;}
.imgbox .right.flexcenter *, .imgbox .right.flexbottom * {margin: 0 0 0 auto;}
.sliderboxen .iconbox, .contentboxen .iconbox {width: 100%; text-align: center;}
.sliderboxen .product-inhalt, .contentboxen .product-inhalt {padding: 1em;}
.sliderboxen h3, .contentboxen h3 {margin-bottom: 0.1em;}
.sliderboxen img, .contentboxen img {margin: 0 auto;}
.sliderboxen i, .contentboxen i {display: inline-block; width: auto; font-size: 6em; padding: 0.2em; margin: 2vw auto; text-align: center;}
.sliderboxen .button i, .contentboxen .button i {display: inline; width: auto; font-size: 1em; margin: 0.5em auto;}
.sliderbox-inhalt, .contentbox-inhalt {width: auto;}
.caption .bottom {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; padding: 1em; z-index: 3;}
 
.slick-slide {min-height: 270px;}
.caption .bottom {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; padding: 1em; z-index: 3;}
.champion span.attr_icon, .champion span.attr_name {font-size: 1.6em; font-weight: 600;}
.white i {color: #ffffff !important;}
.button.first {border-radius: 5px;}
.arrow-3 {display: inline-block; vertical-align: middle; margin-left: 20px;}
.arrow-3 {height: 20px; width: 20px; border: 0px solid rgba(230, 0, 126, 0.6); border-width: 6px 6px 0 0; transform: rotate(45deg);}
.arrow-3:before, .arrow-3:after {content: ""; position: absolute; display: inline-block; height: 20px; width: 20px; border-width: 6px 6px 0 0;}
.arrow-3:before {border: 1px solid rgba(230, 0, 126, 0.3); border-width: 6px 6px 0 0; top: 4px; left: -10px;}
.arrow-3:after {border: 1px solid rgba(230, 0, 126, 1); border-width: 6px 6px 0 0; top: -16px; left: 10px; margin-right: 2em;}
.title-heading h2 {top: 0; position: relative; font-family: inherit; line-height: 2.4; margin: 0.1em 0; transition: 0.2s; border-radius: 10px; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
::-webkit-input-placeholder {color: #000000; opacity: 0.9;}
:-moz-placeholder {color: #000000; opacity: 0.9;}
::-moz-placeholder {color: #000000; opacity: 0.9;}
:-ms-input-placeholder {color: #000000; opacity: 0.9;}
@media only screen and (max-width: 550px) {.padd, .paddleft, .paddright {padding: 4%;}}
@media (min-width: 550px) {.value-props {margin-top: 9rem; margin-bottom: 7rem;}.value-img {margin-bottom: 1rem;}.example-grid .column, .example-grid .columns {margin-bottom: 1.5rem;}.docs-section {padding: 6rem 0;}.example-send-yourself-copy {float: right; margin-top: 12px;}.example-screenshot-wrapper {position: absolute; width: 48%; height: 100%; left: 0; max-height: none;}}
@media only screen and (min-width: 1025px) {.intro, .introdefault, .introsingle, .slider {margin-top: 0 !important;}.introleer {margin-top: 5vw !important;}}
@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {.sliderheadline {font-size: 4.0em;}.slidersubline {font-size: 3.0em;}}
@media only screen and (max-width: 768px) {.sliderheadline {font-size: 2.4em;}.slidersubline {font-size: 1.8em;}}
@keyframes full {0% {width: 0%;}25% {width: 24%;}50% {width: 48%;}75% {width: 72%;}100% {width: 96%;}}
@-webkit-keyframes move-chevron {25% {opacity: 1;}33.3% {opacity: 1; transform: translateY(2.28rem);}66.6% {opacity: 1; transform: translateY(3.12rem);}100% {opacity: 0; transform: translateY(4.8rem) scale(0.5);}}
@keyframes move-chevron {25% {opacity: 1;}33.3% {opacity: 1; transform: translateY(2.28rem);}66.6% {opacity: 1; transform: translateY(3.12rem);}100% {opacity: 0; transform: translateY(4.8rem) scale(0.5);}}
@media only screen and (max-width: 1024px) {.s-intro__scroll-down {display: none;}.s-intro__scroll-down span {display: none;}}
@media only screen and (min-width: 1024px) {.s-intro__scroll-down {z-index: 2; display: flex; align-items: center; transform: translateX(-7.6rem) rotate(90deg); transform-origin: right bottom; padding-right: 3em; position: absolute; bottom: 0; right: 0;}.s-intro__scroll-down span {font-size: 12px; font-weight: 300; text-transform: uppercase; letter-spacing: .5em; color: white; line-height: 1.6;}.s-intro__scroll-down::before {display: block; content: ""; height: 2px; width: 3em; background-color: rgba(255, 255, 255, 0.3); position: absolute; top: 50%; right: 0;}.s-intro__scroll-down:focus, .s-intro__scroll-down:hover {color: #fff;}.s-intro__scroll-down {bottom: 150px;}.no-js .s-intro__bg, .no-js .s-intro__scroll-down, .ss-show .s-intro__bg, .ss-show .s-intro__scroll-down {opacity: 1;}}
@-webkit-keyframes flash {0% {opacity: .4;}100% {opacity: 1;}}
@keyframes flash {0% {opacity: .4;}100% {opacity: 1;}}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}
@-webkit-keyframes circle {0% {opacity: 1;}40% {opacity: 1;}100% {width: 200%; height: 200%; opacity: 0;}}
@keyframes circle {0% {opacity: 1;}40% {opacity: 1;}100% {width: 200%; height: 200%; opacity: 0;}}
@keyframes pulse-border {0% {transform: translate(-50%, -50%) scale(1); opacity: 0.8;}100% {transform: translate(-50%, -50%) scale(1.5); opacity: 0;}}
@media only screen and (max-width: 1024px) {.sliderboxen i, .contentboxen i {font-size: 4em;}.sliderboxen .gridboxen, .contentboxen .gridboxen {margin-top: 0 !important;}}
@media only screen and (max-width: 768px) {.sliderboxen i, .contentboxen i {font-size: 3.2em;}}
@media only screen and (max-width: 767px) {.sliderboxen i, .contentboxen i {font-size: 6em;}}
@media (min-width: 992px) {#polygon:hover::before {transform: translate(-5%, 0); top: 0; right: 0; width: 100%; height: 100%; transition: transform 0.5s ease;}#polygon {width: 100%; height: 100%;}#polygon:before {opacity: 0.3; content: ''; position: absolute; background-color: #fff; width: 100%; height: 100%; bottom: 0%; right: 0; left: 0; transition: transform 0.5s ease; -webkit-clip-path: polygon(0% 0%, 45% 0%, 35% 100%, 0% 100%); clip-path: polygon(0% 0%, 45% 0%, 35% 100%, 0% 100%); transform: translate(0, 0);}#polygon:hover::before {opacity: 0.3; background-color: #fff;}}
@media (max-width: 1250px) {.title-heading h2, .title h2 {font-size: 1.4em;}}
[dir='rtl'] .slick-slide {float: right;}
a.badge {width: 130px; height: 130px; display: bock; left: 25px; position: fixed; top: 80px; z-index: 9999;}
a.badge {color: #fff; -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg);}
a.badge span {color: #97BE0D; font-size: 0.8em;}
a.product_slide {color: #156fb2; font-size: 1.4em; font-weight: 600;}
button.gg_next_slide_btn:hover, button.gg_next_slide_btn:focus, button.gg_next_slide_btn:active {background: #ff9900 !important; color: #ffffff !important;}
button.gg_next_slide_btn {font-size: 1.5em; line-height: 1.3; padding: .1rem 1rem; background: transparent; color: #ff9900; border: 1px solid #ff9900; border-radius: 50%;}
header .columns.widget-bottom {justify-content: flex-end;}
header.sticky a.button.lead, header.sticky a.button.lead:visited {color: #ffffff;}
header.sticky .logoscroll {display: block; max-height: 60px;}
header.mit-elemente .phone, header.mit-elemente .mail, header.mit-elemente .header-social, header.mit-elemente .js-search, header.mit-elemente .search-form, header.mit-elemente .custom-html-widget {float: right; margin: 0vw 0 0vw 2vw; margin-left: 2vw;}
input[type="text"], input[type="email"], .wpcf7 select, .wpcf7 textarea {border-radius: 0px !important;}
input[type="text"], input[type="email"], .wpcf7 select, .wpcf7 textarea {width: 100%; height: auto; font-size: 1em; line-height: 1.6; padding: 9px 24px; box-sizing: border-box; margin-bottom: 10px; background-color: #f2f2f2; border: 1px solid #f2f2f2; transition: 0.5s all; color: #000000; opacity: 0.9; font-family: inherit; font-weight: 300; border-radius: 3px; -webkit-appearance: none;}
input[type="text"]:hover, input[type="email"]:hover, textarea:hover {background-color: #ffffff;}
input[type="text"]:focus, input[type="email"]:focus, input[type="checkbox"]:focus, textarea:focus {outline: none;}
p {margin-top: 0; line-height: 1.6;}
span.captcharound span.wpcf7-form-control-wrap {width: calc(100% - 97px) !important; float: left;}
span.captcharound img {}
span.captcharound img {width: auto; height: 35px; margin: 1px 10px 3px 0;}
span.captcharound span.wpcf7-form-control-wrap {width: calc(100% - 97px); margin-left: 10px;}
span.captcharound input[type="text"] {padding: 5px 24px; margin-left: 10px;}
span.captcharound img {height: auto; margin: 7px 0 7px 10px; scale: 1.2;}


.foil2sport2 {
    list-style: none;
    counter-reset: list-counter;
    padding-left: 0;
}

.foil2sport2 li {
    position: relative;
    padding-left: 6rem; /* Abstand für das Viereck */
    margin-bottom: 1rem;
}

.foil2sport2 li::before {
    content: counter(list-counter, upper-alpha);
    counter-increment: list-counter;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4rem;
    height: 4rem;
    background-color: #e6007e; /* Hintergrundfarbe */
    color: white;
    font-weight: bold;
    font-size: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px; /* Viereck */
}

.foil2sport {
    list-style: none;
    counter-reset: list-counter;
    padding-left: 0;
}

.foil2sport li {
    position: relative;
    padding-left: 6rem; /* Abstand für das Viereck */
    margin-bottom: 1rem;
}

.foil2sport li::before {
    content: counter(list-counter, upper-alpha);
    counter-increment: list-counter;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4rem;
    height: 4rem;
    background-color: transparent; /* Kein Hintergrund */
    color: #e6007e; /* Buchstabenfarbe */
    font-weight: bold;
    font-size: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #e6007e; /* Rahmen in Pink */
    border-radius: 4px; /* Viereck */
}
 
 .fotos .imgbox {
    display: flex;
    align-items: center; 
    justify-content: center;
    overflow: hidden;
    height: 250px;
}
 
.fotos .imgbox img, .fotos .imgbox a{
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}
 

@media (min-width: 992px) {
    #polygon-w {
        position: relative;
        width: 100%;
        height: auto;
        background-color: #fff; /* Weißer Hintergrund */
        overflow: hidden;
        padding: 4rem 0; /* Optional: Abstand oben/unten */
    }

    #polygon-w::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(128, 128, 128, 0.3); /* Graues Overlay (30% Deckkraft) */
        -webkit-clip-path: polygon(0% 0%, 43% 0%, 35% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 43% 0%, 35% 100%, 0% 100%);
        transition: transform 0.5s ease;
    }

    #polygon-w:hover::before {
        transform: translate(-5%, 0); /* Hover-Effekt */
    }
}


@media (min-width: 992px) {
    #kontakt {
        position: relative;
        width: 100%;
        height: auto;
        background-color: #fff; /* Weißer Hintergrund */
        overflow: hidden;
        padding: 4rem 0; /* Optional: Abstand oben/unten */
    }

    #kontakt::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(128, 128, 128, 0.3); /* Graues Overlay (30% Deckkraft) */
        -webkit-clip-path: polygon(0% 0%, 45% 0%, 35% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 45% 0%, 35% 100%, 0% 100%);
        transition: transform 0.5s ease;
    }

    #kontakt:hover::before {
        transform: translate(-5%, 0); /* Hover-Effekt */
    }
}



/*
.produktslider .imgbox .caption {position: relative;}
.produktslider .box-inhalt, .produktslider .inhalt, .produktslider .imgbox, .produktslider .imgbox img {max-height: 150px; object-fit: scale-down; padding: 1em; margin: 0 auto; clear: both;}
 
.produktslider .slick-slide2 {display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.produktslider img {align-content: center; justify-content: center; align-items: center;}
.produktslider .imgbox {position: relative; border: 2px solid #fff; border-radius: 5px; overflow: hidden; height: auto; min-height: 250px;}
*/


.sliderboxen .imgbox, .contentboxen .imgbox {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
}


.produktslider .box-inhalt, .produktslider .inhalt, .produktslider .imgbox, .produktslider .imgbox img {
    max-height: 150px;
    object-fit: scale-down;
    padding: 1em;
    margin: 1em;
    clear: both;
}

.imgbox .caption {
 position: relative;
 }

.produktslider .slick-slide2{
display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;  
    -ms-flex-align: center;
     align-items: center;
}

 .produktslider img {
align-content: center;  
 justify-content: center;  
   align-items: center;
}

.produktslider .imgbox {
    position: relative;
    border: 0;
    border-radius: 5px;
    /* box-sizing: border-box; */
    /* margin: 0 auto; */
    overflow: hidden;
    height: 100%;
    min-height: 250px;
}


.imgbox {
    position: relative;
    border: 0;
	border-radius: 5px;
    overflow: hidden;
    height: 100%;
}



.slick-slide{min-height:270px;}

 
.caption .bottom{
    position: absolute;
    left: 0;
    bottom: 0; 
    width: 100%;
    height: 100%;
    padding: 1em;
    z-index: 3;
}

.kundenstimmenslider {
    max-width: 100%;  /* Begrenzung auf 80% der Breite */
    margin: 0 auto;
	padding: 2em;
}

.kundenstimmenslider .slick-slide {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: auto; /* Automatische Höhe */
}

.kundenstimmenslider .imgbox img {
    max-width: 150px;
    max-height: 80px;
    object-fit: contain;
    margin-bottom: 10px;
}

.kundenstimmenslider .kundenstimme {
    font-size: 14px;
    line-height: 1.4;
    max-height: none;  /* Keine Begrenzung der Höhe */
    overflow: visible;  /* Verhindert abgeschnittenen Inhalt */
    padding: 0 15px;
    white-space: normal;  /* Bricht lange Wörter um */
}

.kundenstimmenslider .caption {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.ks-autor-firma {
    margin-top: 10px;
    font-weight: bold;
    color: #555;
}



#custom-footer img.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    width: 300px;
    height: auto;
    contain-intrinsic-size: auto !important;
}




.bgimg {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0; /* wichtig */
    overflow: hidden;
}

.bgimg::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4); /* Abdunkelung: 0.0 - 1.0 */
    z-index: 1;
    pointer-events: none; /* lässt Klicks durch */
}

/* Content innerhalb der bgimg */
.bgimg > * {
    position: relative;
    z-index: 2;
}