.kittel-banner{position:relative;overflow:hidden;background-attachment:scroll;background-color:rgb(var(--color-background));background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--kittel-banner-text-color, rgb(var(--color-foreground)))}.kittel-banner__content{position:relative;z-index:2;pointer-events:none}.kittel-banner__content a,.kittel-banner__content button{pointer-events:auto}.kittel-banner__layout{display:flex;flex-direction:column;align-items:center;gap:2.4rem}.kittel-banner__media{width:100%;max-width:42rem;display:flex;align-items:center;justify-content:center}.kittel-banner__image{width:100%;height:auto;object-fit:contain;display:block}.kittel-banner__media-link{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--media-radius);transition:transform .24s ease}.kittel-banner__media-link .kittel-banner__image{transition:filter .22s ease}.kittel-banner__media-link:hover .kittel-banner__image{filter:drop-shadow(0 10px 22px rgba(0,0,0,.08));animation:kittel-banner-wiggle .52s ease-in-out}.kittel-banner__media-link:focus-visible{outline:.2rem solid currentColor;outline-offset:.4rem}@keyframes kittel-banner-wiggle{0%{transform:rotate(0)}35%{transform:rotate(-1.4deg)}70%{transform:rotate(1.2deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.kittel-banner__media-link,.kittel-banner__media-link .kittel-banner__image{transition:none}.kittel-banner__media-link:hover .kittel-banner__image{animation:none}}@media (hover: hover) and (pointer: fine){.kittel-banner__media-link:hover{transform:translateY(calc(-3px + var(--kittel-tilt-lift, 0px))) rotateX(var(--kittel-tilt-x, 0deg)) rotateY(var(--kittel-tilt-y, 0deg));transform-style:preserve-3d;will-change:transform}}.kittel-banner__text{display:flex;flex-direction:column;gap:calc(var(--kittel-banner-content-gap, .8rem) * var(--kittel-banner-content-scale, 1));align-items:center;text-align:center;color:var(--kittel-banner-text-color, rgb(var(--color-foreground)))}.kittel-banner__heading,.kittel-banner__body{margin:0;color:inherit}.kittel-banner__heading{--kittel-banner-heading-size: 2rem;font-size:calc(var(--kittel-banner-heading-size) * var(--kittel-banner-content-scale, 1));line-height:1.1}.kittel-banner__heading.h1{--kittel-banner-heading-size: 3rem}.kittel-banner__heading.h0{--kittel-banner-heading-size: 4rem}.kittel-banner__heading.hxl{--kittel-banner-heading-size: 5rem}.kittel-banner__heading.hxxl{font-size:clamp(calc(5.6rem * var(--kittel-banner-content-scale, 1)),calc(14vw * var(--kittel-banner-content-scale, 1)),calc(7.2rem * var(--kittel-banner-content-scale, 1)))}.kittel-banner__body{font-size:calc(1.6rem * var(--kittel-banner-content-scale, 1));line-height:1.4}.kittel-banner__body>*:first-child{margin-top:0}.kittel-banner__body>*:last-child{margin-bottom:0}.kittel-banner__body>*{margin:0}.kittel-banner__body>*+*{margin-top:calc(var(--kittel-banner-body-gap, .6rem) * var(--kittel-banner-content-scale, 1))}.kittel-banner__actions{position:relative;z-index:2;pointer-events:auto}.kittel-banner__actions .button{font-size:calc(1.5rem * var(--kittel-banner-content-scale, 1));min-width:calc(12rem * var(--kittel-banner-content-scale, 1));min-height:calc(4.5rem * var(--kittel-banner-content-scale, 1));padding:0 calc(3rem * var(--kittel-banner-content-scale, 1))}.kittel-banner__button--outline{--alpha-button-background: 0;background-color:transparent;color:inherit;border:var(--buttons-border-width) solid currentColor;box-shadow:none}.kittel-banner__button--outline:before,.kittel-banner__button--outline:after{box-shadow:none}.kittel-banner__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@media screen and (min-width: 750px){.kittel-banner__layout{flex-direction:row;align-items:center;justify-content:space-between}.kittel-banner--image-right .kittel-banner__layout{flex-direction:row-reverse}.kittel-banner--image-center .kittel-banner__layout{flex-direction:column}.kittel-banner__media{flex:0 1 var(--kittel-banner-media-width, 40%);max-width:var(--kittel-banner-media-width, 40%)}.kittel-banner__text{flex:1;transform:translate(var(--kittel-banner-text-offset, 0))}.kittel-banner--text-left .kittel-banner__text{align-items:flex-start;text-align:left}.kittel-banner--text-right .kittel-banner__text{align-items:flex-end;text-align:right}.kittel-banner--text-center .kittel-banner__text{align-items:center;text-align:center}.kittel-banner--text-justify .kittel-banner__text{align-items:flex-start;text-align:justify}.kittel-banner__heading.h2{--kittel-banner-heading-size: 2.4rem}.kittel-banner__heading.h1{--kittel-banner-heading-size: 4rem}.kittel-banner__heading.h0{--kittel-banner-heading-size: 5.2rem}.kittel-banner__heading.hxl{--kittel-banner-heading-size: 6.2rem}}@media screen and (max-width: 749px){.kittel-banner__media{max-width:min(40rem,90vw)}.kittel-banner__text{--kittel-banner-content-scale: calc(var(--kittel-banner-content-scale, 1) * .9);transform:translateY(var(--kittel-banner-text-offset-mobile, 0))}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-kittel-banner.css.map */