.component-teaser__link{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);border:0;bottom:0;display:block;left:0;outline:none;padding:0;position:absolute;right:0;text-indent:-1978em;top:0;z-index:1}@keyframes wobble{0%{transform:translateZ(0) rotate(0deg)}70%{transform:translate3d(0,-10%,0) rotate(0deg)}to{transform:translateZ(0) rotate(0deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loadingSpin{0%{transform:translate3d(-50%,-50%,0) rotate(0deg)}to{transform:translate3d(-50%,-50%,0) rotate(-1turn)}}@keyframes upanddown{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-40px,0) scale(1)}to{transform:translateZ(0) scale(1)}}@keyframes scaleout{0%{transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes feedback{0%{opacity:0;transform:translate(-50%,100%)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-100%)}}.component-teaser__energy-back:before{font-display:swap;font-family:kco,sans-serif;font-style:normal;font-weight:400;speak:none;display:inline-block;font-variant:normal;line-height:1em;text-align:center;text-decoration:inherit;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e81f"}.component-teaser__image{background-color:#fff;border-radius:4px 4px 0 0;display:flex;flex-direction:row;overflow:hidden;padding:30px}.component-teaser__image span{display:block;position:relative;width:100%}.component-teaser__image span:before{content:"";display:block;padding-top:100%}.component-teaser__image span img{height:auto;left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.component-teaser__energy-back{color:#000;cursor:pointer;margin-left:-10px;margin-top:-10px;padding:10px}.component-teaser__energy-back:before{transform:rotate(180deg)}.component-teaser__energy-back i{display:none}.component-teaser__energy{background-color:#fff;border-radius:4px;box-shadow:0 20px 20px 0 rgba(0,0,0,.25);left:0;max-height:100%;opacity:0;overflow:auto;padding:30px;position:absolute;top:0;transition:opacity .5s cubic-bezier(.645,.045,.355,1),visibility .5s cubic-bezier(.645,.045,.355,1);visibility:hidden;width:100%;z-index:2}.component-teaser__energy img{display:block;height:auto;margin-bottom:10px;transition:opacity .25s cubic-bezier(.645,.045,.355,1);width:100%}.component-teaser__energy figcaption{color:#000;font-size:16px;line-height:1.75}@media only screen and (min-width:768px){.component-teaser__energy figcaption{font-size:16px;letter-spacing:.03em;line-height:1.875}}.component-teaser__eek{left:-10px;position:absolute;top:30px;z-index:1}.component-teaser__content{background-color:#fff;border-radius:0 0 4px 4px;border-top:1px solid #d8d8d8;display:flex;flex-direction:row;flex-grow:1;flex-shrink:1}.component-teaser__link{z-index:0}.component-teaser__header{flex-basis:calc(100% - 77px);justify-content:center;max-width:calc(100% - 77px);padding:10px 24px;position:relative;width:calc(100% - 77px)}.component-teaser__actions,.component-teaser__header{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1}.component-teaser__actions{border-left:1px solid #d8d8d8;flex-basis:77px;min-height:77px;width:77px}.component-teaser__actions .action{border-radius:0;height:100%;position:relative;width:100%;z-index:1}.component-teaser__actions .action:last-child{border-radius:0 0 4px}.component-teaser__type{font-size:16px;line-height:1.75}@media only screen and (min-width:768px){.component-teaser__type{font-size:16px;letter-spacing:.03em;line-height:1.875}}.component-teaser__manufacturer{font-size:16px;font-weight:700;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-height:1.75;line-height:1.375!important;word-break:break-word}@media only screen and (min-width:768px){.component-teaser__manufacturer{font-size:16px;letter-spacing:.03em;line-height:1.875}}.component-teaser__artno{font-size:16px;font-weight:700;line-height:1.75}@media only screen and (min-width:768px){.component-teaser__artno{font-size:16px;letter-spacing:.03em;line-height:1.875}}.component-teaser__detail{background-color:#fff;color:#db1b32;display:flex;flex-direction:column;font-size:16px;font-weight:700;height:100%;justify-content:center;left:0;line-height:1.75;opacity:0;padding:10px 24px;position:absolute;top:0;transition:opacity .25s cubic-bezier(.645,.045,.355,1),visibility .25s cubic-bezier(.645,.045,.355,1);visibility:hidden;width:100%}@media only screen and (min-width:768px){.component-teaser__detail{font-size:16px;letter-spacing:.03em;line-height:1.875}}.component-teaser__detail span{display:inline-block}.component-teaser__detail span:after{content:" ›"}.component-teaser{background-color:#fff;border-radius:4px;display:flex;flex-direction:column;height:100%;position:relative;transition:transform .25s cubic-bezier(.645,.045,.355,1);z-index:0}.component-teaser:after{box-shadow:0 20px 20px 0 rgba(0,0,0,.25);content:"";height:calc(100% - 20px);left:1px;position:absolute;top:0;transition:height .25s cubic-bezier(.645,.045,.355,1),opacity .25s cubic-bezier(.645,.045,.355,1);width:calc(100% - 2px);z-index:-1}.csshover .component-teaser:hover{transform:translateY(-5px);z-index:1}.csshover .component-teaser:hover .component-teaser__detail{opacity:1;visibility:visible}.csshover .component-teaser:hover:after{height:100%}.component-teasertoggle{left:-1978em;opacity:0;position:absolute;top:0}.component-teasertoggle:checked~.component-teaser{z-index:1}.component-teasertoggle:checked~.component-teaser:after{opacity:0;transition:height .25s cubic-bezier(.645,.045,.355,1),opacity .25s cubic-bezier(.645,.045,.355,1) .25s}.component-teasertoggle:checked~.component-teaser .component-teaser__energy{opacity:1;visibility:visible}@media only screen and (min-width:1024px){.component-teaser__energy{max-height:none;overflow:visible}}.component-teaser--material .component-teaser__image{padding:0}.component-teaser--material .component-teaser__image span:before{padding-top:66.42336%}.component-teaser--material .component-teaser__image img{height:auto;max-height:none;max-width:none;width:100%}