/* CSS only 125.05K, CSS & InlineSvg (19/32) 146.25K => 17% more */

@font-face { font-family: 'Header-Font'; font-display: swap; src: url('/img/Roboto-Regular.eot'); src: url('/img/Roboto-Regular.woff') format('woff'), url('/img/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/img/Roboto-Regular.ttf') format('truetype'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000; }
/* CSS base, search, meili-extra, wk, progress-bar, amazon-pay, payone-klarna, wk-t2, trinkgeld, powermenu, powermenue-extra, to-top-button, input-floating, kachel-stapel, kachel-slider, highslide_v2, tabs, datenschutz */
/* ### base ### */
*, ::before, ::after { box-sizing: border-box; } html { text-size-adjust: none; } ::before, ::after { text-decoration: inherit; vertical-align: inherit; } :root { cursor: default; line-height: 1.5; overflow-wrap: break-word; -moz-tab-size: 4; tab-size: 4; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; } body { font-size: 1rem; overflow-y: scroll; margin: 0; text-rendering: optimizeLegibility; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; overscroll-behavior-x: none; --header-width: 1600px; --theme-white: rgb(255,255,255); --theme-light: rgb(240,240,240); --theme-medium: rgb(220,220,220); --theme-dark: rgb(75,75,75); --theme-link: rgb(93, 124, 4); --theme-text: rgb(36,36,36); --theme-black: rgb(12,12,12); --theme-graublau: rgb(74,84,91); --theme-red: rgb(176, 27, 42); --theme-text-shadow: 0 0 3px rgba (0,0,0,.5); --theme-text-hover: rgb(0, 0, 0); --theme-accent: rgb(93, 124, 4); --theme-accent-light: rgb(93, 124, 4); --theme-accent-medium: rgb(93, 124, 4); --theme-accent-dark: rgb(8, 9, 10); --theme-accent-text: rgb(255,255,255); --theme-powermenu-medium: rgb(238,238,238); --theme-border: .1rem solid var(--theme-light); --theme-outline: none; --theme-radius-small: 0; --theme-radius-medium: .5rem; --theme-card-background: var(--theme-white); --theme-divider: .1rem solid var(--theme-light); --padding: 1rem; --card-padding: 0; --theme-error: rgb(176, 27, 42); --theme-error-text: rgb(255,255,255); --theme-warning: rgb(226, 185, 23); --theme-warning-text: rgb(255,255,255); --theme-success: rgb(93, 124, 4); --theme-success-text: rgb(255,255,255); --shadow-elevation-low: none; --shadow-elevation-medium: none; --shadow-elevation-high: none; background-color: var(--theme-white)!important; } .grid-2 { display: grid; grid-template-columns: 1fr; grid-gap: var(--padding); } body, input, button, .button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } b, strong { font-weight: bolder; color: inherit; } .red { color: var(--theme-error); } .green { color: var(--theme-accent-medium); } .center { text-align: center!important; } .small { font-size: .75rem; } .font-weight-normal { font-weight: normal; } .white { color: var(--theme-white); } .black { color: var(--theme-black); } .bgblack { background-color: var(--theme-black)!important; } .bgwhite { background-color: var(--theme-white)!important; } .radius05 { border-radius: .5rem!important; } .radius1 { border-radius: 1rem!important; } .bglightblack { background:rgba(255,255,255,.05)!important; } .borderlightblack { border-color:rgba(255,255,255,.08)!important; } audio, canvas, iframe, img, svg, video { vertical-align: middle; max-width: 100%; height: auto; } iframe { border-style: none; } svg:not([fill]) { fill: currentColor; } table { border-collapse: collapse; border-color: inherit; text-indent: 0; } button, input, select { margin: 0; accent-color: var(--theme-accent-medium); } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; font-family: inherit; } textarea { margin: 0; resize: vertical; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } body { background-color: var(--theme-light); color: var(--theme-text); } h1, h2, h3, h4, h5, h6 { color: var(--theme-text); font-family: 'Header-Font'; } ul { padding: 0; } body, #shopLayer, #shopMain { max-width: 100vw; } .shopHeader { background-color: var(--theme-accent-dark); z-index: 99; } #kopf_top_line { position: sticky; top: 0; z-index: 100; box-shadow: 0 0 25px -5px rgba(0,0,0,.25); } #kopf_bottom_line { background-color: var(--theme-white); box-shadow: 0 0 25px -5px rgba(0,0,0,.25); } #shopMain { min-height: 100vh; } #kopf_top_line {box-shadow: var(--shadow-elevation-medium); } /* html anchor */ html { scroll-behavior: smooth; scroll-padding-top: 5rem; } @media screen and (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } ::placeholder, ::-webkit-input-placeholder { color: var(--theme-text); opacity: .7; } a { text-decoration: none; color: var(--theme-link); transition: all 0.5s; } h1 { font-size: 1.25rem; } .h1_in_breadcrumb { font-size: inherit; } h2 { font-size: 1.15em; } h3 { font-size: 1em; } h4 { font-size: 1em; } h5 { font-size: 1em; } h6 { font-size: 1em; } hr { border: var(--theme-divider); } .pg-only { display: none; } .right { text-align: right; } /* header */ .shopHeader a:not(.button), .BreadcrumbList a, .breadcrumb a span, *[itemtype*="Breadcrumb"] * { color: var(--theme-text); } .shopHeader li, #shopFooter li { list-style: none; } #k_title { width: 100%; height: 2rem; background: var(--theme-black); position: relative; z-index: 101; } #k_title ul { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0 auto; padding: 0 1rem; } #k_title ul li { display: none; font-size: 0.8rem; line-height: 2rem; white-space: nowrap; background-image: url(/img/check-head.svg); background-size: 1.25rem; background-repeat: no-repeat; background-position: 0 50%; padding-left: 1.5rem; } #k_title ul li#trust { display: block; background-image: url(/img/trustmark_120x120.png); background-size: 1.75rem; padding-left: 2rem; } #k_title ul li, #k_title ul li a { color: var(--theme-white); } #k_title ul li a:hover { color: var(--theme-accent-light); } #k_title ul li:nth-child(3), #k_title ul li:nth-child(4) { display: none; } #k_title ul li a.active { font-weight: bold; } #k_title2 { width: 100%; height: 2rem; background: var(--theme-black); position: relative; z-index: 101; } #k_title2 ul { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0 auto; padding: 0 1rem; } #k_title2 ul li { font-size: 0.8rem; line-height: 2rem; white-space: nowrap; } #k_title2 ul li, #k_title2 ul li a { color: var(--theme-white); } #k_title2 ul li a:hover { color: var(--theme-accent-light); } #k_title2 ul li#phone { background-image: url(/img/phone.svg); background-size: 1rem; background-repeat: no-repeat; background-position: 0 50%; padding-left: 1.5rem; } #k_title2 ul li#phone span { display: none; } #k_title2 ul li#service { background-image: url(/img/service.svg); background-size: 1rem; background-repeat: no-repeat; background-position: 0 50%; padding-left: 1.5rem; } .hinweis { background-color: var(--theme-light); padding: 1rem; } .hinweis h3 { margin: 0; } .breadcrumb { margin: 1rem 0 1rem 0; } .ausrichter { padding: 0 1rem; } #kopf_top_line_inner { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 4rem; padding: 0 1rem; } #k_logo, #k_icons { width: 11rem; } #k_logo { background: url(/img/logo-elslicht.svg) no-repeat 50% 50%; height: 100%; } #suchbox { display: none; } #k_icons { display: flex; align-items: center; justify-content: flex-end; } #k_lupe_2 { background-image: url(/img/bg-suche-w.svg); background-repeat: no-repeat; background-position: 50%; } #k_merk { background-image: url(/img/bg-merkliste-w.svg); background-repeat: no-repeat; background-position: 50%; } #k_account { background-image: url(/img/bg-konto-w.svg); background-repeat: no-repeat; background-position: 50%; } #k_wk { background-image: url(/img/bg-wk-w.svg); background-repeat: no-repeat; background-position: 50%; } #k_lupe_2, #k_merk, #k_account, #k_wk, #powermenue-schalter { position: relative; display: block; height: 3rem; width: 2.5rem; background-size: 1.5rem; justify-content: flex-end; align-items: center; cursor: pointer; } .k_link { display: none; } #k_account[data-online="0"] .k_link { display: block; height: 100%; width: 100%; } @media (hover: hover) { .k_link { display: block; height: 100%; width: 100%; } } #k_icons > div > .shBagInh { position: fixed; left: var(--padding); right: var(--padding) !important; width: auto; top: 5.4rem; z-index: 99; padding: 1rem; pointer-events: none; transform: translateY(-1rem); opacity: 0; visibility: hidden; background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); box-shadow: 0 0 25px -5px rgba(0,0,0,.25); transition: opacity .2s ease-out, transform .2s ease-out; } .shopHeader.box-shadow #k_icons > div > .shBagInh { top: 3rem; } #k_icons > div:hover > .shBagInh { pointer-events: all; transform: translateY(0); opacity: 1; visibility: visible; overflow: hidden; } #k_icons > div > .shBagInh .wk-empty { display: none; } #k_icons > div[data-num="0"] .shBagInh .wk-empty, #k_icons > div[data-num=""] .shBagInh .wk-empty { display: block; text-align: center; font-weight: bold; height: 10rem; line-height: 10rem; } .wk-heading { text-align: center; font-weight: bold; padding: 1rem 0; border-bottom: var(--theme-divider); color: var(--theme-accent-medium); } #k_icons > div[data-num="0"] .wk-heading, #k_icons > div[data-num=""] .wk-heading { display: none; } ul.alt-list { list-style: none; padding: 0; margin: 0; max-height: calc(100vh - 30rem); overflow-y: auto; } ul.alt-list > li { display: block; } ul.alt-list > li > a { display: block; padding: .5rem; background-position: 0 .5rem; background-size: 3rem; background-repeat: no-repeat; } ul.alt-list.items > li > a { padding: .5rem .5rem .5rem 4rem; min-height: 4rem; background-position: .5rem 0; } ul.alt-list > li > a:hover { color: var(--theme-text-hover); } #k_icons > #k_merk > .shBagInh ul > li > a { display: flex; align-items: center; min-height: 3rem; font-weight: normal;} /*#k_icons > div > .shBagInh ul > li:nth-child(odd) > a, ul.alt-list > li:nth-child(odd) > a { background-color: var(--theme-light); }*/ ul.alt-list a * { color: var(--theme-text); } #k_icons > div[data-num=""]:before, #k_icons > div[data-num="0"]:before, #k_merk[data-num=""]:before, #k_merk[data-num="0"]:before { display: none; content: ""; } #k_wk:before, #k_merk:before { content: attr(data-num); position: absolute; top: .5rem; right: 0; color: var(--theme-accent-text); width: 1.25rem; height: 1.25rem; line-height:1.25rem; text-align: center; vertical-align: middle; border-radius: 50%; box-shadow: var(--shadow-elevation-low); font-size: 0.8rem; } #k_wk:before { background-color: var(--theme-accent-medium); } #k_merk:before { background-color: var(--theme-accent-medium); } .shBagInh .Wkbuttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem;width:100%;max-width:100%;min-width:0;padding:1rem;box-sizing:border-box;} .shBagInh .Wkbuttons .button{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;min-height:3rem;margin:0;padding:.5rem .35rem;border-radius:2rem;box-shadow:none;text-align:center;font-size:.85rem;line-height:1.2;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;} .shBagInh .Wkbuttons #wkbutton{margin:0;background:var(--theme-text);color:var(--theme-white);border:.1rem solid var(--theme-text);text-transform:none;} .shBagInh .Wkbuttons #wkbutton:hover{background:rgb(112,147,8);color:var(--theme-white);border-color:rgb(112,147,8);} #sbBagInh .Wkbuttons #kassebutton{margin:0;background:var(--theme-accent);color:var(--theme-white);border:.1rem solid var(--theme-accent);text-transform:uppercase;} #sbBagInh .Wkbuttons #kassebutton:hover{background:rgb(112,147,8);color:var(--theme-white);border-color:rgb(112,147,8);} #shopLayer #powermenue-schalter { margin-left: 0; margin-right: 1rem; background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><path class="st0" d="M4,5h16c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,7,3,6.6,3,6S3.4,5,4,5z M4,11h16c0.6,0,1,0.4,1,1s-0.4,1-1,1H4 c-0.6,0-1-0.4-1-1S3.4,11,4,11z M4,17h16c0.6,0,1,0.4,1,1s-0.4,1-1,1H4c-0.6,0-1-0.4-1-1S3.4,17,4,17z"/></svg>') no-repeat 50%!important; background-size:2rem; } #shopLayer.powermenue-open #k_title { display: none; } /* such feld */ #shopLayer.suche-offen #suchbox { display: block; width: 100%; } #shopLayer.suche-offen #k_logo, #shopLayer.suche-offen #k_icons, #shopLayer.suche-offen #powermenue-schalter { display: none; } #shopLayer.suche-offen #k_lupe_3 { display: flex; gap: var(--padding); align-items: center; } #shopLayer.suche-offen #h-ps-close { display: inline-block; height: 2.5rem; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><path class="st0" d="M18.8,16.9l-5.1-5.1l5.1-5.1c0.6-0.6,0.6-1.4,0-2s-1.4-0.6-2,0l-5.1,5.1L6.6,4.7c-0.6-0.6-1.4-0.6-2,0 s-0.6,1.4,0,2l5.1,5.1l-5.1,5.1c-0.6,0.6-0.6,1.4,0,2s1.4,0.6,2,0l5.1-5.1l5.1,5.1c0.6,0.6,1.4,0.6,2,0 C19.3,18.3,19.3,17.4,18.8,16.9z"/></svg>'); background-color: var(--theme-accent-medium); background-position: center; background-repeat: no-repeat; background-size: 36%; } input#menSuchStr { max-width: 100%; } #shopLayer #k_lupe_3 > div { width: 100%; position: relative; } #shopLayer #k_lupe_3 #menSuchStrIcon { position: absolute; height: 100%; aspect-ratio: 1 / 1; top: 0; right: 0; pointer-events: none; background-image: url(/img/search.svg); background-size: 50%; background-position: center; background-repeat: no-repeat; } /* main */ #shopMain { max-width: var(--header-width); padding: var(--padding); margin: 0 auto; } /* footer */ #shopFooter { background-color: var(--theme-black); } .foot_infos { padding: 2rem var(--padding); width: 100%; max-width: var(--header-width); margin: 0 auto; position: relative; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .foot_infos ul { width: 100%; margin-bottom: 2rem; } .foot_infos ul#lichtb { display: none; } .foot_infos ul li { margin-bottom: .5rem; color: var(--theme-white); } .foot_infos ul li a { color: var(--theme-white); } .foot_infos ul li a:hover { color: var(--theme-accent); } .foot_infos ul.soc { display: flex; flex-wrap: wrap; justify-content: center; min-height: auto; } .foot_infos ul.soc li.foot_ueb { width: 100%; } .foot_infos ul.pay { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; min-height: auto; } .foot_infos ul.soc, .foot_infos ul.mitgl { min-height: auto; } .foot_infos .foot_ueb { display: inline-block; height: 2rem; text-transform: uppercase; letter-spacing: 0.10em; white-space: nowrap; margin-bottom: 0; } .foot_infos #info_zahl { display: flex; flex-wrap: wrap; justify-content: center; margin-top: .5rem; } .foot_infos #info_zahl img { width: 4rem; margin: .5rem; height: 100%; border-radius: .5rem; } .foot_infos ul.soc li a {display:inline-block;width:2rem;height:2rem;margin: .5rem;padding:0;} #shopFooter #f_text { text-align: center; padding: 2rem; color: var(--theme-white); } #shopFooter #f_text > span { display: block; font-size: .8rem; } #shopFooter .unten #f_text span.br { display:block;height:0; } #shopFooter .unten #f_text span.pipe { display:none; } #shopFooter a:hover { color: var(--theme-accent); } #shopFooter .unten { border-top: .1rem solid var(--theme-dark); } #shopFooter ul.check li { background-image: url(/img/check-foot.svg); background-size: 1rem; background-repeat: no-repeat; background-position: 0 50%; padding-left: 1.5rem; } .foot_infos2 { display: flex; flex-wrap: wrap; padding: 2rem 2rem 2rem 2rem; border-bottom: .1rem solid var(--theme-dark); } .foot_infos2 div { color: var(--theme-white); text-align: left; } .foot_infos2 div a { display: block; color: var(--theme-white); font-size: 1.25rem; font-weight: bold; } .foot_infos2 div#phone { width: 100%; margin-bottom: 1rem; } .zul_anges_art { background: var(--theme-white)!important; } .zuletzt_items { display: flex; flex-wrap: wrap; padding: 0 0 5rem 0; gap: .3rem; } .zuletzt_items .zuletzt { } .zuletzt_items .zuletzt a { display: block; border: var(--theme-border) ;border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); background-color: white; transition: box-shadow .3s ease-out; overflow: hidden; } .zuletzt_items .zuletzt:hover a { box-shadow: var(--shadow-elevation-high); } .zuletzt_items .zuletzt a img { width: 5rem; height: 5rem; object-fit: contain; } .zuletzt_fix { padding-top: 2rem; } .zuletzt_fix .ueb { display:block; margin-bottom:.5rem; } .animate { transition: all .1s ease-out; } .loading { opacity: 0; transform: scale(.9) skew(5deg, 5deg); } /* rating */ .rat_stars { display: block; height: 1.5rem; } .rat_stars * { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><style type="text/css">.st0{fill:RGB(238,177,29);}</style><path class="st0" d="M13 5h-4.7l-1.8-5-1.8 5h-4.7l3.9 2.9-1.4 5.1 4-3.1 4 3.1-1.4-5.1 3.9-2.9zm-6.5 3.5l-2.2 1.8.9-2.6-2.1-1.7 2.6.1.8-3 .8 3 2.6-.1-2.1 1.7.9 2.6-2.2-1.8z"/></svg>'); height: 1.5rem; width: 1rem; margin-right: .3rem; display: block; float: left; background-repeat: no-repeat; background-position: center; background-size: 100%; } .rat_stars i { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><style type="text/css">.st0{fill:RGB(238,177,29);}</style><path class="st0" d="M6.5 0l1.8 5h4.7l-3.9 2.9 1.4 5.1-4-3.1-4 3.1 1.4-5.1-3.9-2.9h4.7z"/></svg>'); } .rat_stars b { background-image: url(/img/star-outline-h.svg); } .rattext { min-height: 6rem; } /* card */ .card { display: block; position: relative; border: var(--theme-border); padding: 1rem; overflow: hidden; transition: box-shadow .3s ease-out; transition: all .3s ease-out; } a.card:hover { box-shadow: var(--shadow-elevation-high); transform: translateY(-.2rem) translateZ(0); } .card.login-div { overflow: unset; } .card.p-0 { padding: 0; } .card .full, .card .card-info { margin: 0 calc(var(--card-padding) * -2); width: calc(100% + calc(var(--card-padding) * 4)); max-width: calc(100% + calc(var(--card-padding) * 4)); } .card.p-0 .full, .card.p-0 .card-info { margin: 0; } .card.p-0 .card-info { width: 100%; max-width: 100%; } .card img.full.top { margin-top: calc(var(--card-padding) * -1); width: 100%!important; } .card > h1:first-child, .card > h2:first-child, .card > h3:first-child, .card-info > h3:first-child { margin-top: calc(var(--card-padding) / 2); } .card.accent, .card.accent a, .card .card-info.accent, .card .card-info.accent a { background-color: var(--theme-accent-medium); color: var(--theme-accent-text); } .card.accent h1, .card.accent h2, .card.accent h3, .card.accent h4, .card.accent h5, .card.accent h6 { color: var(--theme-accent-text); } .card .card-info { padding: 1rem 2rem; border-top: var(--theme-divider); border-bottom: var(--theme-divider); } .card .card-info:first-child { border-top: none; border-bottom: none; } .card:not(.p-0) .card-info:first-child { margin-top: calc(var(--card-padding) * -1); } .card .card-info:last-child { margin-bottom: calc(var(--card-padding) * -1); border-bottom: none; } .m-auto { margin: 0 auto!important; } .m-0 { margin: 0!important; } .mt-2 { margin-top: 1rem!important; } .mt-4 { margin-top: 2rem!important; } .mt-6 { margin-top: 3rem!important; } .mt-4 { margin-top: 2rem!important; } .mb-1 { margin-bottom: .5rem!important; } .mb-2 { margin-bottom: 1rem!important; } .mb-4 { margin-bottom: 2rem!important; } .mb-6 { margin-bottom: 3rem!important; } .mb { margin-bottom: var(--padding); } .p-0mob { padding: 0; } .p-0 { padding: 0!important; } .p-2 { padding: 1rem; } .p-4 { padding: 2rem; } .pb-2 { padding-bottom: 1rem; } /* scrollbar */ #shopLayer ::-webkit-scrollbar { width: .5rem; } #shopLayer ::-webkit-scrollbar-track { background-color: var(--theme-light); } #shopLayer ::-webkit-scrollbar-thumb { background: var(--theme-medium); border-radius: 10px; } #shopLayer { scrollbar-color: var(--theme-medium) var(--theme-light); scrollbar-width: thin; } /* Detail Navigation (Artikeldetail & Content) */ .detail-nav{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.9rem .35rem;color:var(--theme-text);text-decoration:none;background:none;border:0;font-size:1rem;cursor:pointer;width:100%;text-align:left;transition:color .2s ease,background .2s ease;} .detail-nav:hover{color:var(--theme-accent);background:none;} .detail-nav::after{content:"";width:.6rem;height:.6rem;border-right:.15rem solid currentColor;border-bottom:.15rem solid currentColor;transform:rotate(45deg);justify-self:end;align-self:center;margin-top:-.25rem;margin-right:2rem;transition:transform .2s ease;} .detail-nav:focus{outline:none;} .detail-nav:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px;} /* button */ button, .button { display: inline-block; background-color: var(--theme-accent-dark); border: none; padding: 1rem 2rem; font-size: 1rem; text-transform: uppercase; color: var(--theme-white); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); cursor: pointer; transition: all .3s ease-out; user-select: none; } button:hover, .button:hover { box-shadow: var(--shadow-elevation-high); color: var(--theme-white); background-color: var(--theme-accent-medium); } button.big, .button.big { width: 100%; padding: 1rem; font-size: 1,25rem; text-align: center; text-transform: uppercase; } button.big.icon:before, .button.big.icon:before { content: ''; background-repeat: no-repeat; background-position: center; display: inline-block; margin-right: 1rem; margin-top: -0.5rem; height: 2rem; width: 2rem; vertical-align: middle; } button:disabled, .button:disabled { opacity: .5; cursor: no-drop; } button.cancel, .button.cancel, button.secondary, .button.secondary { background-color: var(--theme-accent-light); color: var(--theme-white); margin-top: 1rem; } button.cancel:hover, .button.cancel:hover, button.secondary:hover, .button.secondary:hover { background-color: var(--theme-black); } button.cancel { margin-right: 1rem; } .button-group { display: grid; grid-gap: var(--padding); grid-template-columns: 1fr 1fr; } .button-group > .button, .button-group > button { text-align: center; } button.button-anfrage, .button.button-anfrage { background: var(--theme-white); color: var(--theme-black); border: .1rem solid var(--theme-black); box-shadow: none; transition: none; } button.button-anfrage:hover, .button.button-anfrage:hover { background: var(--theme-accent); color: var(--theme-white); border: .1rem solid var(--theme-accent); box-shadow: none; transition: none; } .button.button-warenkorb { background: var(--theme-accent); color: var(--theme-white); border: .1rem solid var(--theme-accent); } .button.button-warenkorb:hover { background: var(--theme-accent); border-color: var(--theme-accent); color: var(--theme-white); box-shadow: 0 .5rem 1.2rem rgba(0,0,0,.18); transform: translateY(-.2rem); } /* input */ input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="date"], textarea, select, input[type="range"] { width: 100%; max-width: 24rem; } input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="date"], textarea, select { border: none; border-bottom: 1px solid transparent; border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-low); background-color: var(--theme-light); padding: 0.5rem .8rem; color: var(--theme-text); font-size: 1rem; height: 2.5em; font-family: inherit; } textarea { min-height: 10rem; resize: vertical; } input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus { outline: none; border-bottom: 1px solid var(--theme-accent-medium); } input[type="number"] { max-width: 5rem; } .inp_wrapper[data-typ="number"] { display: inline-block; margin-right: 0.5rem; } .inp_wrapper.error div { font-size: .9rem; color: var(--theme-error-text); background-color: var(--theme-error); padding: .4rem .8rem; margin-top: .2rem; border-radius: var(--theme-radius-small); } .inp_wrapper[data-typ="checkbox"] { display: flex; align-items: start; } .inp_wrapper[data-typ="checkbox"] > input { margin: 0; margin-top: .3rem; height: 1.25rem; width: 1.25rem; } .inp_wrapper[data-typ="checkbox"] input + label { display: block; margin-left: .7rem; position: relative; top: unset; left: unset; transform: unset !important; pointer-events: all; font-size: .95rem; max-width: 22.5rem; width: 22.5rem; text-align: left; } .inp_wrapper[data-type="radio"] { margin-top: 0.2rem; } .radio-group { margin-top: 1.5rem;} input[disabled] + label, input[disabled] + label * { opacity: .7; } .inp_wrapper .inp_error { border-bottom: 2px dashed var(--theme-error) !important; } /* geht nicht in firefox weil input & :before da nicht geht input[type="checkbox"] { visibility: hidden; } input[type="checkbox"]:after { content: ' '; visibility: visible; width: 1rem; height: 1rem; background: var(--theme-white); border-radius: .25rem; display: block; margin: .1rem .5rem 0 0; border: .1rem solid rgb(204,204,204); } input[type="checkbox"]:checked:after { background: var(--theme-accent-medium) !important; } */ /* - + input */ .inp_wrapper[data-typ="number-custom"] > div.inc, .inp_wrapper[data-typ="number-custom"] > div.dec { float: left; width: 1.6rem; height: 2.5rem; margin-top: 0; text-align: center; line-height: 2.2rem; background-color: var(--theme-medium); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); cursor: pointer; user-select: none; } .inp_wrapper[data-typ="number-custom"] > div.dec { border-top-right-radius: 0; border-bottom-right-radius: 0; } .inp_wrapper[data-typ="number-custom"] > div.inc { border-top-left-radius: 0; border-bottom-left-radius: 0; } .inp_wrapper[data-typ="number-custom"] { height: 3rem; width: 8.2rem; margin: 0 auto; display: inline-block; } .inp_wrapper[data-typ="number-custom"] input { float: left; width: 2.7rem; text-align: center; margin-top: 0; padding-left: 0; padding-right: 0; border-radius: 0; z-index: 2; position: relative; } .inp_wrapper[data-typ="number-custom"] input::-webkit-outer-spin-button, .inp_wrapper[data-typ="number-custom"] input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .inp_wrapper[data-typ="number-custom"] input[type=number] { -moz-appearance: textfield; } .inp_wrapper[data-typ="number-custom"] > div.del { width: 2rem; height: 2.5rem; float: left; font-size: 0; cursor: pointer; user-select: none; background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" width="512px" height="512px"><g id="Urn"> <path d="M51.8656998,5.4326H40.6636009V5.4159999c0-1.4462998-0.5634995-2.8055999-1.5870018-3.8290999 C38.0531998,0.5635,36.6927986,0,35.2456017,0H29.9438c-1.4237823,0-2.7626991,0.5537-3.7684994,1.5596 C25.1693993,2.5655,24.6147003,3.9043,24.6147003,5.3291001V5.4326H12.0991001 c-2.9579992,0-5.3651996,2.4063001-5.3651996,5.3642998v5.1416006c0,0.5526991,0.4472003,0.999999,1,0.999999h2.8309999v37.1523018 c0,2.6455002,1.0313005,5.1338005,2.9033003,7.006897C15.3393002,62.9696999,17.8285999,64,20.4761009,64h23.2402 c2.5967178,0,5.0380974-1.0107002,6.872097-2.8466988c1.8359032-1.8369026,2.8466187-4.2763023,2.8466187-6.8701019V16.9384995 h2.8310814c0.5527,0,1-0.4473,1-0.999999v-5.1055002C57.266098,7.8555002,54.8432007,5.4326,51.8656998,5.4326z  M51.4350166,54.2831993c0,2.0596008-0.8027153,3.9971008-2.2607155,5.4561005C47.7173004,61.1973,45.778801,62,43.716301,62 h-23.2402c-2.1133003,0-4.0997009-0.8222008-5.5938005-2.3163986c-1.4727001-1.4736023-2.3174-3.5116997-2.3174-5.5928001 V16.9384995h38.8701172V54.2831993z M55.266098,14.9385004h-2.8310814H11.5649004H8.733901v-4.1416006 c0-1.8555002,1.5096998-3.3642998,3.3651991-3.3642998h13.5156002c0.5527992,0,1-0.4471998,1-1V5.3291001 c0-0.8906002,0.3456993-1.7265,0.9745998-2.3545001C28.2084999,2.3555,29.0669003,2,29.9438,2h5.3018017 c0.8994179,0,1.7802963,0.3652999,2.4169998,1.0009999c0.6455002,0.6455002,1.0009995,1.5029001,1.0009995,2.415V6.4326 c0,0.5528002,0.4472008,1,1,1h12.2020988c1.875,0,3.4003983,1.5254002,3.4003983,3.4004002V14.9385004z" fill="rgb(60,60,60)"/> <path d="M22.1557007,52.2344017c0.5527992,0,1-0.4473,1-1V26.2334003c0-0.5527-0.4472008-1-1-1c-0.5526829,0-1,0.4473-1,1 v25.0010014C21.1557007,51.7871017,21.6030178,52.2344017,22.1557007,52.2344017z" fill="rgb(60,60,60)"/> <path d="M32.4673004,52.2344017c0.5527191,0,1-0.4473,1-1V26.2334003c0-0.5527-0.4472809-1-1-1c-0.5528011,0-1,0.4473-1,1 v25.0010014C31.4673004,51.7871017,31.9144993,52.2344017,32.4673004,52.2344017z" fill="rgb(60,60,60)"/> <path d="M42.7798004,52.2344017c0.5527,0,1-0.4473,1-1V26.2334003c0-0.5527-0.4473-1-1-1c-0.552784,0-1,0.4473-1,1v25.0010014 C41.7798004,51.7871017,42.2270164,52.2344017,42.7798004,52.2344017z" fill="rgb(60,60,60)"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>') 50% no-repeat; background-size: 1.5rem; } .inp_wrapper.delete.required label { display: none; } /* toggle (css only radio group) */ .toggle { display: flex; border: var(--theme-border); box-shadow: var(--shadow-elevation-low); background-color: var(--theme-light); } .toggle > button { flex: 1; padding: 1rem; border-radius: 0; background-color: transparent; color: var(--theme-text); box-shadow: none; transition: color .3s ease-out; border-left: var(--theme-border); z-index: 2; } .toggle > button.active { color: var(--theme-accent-text); } .toggle > button:first-of-type { border-left: none; } .toggle:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; background-color: var(--theme-accent-medium); transition: left .4s ease-out; border-radius: var(--theme-radius-small); } .toggle-slide-content { position: relative; border-bottom: var(--theme-divider); } .toggle-slide-content > div { position: absolute; top: var(--padding); left: 0; width: 100%; transform: translateX(-2rem); opacity: 0; visibility: hidden; z-index: -1; transition: all ease-out .3s; } /* default table */ .table { max-width: 100%; overflow-x: auto; } .table table { width: 100%; max-width: calc(100vw - calc(var(--padding) * 5)); } .table th { text-align: left; min-width: 8rem; padding: .5rem .5rem .5rem 0; background-color: var(--theme-card-background); font-size: 1rem; color: var(--theme-text); } .table th p { margin: 0; } .table td { padding: .5rem; color: var(--theme-text); } .table td a { color: var(--theme-text); } .table td.no-border { border-bottom: none; } .table.clickable tr.clickable { cursor: pointer; background-color: var(--theme-card-background); transition: background .1s ease-out; } .table.clickable tr.clickable:hover { background-color: var(--theme-light); } .table.clickable td.clickable-link { padding: 0; } .table.clickable td.clickable-link > a { display: block; padding: calc(var(--padding) / 2) var(--padding); } .table.clickable tr.clickable.active { background-color: var(--theme-accent-dark); } .table.clickable tr.clickable.active > td > a { color: var(--theme-white); } .table tr:empty { display: none; } /* css dropdown */ .css_dropdown { position: relative; } .css_dropdown > div { cursor: pointer; padding: var(--padding); background: var(--theme-white) url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 11 7" style="enable-background:new 0 0 11 7;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3C;}</style><path class="st0" d="M0,1.4l4.8,4.9l0.7,0.6l0.7-0.6L11,1.4L9.7,0.1L5.5,4.3L1.3,0.1"/></svg>') no-repeat 90% 50%; background-size: 1.25rem; box-shadow: 0px 0px 10px rgba(0,0,0,.2); border-radius: .5rem; } .css_dropdown ul { display: block; position: absolute; z-index: 20; margin-top: 0; background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); list-style: none; left: 0; right: 0; padding: 0; opacity: 0; transition: opacity .2s ease-out, transform .2s ease-out; transform: translateY(-1rem); visibility: hidden; border: var(--theme-border); max-height: 30rem; overflow-y: auto; } .css_dropdown:hover ul { visibility: visible; opacity: 1; transform: translateY(0); } .css_dropdown ul li a, .css_dropdown ul li label { display: block; padding: .5rem .5rem .5rem 1rem; text-align: left; color: var(--theme-text); cursor: pointer; } .css_dropdown ul li { border-bottom: var(--theme-divider); } /* Tooltip <span class='tooltip'>Hover mich<div class='tooltiptext'>Lorem Ipsum</div></span> */ .tooltip { display: inline-block; border-bottom: 1px dotted var(--theme-text); } .tooltip .tooltiptext { opacity: 0; visibility: hidden; transform: translate(0%, 1rem); top: 0; left: 0%; width: 24rem; background-color: black; color: white; text-align: left; padding: var(--padding); border-radius: var(--theme-radius-small); position: absolute; z-index: 1; transition: all .3s ease-out; } .tooltip.bottom .tooltiptext { transform: translate(0%, -1rem); bottom: unset; top: 100%; } .tooltip:hover .tooltiptext { opacity: 1; visibility: visible; transform: translate(0%, 0); } .tooltip .tooltiptext.wide { width: 23rem; } .PGerror, .PGwarning, .PGsuccess { border-radius: var(--theme-radius-small); padding: var(--padding); display: flex; gap: var(--padding); align-items: center; justify-content: right; border-left: 3px solid transparent; } .PGerror > img, .PGwarning > img, .PGsuccess > img { height: 4rem; } .error-div, .warning-div, .success-div { padding: .4rem .8rem; border-radius: var(--theme-radius-small); } .PGerror, .user-feedback.error, .user-feedback.error > h3, .error-div { background-color: var(--theme-error); color: var(--theme-error-text); } .PGwarning, .user-feedback.warning, .user-feedback.warning > h3, .warning-div { background-color: var(--theme-warning); color: var(--theme-warning-text); } .PGsuccess, .user-feedback.success, .user-feedback.success > h3, .success-div { background-color: var(--theme-success); color: var(--theme-success-text); } .error-div:empty, .warning-div:empty, .success-div:empty { display: none; } #user-feedback-wrapper { position: fixed; z-index: 99; pointer-events: none; top: 5rem; left: 50%; transform: translate(-50%, 0); width: 90vw; max-width: 45rem; } .user-feedback { position: relative; background-color: var(--theme-accent-medium); color: var(--theme-accent-text); padding: var(--padding); opacity: 0; transform: translate(0, -20%); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); transition: all .3s ease-out; } .user-feedback.open { opacity: 1; transform: translate(0, 0); margin-bottom: 1rem; } .user-feedback:before { position: absolute; bottom: 0; left: 0; right: 0; height: 0.2rem; content: ' '; background-color: white; transition: right .1s linear; } .user-feedback.open:before { right: 100%; } .user-feedback > h3 { margin-top: 0; } .hide { display: none; } .block { display: block; } .rotate-center:before { animation: rotate-center 0.6s ease-in-out both; } @keyframes rotate-center { 0% { transform: rotate(0); } 50% { transform: rotate(180deg) scale(.3); } 100% { transform: rotate(360deg) scale(1); } } .progress-symbol { display: none; } #shopLayer.progress .progress-symbol { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.2); } .lds-ellipsis { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; } .lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: var(--theme-accent-medium); animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } } .bestellung_action a, #pers_submen a { margin: 0.2rem; display: inline-block; padding: .5rem; } #pers_submen a { background-color: var(--theme-black); color: var(--theme-white); } #pers_submen a.active, #pers_submen a:hover { background-color: var(--theme-accent-medium); color: var(--theme-white); } #pers_submen { margin-bottom: 3rem; } #pers_submen .button { text-transform: unset; } .picva { width: 5rem; display:block; } .tab_k { margin-bottom: .5rem; } .tab_k:empty { display: none; } #bestellabschluss { text-align: center; } #megaBestellabschluss { display:block; height:14rem; width: 14rem; border-radius: 14rem; background: var(--theme-success); margin: 5rem auto 3rem auto; position:relative; } #megaBestellabschluss:before{content:' ';display:block;height:inherit;width:inherit;background:url(/img/check_w.svg) no-repeat 50% 50%; background-size:150px;animation: wobbel 1s 1 linear} #bestellabschluss p { text-align: center; font-size: 1.25rem; line-height: normal; } #bestellabschluss p span { font-size: 1rem; } #bestellabschluss form { width: max-content; margin: 0 auto;} #bestellabschluss form button { margin-top: 2rem; } #bestellabschluss h3 { font-size: 1.5rem; font-weight: bold; } .datenschutz-grid + input.button { float: right; } .card[data-za="2"] .zacheck .icon, .zacheckbue[data-za="2"] { background-image: url(/img/f_ls.svg); } .card[data-za="3"] .zacheck .icon, .zacheckbue[data-za="3"] { background-image: url(/img/f_vk.svg); } .card[data-za="4"] .zacheck .icon, .zacheckbue[data-za="4"] { background-image: url(/img/f_dhl-nachnahme.svg); } .card[data-za="5"] .zacheck .icon, .zacheckbue[data-za="5"] { background-image: url(/img/f_bar.svg); } .card[data-za="7"] .zacheck .icon, .zacheckbue[data-za="7"] { background-image: url(/img/f_rg.svg); } .card[data-za="8"] .zacheck .icon, .zacheckbue[data-za="8"] { background-image: url(/img/f_pp.svg); } .card[data-za="9"] .zacheck .icon, .zacheckbue[data-za="9"] { background-image: url(/img/f_kk.svg); } .card[data-za="11"] .zacheck .icon, .zacheckbue[data-za="11"] { background-image: url(/img/f_ap.svg); } .card[data-za="12"] .zacheck .icon, .zacheckbue[data-za="12"], .card[data-za="13"] .zacheck .icon, .zacheckbue[data-za="13"] { background-image: url(/img/klarna.svg); } .zacheckbue { height: 3rem; width: 5rem; background-position: center; background-size: contain; background-repeat: no-repeat;} #shopLayer[data-pp="perart"] #pag_se_all {display:none!important;} ul.mleft li { margin-left: 1rem; padding: .5rem 0; } ul.check li { list-style: none; background-image: url(/img/check-head.svg); background-size: 1.25rem; background-repeat: no-repeat; background-position: 0 50%; padding-left: 1.5rem; margin-left: 0; } ul.nonelist li { list-style: none; } .htm_include { padding: 1rem!important; margin-bottom: 2rem; } /* Lexikon */ #gloss_wrapper {margin-bottom:2rem;} #gloss_nav {margin-bottom:2rem;} .gloss_alph_tab {margin-left:.5rem;} #gloss_nav .gloss_alph_tab {margin-left:0;} .gloss_cloud1, .gloss_cloud2, .gloss_cloud3, .gloss_cloud4, .gloss_cloud5, .gloss_cloud6, .gloss_cloud7 { font-size:1rem; padding-right: 1rem; } .gloss_box { font-size:1rem; } .gloss_box a { margin-top: 1.2rem; margin-left: 0.5rem; display: block; color: var(--theme-text); } .gloss_box a span { color: var(--theme-text); } .gloss_box a span:hover { color: var(--theme-accent); } .gloss_li1 {background-color:#EEEEEE;list-style-type: none;list-style-position:inside;cursor:pointer;position: relative; left: -20px;} .gloss_li2 {background-color:#FFFFFF;list-style-type: none;list-style-position:inside;cursor:pointer;position: relative; left: -20px;} .gloss_ajax_text {font-size: 1rem;font-weight: bold;} #gloss_nav .gloss_alph { width: auto; min-width: 3rem; font-size: 1rem; color: var(--theme-text); background-color: var(--theme-light); padding: .5rem; border-radius: .5rem; display: inline-block; margin: 0 .5rem .5rem 0; text-align: center; } #gloss_nav .gloss_alph:hover { background-color: var(--theme-accent); } .gloss_alph_tab {display:inline;} .gloss_box table.gloss_alph_tab span.gloss_alph {font-size: 2rem;padding: .5rem 1rem;background: rgb(226,114,12);color: #fff;border-radius: .5rem;} .gloss_alph a, .gloss_alph a nobr {font-size:1.25rem;color:#fff;} .gloss_alph a {padding: .5rem;} .gloss_alph a:hover {background-color:rgb(226,114,12);} .gloss_titel {font-size:1.25rem;font-weight:bold;} .gloss_text {font-size:1rem;} .gloss_text ul li {font-size:1rem;position: relative;padding: .5rem 0 .5rem 2rem;margin: 0;} .gloss_text ul {margin: 0 0 2rem 0;} .gloss_text h2 {border-bottom: 1px solid silver; padding-bottom: 3px} .gloss_text p, .gloss_text p a {font-size:1rem;} .gloss_text p {margin:.5rem 0;} .gloss_text p b {font-weight:bold;} .gloss_text strong {font-size:1rem;font-weight:bold!important;} .gloss_text iframe[src*='youtube'], .banner iframe[src*='youtube'] {border-radius: 5px; border: 6px solid #ececec; display: block; margin: 0 auto;} .gloss_text {margin-bottom:10em;} .gloss_box h1 {font-size:1.5em;font-weight:normal!important;} .gloss_alph_tab .gloss_alph {font-size: 1.25rem; background-color: rgb(80,80,80);color:#fff;padding: .25rem;border-radius: .5rem;display: inline-block;margin: 0;width: 2rem;text-align: center;} .gloss_box {margin-bottom:2rem;} #gloss_nav .gloss_alph_tab:last-child .gloss_alph {padding: .5rem 2rem;} #shopLayer[data-pp="agb"] .tab_k { display:none; } #shopLayer[data-pp="agb"] .zul_anges_art { display: none; } #shopLayer[data-pp="agb"] .htm_include ul li { margin-left: 1rem; } #shopLayer[data-pp="dat"] .tab_k { display: none; } #shopLayer[data-pp="dat"] .zul_anges_art { display:none; } #shopLayer[data-pp="dat"] .htm_include ul li { margin-left: 1rem; } #shopLayer[data-pp="wid"] .tab_k { display: none; } #shopLayer[data-pp="wid"] .zul_anges_art { display:none; } #shopLayer[data-pp="wid"] .htm_include ul li { margin-left: 1rem; } #shopLayer[data-pp="ticket"] .button.ticket { background-color: var(--theme-accent); color: var(--theme-white); } /*Adventskalender*/ #advent_tab { text-align:center; position: relative; } .advent_tab { width:100%; background-image:url(/img/Fotolia_125747371_M.jpg); background-position: 58% 46%; background-repeat:no-repeat; background-size: cover; border:0; margin:0 0 2% 0;position:relative;border-radius: 1rem; padding-bottom: 10rem; } .advent_td { text-align:center; width: 5rem; height: 3rem; font-size: 1rem; } .advent_td a { font-size: 1rem; } #advent_ueb { font-size:2rem; text-align:center; padding: 1rem 0 .5rem 0; } .advent_text { width:100%;height:auto; background-color:#a40609; opacity: 0.9; padding: 1rem; font-size: 1.25rem; color: var(--theme-white); text-align: center; position: absolute; bottom: -10rem; border-radius: var(--theme-radius-medium);} .advent_tag { padding:1rem; display:inline-block; margin:.5rem; background-color: rgba(255,255,255,0.5); border-radius: 0.5rem; } .advent_nummer { font-size: 2rem; width: 100%; height: 100% !important;display: inline-block;cursor:pointer;} .advent_tooltipp { padding: 1rem; background-color: var(--theme-white); position:absolute; border: var(--theme-divider); border-radius: .5rem; position: absolute; z-index: 100; top: 0; box-shadow: var(--shadow-elevation-medium); } .advent_status1, .advent_status2, .advent_status3 { float:left; width:90%; height:4rem; margin-bottom: 1rem; padding-left: 15%; font-size:1rem; text-align: left;} .advent_status1 { color:#a70b07; background-image:url(/img/pg_smily3.png); background-repeat:no-repeat; background-position: 0 0; } .advent_status2 { color:#1c7d06; background-image:url(/img/pg_smily1.png); background-repeat:no-repeat; background-position: 0 0; } .advent_status3 { color:#dfbc15; background-image:url(/img/pg_smily2.png); background-repeat:no-repeat; background-position: 0 0; } .advent_name { padding:0 0 1rem 0; font-size:1.25rem; } .advent_pic { width:30%; float:left; } .advent_preisbox { width:60%; float:left; margin-left:1rem; text-align: left; } .advent_preisbox_uvp { opacity: .7; } .advent_preisbox_strike { color: #cc0000; } .advent_proz { font-size: 1.5rem; color: #cc0000; font-weight:bold;} .advent_preisbox_preis { font-size: 1.5rem; font-weight:bold; } /*Adventskalender ENDE*/ .inp_wrapper[data-typ="checkbox"] > input { margin: 0; margin-top: .3rem; height: 1.25rem; width: 1.25rem; } .flexbox { display:flex; justify-content:space-between; position:relative; } /* Farbpunkte Schienensysteme */ .se-farben-row { display:flex !important; flex-wrap:wrap; gap:22px; align-items:flex-start; justify-content:center; margin-top:20px; } .se-farbe { display:flex; flex-direction:column; align-items:center; text-align:center; width:110px; } .se-farbe img { width:72px; height:72px; border-radius:50%; object-fit:cover; display:block; margin-bottom:8px; } .se-farbe span { font-size:13px; line-height:1.3; color:var(--theme-text); } /*Hilfecenter Head*/ #k_title ul li #k_hilfe_c { display: block; height:2rem; color: var(--theme-white); font-size: .7rem; text-transform: uppercase; font-weight: bold; } #k_title ul li #k_hilfe_c span { font-size:.8rem; color: var(--theme-text) ;display:block; } #k_hilfecenter { width: 350px; padding: .3rem 1rem 1rem 1rem; left: 0; background: var(--theme-light); position: absolute; top:30px;z-index: 10001; border-bottom-right-radius: 0; display: none;box-shadow: 0 0 25px -5px rgba(0,0,0,.5);} #k_hilfecenter #k_hilf_kont { display: block; background-image: url('data:image/svg+xml,<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 60.7 60.7" style="enable-background:new 0 0 60.7 60.7;" xml:space="preserve"><style type="text/css"> .st0{fill:none;stroke:%233C3C3C;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}</style><g id="mail"> <rect class="st0" x="5.5" y="12.5" width="49.7" height="35.7" rx="4.5" ry="4.5"></rect> <path class="st0" d="M7.5,16.2l20,16.2c1.6,1.3,4,1.3,5.6,0l20-16.2"></path></g></svg>'); background-size: auto 1rem; background-position: 0 75%; line-height: normal; background-repeat: no-repeat; color: var(--theme-text)!important; padding-left: 2rem; font-size: 1.1rem; font-weight: bold; margin-top: .5rem; margin-bottom: .3rem; } #k_hilf_kont { margin-bottom: 1rem; } #k_hilfecenter > a:hover { color: var(--theme-accent-dark)!important; } #k_hilfecenter > a#k_hilf_tel { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="%237ba305" stroke-width="2" stroke-linecap="butt" stroke-linejoin="arcs"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>'); background-size: auto 1.25rem; line-height: normal; background-repeat: no-repeat; color: var(--theme-text); font-size: 1rem; padding-left: 1.5rem; font-size: 1.1rem; font-weight: bold; } #k_hc_wrapper:hover #k_hilfecenter { display: block; } #k_hilf_tel span {font-size: .8rem; color: var(--theme-dark); font-weight: normal;letter-spacing: 0;text-transform: none;} #k_hilfe_c:before, #k_hilfe_c span, #phone:hover #k_hilfecenter {display:none;} #phone:hover #k_hilfecenter span { color: var(--theme-text); display: block; line-height: normal; white-space: wrap; font-size: 1rem; } #phone:hover #k_hilfecenter span.k-fragen { margin: .3rem 0 0 0; } #phone:hover #k_hilfecenter span.small { font-size: .75rem; } #k_hilfecenter span { line-height: normal!important; } .objectfit { object-fit: cover; height: 100%; object-position: 100%; } .greentop { background-color: var(--theme-accent-medium); color: var(--theme-white); padding: .4rem .8rem; border-radius: 3rem; display: inline-block!important; } .redtop { background-color: var(--theme-error); color: var(--theme-white); padding: 0 .5rem; border-radius: 1rem; display: inline-block!important; } #start-beratung { padding: 1rem; border: .1rem solid var(--theme-medium); background-color: var(--theme-white); position: relative; } #start-beratung h3 { margin: 0; } #start-beratung img#arthur { position: absolute; top: -1rem; right: -1rem; height: 90px; width: 90px; border-radius: 50%; border: 4px solid var(--theme-white); background-color: var(--theme-white); box-shadow: 0px 10px 4px -5px rgb(0 0 0 / 20%); } #k_hilfecenter img#arthur-title { position: absolute; top: -1rem; right: -.75rem; height: 90px; width: 90px; border-radius: 50%; border: 4px solid var(--theme-white); background-color: var(--theme-white); box-shadow: 0px 10px 4px -5px rgb(0 0 0 / 20%); } #shopLayer .datenschutz-grid > div { align-items: start; } #shopLayer .datenschutz-grid > div > .inp_wrapper { height: 100%; } #shopLayer .datenschutz-grid > div > .inp_wrapper > label { height: 100%; } .deb-grid .submit button { float: right; } .scroll {width:100%;overflow-x: scroll;} .scrollbox {display: block;width: 1100px;} .energie_els { display: flex; align-items: center; gap: .25rem; color: var(--theme-text); } .energie_els img { height: 2rem; } .energie_els span { font-size: 0.7rem; } #dt-tooltip { background-color: var(--theme-white); box-shadow: 0px 0px 100px 5px rgba(0, 0, 0, 0.7); } .se-lager { height: 1rem; width: 1rem; } #dpd_banner { width:100%; position: fixed; bottom: 0; z-index: 100; } #dpd_banner .introtext { background: url(/img/feiertage.jpg) 50%; background-size: cover; position: relative; margin: 0 auto; max-width: 100%; text-align: center; box-shadow: 0 0 25px -5px rgba(0, 0, 0, .5); } #dpd_banner .introtext a { display: block; width: 100%; height: 100%; padding: 1rem 2rem 1rem 1rem; } #dpd_banner #close { position: absolute; top: 1rem; right: 1rem; width: 1.5rem; } #dpd_banner h2 { color: var(--theme-text); font-size: 1.25rem; margin-bottom: 1rem; } #dpd_banner p { color: var(--theme-text); } .cookie-wrapper{z-index: 999;height: 100%;width: 100%;background-color: rgba(255, 255, 255, 0.5);position: fixed;overflow: hidden;pointer-events: auto;} .pg_wr_section {margin: 0 auto;max-width:650px;width:100%;padding:1rem;box-sizing:border-box;} .pg_wr_section h1 {margin-bottom:1rem;text-align:center;} .pg_wr_text1 {text-align:left;margin-bottom:2rem;display:block;} #pg_wr_button {margin:1rem 0 2rem 0;width:100%;} .pg_wr_text1 p {margin:1rem 0;} body #shopLayer .aktive_felder .pg_wr_input {margin-bottom:1rem;} body #shopLayer .aktive_felder .pg_wr_input input {margin-top:0;width:100%;margin-right:0;} @media (max-width:772px) { #shopLayer[data-pp="schnelltausch_respo"] header {display:none !important;} #shopLayer[data-pp="schnelltausch_respo"] footer {display:none !important;} .pg_wr_section {margin: 0 auto;max-width:800px;width:100%;padding:1rem;box-sizing:border-box;} } .inp_wrapper[data-name*="widerruf_"] { width: 100%; } .inp_wrapper[data-name*="widerruf_"] input { width: 100%; max-width: 100%; } .kat-banner { background-repeat: no-repeat; background-position: 50%; min-height:360px; position:relative; overflow:hidden; margin:0 0 35px 0; } .bg-banner { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.62), rgba(0,0,0,.30), rgba(0,0,0,.05)); } .kat-banner .textausrichter { position:relative; z-index:2; padding: 30px; } .kat-banner .text1 { text-transform:uppercase; letter-spacing:.10em; font-size: .9rem; font-weight:700; margin-bottom: 14px; } .kat-banner .gruen { color: rgb(155,196,0); } .kat-banner .weiss { color: rgb(255,255,255); } .kat-banner .schwarz { color: rgb(36,36,36); } .kat-banner h1 { all:unset; display:block; font-size: clamp(25px, 5vw, 58px); line-height:1.05; font-weight:800; margin:0 0 20px 0; word-break: break-word;} .kat-banner .textausrichter p { font-size:clamp(16px, 3vw, 21px);line-height:1.45; max-width:520px; } ul.art_slider { max-width: calc(100vw - 4rem); } ul.art_slider.suchergebnis li { min-width: 14rem; text-align: center; } ul.art_slider.suchergebnis li strong { display: block; font-size: 1rem; line-height: 1.25; color: rgb(36,36,36); } ul.art_slider.suchergebnis li small { display:block; color:#666; font-size: .9rem; margin-top:5px; } ul.art_slider.suchergebnis li a.els-cat-link { display: block; } ul.art_slider.suchergebnis li a.els-cat-link img { width: 155px; height: 115px; object-fit:contain; display:block; margin:0 auto 13px; } ul.art_slider.suchergebnis li a.els-cat-link:hover { transform: translateY(-6px); } .art_slider_wrapper.els-slider button.art_slider_nav { background-color: var(--theme-white); background-image: url(/img/se-pfeil.svg); box-shadow: 0 3px 14px rgba(0,0,0,.15); background-size: 20%; left: -1rem; } .art_slider_wrapper.els-slider button.art_slider_nav.slider_next { right: -1rem; } .kat-banner .textausrichter .button { border: .1rem solid rgb(255,255,255); } br.desk { display: none; } @media (max-width:992px){.breadcrumb>span{display:none;}.breadcrumb-hide-mobile{display:none;}.breadcrumb{white-space:nowrap;overflow:hidden;margin:0 0 .75rem 0;}.breadcrumb-back{font-weight:600;color:var(--theme-text);}} @media (max-width:992px){#shopMain{padding-top:.25rem;}.breadcrumb{margin:0 0 .5rem 0;line-height:1.2;}}.breadcrumb-back{font-size:.8rem;font-weight:500;}}
@media (min-width: 576px) { #k_title ul li:nth-child(3) { display: block; } #k_icons > div > .shBagInh { right: 0; } .foot_infos2 { flex-wrap: unset; justify-content: end; } #k_title2 ul li#phone span { display: inline-block; margin-right: .3rem; } .foot_infos2 div#phone { width: auto; margin-right: 4rem; } .foot_infos2 div { text-align: right; } .foot_infos2 div a { font-size: 1.5rem; } .foot_infos { overflow: auto; margin-bottom: 0; text-align: left; } .foot_infos .foot_ueb { display: block; } .foot_infos > ul { width: 50%; min-height: 15rem; } .foot_infos #info_zahl { justify-content: start; } .foot_infos #info_zahl img { margin: 0 1rem 1rem 0;} .foot_infos ul#lichtb { display: block; } .foot_infos ul.pay, .foot_infos ul.soc { justify-content: start; } .foot_infos ul.soc li a { margin: .5rem 1rem 1rem 0; } #shopFooter #f_text { padding: 2rem; } .energie_els span { font-size: .8rem; } .sm-hide { display: none; } .sm-block { display: block; } tr.sm-block { display: table-row; } body { --padding: 1rem; } }
@media (min-width: 768px) { .shopHeader { position: relative; } .grid-2 { grid-template-columns: repeat(2, 1fr); } html { scroll-padding-top: 2rem; } h1 { font-size: 1.5rem; } h2 { font-size: 1.25rem; } h3 { font-size: 1.1rem; } input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="date"], textarea, select, input[type="range"] { width: 100%; max-width: 30rem; } #k_title ul li:nth-child(4) { display: block; } .k_ausrichter { display: block; } #kopf_top_line { position: relative; box-shadow: none; } #kopf_top_line.box-shadow {box-shadow: var(--shadow-elevation-medium); } #kopf_top_line_inner { height: 4rem; } #k_logo, #k_icons { width: 16rem; } #k_lupe_2, #k_merk, #k_account, #k_wk, #powermenue-schalter { height: 4rem; width: 3rem; margin-left: 0.5rem; background-size: 2rem; } #k_icons > div > .shBagInh { position: absolute; left: unset; right: calc(var(--padding) * -1); top: 2.8rem; width: calc(100vw - calc(var(--padding) * 2)); } #k_icons > #k_account > .shBagInh { right: calc(var(--padding) * -1); } #k_icons > #k_wk > .shBagInh, #k_icons > #k_merk > .shBagInh { width: 30rem; } #k_icons > #k_account > .shBagInh { width: 17rem; } ul.alt-list { max-height: 30rem; } #shopMain { margin-top: 0; } .foot_infos > ul { float: left; min-height: 15rem; text-align: left;} .foot_infos2 div a { font-size: 1.75rem; } #shopFooter .unten #f_text span.br { display:none; } #shopFooter .unten #f_text span.pipe { color:inherit;font-size:inherit;display: inline;padding: 0; } #user-feedback-wrapper { top: 6rem; z-index: 200; } .md-hide { display: none; } .md-block { display: block; } tr.md-block { display: table-row; } .advent_tooltipp { width: 80%; left: 10%; top: 2rem; } #k_hilfe_c:before, #k_hilfe_c span, #phone:hover #k_hilfecenter { display: block; } #dpd_banner .introtext { max-width: 600px; }  }
@media (min-width: 992px) { html { scroll-padding-top: 7rem; } .p-0mob { padding: 0 1rem; } #k_men_zeile { height: 3rem; } #k_title ul li:nth-child(2) { display: block; } #kopf_top_line { position: sticky; box-shadow: none; } #kopf_top_line_inner { height: 5rem; } #suchbox { display: flex; width: 50%; align-items: center; } #k_lupe_3 { width: 100%; } #k_lupe_3 input#menSuchStr { width: 100%; max-width: 100%; padding: 0.8rem 1rem;background-color: var(--theme-light); } #k_lupe_3 > div.lupe { background: rgb(255,255,255) url(/img/search.svg) no-repeat 97% 50%; } #h-ps-filter-toggle, #h-ps-close, #k_lupe_2 { display: none; } #shopLayer.suche-offen #k_logo, #shopLayer.suche-offen #k_icons { display: flex; } #shopLayer.suche-offen #suchbox { width: 50%; } .foot_infos > ul { width: 25%; align-content: flex-start; } .foot_infos ul.soc { justify-content: end; } .foot_infos ul.soc li.foot_ueb { text-align: right; margin-right: 1rem; } .foot_infos ul.pay { width: 50%; justify-content: start; } .lg-hide { display: none; } .lg-block { display: block; } tr.lg-block { display: table-row; } .advent_tooltipp { width: 64%; left: 18%; top: 2rem; } .art_slider_wrapper.els-slider.nopf button.art_slider_nav { display: none; } br.desk { display: block; } .kat-banner .textausrichter { padding:55px 45px; } .kat-banner h1 { font-size:clamp(30px, 7vw, 58px); } }
@media (min-width: 1200px) { #k_title ul, #k_title2 ul { max-width: var(--header-width); } #k_title ul li:nth-child(1) { display: block; } .k_ausrichter, .ausrichter { max-width: var(--header-width); margin: 0 auto; } .xl-hide { display: none; } .xl-block { display: block; } tr.xl-block { display: table-row; } .advent_tooltipp { width: 50%; left: 25%; top: 2rem; } .scroll { overflow-x: unset; } .scrollbox { width: auto; } }
@media (min-width: 1400px) { .xxxl-hide { display: none; } .xxxl-block { display: block; } tr.xxxl-block { display: table-row; } }
/* ### wk ### */
.wk_card { container: wkinhalt / inline-size; } .wk_card.card{padding:.6rem;overflow:visible;border:0;background:transparent;box-shadow:none;} .wk_item { position: relative; display: grid; grid-template-areas: "pic pic" "details details" "anz ges_anz" "preis ges_preis"; grid-gap: var(--padding); align-items: start; padding:1.25rem; margin-bottom:1rem; border:0; border-radius:var(--theme-radius-medium); background:var(--theme-white); box-shadow:0 .35rem 1.25rem rgba(0,0,0,.08); } .wk_item:last-of-type { margin-bottom:0; } .wk_item[data-gutschein="1"] .wk_liefer,.wk_item[data-gutschein="2"] .wk_liefer{display:none;} .wk_item[data-gutschein="1"] .wk_ges_anz { display: none; } .wk_item[data-gutschein="2"] .wk_ges_anz { display: none; } .wk_item .energie_els img{margin-top:.5rem;} .wk_anz { grid-area:anz; display:flex; align-items:center; } .wk_ges_anz { grid-area:ges_anz; margin-top:0; align-self:center; } .wk_pic { grid-area:pic; text-align:center; padding-top:.25rem; } .wk_pic img { height:11rem; width:11rem; object-fit:contain; background-color:white; } .wk_details { padding:.25rem 0 .35rem; } .wk_preis, .wk_ges_preis, .wk_ges_anz { text-align: right; } .wk_anz { text-align: left; } .wk_preis .uvp, .wk_ges_preis .uvp { text-decoration: line-through; opacity: .5; display: block; } .wk_item[data-anz="1"] div.wk_preis { display: none; } .wk_anz, .wk_ges_anz { font-weight: bold; } .wk_details { grid-area: details; } .wk_preis { grid-area: preis; } .wk_ges_preis { grid-area: ges_preis; } .wk_ges_preis .wk_preis { font-weight: bold; } .wk_mwst, .wk_liter { opacity: .5; font-size: .9rem; display: block; } .wk_name { font-size: 1rem; } .wk_name a { color: var(--theme-text); } .wk_name span, .zusatzUnterArtikelname { font-weight: normal; font-size:0.8em;} .wk_liefer{display:block;margin:.55rem 0 0;color:var(--theme-graublau);font-size:.85rem;line-height:1.35;opacity:1;} .wk_liefer br,.wk_liefer>.wk_lief,.wk_liefer>div[style*="clear"]{display:none;} .wk_liefer>span{position:relative;display:block;min-width:0;padding-left:1.5rem;} .wk_liefer>span::before{content:"";position:absolute;left:0;top:.15rem;display:block;width:1rem;height:1rem;border-radius:50%;} .wk_liefer>span.groe_txt_st1::before{background-color:var(--theme-success);} .wk_liefer>span.groe_txt_st2::before{background-color:var(--theme-warning);} .wk_liefer>span.groe_txt_st3::before{background-color:var(--theme-medium);} .wk_liefer>span.groe_txt_st4::before{background-color:var(--theme-error);} .wk_konfig { padding: .5rem; background-color: var(--theme-light); } .wk_konfig:empty, .wk_konfig_no { display: none !important; } .wk_header { display: none; } #wk_payment_icons{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.6rem 1rem;margin:.5rem 0 1rem;} #wk_payment_icons .aa_payment_title{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;margin:0;font-size:.92rem;font-weight:400;white-space:nowrap;} #wk_payment_icons .aa_payment_title span{margin-right:.25rem;} #wk_payment_icons .aa_payment_logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem;align-items:center;flex:1 1 28rem;min-width:0;max-width:34rem;} #wk_payment_icons .aa_payment_logos img{display:block;width:100%;height:auto;max-width:100%;max-height:2rem;object-fit:contain;} .wk_wk_leer {text-align: center;font-size: 1.1rem;padding-top: 36px;padding-bottom: 36px} #shopMain > p{color:var(--theme-dark);opacity:.65;font-size:.7rem;line-height:1.3;} .wk_plu, .wk_min, .wk_loe {height: 3em;} .wk_vk { display: inline-block; } .wk_vk s .wk_mwst, .wk_vk br { display: none; } .wk_vk s { opacity: .5; } .wk_gespart { font-size: .9rem; } #wk_gsum{margin-bottom:.5rem;} #wk_gsum .wk-endbetrag{display:grid;grid-template-columns:auto;justify-content:end;text-align:right;} #wk_gsum .wk-endbetrag-label{font-size:1.25rem;font-weight:400;} #wk_gsum .wk-endbetrag-preis{display:block;font-size:1.8rem;font-weight:700;line-height:1.1;} #wk_gsum .wk-endbetrag-mwst{display:block;margin-top:.25rem;color:#ababab;font-size:.9rem;font-weight:400;line-height:1.2;text-align:right;} #wk_gsum, #wk_zus { margin-top: 1rem; font-size: 1.5rem; text-align: right; } #wk_zus{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--padding);margin-top:-1.3rem;} #wk_zus .zahlen{order:1;width:100%;max-width:none;} #wk_gutschein{order:2;width:100%;} #wk_gsum .wk-versand-status{display:flex;align-items:center;justify-content:flex-start;gap:.65rem;width:100%;margin-top:1rem;padding:.75rem 1rem;border-radius:var(--theme-radius-medium);box-sizing:border-box;font-size:.85rem;font-weight:400;line-height:1.35;} #wk_gsum .wk-versand-status::before{content:"";display:block;flex:0 0 1.5rem;width:1.5rem;height:1.5rem;border-radius:50%;box-sizing:border-box;} #wk_gsum .wk-versand-text{display:block;min-width:0;line-height:1.35;} #wk_gsum .wk-versand-frei{background:rgba(93,124,4,.12);color:var(--theme-accent-medium);text-align:left;} #wk_gsum .wk-versand-frei::before{content:"";background-color:var(--theme-accent-medium);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:.9rem;} #wk_gsum .wk-versand-info{justify-content:flex-end;background:var(--theme-light);color:var(--theme-dark);text-align:right;} #wk_gsum .wk-versand-info::before{content:"i";display:flex;align-items:center;justify-content:center;background:var(--theme-medium);color:var(--theme-dark);font-style:normal;font-weight:700;line-height:1;} #wk_gsum .wk-versand-info a{color:var(--theme-accent-medium);text-decoration:none;} #wk_gutscheincode { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; } #wk_gutscheincode .wk-gut-ueb { width: 100%; } #wk_gutscheincode button { width: 100%; } #wk_gutscheincode input#gutschein_code { width: 100%; max-width: 100%; } #wk_gutscheincode .inp_wrapper { margin-top: .5rem; } .wk-button{line-height:1.25;min-height:3.6rem;padding:1rem 2rem;margin-top:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--theme-accent-medium);border-radius:999px;background:var(--theme-accent-medium);color:var(--theme-white)!important;font-size:1.32rem;font-weight:800;text-transform:none!important;font-variant:normal!important;letter-spacing:0!important;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;}.wk-button:hover{background:rgb(112,147,8);border-color:rgb(112,147,8);color:var(--theme-white)!important;text-decoration:none;} .wk_anz[data-plus=""] .inp_wrapper[data-type="number-custom"]>div.inc,.wk_anz[data-minus=""] .inp_wrapper[data-type="number-custom"]>div.dec,.wk_anz[data-loesch=""] .inp_wrapper[data-type="number-custom"]>div.del{opacity:.5;cursor:no-drop;pointer-events:none;} .wk_item .inp_wrapper[data-type="number-custom"]{position:relative;display:flex;align-items:center;width:auto;height:auto;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;} .wk_item .inp_wrapper[data-type="number-custom"]>div.del{flex:0 0 2rem;width:2rem;height:3.4rem;margin:0 .6rem 0 0;padding:0;border:0;border-radius:0;background-color:transparent;box-shadow:none;} .wk_item .inp_wrapper[data-type="number-custom"]>div.dec{display:flex;align-items:center;justify-content:center;flex:0 0 2rem;width:2rem;height:3.4rem;margin:0;padding:0;border:.07rem solid var(--theme-black);border-right:0;border-radius:2rem 0 0 2rem;background:var(--theme-white);box-shadow:none;} .wk_item .inp_wrapper[data-type="number-custom"]>input{display:block;flex:0 0 2rem;width:2rem;height:3.4rem;margin:0;padding:0;border-top:.07rem solid var(--theme-black);border-right:0;border-bottom:.07rem solid var(--theme-black);border-left:0;border-radius:0;background:var(--theme-white);box-shadow:none;text-align:center;font-size:1.1rem;} .wk_item .inp_wrapper[data-type="number-custom"]>div.inc{display:flex;align-items:center;justify-content:center;flex:0 0 2rem;width:2rem;height:3.4rem;margin:0;padding:0;border:.07rem solid var(--theme-black);border-left:0;border-radius:0 2rem 2rem 0;background:var(--theme-white);box-shadow:none;} .wk_item .inp_wrapper[data-type="number-custom"]>label{position:absolute;left:2.6rem;bottom:-1.35rem;width:6rem;margin:0;padding:0;text-align:center;font-size:.9rem;font-weight:400;} .ribbon { position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; } .ribbon span { font-size: .8rem; font-weight: bold; color: var(--theme-accent-text); text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(-45deg); width: 100px; display: block; background: var(--theme-accent-medium); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; left: -21px; } .ribbon span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid var(--theme-accent-medium); border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid var(--theme-accent-medium); } .ribbon span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid var(--theme-accent-medium); border-bottom: 3px solid transparent; border-top: 3px solid var(--theme-accent-medium); } .amz-button, .ppe-button, .wk-button { height: 5rem; } .zahlen { width: 100%; margin-bottom: 0; margin-top: var(--padding); display: flex; flex-wrap: wrap; justify-content: end; gap: var(--padding); } .zahlen:empty { display: none; } .amz-button, .ppe-button { text-align: center; flex: 1; border-radius: var(--theme-radius-small); background-size: contain; background-position: center; background-repeat: no-repeat; background-color: transparent; max-width: 300px !important; } .ppe-button { background-image: url(/img/pp_exp_de.gif); } .amz-button { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_2" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  width="971.7px" height="195.7px" viewBox="0 0 971.7 195.7" style="enable-background:new 0 0 971.7 195.7;" xml:space="preserve" ><style type="text/css"> .st0{fill:%23FF9902;} .st1{fill:%23333E48;}</style><g> <g>  <path id="path8" class="st0" d="M393.2,147.6c-35,25.8-85.7,39.6-129.4,39.6 c-61.2,0-116.4-22.7-158.1-60.3c-3.3-3-0.3-7,3.6-4.7c45,26.2,100.7,41.9,158.2,41.9c38.8,0,81.4-8,120.6-24.7 C394,136.9,399,143.3,393.2,147.6"/>  <path id="path10" class="st0" d="M407.7,131c-4.5-5.7-29.6-2.7-40.8-1.4c-3.4,0.4-4-2.6-0.9-4.7 c20-14.1,52.8-10,56.7-5.3c3.8,4.7-1,37.6-19.8,53.4c-2.9,2.4-5.6,1.1-4.4-2.1C402.8,160.4,412.2,136.7,407.7,131"/> </g> <g>  <path id="path12" class="st1" d="M367.7,25.5V11.8c0-2.1,1.6-3.5,3.5-3.5h61.3 c2,0,3.5,1.4,3.5,3.5v11.7c0,2-1.7,4.5-4.6,8.6l-31.7,45.3c11.8-0.3,24.3,1.5,34.9,7.5c2.4,1.4,3.1,3.4,3.3,5.3v14.6 c0,2-2.2,4.3-4.5,3.1c-18.8-9.9-43.9-11-64.7,0.1c-2.1,1.2-4.4-1.2-4.4-3.1V91.1c0-2.2,0-6,2.3-9.4L403.2,29h-32 C369.2,29,367.7,27.6,367.7,25.5"/>  <path id="path14" class="st1" d="M144.2,110.9h-18.6c-1.8-0.1-3.2-1.5-3.3-3.2V12.1 c0-1.9,1.6-3.4,3.6-3.4h17.4c1.8,0.1,3.3,1.5,3.4,3.2v12.5h0.3c4.5-12.1,13.1-17.7,24.5-17.7c11.7,0,19,5.6,24.2,17.7 c4.5-12.1,14.8-17.7,25.7-17.7c7.8,0,16.4,3.2,21.6,10.5c5.9,8,4.7,19.7,4.7,30l0,60.4c0,1.9-1.6,3.5-3.6,3.5h-18.6 c-1.9-0.1-3.4-1.6-3.4-3.5V56.7c0-4,0.4-14.1-0.5-17.9c-1.4-6.4-5.6-8.2-11-8.2c-4.5,0-9.2,3-11.1,7.8s-1.7,12.9-1.7,18.3v50.7 c0,1.9-1.6,3.5-3.6,3.5h-18.6c-1.9-0.1-3.4-1.6-3.4-3.5l0-50.7c0-10.7,1.8-26.4-11.5-26.4c-13.4,0-12.9,15.3-12.9,26.4v50.7 C147.8,109.4,146.2,110.9,144.2,110.9"/>  <path id="path16" class="st1" d="M488.7,6.6c27.7,0,42.6,23.8,42.6,54 c0,29.2-16.5,52.3-42.6,52.3c-27.2,0-41.9-23.8-41.9-53.4C446.7,29.8,461.7,6.6,488.7,6.6 M488.8,26.1 c-13.7,0-14.6,18.7-14.6,30.4c0,11.7-0.2,36.7,14.4,36.7c14.4,0,15.1-20.1,15.1-32.4c0-8.1-0.3-17.7-2.8-25.4 C498.9,28.7,494.8,26.1,488.8,26.1"/>  <path id="path18" class="st1" d="M567.2,110.9h-18.6c-1.9-0.1-3.4-1.6-3.4-3.5l0-95.7 c0.2-1.8,1.7-3.1,3.6-3.1h17.3c1.6,0.1,3,1.2,3.3,2.7v14.6h0.3c5.2-13.1,12.5-19.3,25.4-19.3c8.4,0,16.5,3,21.8,11.3 c4.9,7.7,4.9,20.5,4.9,29.8v60.2c-0.2,1.7-1.8,3-3.6,3h-18.7c-1.7-0.1-3.1-1.4-3.3-3v-52c0-10.5,1.2-25.8-11.7-25.8 c-4.5,0-8.7,3-10.8,7.7c-2.6,5.8-3,11.7-3,18.1v51.5C570.8,109.4,569.2,110.9,567.2,110.9"/>  <path class="st1" d="M107.7,93.4c-3.4-4.7-7-8.5-7-17.3V47c0-12.3,0.9-23.6-8.2-32.1c-7.2-6.9-19-9.3-28.1-9.3 c-17.7,0-37.5,6.6-41.7,28.5c-0.4,2.3,1.3,3.6,2.8,3.9l18.1,1.9c1.7-0.1,2.9-1.7,3.2-3.4c1.5-7.6,7.9-11.2,15-11.2 c3.8,0,8.2,1.4,10.5,4.9c2.6,3.8,2.3,9.1,2.3,13.5v2.4c-10.8,1.2-24.9,2-35.1,6.5c-11.7,5-19.9,15.3-19.9,30.5 c0,19.4,12.2,29,27.9,29c13.3,0,20.5-3.1,30.7-13.6c3.4,4.9,4.5,7.3,10.7,12.4c1.4,0.7,3.2,0.7,4.4-0.4l0.1,0.1 c3.7-3.3,10.5-9.2,14.3-12.4C109.1,97.1,108.9,95,107.7,93.4z M71,85c-3,5.2-7.7,8.5-12.9,8.5c-7.2,0-11.3-5.5-11.3-13.5 c0-15.9,14.2-18.8,27.7-18.8v4l0,0C74.5,72.5,74.6,78.5,71,85z"/>  <path class="st1" d="M352,93.4c-3.4-4.7-7-8.5-7-17.3V47c0-12.3,0.9-23.6-8.2-32.1c-7.2-6.9-19-9.3-28.1-9.3 c-17.7,0-37.5,6.6-41.7,28.5c-0.4,2.3,1.3,3.6,2.8,3.9l18.1,1.9c1.7-0.1,2.9-1.7,3.3-3.4c1.5-7.6,7.9-11.2,15-11.2 c3.9,0,8.2,1.4,10.5,4.9c2.6,3.8,2.3,9.1,2.3,13.5v2.4c-10.8,1.2-24.9,2-35.1,6.5c-11.7,5-19.9,15.3-19.9,30.5 c0,19.4,12.2,29,27.9,29c13.2,0,20.5-3.1,30.7-13.6c3.4,4.9,4.5,7.3,10.7,12.4c1.4,0.7,3.2,0.7,4.4-0.4l0,0.1 c3.7-3.3,10.5-9.2,14.3-12.4C353.5,97.1,353.2,95,352,93.4z M315.3,85c-3,5.2-7.7,8.5-12.9,8.5c-7.2,0-11.4-5.5-11.4-13.5 c0-15.9,14.2-18.8,27.7-18.8v4C318.8,72.5,319,78.5,315.3,85z"/> </g> <g>  <path class="st1" d="M692,19.5c3.8-2.4,7.2-5,11-7c10-5.4,20.6-7.2,31.7-4.7c13.8,3.1,22.3,12.1,27.1,25c4.1,11,4.7,22.5,3.6,34.2 c-0.9,8.9-3.2,17.3-7.9,24.9c-7.4,12-18.2,18.5-32.4,18.9c-11.4,0.4-21.6-2.9-30.3-10.3c-0.3-0.3-0.7-0.5-1.4-1 c0,1-0.1,1.7-0.1,2.4c0,14,0,27.9,0,41.9c0,4.3-0.9,5.2-5.2,5.2c-3.2,0-6.5,0.1-9.7,0c-3.2-0.1-4.3-1.2-4.3-4.4 c0-43.5,0-87,0-130.5c0-3.3,1.1-4.4,4.5-4.4c2.5,0,5.1,0,7.6,0c2.9,0,4.1,1.1,4.7,3.9C691.4,15.5,691.7,17.5,692,19.5z  M693.4,58.8c0,8.5,0,16.9,0,25.4c0,0.9,0.5,2.1,1.1,2.6c7.2,5.2,15.1,8.3,24.1,8.7c11.8,0.4,20.7-5,24.6-16.2 c4.6-13.2,4.4-26.7,0.4-39.9c-2.8-9.2-8.9-15.2-18.8-16.6c-11.3-1.6-21.4,1.6-30.5,8c-0.6,0.4-0.9,1.5-0.9,2.3 C693.4,41.6,693.4,50.2,693.4,58.8z"/>  <path class="st1" d="M842.8,98.6c-0.9,0.7-1.5,1.1-2.2,1.6c-9.7,7.4-20.5,11.4-32.9,11c-14.2-0.5-24.9-9.2-27.4-22.6 c-3.1-16.6,5.8-30.9,22-35.6c9.2-2.7,18.5-2.4,27.8-1c3.9,0.6,7.7,1.4,11.5,2.1c0.1-0.1,0.3-0.2,0.3-0.3c-0.1-6,0.3-12.1-0.4-18.1 c-1-8.5-5.8-12.5-14.7-13.3c-12.1-1.2-23.7,0.9-35.2,4.3c-0.5,0.2-1,0.4-1.6,0.5c-2,0.5-3.4-0.2-3.5-2.3c-0.2-2.7-0.1-5.4,0-8 c0.1-2.2,1.7-3.3,3.5-3.9c5.8-1.7,11.5-3.6,17.5-4.7c9.2-1.7,18.5-2.1,27.7-0.6c9,1.5,16.8,4.8,21.3,13.4 c2.9,5.4,3.6,11.3,3.6,17.4c0,21.8,0,43.6,0,65.5c0,0.3,0,0.7,0,1c-0.1,2.6-1.2,3.8-3.8,3.8c-2.8,0-5.6,0.1-8.5,0 c-2.4,0-3.7-1.1-4.1-3.5C843.5,103.1,843.2,101,842.8,98.6z M842.2,66.7c-8.6-1.9-17-3.1-25.5-2.3c-2.4,0.2-4.8,0.7-7,1.5 c-5.7,1.9-9.3,5.8-10.2,11.8c-0.3,2.1-0.3,4.3-0.1,6.4c0.6,6.4,4.7,11.1,11,12.2c2.5,0.5,5.2,0.5,7.8,0.3 c7.6-0.6,14.3-3.5,20.8-7.4c2.5-1.5,3.7-3.2,3.4-6.2c-0.3-4.6-0.1-9.2-0.1-13.8C842.2,68.3,842.2,67.6,842.2,66.7z"/>  <path class="st1" d="M921.7,90.9c3.2-9.3,6.3-18.1,9.3-26.8c5.6-16.2,11.3-32.3,16.9-48.5c0.2-0.5,0.3-0.9,0.5-1.4 c1.5-4,2.5-4.6,6.8-4.6c3.2,0,6.5,0,9.7,0c3.1,0,4,1.1,3.1,4.1c-0.7,2.1-1.5,4.1-2.3,6.2c-14.2,36.1-28.3,72.2-42.6,108.2 c-1.8,4.5-4.4,8.9-7.2,12.9c-4.3,6.3-10.8,9.5-18.4,10.1c-4.9,0.4-9.8,0.2-14.5-1.1c-3.2-0.9-4.3-2.2-4.3-5.6c0-1.7,0-3.4,0-5.2 c0-3.2,0.9-3.9,4.2-3.7c3.1,0.2,6.3,0.5,9.4,0.4c5.4-0.2,9.9-2.6,12.3-7.5c2.9-5.9,5.2-12.1,7.6-18.2c0.3-0.7-0.2-1.7-0.5-2.5 c-12.3-30.4-24.6-60.8-36.9-91.1c-0.5-1.3-1-2.7-1.3-4.1c-0.4-1.8,0.5-2.9,2.3-2.9c4.5-0.1,8.9-0.1,13.4,0c2.7,0,3.9,1.9,4.8,4.2 c2.6,7.2,5.2,14.3,7.8,21.5c6.4,17.6,12.7,35.3,19.1,52.9C920.9,89,921.2,89.7,921.7,90.9z"/> </g></g></svg>'); } .wk-express-trenner{display:flex;align-items:center;width:100%;gap:1rem;margin:.4rem 0;color:var(--theme-dark);font-size:.8rem;font-weight:400;line-height:1.2;text-align:center;text-transform:uppercase;white-space:nowrap;} .wk-express-trenner::before,.wk-express-trenner::after{content:"";flex:1 1 auto;height:1px;background:var(--theme-medium);} .wk-express-buttons{display:grid;grid-template-columns:1fr;width:100%;gap:.65rem;} .wk-express-buttons>*{width:100%!important;max-width:none!important;min-width:0!important;} .wk-express-button{position:relative;display:flex!important;align-items:center;justify-content:center;width:100%!important;height:3.4rem!important;min-height:3.4rem!important;max-height:3.4rem!important;min-width:0;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box;border:.08rem solid var(--theme-medium);border-radius:999px;background-color:var(--theme-white);overflow:hidden;line-height:0;transition:border-color .2s,box-shadow .2s,background-color .2s;} .wk-express-button::before{display:none;} .wk-express-paypal{order:1;flex:none;max-width:none!important;background-image:none!important;} .wk-express-amazon{order:2;font-size:0;color:transparent;} .wk-express-paypal{background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 290 150" style="enable-background:new 0 0 290 150;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;} .st1{fill:%23179BD7;} .st2{fill:%23253B80;} .st3{fill:%23222D65;}</style><rect x="-0.2" y="0.2" class="st0" width="290" height="150"/><path class="st1" d="M228.3,61.2c-2.1-2.5-5.8-3.8-10.7-3.8h-14.7c-1,0-1.9,0.7-2,1.7l-6,37.7c-0.1,0.7,0.5,1.4,1.2,1.4h7.6 c0.7,0,1.3-0.5,1.4-1.2l1.7-10.7c0.2-1,1-1.7,2-1.7h4.7c9.7,0,15.3-4.7,16.8-14C230.9,66.7,230.3,63.5,228.3,61.2z M219.3,71.3 c-0.8,5.3-4.8,5.3-8.7,5.3h-2.2l1.6-9.9c0.1-0.6,0.6-1,1.2-1h1c2.7,0,5.2,0,6.5,1.5C219.4,68.1,219.6,69.4,219.3,71.3z"/><path class="st1" d="M261.6,71.1h-7c-0.6,0-1.1,0.4-1.2,1l-0.3,2l-0.5-0.7c-1.5-2.2-4.9-3-8.3-3c-7.8,0-14.4,5.9-15.7,14.2 c-0.7,4.1,0.3,8.1,2.6,10.8c2.2,2.5,5.2,3.6,8.9,3.6c6.3,0,9.8-4,9.8-4l-0.3,2c-0.1,0.8,0.5,1.4,1.2,1.4h6.3c1,0,1.9-0.7,2-1.7 l3.8-24.1C263,71.8,262.4,71.1,261.6,71.1z M251.8,84.8c-0.7,4-3.9,6.7-8,6.7c-2,0-3.7-0.7-4.7-1.9c-1-1.2-1.4-3-1.1-5 c0.6-4,3.9-6.8,7.9-6.8c2,0,3.6,0.7,4.7,1.9C251.7,81.1,252.1,82.9,251.8,84.8z"/><path class="st1" d="M278,57.5h-6.8c-0.6,0-1.1,0.4-1.2,1l-6,38.4c-0.1,0.7,0.5,1.4,1.2,1.4h6.1c1,0,1.9-0.7,2-1.7l6-37.7 C279.3,58.1,278.7,57.5,278,57.5z"/><path class="st2" d="M123.3,61.2c-2.1-2.5-5.8-3.8-10.7-3.8H97.9c-1,0-1.9,0.7-2,1.7l-6,37.7c-0.1,0.7,0.5,1.4,1.2,1.4h7 c1,0,1.9-0.7,2-1.7l1.6-10.2c0.2-1,1-1.7,2-1.7h4.7c9.7,0,15.3-4.7,16.8-14C125.9,66.7,125.3,63.5,123.3,61.2z M114.3,71.3 c-0.8,5.3-4.8,5.3-8.7,5.3h-2.2l1.6-9.9c0.1-0.6,0.6-1,1.2-1h1c2.7,0,5.2,0,6.5,1.5C114.4,68.1,114.6,69.4,114.3,71.3z"/><path class="st2" d="M156.6,71.1h-7.1c-0.6,0-1.1,0.4-1.2,1l-0.3,2l-0.5-0.7c-1.5-2.2-4.9-3-8.3-3c-7.8,0-14.4,5.9-15.7,14.2 c-0.7,4.1,0.3,8.1,2.6,10.8c2.1,2.5,5.2,3.6,8.9,3.6c6.3,0,9.8-4,9.8-4l-0.3,2c-0.1,0.8,0.5,1.4,1.2,1.4h6.4c1,0,1.9-0.7,2-1.7 l3.8-24.1C158,71.8,157.4,71.1,156.6,71.1z M146.8,84.8c-0.7,4-3.9,6.7-8,6.7c-2,0-3.7-0.7-4.7-1.9c-1-1.2-1.4-3-1.1-5 c0.6-4,3.9-6.8,7.9-6.8c2,0,3.6,0.7,4.7,1.9C146.7,81.1,147.1,82.9,146.8,84.8z"/><path class="st2" d="M194.2,71.1h-7.1c-0.7,0-1.3,0.3-1.7,0.9l-9.8,14.4l-4.1-13.8c-0.3-0.9-1.1-1.5-2-1.5h-7 c-0.8,0-1.4,0.8-1.2,1.6l7.8,22.9l-7.3,10.4c-0.6,0.8,0,1.9,1,1.9h7.1c0.7,0,1.3-0.3,1.7-0.9l23.6-34 C195.7,72.2,195.2,71.1,194.2,71.1z"/><path class="st1" d="M65.6,61.7c-0.8-0.9-1.7-1.6-2.9-2.2l0,0c-0.1,0.4-0.1,0.8-0.2,1.2c-0.1,0.4-0.2,0.7-0.2,1.1 C59.7,73,52.6,77.8,43.2,78.8c-0.6,0.1-1.3,0.1-1.9,0.2c-0.7,0-1.4,0.1-2.2,0.1h-5.9c-1.4,0-2.6,1-2.8,2.4l-2.7,17l-0.3,2.2 l-0.9,5.5c-0.1,0.9,0.6,1.8,1.5,1.8h10.5c1.2,0,2.3-0.9,2.5-2.1l0.1-0.5l2-12.6l0.1-0.7c0.2-1.2,1.3-2.1,2.5-2.1h1.6 c10.2,0,18.1-4.1,20.5-16.1C68.7,68.8,68.2,64.6,65.6,61.7z"/><path class="st2" d="M30.4,81.5l0.1-0.6l3.4-21.3c0.1-0.8,0.7-1.5,1.4-1.9c0.3-0.2,0.7-0.2,1.1-0.2h15.8c1.9,0,3.6,0.1,5.2,0.4 c0.5,0.1,0.9,0.2,1.3,0.3c0.4,0.1,0.9,0.2,1.3,0.3c0.2,0,0.3,0.1,0.5,0.1c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0.8,0.3,1.5,0.5,2.1,0.9 c0,0,0,0,0,0c0.8-5.1,0-8.5-2.7-11.6c-3-3.4-8.4-4.9-15.4-4.9H24.4c-1.4,0-2.6,1-2.9,2.4l-8.4,53.3c-0.2,1.1,0.6,2,1.7,2h12.5 l0.3-2.2L30.4,81.5z"/><path class="st3" d="M62.7,59.4c-0.6-0.3-1.4-0.6-2.1-0.9c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0c-0.2,0-0.3-0.1-0.5-0.1 c-0.4-0.1-0.8-0.2-1.3-0.3c-0.4-0.1-0.9-0.2-1.3-0.3c-1.6-0.3-3.3-0.4-5.2-0.4H36.3c-0.4,0-0.8,0.1-1.1,0.2c-0.7,0.3-1.3,1-1.4,1.9 l-3.4,21.3l-0.1,0.6c0.2-1.4,1.4-2.4,2.8-2.4h5.9c0.7,0,1.4,0,2.2-0.1c0.6,0,1.3-0.1,1.9-0.2c9.4-1,16.5-5.8,19.1-17.1 c0.1-0.4,0.2-0.7,0.2-1.1C62.6,60.2,62.7,59.8,62.7,59.4C62.8,59.4,62.8,59.4,62.7,59.4z"/></svg>')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:auto 3.9rem!important;} .wk-express-amazon{background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 290 150" style="enable-background:new 0 0 290 150;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;} .st1{fill:%23FF9902;} .st2{fill:%23333E48;}</style><rect x="-0.2" y="0.2" class="st0" width="290" height="150"/><g> <g>  <path id="path8" class="st1" d="M114.5,91.7C104.5,99,90,103,77.5,103c-17.5,0-33.3-6.5-45.2-17.2c-0.9-0.9-0.1-2,1-1.3 c12.9,7.5,28.8,12,45.2,12c11.1,0,23.3-2.3,34.5-7.1C114.7,88.6,116.2,90.4,114.5,91.7"/>  <path id="path10" class="st1" d="M118.7,86.9c-1.3-1.6-8.5-0.8-11.7-0.4c-1,0.1-1.1-0.7-0.3-1.3c5.7-4,15.1-2.9,16.2-1.5 c1.1,1.3-0.3,10.8-5.7,15.3c-0.8,0.7-1.6,0.3-1.3-0.6C117.3,95.3,120,88.5,118.7,86.9"/> </g> <g>  <path id="path12" class="st2" d="M107.2,56.8v-3.9c0-0.6,0.5-1,1-1h17.5c0.6,0,1,0.4,1,1v3.3c0,0.6-0.5,1.3-1.3,2.5l-9.1,13 c3.4-0.1,6.9,0.4,10,2.1c0.7,0.4,0.9,1,0.9,1.5v4.2c0,0.6-0.6,1.2-1.3,0.9c-5.4-2.8-12.6-3.1-18.5,0c-0.6,0.3-1.3-0.3-1.3-0.9 v-3.9c0-0.6,0-1.7,0.7-2.7l10.5-15.1h-9.1C107.7,57.8,107.2,57.4,107.2,56.8"/>  <path id="path14" class="st2" d="M43.3,81.2H38c-0.5,0-0.9-0.4-0.9-0.9V52.9c0-0.5,0.5-1,1-1h5c0.5,0,0.9,0.4,1,0.9v3.6h0.1 c1.3-3.5,3.7-5.1,7-5.1c3.3,0,5.4,1.6,6.9,5.1c1.3-3.5,4.2-5.1,7.3-5.1c2.2,0,4.7,0.9,6.2,3c1.7,2.3,1.3,5.6,1.3,8.6v17.3 c0,0.5-0.5,1-1,1h-5.3c-0.5,0-1-0.5-1-1V65.7c0-1.1,0.1-4-0.1-5.1c-0.4-1.8-1.6-2.3-3.1-2.3c-1.3,0-2.6,0.9-3.2,2.2 s-0.5,3.7-0.5,5.2v14.5c0,0.5-0.5,1-1,1h-5.3c-0.5,0-1-0.5-1-1V65.7c0-3.1,0.5-7.5-3.3-7.5c-3.8,0-3.7,4.4-3.7,7.5v14.5 C44.4,80.7,43.9,81.2,43.3,81.2"/>  <path id="path16" class="st2" d="M141.8,51.3c7.9,0,12.2,6.8,12.2,15.4c0,8.3-4.7,15-12.2,15c-7.8,0-12-6.8-12-15.3 C129.8,58,134.1,51.3,141.8,51.3 M141.9,56.9c-3.9,0-4.2,5.3-4.2,8.7c0,3.3-0.1,10.5,4.1,10.5c4.1,0,4.3-5.7,4.3-9.3 c0-2.3-0.1-5.1-0.8-7.3C144.7,57.7,143.6,56.9,141.9,56.9"/>  <path id="path18" class="st2" d="M164.3,81.2h-5.3c-0.5,0-1-0.5-1-1V52.8c0.1-0.5,0.5-0.9,1-0.9h4.9c0.5,0,0.9,0.3,0.9,0.8v4.2 h0.1c1.5-3.7,3.6-5.5,7.3-5.5c2.4,0,4.7,0.9,6.2,3.2c1.4,2.2,1.4,5.9,1.4,8.5v17.2c-0.1,0.5-0.5,0.9-1,0.9h-5.3 c-0.5,0-0.9-0.4-0.9-0.9V65.4c0-3,0.3-7.4-3.3-7.4c-1.3,0-2.5,0.9-3.1,2.2c-0.7,1.7-0.9,3.3-0.9,5.2v14.7 C165.3,80.7,164.8,81.2,164.3,81.2"/>  <path class="st2" d="M32.9,76.2c-1-1.3-2-2.4-2-4.9v-8.3c0-3.5,0.3-6.7-2.3-9.2c-2.1-2-5.4-2.7-8-2.7c-5.1,0-10.7,1.9-11.9,8.1 c-0.1,0.7,0.4,1,0.8,1.1l5.2,0.5c0.5,0,0.8-0.5,0.9-1c0.4-2.2,2.3-3.2,4.3-3.2c1.1,0,2.3,0.4,3,1.4c0.7,1.1,0.7,2.6,0.7,3.9v0.7 c-3.1,0.3-7.1,0.6-10,1.9c-3.3,1.4-5.7,4.4-5.7,8.7c0,5.5,3.5,8.3,8,8.3c3.8,0,5.9-0.9,8.8-3.9c1,1.4,1.3,2.1,3.1,3.5 c0.4,0.2,0.9,0.2,1.3-0.1l0,0c1.1-0.9,3-2.6,4.1-3.5C33.3,77.2,33.2,76.6,32.9,76.2z M22.4,73.8c-0.9,1.5-2.2,2.4-3.7,2.4 c-2.1,0-3.2-1.6-3.2-3.9c0-4.5,4.1-5.4,7.9-5.4v1.1l0,0C23.4,70.2,23.4,71.9,22.4,73.8z"/>  <path class="st2" d="M102.7,76.2c-1-1.3-2-2.4-2-4.9v-8.3c0-3.5,0.3-6.7-2.3-9.2c-2.1-2-5.4-2.7-8-2.7c-5.1,0-10.7,1.9-11.9,8.1 c-0.1,0.7,0.4,1,0.8,1.1l5.2,0.5c0.5,0,0.8-0.5,0.9-1c0.4-2.2,2.3-3.2,4.3-3.2c1.1,0,2.3,0.4,3,1.4c0.7,1.1,0.7,2.6,0.7,3.9v0.7 c-3.1,0.3-7.1,0.6-10,1.9c-3.3,1.4-5.7,4.4-5.7,8.7c0,5.5,3.5,8.3,8,8.3c3.8,0,5.9-0.9,8.8-3.9c1,1.4,1.3,2.1,3.1,3.5 c0.4,0.2,0.9,0.2,1.3-0.1v0c1.1-0.9,3-2.6,4.1-3.5C103.2,77.2,103.1,76.6,102.7,76.2z M92.2,73.8c-0.9,1.5-2.2,2.4-3.7,2.4 c-2.1,0-3.3-1.6-3.3-3.9c0-4.5,4.1-5.4,7.9-5.4v1.1C93.2,70.2,93.3,71.9,92.2,73.8z"/> </g> <g>  <path class="st2" d="M199.9,55c1.1-0.7,2.1-1.4,3.1-2c2.9-1.5,5.9-2.1,9.1-1.3c3.9,0.9,6.4,3.5,7.7,7.1c1.2,3.1,1.3,6.4,1,9.8 c-0.3,2.5-0.9,4.9-2.3,7.1c-2.1,3.4-5.2,5.3-9.3,5.4c-3.3,0.1-6.2-0.8-8.7-2.9c-0.1-0.1-0.2-0.1-0.4-0.3c0,0.3,0,0.5,0,0.7 c0,4,0,8,0,12c0,1.2-0.3,1.5-1.5,1.5c-0.9,0-1.9,0-2.8,0c-0.9,0-1.2-0.3-1.2-1.3c0-12.4,0-24.9,0-37.3c0-0.9,0.3-1.3,1.3-1.3 c0.7,0,1.5,0,2.2,0c0.8,0,1.2,0.3,1.3,1.1C199.8,53.9,199.9,54.5,199.9,55z M200.4,66.3c0,2.4,0,4.8,0,7.3c0,0.3,0.1,0.6,0.3,0.7 c2.1,1.5,4.3,2.4,6.9,2.5c3.4,0.1,5.9-1.4,7-4.6c1.3-3.8,1.3-7.6,0.1-11.4c-0.8-2.6-2.5-4.3-5.4-4.7c-3.2-0.5-6.1,0.5-8.7,2.3 c-0.2,0.1-0.3,0.4-0.3,0.7C200.4,61.4,200.4,63.8,200.4,66.3z"/>  <path class="st2" d="M243.1,77.7c-0.3,0.2-0.4,0.3-0.6,0.5c-2.8,2.1-5.9,3.3-9.4,3.1c-4.1-0.1-7.1-2.6-7.8-6.5 c-0.9-4.7,1.7-8.8,6.3-10.2c2.6-0.8,5.3-0.7,7.9-0.3c1.1,0.2,2.2,0.4,3.3,0.6c0,0,0.1-0.1,0.1-0.1c0-1.7,0.1-3.5-0.1-5.2 c-0.3-2.4-1.7-3.6-4.2-3.8c-3.5-0.3-6.8,0.3-10.1,1.2c-0.1,0.1-0.3,0.1-0.5,0.1c-0.6,0.1-1-0.1-1-0.7c-0.1-0.8,0-1.5,0-2.3 c0-0.6,0.5-0.9,1-1.1c1.7-0.5,3.3-1,5-1.3c2.6-0.5,5.3-0.6,7.9-0.2c2.6,0.4,4.8,1.4,6.1,3.8c0.8,1.5,1,3.2,1,5 c0,6.2,0,12.5,0,18.7c0,0.1,0,0.2,0,0.3c0,0.7-0.3,1.1-1.1,1.1c-0.8,0-1.6,0-2.4,0c-0.7,0-1.1-0.3-1.2-1 C243.3,78.9,243.2,78.3,243.1,77.7z M242.9,68.5c-2.5-0.5-4.9-0.9-7.3-0.7c-0.7,0.1-1.4,0.2-2,0.4c-1.6,0.5-2.7,1.7-2.9,3.4 c-0.1,0.6-0.1,1.2,0,1.8c0.2,1.8,1.3,3.2,3.1,3.5c0.7,0.1,1.5,0.1,2.2,0.1c2.2-0.2,4.1-1,5.9-2.1c0.7-0.4,1.1-0.9,1-1.8 c-0.1-1.3,0-2.6,0-3.9C242.9,69,242.9,68.8,242.9,68.5z"/>  <path class="st2" d="M265.6,75.5c0.9-2.7,1.8-5.2,2.7-7.7c1.6-4.6,3.2-9.2,4.8-13.9c0.1-0.1,0.1-0.3,0.1-0.4 c0.4-1.1,0.7-1.3,1.9-1.3c0.9,0,1.9,0,2.8,0c0.9,0,1.1,0.3,0.9,1.2c-0.2,0.6-0.4,1.2-0.7,1.8c-4.1,10.3-8.1,20.6-12.2,30.9 c-0.5,1.3-1.3,2.5-2.1,3.7c-1.2,1.8-3.1,2.7-5.3,2.9c-1.4,0.1-2.8,0.1-4.1-0.3c-0.9-0.3-1.2-0.6-1.2-1.6c0-0.5,0-1,0-1.5 c0-0.9,0.3-1.1,1.2-1.1c0.9,0.1,1.8,0.1,2.7,0.1c1.5-0.1,2.8-0.7,3.5-2.1c0.8-1.7,1.5-3.5,2.2-5.2c0.1-0.2-0.1-0.5-0.1-0.7 c-3.5-8.7-7-17.4-10.6-26c-0.1-0.4-0.3-0.8-0.4-1.2c-0.1-0.5,0.1-0.8,0.7-0.8c1.3,0,2.5,0,3.8,0c0.8,0,1.1,0.5,1.4,1.2 c0.7,2.1,1.5,4.1,2.2,6.1c1.8,5,3.6,10.1,5.5,15.1C265.4,74.9,265.5,75.1,265.6,75.5z"/> </g></g></svg>')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:auto 4rem!important;} .wk-express-button:hover{border-color:var(--theme-dark);box-shadow:0 .2rem .7rem rgba(0,0,0,.08);} .wk-express-amazon #AmazonPayButton{position:absolute;inset:0;z-index:2;width:100%!important;height:100%!important;margin:0!important;opacity:0;cursor:pointer;} .wk-express-amazon #AmazonPayButton>*{font-size:0!important;color:transparent!important;} .kassen_infos { display: grid; grid-template-areas: "rech" "liefer" "zart"; grid-gap: var(--padding); margin-bottom: 2rem; } .kassen_infos > .rechnung { grid-area: rech; } .kassen_infos > .ala { grid-area: liefer; } select[name="alanr"] { margin-bottom: var(--padding); padding: .5rem .2rem; font-size: .9rem; } .kassen_infos > .zart { grid-area: zart; } .kassen_infos > .zart img { width: 6rem; } .kassen_infos > .vers { grid-area: vers; } .kassen_infos .zart > div { text-align: left; } .kassen_infos .zart img { max-width: 15rem; } .kassen_infos > .ala { overflow: visible; } .kasse_card_div{position:relative;} #ala_dropdown{position:relative;} #ala_dropdown summary{list-style:none;position:relative;cursor:pointer;} #ala_dropdown summary:after,.kasse_card_div>.kasse_card_edit{content:"";height:1.5rem;width:1.5rem;position:absolute;top:.5rem;right:.5rem;background-image:url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg height="24px" version="1.1" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><title/><desc/><defs/><g fill="none" fill-rule="evenodd" id="miu" stroke="none" stroke-width="1"><g id="Artboard-1" transform="translate(-899.000000, -227.000000)"><g id="slice" transform="translate(215.000000, 119.000000)"/><path d="M914.000027,248.002414 L914.000464,232.002414 L914.000464,232.002414 L907.001354,232.002414 L907.000079,248.002414 L914.000027,248.002414 Z M913.998311,249.002414 L910.501672,254 L907.00169,249.002414 L913.998311,249.002414 Z M914.000492,231.002414 L914.000574,228.002414 C914.000574,227 912.99816,227 912.99816,227 L908.004086,227 C908.004086,227 907.001672,227 907.001672,228.002414 L907.001433,231.002414 L914.000492,231.002414 L914.000492,231.002414 Z" fill="rgb(60,60,60)" id="editor-pencil-pen-edit-write-glyph" transform="translate(910.500326, 240.500000) rotate(45.000000) translate(-910.500326, -240.500000) "/></g></g></svg>');} #ala_dropdown>div{position:absolute;top:3rem;left:calc(var(--card-padding)* -1.5);right:calc(var(--card-padding)* -1.5);background-color:var(--theme-card-background);z-index:2;box-shadow:0 12px 24px -10px rgba(0,0,0,.75);border-radius:var(--theme-radius-small);padding:var(--padding);max-height:26rem;overflow-y:auto;} #ala_dropdown>div:before{position:absolute;top:-1rem;left:0;content:"";height:2rem;right:0;background-color:var(--theme-card-background);} #ala_dropdown>div>a{position:relative;display:block;margin:0;padding:.75rem .5rem .75rem 3rem;border-radius:0;border-bottom:1px solid var(--theme-medium);color:var(--theme-graublau);transition:color .2s;} #ala_dropdown>div>a:last-child{border-bottom:0;} #ala_dropdown>div>a#ala-change{margin-bottom:.5rem;padding:.5rem .5rem .5rem 3rem;border-bottom:0;border-radius:var(--theme-radius-small);background:var(--theme-accent-dark);color:var(--theme-white);} #ala_dropdown>div>a#ala-change:hover,#ala_dropdown>div>a#ala-change:focus-visible{background:var(--theme-accent-medium);color:var(--theme-white);} #ala_dropdown>div>a:before{content:attr(data-label);position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:var(--theme-graublau);font-weight:700;transition:color .2s;} #ala_dropdown>div>a:hover:before,#ala_dropdown>div>a:focus-visible:before{color:var(--theme-accent-medium);} #ala_dropdown>div>a#ala-change:before{content:attr(data-label);width:auto;height:auto;color:inherit;font-size:inherit;background:none;} #ala_dropdown>div>a:not(#ala-change):hover,#ala_dropdown>div>a:not(#ala-change):focus-visible{color:var(--theme-accent-medium);} #ala_dropdown>div>a b{color:inherit;} .kassen_infos>.ala{overflow:visible;} input.inpu_improv { display: none; } .zk_versandarten { display: flex; flex-wrap: wrap; } .zk_versandarten > span, .zk_versandarten > a { width: 100%; position: relative; display: block; padding: 0; margin-bottom: var(--padding); color: var(--theme-text); border: var(--theme-divider); } .zk_versandarten > a.versandart_auswahl_aktiv { border: .15rem solid var(--theme-success); order: -1;} .zk_versandarten > a > span:empty { display: none; } .zk_versandarten > a.versandart_auswahl_aktiv > span:before { content: ''; background-image: url(/img/check.svg); position: absolute; top: 0; right: 0; width: 3rem; bottom: 0; background-size: 1rem; background-position: center; background-repeat: no-repeat; } .zk_versandarten .picva { display: inline-block; width: 5rem; margin-right: .5rem; } .kassen_infos div.head { width: 100%; font-weight: bold; padding: .5rem; margin-bottom: .5rem; order: -2; background-color: var(--theme-light); } .kasse_card_div .kasse_card_edit { top: .5rem; right: .5rem; } .bemerk { margin-bottom: var(--padding); } .bemerk textarea { width: 100%; max-width: 100%; } .wk_summe { margin: var(--padding); } .summe { display: grid; grid-template-columns: auto 12rem; grid-template-areas: "label preis"; } .summe > div:first-of-type { grid-area: label; text-align: right; } .summe > div:last-of-type{ grid-area: preis; text-align: right; } .summe.ges_summe > div { font-size: 1.5rem; font-weight: bold; } .wk_preis{text-align:left;} @media (max-width:575.98px) { .wk_item{row-gap:.65rem;} .wk_pic{text-align:center;} .wk_details{padding:.25rem 0 0;} .wk_konfig{margin-top:.4rem;} .wk_preis{text-align:left;} .wk_mwst,.wk_liter{font-size:.75rem;white-space:nowrap;} } @container wkinhalt (min-width: 60rem) { .wk_item { grid-template-areas: "pic pic details details" "anz preis ges_anz ges_preis"; margin-bottom: calc(var(--padding) * 2); grid-template-columns: 8rem 8rem auto auto; } .wk_ges_anz { text-align: right; } .wk_anz { text-align: left; } } @container wkinhalt (min-width: 60rem) { .wk_item { grid-template-areas:"anz pic details preis ges_preis"; grid-template-columns:9rem 10rem auto 11rem 11rem; margin-bottom:1rem; padding:1.5rem; align-items:center; } .wk_pic { padding: 1rem 0; } .wk_pic img { height:11rem; width:11rem; } .wk_ges_anz { display: none; } .wk_header{display:grid;} .wk_header.wk_item{margin:0;padding:0 1.5rem .4rem;border:0;border-radius:0;background:transparent;box-shadow:none;} .wk_preis, .wk_anz, .wk_ges_preis, .wk_ges_anz { padding-top: 1rem; } .wk_header>*{align-self:end;padding:0;} .wk_header .wk_preis{font-weight:400;} .wk_header .wk_ges_preis{font-weight:700;} .wk_details { padding-left: 0; } .wk_konfig { display: inline-block; margin: .5rem 0 0 0; } } .wk-special-promo { display: grid; grid-template-areas: "promo" "wk"; grid-template-rows: 16rem auto; grid-gap: var(--padding); text-align: center; } .wk_card { grid-area: wk; } details#textarea { display: inline; } details#textarea[open=""] { display:block; } details#textarea .inp_wrapper { display: none; } details#textarea[open=""] .inp_wrapper { display: block; order: 3; width: 100%; margin: 0; } details#textarea summary { list-style: none; cursor: pointer; position: relative; } details#textarea summary span:after { content: ''; height: 1.5rem; width: 1.5rem; display: inline-block; top: 0; margin-left: .5rem; background-image: url(/img/aendern.svg); } details#textarea[open=""] summary { display: flex; flex-wrap: wrap; } details#textarea[open=""] summary span:after { background-image: url(/img/faq-x.svg); order: 2; } details#textarea[open=""] summary span { order: 1; } details > summary { list-style: none; } details summary::-webkit-details-marker { display:none; } @media (pointer: coarse) { .inp_wrapper.delete[data-typ="number-custom"] { height: 6rem; } .inp_wrapper[data-typ="number-custom"] > div.del { padding: .5rem; } } #wk_gutschein{padding:0;border:0;} #wk_gutschein>.card{padding:1rem;border:var(--theme-divider);border-radius:var(--theme-radius-medium);background:var(--theme-white);box-shadow:var(--shadow-elevation-low);} #wk_gutscheincode{display:grid;grid-template-columns:1fr;gap:.75rem;align-items:center;} #wk_gutscheincode .wk-gut-ueb{width:100%;margin:0;text-align:left;font-size:1.05rem;font-weight:600;} #wk_gutscheincode .wk-gut-eingabe{width:100%;} #wk_gutscheincode .inp_wrapper{margin:0;} #wk_gutscheincode input#gutschein_code{width:100%;max-width:100%;height:3rem;padding:.75rem 1rem;border:.1rem solid var(--theme-medium);border-radius:999px;background:var(--theme-white);box-shadow:none;} #wk_gutscheincode input#gutschein_code:focus{border-color:var(--theme-accent-medium);} #wk_gutscheincode button{width:100%;min-height:3rem;margin:0;padding:.8rem 1.5rem;border:.08rem solid var(--theme-graublau);border-radius:999px;background:var(--theme-graublau);color:var(--theme-white);font-size:1rem;font-weight:600;text-transform:none;transition:background-color .2s,border-color .2s,color .2s;} #wk_gutscheincode button:hover{background:var(--theme-accent-medium);border-color:var(--theme-accent-medium);color:var(--theme-white);} .card .card-info, .datenschutz-grid { padding: 1rem 0!important; } .wk_konfig .els_extra { display: none; } .wk_konfig.open .els_extra { display: block; } .els_table { max-width: calc(100vw - 6rem); overflow-y: auto; } .els_table tr > td:first-of-type { font-weight: bold; text-align: right; padding-right: 0.8rem; width: 50%; } .els_table tr td { font-size: .8rem; } .els_table table { width: 100%; } .els_table table:empty + .els_extra + button { margin-top: 0; } .els_table button { background-color: transparent; color: var(--theme-accent); text-transform: none; text-align: right; width: 100%; padding: 0.2rem; margin-top: 0.5rem; } .els_table button:after { display: inline-block; content: "»"; margin-left: .25rem; } .wk_konfig.open .els_table tr td { padding-block: 0.3rem; border-bottom: 1px solid var(--theme-medium); } #shopLayer .wk_konfig.open .els_table button { margin-top: 0.5rem; } /* CSS für WK Zubehörartikel START */ .container-wk-zub:nth-child(1) {border-top: unset;} .container-wk-zub {border-top: 2px solid rgba(0,0,0,0.1);overflow:hidden;} .variant-select {width:90%;} .wk_pic-new { height: 3rem; } .add-article { height: 3rem; cursor: pointer; text-align:center; } .zub-title-class { color: var(--theme-white); text-transform: uppercase; } .zub-wk-headline { cursor: pointer; margin-top: 2rem; padding-bottom: 2rem; background-color: var(--theme-accent-medium); color: var(--theme-white); text-align:center; position:relative; } .zub-open-close { position: absolute; top: .75rem; right: 1rem;} .zub-open-close img { height: 2rem; } .bott-right { color: var(--theme-text); } .bott-left { color: var(--theme-text); } .bott-left:hover { color: var(--theme-link); } .wrap-zub-box { display: none; padding: 1rem; border-left: 2px solid rgba(0,0,0,0.1);border-right: 2px solid rgba(0,0,0,0.1);border-bottom: 2px solid rgba(0,0,0,0.1);} .wrap-zub-box.open { display: block; } .container-wk-zub { margin: .5rem 0; display: grid; gap: .5rem; grid-auto-flow: row; grid-template-areas: "art-bild art-name art-name art-name art-name" "art-variante art-variante art-variante art-variante art-variante" "art-lieferzeit art-lieferzeit art-lieferzeit art-lieferzeit art-lieferzeit" "art-preis art-preis art-st art-st add-art"; justify-content: space-between; } .anz-wahl { position:relative; grid-area: anz-wahl; } .add-art { position:relative; grid-area: add-art; } .art-bild { position:relative; grid-area: art-bild; text-align: left; margin-top: .5rem; } .art-variante { position:relative; grid-area: art-variante;} .art-name { position:relative; grid-area: art-name; } .art-preis { position:relative; grid-area: art-preis; text-align:right;} .art-st { position:relative; grid-area: art-st; text-align:right; white-space: nowrap; } .art-lieferzeit {position:relative; grid-area: art-lieferzeit; } .art-stueck {position:relative; grid-area: art-stueck; } .vk-zub { text-align: right; } .zub-wk-headline { padding: 1rem 0; } .add-art #k_wk { background-image: url(/img/bg-wk.svg); } .add-art .bott-left { float: right; } .add-art #k_wk:before { display: none; } .container-wk-zub .art-name.name_in_wk { overflow: unset; margin-top: .5rem; } .container-wk-zub .art-name.name_in_wk > a { width: 100%; display: block; } .container-wk-zub .art-name.name_in_wk > a > span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .pg_table_wk1 .wk_tab_summe .wk_pic-new { padding-top: 1rem; } /* CSS für WK Zubehörartikel ENDE */ .avisierung-hinweis.hat-nummer { display: none; } 
@media (min-width: 576px) { .wk_ges_anz { margin-top: 0; } .wk_pic { text-align: left; } .wk_details { text-align: left; } #wk_gsum{margin-bottom:2rem;} .wk-express-buttons{grid-template-columns:repeat(2,minmax(0,1fr));} .wk-express-amazon{order:1;} .wk-express-paypal{order:2;} }
@media (min-width: 768px) { .wk-button, .zahlen { width: 100%; margin-right: 0; margin-top: 0; } .zahlen { max-width: 50%; } .wk-button{line-height:1.25;} .wk-button{height:5rem;} .kassen_infos { grid-template-areas: "rech liefer" "zart zart"; grid-template-columns: 1fr 1fr; margin-bottom: var(--padding); } .summe { display: grid; grid-template-columns: auto 15rem 15rem; grid-template-areas: "_ label preis"; } #wk_zus{flex-direction:column;justify-content:flex-start;} #wk_zus .zahlen{order:1;width:100%;max-width:50%;margin-left:auto;} #wk_gutschein{order:2;width:100%;} #wk_gutscheincode{display:grid;grid-template-columns:auto minmax(14rem,20rem) auto;gap:1rem;align-items:center;justify-content:start;} #wk_gutschein>.card{max-width:48rem;} #wk_gutscheincode .wk-gut-ueb{white-space:nowrap;} #wk_gutscheincode .wk-gut-eingabe{display:flex;align-items:center;} #wk_gutscheincode .inp_wrapper{display:flex;align-items:center;height:100%;} #wk_gutscheincode input#gutschein_code{height:3.75rem;margin:0;padding:0 1.25rem;line-height:normal;display:block;} #wk_gutscheincode .wk-gut-eingabe{display:flex;align-items:center;justify-content:center;} #wk_gutscheincode button{display:flex;align-items:center;justify-content:center;height:3.75rem;margin:0;align-self:stretch;} #wk_gutscheincode .inp_wrapper>label{display:none;} .amazonPayWidgets { flex-direction: row; } .amazonPayWidgets > div { flex: 1; } .amazonPayWidgets > div iframe { height: 100%; }  }
@media (min-width: 992px) { .wk_card.card { overflow: visible; } .kassen_infos { grid-template-areas: "rech liefer zart"; grid-template-columns: 1fr 1fr 1fr; } .wk-special-promo { grid-template-areas: "promo wk"; grid-auto-columns: 20rem auto; grid-template-rows: auto; } .container-wk-zub { grid-template-rows: 1fr 1fr; grid-template-columns: 10% 26% 45% 9% 5%; grid-template-areas: "art-bild art-variante art-name art-preis add-art" "art-bild art-variante art-lieferzeit art-st add-art"; } .bott-right { position: absolute; top: .5rem; right: 0; } .art-name.name_in_wk { max-width: unset; } .wk_card.card{padding:0;}  }
@media (min-width: 1200px) { #wk_zus .zahlen{order:2;width:25%;max-width:25%;margin-left:auto;} #wk_zus{flex-direction:row;align-items:flex-start;justify-content:space-between;} #wk_gutschein{order:1;width:auto;flex:1;} #wk_zus .zahlen{order:2;width:25%;max-width:25%;margin-left:auto;}  }
/* ### to-top-button ### */
#btn-to-top { display: block; opacity: 0; transform: translateY(2rem); visibility: hidden; position: fixed; bottom: 1rem; right: 1rem; height: 3rem; width: 3rem; background-size: 1rem; background-color: var(--theme-accent-medium); border: none; border-radius: 50%; box-shadow: var(--shadow-elevation-medium); z-index: 90; transition: all .2s ease-out; background-image: url(/img/artikel_weiter.svg); background-position: center; background-repeat: no-repeat; padding: 0; } #btn-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0) rotate(-90deg); }
/* ### input-floating ### */
.inp_wrapper { position: relative; margin-top: 1.5rem; } .inp_wrapper label { position: absolute; top: 1.5rem; left: .8rem; font-size: .9rem; z-index: 1; color: var(--theme-text); transition: all .15s ease-out; opacity: .54; pointer-events: none; font-family: inherit; } .inp_wrapper:focus-within label, .inp_wrapper input:not(:placeholder-shown) + label, .inp_wrapper textarea:not(:placeholder-shown) + label, .inp_wrapper select + label, .inp_wrapper input:-webkit-autofill + label, .inp_wrapper textarea:-webkit-autofill + label, .static-input .inp_wrapper textarea + label, .static-input .inp_wrapper input + label, .inp_wrapper input + label.static, .inp_wrapper textarea + label.static { transform: translateY(-1.8rem); opacity: 1; } .inp_wrapper input, .inp_wrapper textarea, .inp_wrapper select { margin-top: 1rem; } .inp_wrapper label span.red { color: red; } .inp_wrapper.valid input { border-bottom: 1px solid var(--theme-success); }
/* ### powermenu ### */
.powermenue a:not(.button), .powermenue div {color: var(--theme-text);} #shopLayer.powermenue-open ~ #trustbadge-container-98e3dadd90eb493088abdc5597a70810 { display: none!important; } .powermenue { display: flex; position: fixed; z-index: 99; top: 6rem; left: 0; right: 0; bottom: 0; background-color: var(--theme-light); overflow-y: auto; overflow-x: hidden; opacity: 0; visibility: hidden; transform: translateX(-2rem); transition: all .3s ease-out; } nav.powermenue.open {opacity: 1;visibility: visible;transform: translateX(0);} #kopf_top_line.box-shadow + div + #kopf_bottom_line .powermenue.open { top: 4rem; } #powermenue-strukturen-ueberschrift {display: flex;background-color: var(--theme-accent-medium);padding: 0.5rem 0;align-items: center;justify-content: center;} .powermenue-head { width: 100%;flex-direction: column; align-items: stretch;left: 0px;position: absolute; margin: 0; opacity: 1; pointer-events: all; transition: all .2s ease out; } .powermenue-head.hidden { opacity: 0; pointer-events: none; } .powermenue-head li { padding: 0 1rem; background-color: var(--theme-white); height: 5rem; margin: 0; border-bottom: .15rem solid var(--theme-light); display: flex;align-items: center;justify-content: space-between;cursor: pointer; } .powermenue-head li:last-child { border-bottom: 0; } .powermenue-head a { font-size: 1.25rem; } .powermenue-head a:hover, .powermenue-modul-auflistung li a:hover, #shopLayer .powermenue .powermenue-strukturen a:hover { color: var(--theme-accent-medium); } .powermenue-head li.powermenue-aktiv { background-color: var(--theme-accent); } .powermenue-head li.powermenue-aktiv a { color: var(--theme-white); } .powermenue-strukturen {position: absolute;display: block;top: 0;left: 0;right: 0;bottom: 0;padding: 0;background-color: var( --theme-light);transition: all .3s ease-out;box-shadow: none;} .powermenue-strukturen.hidden {opacity: 0;visibility: hidden;transform: translateX(-2rem);} .powermenue-struktur.hidden, .powermenue-struktur-module.hidden { display: none; } .powermenue-struktur-module { display: flex; width: 100%; padding: 1rem;box-sizing: border-box; } .powermenue-struktur-module {flex-direction: column;padding: 0;} .powermenue-modul-ueberschrift { display: block;width: 100%; margin: 0; font-weight: bold; margin-bottom:.5rem;} .powermenue-modul-ueberschrift-wrapper { padding: .5rem 1rem; border-bottom: 0;} .powermenue-modul-ueberschrift-icon {height: 1.5rem;width: 1.5rem;} .powermenue-modul { width: 100%;margin: 0;} .powermenue-modul a, .powermenue-modul p {font-size: 1rem;} .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] {display: flex;align-items: center;justify-content: flex-start;flex-direction: row;flex-wrap: wrap; margin-bottom: 0; } .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] li { width: 50%; } .powermenue-modul-auflistung { margin: 0; padding: 0 1rem; } .powermenue-modul-auflistung li.powermenue-aktiv a {color: var(--theme-accent-medium);} .powermenue-modul-auflistung li a { padding: .1rem 0; } .powermenue-html-oben, .powermenue-html-unten { width:100%; padding: 0 1rem 1rem 1rem; } .powermenue-html-oben p, .powermenue-html-unten p { margin: 0 0 .5rem 0; } .powermenue-html-oben:empty, .powermenue-html-unten:empty { display:none; } .powermenue-modul-ueberschrift-icon { width: 2rem; height: 2rem; object-fit: contain;margin-right: .25rem;} .powermenue-auflistung-mit-icon img { width: 6rem; height: auto; margin: 0; } .powermenue-auflistung-mit-icon a, .powermenue-icons-mit-text a, .powermenue-top-marke a {display: flex;justify-content: flex-start;align-items: center;} .powermenue-icons-mit-text img { width: 5rem; height: 5rem; margin-bottom: .25rem; transition: all 0.5s; } .powermenue-icons-mit-text img:hover { transform: translateY(-0.3rem) translateZ(0); box-shadow: 0 1rem 2rem rgba(0,0,0,.15); } .powermenue-icons-mit-text img + p { margin-top: 0; } .powermenue-icons-mit-text a, .powermenue-top-marke a {flex-direction: column;} .powermenue-icons-mit-text a p, .powermenue-top-marke a p {font-size: .8rem;margin-bottom: .5rem;} .powermenue-modul-auflistung .powermenue-top-marke {padding: .75rem 0 .5rem 0;} .powermenue-modul-top-marken, .powermenue-top-marke, .powermenue-modul-top-artikel {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: flex-start;} .powermenue-top-marke img, .powermenue-top-artikel img {max-width: 200px;max-height: 200px;object-fit: contain;} .powermenue-modul .powermenue-top-artikel-name {font-size: 1rem;} .powermenue-modul-icons { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0; } .powermenue-modul-auflistung li.powermenue-top-artikel {background-color:rgb(255,255,255);border:1px solid rgb(221,221,221);padding:.5rem;box-sizing:border-box;margin-right:2rem;} .powermenue-top-artikel {width: 100%;} .powermenue-top-artikel a {align-items: center; } .powermenue-top-artikel-rechts .powermenue-top-artikel-preis {font-size: 1.5rem;} .powermenue-mehr-anzeigen-button { margin-bottom: 0.5rem; } .powermenue-mehr-anzeigen-button p { margin: 0 .2rem 0 0; font-size: .9rem; color: var(--theme-link); } .powermenue-modul-auflistung li a {display: flex;} .powermenue-top-marke img, .powermenue-top-artikel img {max-width: 100px;max-height: 100px;object-fit: contain;} .powermenue-top-artikel a {display: flex;align-items: center;justify-content: flex-start;} .powermenue-top-artikel-rechts {margin-left: 5px;} .powermenue-top-artikel-name {font-size: .8rem;margin-bottom: 10px;} .powermenue-top-artikel-preis {font-size: 1rem;} .powermenue-zwei-spalten-rechts {display: none;} .powermenue-mehr-anzeigen {display: none;} .powermenue-mehr-anzeigen-button { cursor: pointer; display: flex; padding-left: 1rem; margin-bottom: .5rem; } .powermenue-pfeil-unten {margin-left: .5rem;transform: rotate(90deg);} #powermenue-zurueck {position: absolute;background: transparent url(/img/powermenue_arrow-w.svg) no-repeat 50% 50%;background-size: auto 40px;z-index: 1000;cursor: pointer;width: 4rem;height: 2rem;left: 0;padding: 1rem 1rem 1rem 0;} #powermenue-zurueck-text {font-size: 1.25rem;color: var(--theme-accent-text);} .powermenue-head-mobile-pfeil {display: none;} .alle-struktur-artikel-anzeigen {display: none; } .powermenue-zwei-spalten-links {display: flex;align-items: center;justify-content: flex-start;} .powermenue-pfeil-rechts {margin-left: 0.25rem;} .powermenue-modul-html img {max-width: 100%;} .powermenue-auflistung-hoch {font-weight: bold;} .powermenue-head-mobile-pfeil {display: block;background: transparent url(/img/powermenue_arrow-w.svg) no-repeat 50% 50%;background-size: auto 40px;width: 2rem;height: 2rem;transform: rotate(180deg);} .powermenue-modul[data-modul-typ='zwei-spalten-rechts'] { display: none; } .alle-struktur-artikel-anzeigen {display: flex;align-items: center;justify-content: space-between;width: 100%; margin: .1rem 0 1rem 0;padding: .5rem 1rem; background-color: var(--theme-accent-light);} .alle-struktur-artikel-anzeigen p:first-child { font-size: 1rem; color: var(--theme-white); } .alle-struktur-artikel-anzeigen p { margin: 0; } .powermenue-pfeil-rechts { transform: rotate(90deg); } .powermenue-modul-auflistung .powermenue-auflistung-platzhalter { border-bottom: 0; padding: .25rem!important; } .powermenue-modul-html ul li a strong { margin-right: .5rem; } #powermenue-menuepunkt-7 a:before { content: "%"; display: inline-block; width: 1.5rem; height: 1.5rem; border-radius: .25rem; background-color: var(--theme-error); color: var(--theme-white); text-align: center; margin-right: .5rem; } .powermenue-modul-auflistung[data-modul-typ="auflistung-mit-icons"] { margin: 0; padding: 0 1rem; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: var(--theme-light); } .powermenue-modul-auflistung[data-modul-typ="auflistung-mit-icons"] li a { flex-wrap: wrap; justify-content: center; } .powermenue-modul-auflistung[data-modul-typ="auflistung-mit-icons"] li a p { width: 100%; margin: 0 0 1rem 0; font-size: .9rem; text-align: center; } .powermenue-modul.powermenue-modul-nummer-17 ul.powermenue-modul-auflistung, .powermenue-modul.powermenue-modul-nummer-18 ul.powermenue-modul-auflistung, .powermenue-modul.powermenue-modul-nummer-19 ul.powermenue-modul-auflistung, .powermenue-modul.powermenue-modul-nummer-20 ul.powermenue-modul-auflistung { margin-bottom: 0; margin-top: 0; padding-bottom: 0; } .powermenue-modul-auflistung .powermenue-auflistung-mit-icon { width: 100%; padding: 0; background-color: var(--theme-white); margin-bottom: 1rem; border: 0rem solid rgb(150,150,150);} .powermenue-modul-auflistung .powermenue-auflistung-mit-icon img { margin-top: .5rem; } .powermenue-modul-html ul.freestylemenu { display: flex; flex-wrap: wrap; justify-content: space-between; } .powermenue-modul-html ul.freestylemenu li { width: 100%; background-color: var(--theme-white); padding: 1rem; margin: 0 0 1rem 0; transition: all 0.5s; } .powermenue-modul-html ul.freestylemenu li:hover { transform: translateY(-0.3rem) translateZ(0); box-shadow: 0 1rem 2rem rgba(0,0,0,.15); } .powermenue-modul-html ul.freestylemenu li .flexbox .ueb { width: 100%; display: block; font-weight: bold; font-size: 1.1rem; margin-bottom: .5rem; color: var(--theme-text); } .powermenue-modul-html ul.freestylemenu li .flexbox .text { width: 60%; color: rgb(125, 125, 125); padding-right: .5rem; } .powermenue-modul-html ul.freestylemenu li .flexbox img { width: 40%; } .powermenue-modul-html ul.freestylemenu li .flexbox .text:hover { color: var(--theme-accent-medium); } .powermenue-modul-icons li.powermenue-icons-mit-text { width: 48%; margin-bottom: .5rem; }
@media (min-width: 576px) { .powermenue-modul-html ul.freestylemenu li { width: 48%; } .powermenue-modul-auflistung .powermenue-auflistung-mit-icon { width: 48%; } .powermenue-modul-icons li.powermenue-icons-mit-text { width: 25%; } }
@media (min-width: 768px) { nav.powermenue.open { max-width: 600px; box-shadow: 0px 12px 24px -10px rgba(0,0,0,1); } }
@media (min-width: 992px) { .powermenue {width: 100%;display: flex;align-items: center;justify-content: flex-start;flex-direction: column; overflow: visible; opacity: 1; visibility: visible; position: relative; top: 0; background: none; transform: none; } #powermenue-schalter { display: none; } .powermenue-modul-auflistung li a { padding: 0; font-size: .9rem; } .powermenue-modul-auflistung li.powermenue-auflistung-hoch a { font-size: 1rem; } .powermenue-head { display: flex; flex-direction: row; justify-content: center; height: 3rem; align-items: center;padding: 0; margin-top: 0; } .powermenue-head li { height: auto; margin: 0; padding: 0; background-color: unset; border: 0; } .powermenue-head li a { padding: 0 .5rem; } .powermenue-head a { font-size: 1rem; } .powermenue-head li.powermenue-aktiv { background-color: transparent; } .powermenue-head li.powermenue-aktiv a { color: var(--theme-white); background-color: var(--theme-accent); border-radius: 2rem; padding: .3rem .75rem; } .powermenue-strukturen.hidden {opacity: 0;visibility: hidden;transform: translateY(-2rem);} .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] { margin: 0; } .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] li { width: 100%; margin: 0; padding: 0; } .powermenue-struktur, .powermenue-struktur-module { display: flex;align-items: flex-start;justify-content: flex-start; flex-wrap: wrap; } .powermenue-strukturen { position: static; width: 100%; background-color: var(--theme-powermenu-medium); display: block; box-shadow: 0px 12px 24px -10px rgba(0,0,0,0.75); padding:1rem;box-sizing: border-box; margin-top: 3rem; } .powermenue-strukturen.hidden { display: none; } .powermenue-struktur { flex-direction: column; } .powermenue-struktur-module { width: 100%; flex-direction: row; padding: 1rem;box-sizing: border-box; } .powermenue-modul { width: 25%!important; margin: 0; } .powermenue-modul-ueberschrift-wrapper {display: flex;align-items: center;justify-content: flex-start;font-weight:bold; background-color: unset; } .powermenue-html-unten #alle-marken {float:right;} .powermenue-html-oben #alle-marken {float:right;} .powermenue-html-oben h1 {margin:0;} .powermenue-html-oben, .powermenue-html-unten { padding-left: 2rem; } .powermenue-html-oben h3, .powermenue-html-unten h3 { margin-top: 0; } .powermenue-top-marke {width: 50%;justify-content: flex-start;justify-content: center;} .powermenue-icons-mit-text {width: 25%;} .powermenue-icons-mit-text img {width: 5rem;height: 5rem;} .powermenue-head-mobile-pfeil { display: none; } .alle-struktur-artikel-anzeigen { display: none; } #powermenue-strukturen-ueberschrift { display: none; } .powermenue-modul-auflistung .powermenue-auflistung-mit-icon { width: 100%; } .powermenue-modul-html ul.freestylemenu li { width: 100%; } .powermenue-modul.powermenue-modul-nummer-17 ul.powermenue-modul-auflistung { margin-top: 0; } .powermenue-modul.powermenue-modul-nummer-97 { width: 50%!important; } .powermenue-modul.powermenue-modul-nummer-98 { width: 50%!important; margin-top: 3rem; } .powermenue-modul.powermenue-modul-nummer-99 { width: 50%!important; } .powermenue-modul.powermenue-modul-nummer-100 { width: 50%!important; } .powermenue-modul.powermenue-modul-nummer-101 { width: 50%!important; } .powermenue-modul.powermenue-modul-nummer-102 { width: 50%!important; margin-top: 3rem; } .powermenue-modul.powermenue-modul-nummer-103 { width: 50%!important; } .powermenue-modul.powermenue-modul-nummer-104 { width: 50%!important; } .powermenue-modul-auflistung.powermenue-modul-icons { padding: 0; }  }
@media (min-width: 1200px) { .powermenue-head li a { padding: 0 1rem; } .powermenue-icons-mit-text img { width: 6rem; height: 6rem; } }
@media (min-width: 1400px) { .powermenue-head li a { padding: 0 1.5rem; } }
/* ### datenschutz ### */
.datenschutz-grid { padding: 1rem 0; display: grid; grid-template-columns: 1fr; grid-gap: var(--padding); } .datenschutz-grid > div { background-color: var(--theme-light); border-radius: var(--theme-radius-small); padding: var(--padding); display: flex; align-items: center; } .datenschutz-grid > div > .inp_wrapper { margin-top: 0; } .datenschutz-grid > div > .inp_wrapper > label { max-width: 100%; width: 100%; } .datenschutz-grid + input.button { margin: 1rem 2rem 2rem 2rem; }
@media (min-width: 992px) { .datenschutz-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1400px) { .datenschutz-grid { grid-template-columns: 1fr 1fr 1fr; } }
/* ### search ### */
ul.se li em { font-weight: bold; font-style: normal; background-color: yellow !important; color: black !important; } .css_dropdown[data-group='ag'] { display: none; } #meili-search { min-height: 85vh; } #meili-search #meili-items li#faqs { grid-column: 1 / span 2; padding: var(--padding); height: auto; overflow-y: auto; } #meili-search #meili-items li#faqs p { padding: 0; } #meili-term:empty, #meili-active-filters:empty { display: none; } #meili-title { display: flex; align-items: baseline; justify-content: space-between; } #meili-filters { display: none; grid-template-columns: 1fr 1fr; grid-gap: var(--padding); margin-bottom: 2rem; } #meili-filters.open { display: grid; } #meili-filters > div { flex: 1; } #meili-filters .css_dropdown ul li label span { font-size: .8rem; opacity: .8; float: right; line-height: 1.5rem; } #meili-filter-toggle { display: none; } #meili-filter-toggle.visible { display: block; } #meili-active-filters { margin-bottom: var(--padding); } #meili-active-filters > button { margin-right: var(--padding); } #meili-placeholder, #meili-no-hits, #meili-fallback-placeholder { text-align: center; max-width: 66rem; margin: 0 auto; } #meili-fallback-placeholder { font-weight: bold; margin-top: var(--padding); } #meili-no-hits { display: none; } #meili-no-hits > b { font-size: 1.1rem; margin-bottom: 2rem; display: inline-block; font-family: 'Header-Font'; } #meili-search h1 { margin-bottom: 0; } #meili-search p { margin-top: 0; text-align: center; } #shopLayer.suche-offen #kopf_bottom_line { display: none; } #shopLayer.suche-offen #kopf_top_line { box-shadow: var(--shadow-elevation-medium); } .suche-struktur { } .suche-struktur nav ul { display: flex; flex-wrap: wrap; justify-content: space-between;} .suche-struktur nav ul li { list-style: none; width: 49.5%; margin: 0 0 1% 0; } .suche-struktur nav ul li a { display: block; background: var(--theme-light); padding: .5rem; color: var(--theme-text); margin-bottom: 1%; } .suche-struktur nav ul li a.alvl_1 { background-color: var(--theme-accent); color: var(--theme-white); } .suche-struktur nav ul li a:hover { background-color: var(--theme-accent-dark); color: var(--theme-white); } .suche-struktur nav ul li { list-style: none; } .suche-struktur nav ul li.head { width: 100%; background: var(--theme-accent); padding: .5rem; color: var(--theme-white); margin-bottom: 1%;} .suche-struktur nav ul.men_her li a.alvl_1 { background: var(--theme-light); color: var(--theme-text); } .suche-struktur ul.lvl_2, .suche-struktur ul.men_her { display: flex; flex-wrap: wrap; } .suche-struktur ul.lvl_2 li, .suche-struktur ul.men_her li { width: 100%; } ul.men_zk1 .alvl_1 { background: var(--theme-medium); margin-top: .5rem; }
@media (min-width: 576px) { #meili-filters { grid-template-columns: repeat(3, 1fr); } #meili-search #meili-items li#faqs { height: var(--kachel-max-height); } .suche-struktur ul.men_her li { width: 49.5%; } }
@media (min-width: 768px) { #meili-filters { display: grid; grid-template-columns: repeat(4, 1fr); } #meili-filter-toggle.visible { display: none; } #meili-search #meili-items li#faqs { grid-column: 1 / span 3; } .suche-struktur ul.lvl_2 li { width: 49.5%; } .suche-struktur ul.men_her li { width: 24%; } }
@media (min-width: 992px) { #meili-filters { grid-template-columns: repeat(5, 1fr); } }
@media (min-width: 1200px) { #meili-filters { grid-template-columns: repeat(6, 1fr); } }
@media (min-width: 1400px) { #meili-filters { grid-template-columns: repeat(7, 1fr); } }
/* ### progress-bar ### */
section.fortschritt { display: block; margin-bottom: var(--padding); } section.fortschritt ul { list-style: none; display: flex; padding: 0; margin: 0; } section.fortschritt ul li { position: relative; flex: 1; padding: .8rem 0 1.5rem 0; } section.fortschritt ul li a span { display: none; text-align: center; color: var(--theme-text); } section.fortschritt ul li::before { content: ""; position: absolute; z-index: 1; top: 0; right: -.1rem; background-color: var(--theme-medium); } .fortschritt ul li::before, .fortschritt ul li.active a::before { content: ' '; display: block; width: 2rem; height: 2rem; position: absolute; right: -.1rem; top: 0; background-color: var(--theme-medium); border-radius: 2rem; z-index: 1; } .fortschritt ul li.active a::before { background: rgb(112,147,8) url(/img/check_w.svg) no-repeat 50% 50%; background-size: 20px; } .fortschritt ul li.active:not(:has(+ li.active)) a::before { background: var(--theme-accent-dark) url(/img/check_w.svg) no-repeat 50% 50%; background-size: 20px; } .fortschritt ul li::after { content: ' '; width: 100%; height: .5rem; position: absolute; bottom: 1rem; background: var(--theme-medium); } .fortschritt ul li.active::after { background: rgb(112,147,8); } .fortschritt ul li.active:not(:has(+ li.active))::after { background: var(--theme-accent-dark); }
@media (min-width: 768px) { section.fortschritt ul li a span { display: block; } section.fortschritt ul li::before, section.fortschritt ul li.active a::before { top: 1.5rem; }  }
/* ### kachel-stapel ### */
.art_stapel { list-style: none; padding: 2rem; overflow-y: hidden; overflow-x: scroll; display: flex; scroll-behavior: smooth; } .art_stapel .art_box { min-width: 17rem; margin-right: var(--padding); } .art_stapel .art_box:first-of-type { margin-left: 2rem; } .art_stapel .art_box:not(:first-of-type) { margin-left: -8rem; } .art_stapel .art_box:hover, .art_stapel .art_box:focus-within, .art_stapel .art_box.active { transform: translateX(-2rem) translateY(-.3rem) rotate(-3deg); transform-origin: bottom right; } .art_stapel .art_box:hover~.art_box, .art_stapel .art_box:focus-within~.art_box, .art_stapel .art_box.active~.art_box { transform: translateX(4.5rem); } .art_stapel_wrapper { position: relative; } .art_stapel_wrapper button.art_slider_nav { display: none; } @media (pointer: fine) { .art_stapel_wrapper button.art_slider_nav { position: absolute; display: block; left: 0rem; top: 50%; transform: translate(0%, -50%) rotate(180deg); height: 3rem; width: 3rem; padding: 0; border-radius: 50%; background-image: url(/img/artikel_weiter.svg); background-position: center; background-repeat: no-repeat; background-size: 30%; } .art_stapel_wrapper button.art_slider_nav.slider_next { left: unset; right: -.5rem; transform: translate(0%, -50%) rotate(0deg); } }
/* ### kachel-slider ### */
.art_slider { list-style: none; padding: var(--padding); overflow-y: hidden; overflow-x: scroll; display: flex; scroll-snap-type: x proximity; scroll-padding: calc(var(--padding) - .6rem); scroll-behavior: smooth; margin-top: 0; } .art_slider .art_box { min-width: 17rem; margin-left: var(--padding); scroll-snap-align: start; } .art_slider_wrapper { position: relative; } .art_slider_wrapper button.art_slider_nav { display: none; } @media (pointer: fine) { .art_slider_wrapper button.art_slider_nav { position: absolute; display: block; left: 0rem; top: 50%; transform: translate(0%, -50%) rotate(180deg); height: 3rem; width: 3rem; padding: 0; border-radius: 50%; background-image: url(/img/artikel_weiter.svg); background-position: center; background-repeat: no-repeat; background-size: 30%; } .art_slider_wrapper button.art_slider_nav.slider_next { left: unset; right: -.5rem; transform: translate(0%, -50%) rotate(0deg); } }
/* ### wk-t2 ### */
/* temp */ .wk_zk_div.card { padding: 0 0 1rem 0; } #wk #textarea.card{display:inline-block;background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 1.5rem 0;} .dat_zk_check td { vertical-align: top; } .dat_zk_check td.check-ueb { padding: 0 .5rem 0 .25rem; } .dat_zk_check .button.check {margin-top: 1rem;} #wk a { text-decoration: underline; color: var(--theme-text); } #wk a:hover { color: var(--theme-accent); } #wk .wk_zk a { text-decoration: unset; } textarea#kundentext { width: 100%; max-width: 100%; margin-bottom: 2rem; } .tabelle_zk span.b + br {display:none;} .tabelle_zk div.b { background: rgba(167, 198, 162,.8); text-align: right; padding:.5rem; margin-bottom: 1rem!important; } .wk_mwst { color: var(--theme-dark); } .wk_zk.start .tabelle_zk_th.kopfzeile { background-color: var(--theme-light); width: 100%; display: none; justify-content: space-between!important;}.tabelle_zk_th.kopfzeile th { padding: .5rem 0; } .tabelle_zk_th.kopfzeile th:last-child { padding-right: 1rem; } .tabelle_zk_th.kopfzeile th:first-child { padding-left: 1rem; text-align: left; } .wk_zk.start { width: 100%; display: flex; flex-wrap: wrap;} .wk_zk.start tbody { width: 100%; } .wk_zk.start tr { display: flex; width: 100%;flex-wrap: wrap; justify-content: space-between; border-bottom: var(--theme-divider); } .wk_zk.start tr .zk_wk_anz { width: 22%; padding-bottom: .5rem; order: -3; text-align: left; } .wk_zk.start tr .zk_wk_pic { width: 100%; padding-top: 1rem; order: -5; vertical-align: top; } .wk_zk.start tr .zk_wk_name { width: 100%; padding-top: 1rem; order: -4; padding-right: 1rem; } .wk_zk.start tr .zk_wk_name b { font-weight: normal; } .wk_zk.start tr .zk_wk_lager { width: 10%; padding-bottom: .5rem; text-align: left; } .wk_zk.start tr .liefertage span { font-size: .9rem; opacity: .8; } .wk_zk.start tr .zk_wk_ep { width: 32%; padding-bottom: .5rem; } .wk_zk.start tr .zk_wk_ep .uvp, .wk_zk.start tr .zk_wk_gsum .uvp { text-decoration: line-through; opacity: .5; display: block; } .wk_zk.start tr .zk_wk_gsum { width: 32%; padding-bottom: .5rem; padding-right: 1rem; } .zk_wk_gsum span.a + br { display: none; } .zk_wk_ep span.a + br { display: none; } #wk-wk-wk #ratenrechnerEC { padding-right: 1rem; } #wk-ende-kram td { padding-right:0; } #wk-wk-wk .zk_gsum { padding-right: 1rem; } .zk_vers {white-space: nowrap;} .wk_zk_pic { max-width: 6rem; max-height: 6rem; } .zk_wk_anz .anzahl_in_wk { font-size: 1.25rem; margin-left: .5rem; } .zk_wk_anz .anzahl_in_wk .wk_pen {width: 1.75rem; padding-left: .5rem; padding-bottom: .5rem; } #wk-wk-wk .zk_vers, #wk-wk-wk .zk_gsum { white-space: nowrap; } #wk-wk-wk .zk_gsum b { font-size: 1.25rem; } .button#kaufabschlussButton{width:100%;min-height:5.5rem;height:auto;margin-top:1rem;padding:1.2rem 2rem;border:1px solid var(--theme-accent-medium);border-radius:999px;background:var(--theme-accent-medium);color:var(--theme-white);font-size:1.32rem;font-weight:800;line-height:1.25;text-align:center;text-transform:none;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;} .button#kaufabschlussButton:hover{background:rgb(112,147,8);color:var(--theme-white);border-color:rgb(112,147,8);} .button#kaufabschlussButton:focus-visible{outline:3px solid rgba(112,147,8,.3);outline-offset:3px;} .button#kaufabschlussButton:active{transform:translateY(1px);} #infTab table { width: 100%; } .wk_lief {display:none;} img.wk_gutscheinmotiv { width:10rem; } .rechnung > div.kasse_card_div { margin-top: 0; } .kundentext .inp_wrapper { margin-top: 0; } #guthaben_fuer_next_order_div { box-shadow: var(--shadow-elevation-medium); border: var(--theme-border); background-color: var(--theme-accent-light); border-radius: var(--theme-radius-small); margin-bottom: 1rem; padding: 1rem!important; } .verpackung-wrapper { background-color: var(--theme-light); padding: .5rem; margin: .5rem 0 .5rem 1rem; border-radius: .25rem; border: var(--theme-divider); } .verpackung-wrapper .verpackung { display: block; } .verpackung-wrapper .verpackung b { font-weight: bold!important; } .verpackung-wrapper .verpackung + a { background-color: var(--theme-accent-medium); color: var(--theme-white)!important; border-radius: .25rem; padding: .2rem .4rem; display: inline-block; } .verpackung-wrapper.verpackung-rm { background-color: var(--theme-light); margin-top: 1rem; } .verpackung-wrapper.verpackung-rm span.verpackung + a { background-color: var(--theme-warning); background-repeat: no-repeat; background-size: 1rem; background-position: 93% 50%; } .verpackung-wrapper.verpackung-rm span.verpackung { background: url(/img/check.svg) no-repeat 100% 50%; background-size: 1rem; padding-right: 1.5rem; } .kassenausgang-prio-versand {display: flex; flex-wrap: wrap; align-items: start; } .kassenausgang-prio-versand-aufschlag { font-weight: bold; white-space: nowrap; margin-left: 1rem; } .kassenausgang-prio-versand-checkbox input { height: 1.25rem; width: 1.25rem; margin-right: .5rem; accent-color: var(--theme-accent-orange);} .prio-versand .kassenausgang-prio-versand-checkbox { background: var(--theme-accent-dark); border-radius: var(--theme-radius-small); color: var(--theme-white); margin: 0; text-align: center; padding: 1rem; position: relative; display: flex; align-items: center; } .prio-versand .kassenausgang-prio-versand-checkbox.checked { background: var(--theme-dark); } .prio-versand-info-text { display: flex; flex-wrap: wrap; align-items: start; } .kassenausgang-prio-versand h3 { margin-top: 0; } .error_vor_absendenbutton { display: block; background: var(--theme-error); color: var(--theme-white); padding: 1rem; margin-top: 1rem; border-radius: var(--theme-radius-small); font-size: 1rem!important; } .name_in_wk { display: block; overflow: hidden; } /*white-space: nowrap; max-width: 19rem; text-overflow: ellipsis;*/ .zk_wk_name .a + br { display: none; } .zk_wk_name .a .a3 { display: block; } .wk_zk.start tr .zk_wk_ep[data-anz="1"] { display: none; } #exit #infTab table tr:first-child { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: .5rem; } .hut-agb-tr { display: unset; } #exit #infTab table tr td { width: 100%; text-align: right; } #exit #infTab table tr td:first-child { } #exit #infTab table tr td:last-child span + br { display: none; } .hut-agb-tr td:last-child { width: auto!important; } #fehler_meldung { margin-top: .5rem; } #infTab{color:var(--theme-graublau);font-weight:400;} .wk_zk.start tr .zk_wk_name .wk_konf_text > b > b { font-weight: bold; } table[style="border: 2px solid #DD2222;"] tr { margin-top: 0!important; } .wk_error_verkauf_za { background-color: var(--theme-error); padding: 1rem; border-radius: var(--theme-radius-small); color: var(--theme-white); text-align: right; } .zk_wk_name .wk_konfig { display: inline-block; margin: .5rem 0 0 0; } .zk_wk_name .wk_konfig .els_table { max-width: 45rem; } .zk_wk_name .wk_konfig .els_table tr td { padding: 0 0.8rem 0 0; } #shopLayer{overflow-x:hidden;} /* Mehr Service im Bestellabschluss */ .datenschutz-card{padding:0;border:0;box-shadow:none;background:transparent;} .datenschutz-card .datenschutz-headline{margin:0 0 .15rem;font-size:1.15rem;font-weight:700;line-height:1.3;color:var(--theme-text);} .datenschutz-card .datenschutz-grid{margin:0;padding:0;border-top:0;align-items:start;align-content:start;row-gap:.35rem;column-gap:1rem;} .datenschutz-card .datenschutz-grid>div{margin:0;align-self:start;} .datenschutz-card .datenschutz-option-title{display:inline-block;margin-bottom:.35rem;font-size:.95rem;line-height:1.25;} .datenschutz-card .datenschutz-option-content{display:flex;align-items:center;gap:.7rem;color:var(--theme-graublau);font-size:.85rem;line-height:1.35;} .datenschutz-card .datenschutz-option-image{display:block;flex:0 0 3.6rem;width:3.6rem;height:3.6rem;object-fit:contain;} .datenschutz-card .datenschutz-option-list{flex:1 1 auto;min-width:0;margin:0;padding:0;list-style:none;} .datenschutz-card .datenschutz-option-list li{display:flex;align-items:flex-start;gap:.35rem;margin:0 0 .12rem;padding:0;} .datenschutz-card .datenschutz-option-list li:last-child{margin-bottom:0;} .datenschutz-card .datenschutz-option-list li img{display:block;flex:0 0 .7rem;width:.7rem;height:.7rem;margin-top:.18rem;object-fit:contain;} .datenschutz-card .datenschutz-hinweis{margin:.25rem 0 0;color:var(--theme-graublau);font-size:.85rem;line-height:1.35;} @media (max-width:575.98px){.datenschutz-card .datenschutz-option-content{align-items:flex-start;gap:.6rem;} .datenschutz-card .datenschutz-option-image{flex:0 0 3.1rem;width:3.1rem;height:3.1rem;} .datenschutz-card .datenschutz-hinweis{margin-top:.2rem;}} /* OVERRIDE ARTIKELPOSITIONEN WIE WARENKORB */ .wk_zk_div.card{position:relative;container:bestellpositionen / inline-size;padding:.6rem;border:0;background:transparent;box-shadow:none;overflow:visible;} .wk_zk.start .tabelle_zk_th.kopfzeile{display:none!important;} .wk_zk.start{display:block;width:100%;border:0;border-collapse:separate;border-spacing:0;} .wk_zk.start>tbody{display:block;width:100%;} .wk_zk.start>tbody>tr.art-zeile{position:relative;display:grid;width:100%;grid-template-areas:"pic pic" "details details" "anz gsum" "ep gsum";grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:.65rem;column-gap:var(--padding);align-items:start;margin:0 0 1rem;padding:1.25rem;box-sizing:border-box;border:0;border-radius:var(--theme-radius-medium);background:var(--theme-white);box-shadow:0 .35rem 1.25rem rgba(0,0,0,.08);} .wk_zk.start>tbody>tr.art-zeile:last-of-type{margin-bottom:1.5rem;} .wk_zk.start>tbody>tr.art-zeile>td{display:block;width:auto!important;height:auto;padding:0!important;border:0;background:transparent;} .wk_zk.start>tbody>tr.art-zeile>td:not([class]){display:none!important;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_lager{display:none!important;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_anz{grid-area:anz;align-self:center;text-align:left;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_pic{grid-area:pic;text-align:center;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name{grid-area:details;display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_ep{grid-area:ep;align-self:end;text-align:left;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_gsum{grid-area:gsum;align-self:end;text-align:right;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_ep[data-anz="1"]{display:none!important;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_ep b{font-weight:400;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_gsum b{font-weight:700;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_ep .uvp,.wk_zk.start>tbody>tr.art-zeile>.zk_wk_gsum .uvp{display:block;text-decoration:line-through;opacity:.5;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_pic center{display:block;width:100%;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_pic img.wk_zk_pic{display:block;width:11rem;height:11rem;max-width:100%;max-height:none;margin:0 auto;object-fit:contain;background:var(--theme-white);} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>.a{order:1;display:block;width:100%;min-width:0;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name .name_in_wk{display:block;width:100%;max-width:none;overflow:visible;white-space:normal;text-overflow:clip;font-size:1rem;line-height:1.35;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name .wk_konfig{order:2;display:inline-block;width:auto;max-width:100%;margin:.4rem 0 0;padding:.5rem;background:var(--theme-light);align-self:flex-start;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>.groe_txt_st1,.wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>.groe_txt_st2,.wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>.groe_txt_st3,.wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>.groe_txt_st4{order:3;position:relative;display:block;margin:.55rem 0 0;padding-left:1.5rem;color:var(--theme-graublau);font-size:.85rem;line-height:1.35;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>.groe_txt_st1::before,.wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>.groe_txt_st2::before,.wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>.groe_txt_st3::before,.wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>.groe_txt_st4::before{content:"";position:absolute;left:0;top:.15rem;width:1rem;height:1rem;border-radius:50%;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>.groe_txt_st1::before{background:var(--theme-success);} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>.groe_txt_st2::before{background:var(--theme-warning);} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>.groe_txt_st3::before{background:var(--theme-medium);} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>.groe_txt_st4::before{background:var(--theme-error);} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name .energie_els{order:4;margin-top:.5rem;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name .energie_els img{display:block;margin:0;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name>br{display:none;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name .wk_konfig .els_table tr{display:table-row;width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name .wk_konfig .els_table td{display:table-cell;width:auto!important;padding:0 .8rem 0 0!important;} .wk_zk.start>tbody>tr.art-zeile[data-azu*=",671,"]>.zk_wk_gsum::after,.wk_zk.start>tbody>tr.art-zeile[data-azu*=",672,"]>.zk_wk_gsum::after{content:"Sperrgut/Spedition";display:inline-block;margin-top:.4rem;padding-left:1.3rem;background:url("/img/infosymbol-spedition-sperrgut.png") left .15rem/1rem 1rem no-repeat;color:var(--theme-graublau);font-size:.85rem;font-weight:400;line-height:1.35;text-align:left;white-space:nowrap;} .zk_wk_anz .anzahl_in_wk{display:block;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2;} .zk_wk_anz .anzahl_in_wk>a{display:inline-flex;align-items:center;color:var(--theme-text);font-size:1.25rem;font-weight:700;line-height:1.2;text-decoration:none;} .zk_wk_anz .anzahl_in_wk>a::after{content:"Bearbeiten";margin-left:.3rem;color:var(--theme-accent-medium);font-size:.9rem;font-weight:400;line-height:1.2;} .zk_wk_anz .anzahl_in_wk .wk_pen{display:block;width:1.25rem;margin-left:.25rem;padding:0;} .zk_wk_ep span.a+br,.zk_wk_gsum span.a+br{display:none;} .zk_wk_ep .wk_mwst,.zk_wk_gsum .wk_mwst{display:block;font-size:.75rem;line-height:1.2;white-space:nowrap;opacity:.5;} .zk_rab,.zk_rab b{color:var(--theme-accent-medium);font-size:1.15rem;font-weight:700;} .zk_gsum b{font-size:clamp(1.6rem,2.8vw,2rem);font-weight:700;line-height:1.15;word-break:keep-all;} #wk .zk_gsum .a{display:block;color:var(--theme-medium);opacity:.65;font-size:.95rem;font-weight:400;} @media (max-width:59.98rem){ .wk_zk.start>tbody>tr.art-zeile[data-azu*=",671,"]>.zk_wk_gsum::after, .wk_zk.start>tbody>tr.art-zeile[data-azu*=",672,"]>.zk_wk_gsum::after{display:none;} .wk_zk.start>tbody>tr.art-zeile[data-azu*=",671,"]>.zk_wk_name::after, .wk_zk.start>tbody>tr.art-zeile[data-azu*=",672,"]>.zk_wk_name::after{content:"Sperrgut/Spedition";display:block;margin-top:.45rem;padding-left:1.3rem;background:url("/img/infosymbol-spedition-sperrgut.png") left .15rem/1rem 1rem no-repeat;color:var(--theme-graublau);font-size:.85rem;font-weight:400;line-height:1.35;white-space:nowrap;} } #textarea details{display:inline-block;width:auto;max-width:32rem;} #textarea summary{display:inline-flex;align-items:center;padding:.9rem 1.6rem;min-height:3rem;border:var(--theme-divider);border-radius:999px;background:#fff;cursor:pointer;box-shadow:var(--shadow-elevation-small);} #textarea summary span{display:inline-flex;align-items:center;line-height:1;} #textarea .inp_wrapper{width:34rem;max-width:100%;margin-top:.75rem;} #textarea textarea{width:100%;min-height:8rem;} #wk td[colspan="9"]>.card.mt-2.mb-2{display:inline-block;background:none;border:none;box-shadow:none;padding:0;margin:0 0 1.5rem 0;} .hut-agb-text span.b,.hut-agb-text span.b b{font-weight:400;color:var(--theme-graublau);} #wk td[colspan="9"]>span.a{display:block;color:#9a9a9a;font-size:.9rem;font-weight:400;} #wk-ende-kram .zk_vers,#wk-ende-kram .zk_vers b{display:inline;min-width:0;word-spacing:normal;letter-spacing:normal;text-align:inherit;} #wk-ende-kram .zk_vers::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:.35rem;background:url("/img/infosymbol-spedition-sperrgut.png") center/contain no-repeat;vertical-align:-.12rem;} .hut-agb-text::after{content:"Sicher bezahlen · SSL-verschlüsselt · Trusted Shops Käuferschutz";display:block;width:fit-content;max-width:calc(100% - 1rem);margin:.75rem auto .9rem;padding-left:1.35rem;background-image:url("/img/Schloss-Klein.png");background-repeat:no-repeat;background-position:left center;background-size:contain;color:var(--theme-graublau);font-size:clamp(.58rem,2.45vw,.7rem);font-weight:400;line-height:1.3;text-align:left;white-space:normal;box-sizing:border-box;} @container bestellpositionen (min-width:60rem){ .wk_zk_div.card{margin-top:2.5rem;padding:0;} .wk_zk_div.card::before,.wk_zk_div.card::after{position:absolute;top:-1.9rem;width:11rem;box-sizing:border-box;text-align:right;font-size:1rem;color:var(--theme-text);} .wk_zk_div.card::before{content:"Einzelpreis";right:13rem;font-weight:400;} .wk_zk_div.card::after{content:"Gesamtpreis";right:2rem;font-weight:700;} .wk_zk.start>tbody>tr.art-zeile{grid-template-areas:"anz pic details ep gsum";grid-template-columns:9rem 11rem minmax(0,1fr) 11rem 11rem;row-gap:var(--padding);column-gap:var(--padding);align-items:center;margin-bottom:1rem;padding:1.5rem;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_anz{align-self:center;padding-top:1rem!important;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_pic{padding:1rem 0!important;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name{padding:0!important;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_ep{display:block!important;align-self:center;padding-top:1rem!important;text-align:right;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_ep[data-anz="1"]{display:none!important;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_gsum{align-self:center;padding-top:1rem!important;text-align:right;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_pic img.wk_zk_pic{width:11rem;height:11rem;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name .name_in_wk{white-space:normal;} .wk_zk.start>tbody>tr.art-zeile>.zk_wk_name .wk_konfig{margin:.5rem 0 0;} .zk_wk_ep .wk_mwst,.zk_wk_gsum .wk_mwst{font-size:.9rem;white-space:normal;} } 
@media (min-width: 576px) { .verpackung-wrapper .verpackung { font-size: 1rem; } .wk_zk.start tr .zk_wk_pic { width: 15%; } .wk_zk.start tr .zk_wk_name { width: 85%; } .wk_zk_pic { max-width: 4rem; max-height: 4rem; } }
@media (min-width: 768px) { .tabelle_zk_th.kopfzeile, .wk_zk.start, .wk_zk.start tr { display: table; } .tabelle_zk_th.kopfzeile th:first-child { width: 19%; } .tabelle_zk_th.kopfzeile th:nth-child(4) { width: 50%; } .wk_zk.start tr .zk_wk_anz { width: 10%; } .wk_zk.start tr .zk_wk_pic { width: 10%; } .wk_zk.start tr .zk_wk_name { width: 45%; text-align: left; } .wk_zk.start tr .zk_wk_lager { width: 4%; } .wk_zk.start tr .zk_wk_ep { width: 12%; padding-right: 0 !important;} .wk_zk.start tr .zk_wk_gsum { width: 12%; } .wk_zk.start tr td:nth-child(3) { display: none; } .wk_zk.start tr td { padding: .5rem 1rem .5rem .5rem; } .wk_zk_pic { max-width: 5rem; max-height: 5rem; } .button#kaufabschlussButton{width:auto;min-width:23rem;max-width:100%;padding-right:2.5rem;padding-left:2.5rem;} .tg_buttons > a { flex: 1; } .prio-versand-info-text { flex-wrap: unset; } .prio-versand-info-text p { margin-top: 0; } .prio-versand .kassenausgang-prio-versand-checkbox { margin-right: 1rem; } .verpackung-wrapper { width: max-content; margin-left: 0; } .hut-agb-text::after{width:fit-content;max-width:100%;margin:.75rem 0 .9rem auto;padding-left:1.35rem;background-position:left center;background-size:auto 1rem;font-size:.82rem;line-height:1.35;text-align:left;white-space:nowrap;} .zk_wk_anz .anzahl_in_wk>a{display:grid;grid-template-columns:auto auto;grid-template-areas:"anz pen" "text text";justify-content:start;align-items:center;} .zk_wk_anz .anzahl_in_wk>a::after{grid-area:text;display:block;margin:.25rem 0 0;color:var(--theme-accent-medium);font-size:.9rem;font-weight:400;} .zk_wk_anz .anzahl_in_wk .wk_pen{grid-area:pen;margin-left:.25rem;} }
@media (min-width: 992px) { .wk_zk.start tr .zk_wk_name { width: 50%; } .tabelle_zk_th.kopfzeile th:nth-child(4) { width: 61%; } #wk-wk-wk .zk_gsum b { font-size: 1.5rem; } .wk_zk.start .tabelle_zk_th.kopfzeile { display: table; } .name_in_wk { max-width: 27rem; } .wk_zk.start tr .zk_wk_ep .uvp, .wk_zk.start tr .zk_wk_gsum .uvp { display: inline; margin-right: .5rem; } .wk_zk_pic { max-width: 6rem; max-height: 6rem; } }
/* ### amazon-pay ### */
/* Lade Animation */ #amz_loader { position: relative; background: var(--theme-accent-light) url(/img/Amazon_Pay_logo.svg) no-repeat 50% 50%; background-size: 16rem; aspect-ratio: 1 / 1; max-width: 100%; width: 24rem; margin: 7rem auto; border-radius: 100%; } #amz_loader div { position: absolute; height: 100%; width: 100%; border: 2rem dotted var(--theme-accent-light); border-radius: 100%; animation: rotate 10s infinite linear; } @keyframes rotate {from {transform:rotate(0deg)}to {transform:rotate(360deg)}} /* Warenkorb iFrames */ .amazonPayWidgets { display: flex; flex-direction: column; gap: var(--padding); margin-bottom: var(--padding); } .amazonPayWidgets > div { aspect-ratio: 16 / 9; }
@media (min-width: 768px) { .amazonPayWidgets { flex-direction: row; } .amazonPayWidgets > div { flex: 1; } }
/* ### trinkgeld ### */
.tg_wrapper { margin-top: var(--padding); } .tg_titel { padding: 1rem 0; } .tg_titel h2, .tg_titel h3 { margin-top: 0; } .tg_buttons { display: flex; flex-wrap: wrap; gap: calc(var(--padding) / 2); flex-direction: column; } .tg_buttons > a { background-color: var(--theme-light); border: var(--theme-border); height: 4rem; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; flex-direction: column; border-radius: var(--theme-radius-small); } .tg_buttons > a > br { display: none; } .tg_buttons > a > span { text-align: center; display: block; } .tg_buttons > a > .tg_perc { font-weight: bold; font-size: 1.1rem; } #wk .tg_buttons > a:hover { background-color: var(--theme-success); color: var(--theme-success-text); } #wk .tg_buttons > a.active { background-color: var(--theme-dark); color: var(--theme-success-text); font-weight: bold; } .tg_buttons > a.active > span { font-weight: bold; text-transform: uppercase; } .tg_buttons .tg_auf { text-transform: uppercase; } .tg_custom { padding: 1rem 0; overflow: auto; text-align: right; } .tg_custom span { display: inline-block; padding: 1rem; } .tg_custom > div {display:flex;float:right;} .tg_custom > div > input { height: auto; padding: 1rem .75rem!important; width: 8rem!important; margin-right: 1rem!important;} .tg_custom > div > button { background-color: var(--theme-accent-dark); color: var(--theme-white); padding: 1rem; font-weight: bold; cursor: pointer; } #wk .tg_buttons > a { text-decoration: none; }
@media (min-width: 768px) { .tg_buttons { flex-direction: row; } .tg_buttons > a { flex: 1; } }
/* ### payone-klarna ### */
#payone-klarna { margin-bottom: var(--padding); } .klarna-title { display: flex; gap: var(--padding); border-bottom: var(--theme-divider); margin-bottom: var(--padding); } #klarna-nicht-angeboten { background-color: var(--theme-error); color: var(--theme-error-text); padding: var(--theme); padding: var(--padding); } #klarna-nicht-angeboten a { color: var(--theme-error-text); }
/* ### tabs ### */
[data-tab-inhalt] { display: none; } [data-tab-inhalt].tab-active { display: block; } .tab-nav { display: flex; margin-bottom: var(--padding); flex-direction: column; justify-content: flex-start; gap: .1rem; } .tab-nav > [data-tab] { background-color: var(--theme-card-background); padding: var(--padding); cursor: pointer; min-width: 7rem; text-align: center; border-left: 1px solid var(--theme-light); } .tab-nav > [data-tab]:first-of-type { border-top-left-radius: var(--theme-radius-small); border-left: none; } .tab-nav > [data-tab]:last-of-type { border-top-right-radius: var(--theme-radius-small); } .tab-nav > [data-tab].tab-active { background-color: var(--theme-accent-medium); }
@media (min-width: 768px) { .tab-nav { margin-bottom: 0; flex-direction: row; } }
/* ### meili-extra ### */
#meili-items-divider { margin-top: calc(var(--padding)* 2); text-align: center; font-weight: bold; border-bottom: var(--theme-divider); margin-bottom: var(--padding); font-size: 1.15rem; }
/* ### powermenue-extra ### */
@media (pointer: fine) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }
@media (min-width: 992px) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }
/* ### highslide_v2 ### */
.pg-highslide .pg-highslide-content { display: none; } .pg-highslide { cursor: pointer; } .pg-highslide-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 99; } #pg-highslide {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .fadeInDownSmall { animation-name: fadeInDownSmall; animation-duration: .3s; } @keyframes fadeInDownSmall { 0% { opacity: 0; transform: translate3d(0,-200px,0); } 100% { opacity: 1; transform: none; } }