html body.cs-duck section.cs-main {position: relative;}
html body.cs-duck .cs-logo {max-width: 300px;}
.cs-startSlider {background: url('/user_html/1773840100/pix/user_img/banner_.png');background-size: cover;}
html body.cs-duck aside.cs-aside {display: none;}
html body.cs-duck section.cs-mainContent {width: 100%;}
html body.cs-duck .cs-box {max-width: 1360px;}
html body.cs-duck .cs-breadCrumb {margin-top: -3em;}
.h1, h1 {font-size: 4rem;margin: 0 0 1em 0;line-height: 1.1em;font-weight: 800;}
html body.cs-duck .cs-listPager .cs-articlecount {border-bottom: 0px solid #dadadd;}
html body.cs-duck .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox h1 {margin: 0 0 13px 0;font-size: 4rem;font-weight: 800;}

html body.cs-duck .cs-categoryList {display: grid;grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));column-gap: 1em;row-gap: 1em;}
html body.cs-duck article.cs-categoryPreview {width: 100%;}
html body.cs-duck .cs-categoryPreview {margin: 0;transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;}
html body.cs-duck .cs-categoryPreview a {padding: 2em;border-radius: 15px;display: flex;font-weight: 700;font-size: 18px;}
html body.cs-duck .cs-categoryPreview:nth-of-type(1n) a {background: #ffd8c7;}
html body.cs-duck .cs-categoryPreview:nth-of-type(2n) a {background: #fce6a7;}
html body.cs-duck .cs-categoryPreview:nth-of-type(3n) a {background: #d0ebfb;}
html body.cs-duck .cs-categoryPreview:hover {transform: scale(1.05) rotate(0.5deg);}

html body.cs-duck .cs-productListing {display: grid;grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));column-gap: 1em;row-gap: 1em;}
html body.cs-duck .cs-productListing article.cs-articlePreview {width: 100%;}

html body.cs-duck .printingcosts-dropdown {width: 100%;}
html body.cs-duck .printingcosts-dropdown .printingcosts_type {width: 100%;}
html body.cs-duck .printingcosts-dropdown .printingcosts_type select {width: 100%;background-color: #fff;}

html body.cs-duck header {background: linear-gradient(180deg, hsl(42 67% 97%) 0%, hsl(202 86% 92%) 100%);}
html body.cs-duck .cs-waves {transform: scaleY(-1);margin-top: -17px;}
html body.cs-duck .cs-waves svg path {fill: #d9effc;}
html body.cs-duck.cs-start .cs-waves {display: none;}
html body.cs-duck.cs-start header,
html body.cs-duck.cs-checkout header{background: rgba(0,0,0,0);}

html body.cs-duck .cs-heroPicture {position: absolute;top: 0;left: 0;width: 100%;padding-top: 10em;}
html body.cs-duck.cs-start section.cs-main {padding-top: 45rem;margin-top: -9rem;}
html body.cs-duck.cs-start header .cs-headerContent {margin: 0 auto;padding: 0;margin-bottom: 0;}
html body.cs-duck.cs-start header {position: relative;z-index: 9;}
html body.cs-duck.cs-start .cs-duckButton {color: #fff;}
html body.cs-duck .cs-container {max-width: 1360px;}
html body.cs-duck .cs-absoluteButton {position: absolute;z-index: 999;}
html body.cs-duck header .cs-miniButtons {background: #fff;padding: 1em 2em;border-radius: 50px;box-shadow: var(--shadow-soft);}

html body.cs-duck .cs-logo {max-width: 300px;}
.cs-startSlider {background: url('/user_html/1773840100/pix/user_img/banner_.png');background-size: cover;}

html body.cs-duck .cs-heroPicture {position: absolute;top: 0;left: 0;width: 100%;padding-top: 10em;padding-bottom: 6rem;}
html body.cs-duck.cs-start section.cs-main {padding-top: 45rem;}
html body.cs-duck.cs-start header .cs-headerContent {margin: 0 auto;padding: 0;margin-bottom: 0;}
html body.cs-duck.cs-start header {position: relative;z-index: 9999;}
html body.cs-duck.cs-start .cs-categoriesBox,
html body.cs-duck .cs-categoriesBox {background: transparent;padding-top: 31px;}
html body.cs-duck.cs-start .cs-duckButton {color: #fff;}
html body.cs-duck .cs-container {max-width: 1360px;}
html body.cs-duck .cs-absoluteButton {position: absolute;z-index: 999;}
html body.cs-duck .cs-absoluteButton p {margin: 2px 0;}

html body.cs-duck .cs-footerDeko svg path {fill: #ff6501;}
html body.cs-duck footer {overflow: hidden;margin-top: -8px;background: #ff6501;}
html body.cs-duck footer .cs-footerTop {overflow: hidden;padding: 40px 15px 60px 15px;margin-top: 0;background: #ff6501;color: #fff;}
html body.cs-duck footer a {color: #fff;}
html body.cs-duck footer .cs-footerRow.top {background: #ff6501;}
html body.cs-duck footer .cs-footerRow.copyright {color: #fff;}
html body.cs-duck footer .cs-footerRow.copyright ul {list-style: none;padding: 0;margin: 0;display: flex;max-width: 1360px;margin: 0 auto;gap: 2em;justify-content: center;}
html body.cs-duck .cs-footerDeko {margin-top: 5rem;}

.cs-heroPicture {position: relative;overflow: hidden;}
.cs-heroPicture .container{width:100%;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem;}

:root {
    --background: 42 67% 100%;
    --foreground: 203 60% 14%;
    --card: 0 0% 100%;
    --card-foreground: 203 60% 14%;
    --popover: 0 0% 100%;
    --popover-foreground: 203 60% 14%;
    --primary: #e42910;
    --primary-foreground: 0 0% 100%;
    --secondary: 202 86% 90%;
    --secondary-foreground: 203 60% 14%;
    --muted: 36 50% 94%;
    --muted-foreground: 203 20% 38%;
    --accent: 18 100% 89%;
    --accent-foreground: 203 60% 14%;
    --duck: 45 100% 62%;
    --duck-foreground: 203 60% 14%;
    --pond: 188 60% 70%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 100%;
    --border: 36 40% 88%;
    --input: 36 40% 88%;
    --ring: 6 100% 71%;
    --radius: 1.5rem;
    --shadow-soft: 0 20px 50px -20px hsl(203 60% 14% / 0.18);
    --shadow-duck: 0 25px 60px -25px hsl(45 100% 50% / 0.55);
    --gradient-sky: linear-gradient(180deg, hsl(42 67% 97%) 0%, hsl(202 86% 92%) 100%);
    --gradient-sunset: linear-gradient(135deg, hsl(18 100% 89%) 0%, hsl(6 100% 78%) 100%);
}


@media (min-width: 1400px){
  .cs-heroPicture .container{max-width:1400px;}
}
.cs-heroPicture .pointer-events-none{pointer-events:none;}
.cs-heroPicture .absolute{position:absolute;}
.cs-heroPicture .relative{position:relative;}
.cs-heroPicture .inset-x-12{left:3rem;right:3rem;}
.cs-heroPicture .inset-x-6{left:1.5rem;right:1.5rem;}
.cs-heroPicture .-left-20{left:-5rem;}
.cs-heroPicture .-right-24{right:-6rem;}
.cs-heroPicture .-top-20{top:-5rem;}
.cs-heroPicture .bottom-0{bottom:0;}
.cs-heroPicture .bottom-10{bottom:2.5rem;}
.cs-heroPicture .bottom-12{bottom:3rem;}
.cs-heroPicture .bottom-6{bottom:1.5rem;}
.cs-heroPicture .left-0{left:0;}
.cs-heroPicture .right-0{right:0;}
.cs-heroPicture .right-2{right:.5rem;}
.cs-heroPicture .top-40{top:10rem;}
.cs-heroPicture .top-6{top:1.5rem;}
.cs-heroPicture .z-10{z-index:10;}
.cs-heroPicture .ml-2{margin-left:.5rem;}
.cs-heroPicture .mt-10{margin-top:2.5rem;}
.cs-heroPicture .mt-6{margin-top:1.5rem;}
.cs-heroPicture .mt-8{margin-top:2rem;}
.cs-heroPicture .block{display:block;}
.cs-heroPicture .flex{display:flex;}
.cs-heroPicture .inline-flex{display:inline-flex;}
.cs-heroPicture .grid{display:grid;}
.cs-heroPicture .h-14{height:3.5rem;}
.cs-heroPicture .h-4{height:1rem;}
.cs-heroPicture .h-44{height:11rem;}
.cs-heroPicture .h-56{height:14rem;}
.cs-heroPicture .h-8{height:2rem;}
.cs-heroPicture .h-80{height:20rem;}
.cs-heroPicture .h-96{height:24rem;}
.cs-heroPicture .h-\[420px\]{height:420px;}
.cs-heroPicture .h-\[80px\]{height:80px;}
.cs-heroPicture .w-4{width:1rem;}
.cs-heroPicture .w-8{width:2rem;}
.cs-heroPicture .w-80{width:20rem;}
.cs-heroPicture .w-96{width:24rem;}
.cs-heroPicture .w-\[80\%\]{width:auto;}
.cs-heroPicture .w-full{width:100%;}
.cs-heroPicture .max-w-\[520px\]{max-width:100%;height: auto;margin-top: 5rem;}
.cs-heroPicture .max-w-md{max-width:42rem;}
.cs-heroPicture .rotate-6{--tw-rotate:6deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.cs-heroPicture .animate-bubble{animation:bubble 5s ease-in infinite;}
.cs-heroPicture .animate-fade-in{animation:fade-in .6s ease-out both;}
.cs-heroPicture .animate-float{animation:float 6s ease-in-out infinite;}
.cs-heroPicture .animate-float-slow{animation:float-slow 8s ease-in-out infinite;}
.cs-heroPicture .flex-wrap{flex-wrap:wrap;}
.cs-heroPicture .items-center{align-items:center;}
.cs-heroPicture .justify-center{justify-content:center;}
.cs-heroPicture .gap-12{gap:3rem;}
.cs-heroPicture .gap-2{gap:.5rem;}
.cs-heroPicture .gap-3{gap:.75rem;}
.cs-heroPicture .gap-6{gap:1.5rem;}
.cs-heroPicture .-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)));}
.cs-heroPicture .overflow-hidden{overflow:hidden;}
.cs-heroPicture .whitespace-nowrap{white-space:nowrap;}
.cs-heroPicture .rounded-2xl{border-radius:1rem;}
.cs-heroPicture .rounded-\[50\%\]{border-radius:50%;}
.cs-heroPicture .rounded-full{border-radius:9999px;}
.cs-heroPicture .border{border-width:1px;}
.cs-heroPicture .border-2{border-width:2px;}
.cs-heroPicture .border-background{border-color:hsl(var(--background));}
.cs-heroPicture .border-foreground\/15{border-color:hsl(var(--foreground) / .15);}
.cs-heroPicture .bg-accent\/60{background-color:hsl(var(--accent) / .6);}
.cs-heroPicture .bg-background{background-color:hsl(var(--background));}
.cs-heroPicture .bg-background\/60{background-color:hsl(var(--background) / .6);}
.cs-heroPicture .bg-background\/80{background-color:hsl(var(--background) / .8);}
.cs-heroPicture .bg-pond\/40{background-color:hsl(var(--pond) / .4);}
.cs-heroPicture .bg-primary{background-color:var(--primary);}
.cs-heroPicture .bg-secondary\/70{background-color:hsl(var(--secondary) / .7);}
.cs-heroPicture .bg-secondary\/80{background-color:hsl(var(--secondary) / .8);}
.cs-heroPicture .fill-background{fill:hsl(var(--background));}
.cs-heroPicture .px-4{padding-left:1rem;padding-right:1rem;}
.cs-heroPicture .px-8{padding-left:2rem;padding-right:2rem;border:0;}
.cs-heroPicture .py-1\.5{padding-top:.375rem;padding-bottom:.375rem;}
.cs-heroPicture .py-3{padding-top:.75rem;padding-bottom:.75rem;}
.cs-heroPicture .pb-32{padding-bottom:8rem;}
.cs-heroPicture .pt-12{padding-top:3rem;}
.cs-heroPicture .text-5xl{font-size:3rem;line-height:1;}
.cs-heroPicture .text-base{font-size:1rem;line-height:1.5rem;}
.cs-heroPicture .text-lg{font-size:1.125rem;line-height:1.75rem;}
.cs-heroPicture .text-sm{font-size:.875rem;line-height:1.25rem;}
.cs-heroPicture .text-xs{font-size:.75rem;line-height:1rem;}
.cs-heroPicture .font-bold{font-weight:700;}
.cs-heroPicture .font-extrabold{font-weight:800;}
.cs-heroPicture .font-medium{font-weight:500;}
.cs-heroPicture .leading-\[0\.95\]{line-height:.95;}
.cs-heroPicture .leading-\[0\]{line-height:0;}
.cs-heroPicture .text-foreground{color:hsl(var(--foreground));}
.cs-heroPicture .text-muted-foreground{color:hsl(var(--muted-foreground));}
.cs-heroPicture .text-primary{color:var(--primary);}
.cs-heroPicture .text-primary-foreground{color:hsl(var(--primary-foreground));}
.cs-heroPicture .ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);}
.cs-heroPicture .ring-background{--tw-ring-color:hsl(var(--background));}
.cs-heroPicture .ring-offset-background{--tw-ring-offset-color:hsl(var(--background));}
.cs-heroPicture .blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.cs-heroPicture .blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.cs-heroPicture .drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgb(0 0 0 / .15));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.cs-heroPicture .backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}
.cs-heroPicture .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}
.cs-heroPicture .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}
.cs-heroPicture .font-display{}
.cs-heroPicture .text-balance{text-wrap:balance;}
.cs-heroPicture .shadow-soft{box-shadow:var(--shadow-soft);}
.cs-heroPicture.bg-gradient-sky{background:var(--gradient-sky);}
.cs-heroPicture .hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.cs-heroPicture .hover\:bg-background:hover{background-color:hsl(var(--background));}
.cs-heroPicture .hover\:bg-primary\/90:hover{background-color:var(--primary);}
.cs-heroPicture .hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground));}
.cs-heroPicture .disabled\:pointer-events-none:disabled{pointer-events:none;}
.cs-heroPicture .disabled\:opacity-50:disabled{opacity:.5;}

.cs-heroPicture .\[\&_svg\]\:pointer-events-none svg{pointer-events:none;}
.cs-heroPicture .\[\&_svg\]\:size-4 svg{width:1rem;height:1rem;}
.cs-heroPicture .\[\&_svg\]\:shrink-0 svg{flex-shrink:0;}

@keyframes bubble{0%{transform:translateY(20px) scale(.6);opacity:0;}20%{opacity:.8;}to{transform:translateY(-220px) scale(1);opacity:0;}}
@keyframes fade-in{0%{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@keyframes float{0%,to{transform:translateY(0) rotate(-2deg);}50%{transform:translateY(-18px) rotate(2deg);}}
@keyframes float-slow{0%,to{transform:translateY(0);}50%{transform:translateY(-10px);}}

.story-container {display:flex;max-width:1360px;width:100%;gap:60px;align-items:center;margin:7rem auto}
.story-container .image-column{flex:1;position: relative;}
.story-container .image-card{background-color:#def0fa;border-radius:40px;position:relative;padding:40px;display:flex;justify-content:center;align-items:center;min-height:450px;position: relative;}
.story-container .badge{position:absolute;top:25px;left:25px;background:#fff;padding:8px 15px;border-radius:20px;font-size:.85rem;font-weight:700;color:#333;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.story-container .main-image{max-width:100%;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.1))}
.story-container .content-column{flex:1}
.story-container .overline{color:#e42910;font-weight:700;letter-spacing:1.5px;font-size:.9rem;margin-bottom:15px}
.story-container h1{font-size:3rem;color:#1a2e35;line-height:1.1;margin-bottom:25px;margin-top: 0;font-weight: 700;}
.story-container .description{font-size:1.1rem;color:#556b72;line-height:1.6;margin-bottom:30px}
.story-container .description img {width: 20px;position: relative;top: 3px;}
.story-container .features{list-style:none;margin-bottom:40px}
.story-container .features li{position:relative;padding-left:25px;margin-bottom:12px;color:#1a2e35;font-weight:500}
.story-container .features li::before{content:"●";color:#e42910;position:absolute;left:0}
.story-container .btn{display:inline-block;background-color:#e42910;color:#fff;text-decoration:none;padding:15px 35px;border-radius:30px;font-weight:700;transition:transform .2s,background-color .2s}
.story-container .btn:hover{background-color:#ff654a;transform:translateY(-2px)}
.story-container .image-card img {transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;}
.story-container .image-card img:hover {transform: scale(1.1) rotate(1deg);}
.story-container .cs-storyHeader1 {position: absolute;top: 0;padding-top: 13px;width: 100%;text-align: center;}
.story-container .cs-storyHeader1 h2 {font-weight: 700;}
.story-container .cs-storyHeader2 {position: absolute;width: 100%;bottom: 19px;padding: 0 50px;text-align: center;font-size: 17px;}

.bestseller, 
.kollektionen,
article.cs-articlePreview .cs-hoverlay,
.cs-megaMenuContainer,
.cs-categoriesMegaMenu .cs-megaMenu svg {display: none !important;}
.cs-printcount {background: #d9effc;display: inline-block;padding: 5px 9px;border-radius: 6px;}
body.cs-onePageCheckout label {display: block;}
.cs-hintFooter {text-align: center;color: #ffffff;}
.cs-hotLines {text-align: right;max-width: 1350px;margin: 0 auto;background: #fff;padding: 6px 10px;border-radius: 250px;display: inline-block;}