@keyframes coverCard{0%{clip-path:polygon(100% 100%, 100% calc(100% - 139px), calc(100% - 130px) 100%)}20%{clip-path:polygon(100% 100%, 100% 50%, 50% 100%)}40%{clip-path:polygon(100% 100%, 100% 30%, 30% 100%)}60%{clip-path:polygon(100% 100%, 100% 20%, 20% 100%)}80%{clip-path:polygon(100% 100%, 100% 5%, 5% 100%)}100%{clip-path:polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%)}}@keyframes coverCardMirror{0%{clip-path:polygon(calc(100% - 130px) calc(100% - 139px), 100% calc(100% - 139px), calc(100% - 130px) 100%)}20%{clip-path:polygon(50% 50%, 100% 50%, 50% 100%)}40%{clip-path:polygon(30% 30%, 100% 30%, 30% 100%)}60%{clip-path:polygon(20% 20%, 100% 20%, 20% 100%)}80%{clip-path:polygon(5% 5%, 100% 5%, 5% 100%)}100%{clip-path:polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%)}}.peel-off p{margin-bottom:0}.peel-off ul{padding:0;margin:0}.peel-off__headline{margin-bottom:1.5rem;font-size:2.5rem;font-weight:200;line-height:2.75rem}@media(min-width: 1024px){.peel-off__headline{font-size:3.25rem;line-height:3.5rem}}.peel-off__card-container{position:relative;width:100%}.peel-off__card-container .bg--cereals{background-color:var(--kws-light-beige-25)}.peel-off__card-container .bg--sugarbeet{background-color:var(--kws-green-25)}.peel-off__card-container .bg--mais{background-color:var(--kws-yellow-25)}.peel-off__card-container .bg--sorghum{background-color:var(--kws-dark-red-25)}.peel-off__card-container .bg--sunflower{background-color:var(--kws-light-yellow-25)}.peel-off__card-container .bg--oil-seed{background-color:var(--kws-light-green-25)}.peel-off__card-container .bg--catch-crops{background-color:var(--kws-dark-blue-25)}.peel-off__card-container .bg--white{background-color:var(--kws-light)}.peel-off__card-container .bg--grey{background-color:var(--kws-black-5)}.peel-off__card-container .card-overlay{width:100%;position:absolute;top:0;left:0;height:100%;z-index:5;opacity:1;background-color:var(--kws-orange);clip-path:polygon(100% 100%, 100% calc(100% - 139px), calc(100% - 130px) 100%);transition:clip-path .5s cubic-bezier(0.68, -0.55, 0.27, 1.55);animation-timing-function:ease-in}.peel-off__card-container .card-overlay--full-coverage{animation:coverCard .3s forwards;animation-delay:100ms}.peel-off__card-container .card-overlay.transparent{opacity:0;transition:opacity .3s ease-in;pointer-events:none}.peel-off__card-container .card-overlay-mirror{width:100%;position:absolute;top:0;left:0;height:100%;z-index:4;background-color:var(--kws-orange);opacity:.3;clip-path:polygon(100% 100%, 100% calc(100% - 139px), calc(100% - 130px) 100%);transition:clip-path .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);animation-timing-function:ease-in}.peel-off__card-container .card-overlay-mirror--full-coverage{animation:coverCardMirror .3s forwards;animation-delay:100ms}.peel-off__card-container .card-trigger{position:absolute;cursor:pointer;right:0;bottom:0;width:130px;height:139px;z-index:10;cursor:pointer;opacity:0;clip-path:polygon(100% 100%, 100% 0, 0 100%)}.peel-off__card-container .card-top{height:100%;opacity:0;width:100%;position:absolute;top:0;left:0}.peel-off__card-container .card-top--active{opacity:1}.peel-off__card-container .card-top__container{position:relative;width:100%;height:100%}.peel-off__card-container .card-top__image{position:absolute;top:0;left:0;height:100%;width:100%}.peel-off__card-container .card-top__image img{width:100%;height:100%;object-fit:cover}.peel-off__card-container .card-top__text{position:absolute;width:100%;top:0;left:0;padding:50px 20px 130px}.peel-off__card-container .card-top__text--white{color:var(--kws-light)}.peel-off__card-container .card-top__text--black{color:var(--kws-black-90)}@media(min-width: 425px){.peel-off__card-container .card-top__text{padding:130px 50px}}@media(min-width: 1024px){.peel-off__card-container .card-top__text{padding:130px 70px}}.peel-off__card-container .card-top__headline{margin-bottom:1.5rem;font-size:2.5rem;font-weight:200;line-height:2.75rem}@media(min-width: 1024px){.peel-off__card-container .card-top__headline{font-size:3.25rem;line-height:3.5rem}}.peel-off__card-container .card-top__copy{letter-spacing:0;font-weight:400;font-size:16px}@media(min-width: 1280px){.peel-off__card-container .card-top__copy{font-size:24px}}.peel-off__card-container .card-bottom{width:100%;position:static;display:flex;flex-direction:column;opacity:0;max-height:100vh}@media(min-width: 1024px){.peel-off__card-container .card-bottom{flex-direction:row}}.peel-off__card-container .card-bottom--active{opacity:1}@media(min-width: 1024px){.peel-off__card-container .card-bottom--image-right{flex-direction:row-reverse}}.peel-off__card-container .card-bottom__image{aspect-ratio:16/9}@media(min-width: 1024px){.peel-off__card-container .card-bottom__image{flex:1;aspect-ratio:auto}}.peel-off__card-container .card-bottom__image img{width:100%;object-fit:cover}.peel-off__card-container .card-bottom__text{overflow:auto;padding:30px 20px}@media(min-width: 504px){.peel-off__card-container .card-bottom__text{padding:30px 40px}}@media(min-width: 768px){.peel-off__card-container .card-bottom__text{padding:25px 40px}}@media(min-width: 1024px){.peel-off__card-container .card-bottom__text{width:50%;padding:60px 50px;aspect-ratio:1/1}}.peel-off__card-container .card-bottom__text--white{color:var(--kws-light)}.peel-off__card-container .card-bottom__text--black{color:var(--kws-black-90)}.peel-off__card-container .card-bottom__text a{margin-top:30px;display:inline-block}.peel-off__card-container .card-bottom__text a:hover{margin-bottom:-1px}@media(min-width: 768px){.peel-off__card-container .card-bottom__text a{margin-top:25px}}.peel-off__card-container .card-bottom__headline{font-size:24px;line-height:1.4;font-weight:700;margin-bottom:30px}@media(min-width: 768px){.peel-off__card-container .card-bottom__headline{margin-bottom:25px}}.peel-off__card-container .card-bottom__copy{letter-spacing:0;font-weight:400;font-size:16px}.peel-off__card-container .card-bottom__copy p:not(:last-child){margin-bottom:30px}@media(min-width: 768px){.peel-off__card-container .card-bottom__copy p:not(:last-child){margin-bottom:25px}}.peel-off__card-container .card-bottom__copy li{margin-left:20px}