/* CSS only 59.53K, CSS & InlineSvg (13/17) 78.55K => 32% more */

@font-face { font-family: 'Header-Font'; font-display: swap; src: url('/img/oswald-v49-latin-300.eot'); src: url('/img/oswald-v49-latin-300.woff2') format('woff2'), url('/img/oswald-v49-latin-300.woff') format('woff'), url('/img/oswald-v49-latin-300.eot?#iefix') format('embedded-opentype'), url('/img/oswald-v49-latin-300.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, text, powermenu, powermenue-extra, to-top-button, input-floating, kachel-slider, highslide_v2, cookie-banner */
/* ### 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 { 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; --shadow-saturation: 0%; --shadow-hue: 186deg; --shadow-lightness: 50%; --theme-white: rgb(255,255,255); --theme-lighter: rgb(248,248,248); --theme-light: rgb(240,240,240); --theme-medium: rgb(220,220,220); --theme-dark: rgb(150,150,150); --theme-link: rgb(100,100,100); --theme-text: rgb(60,60,60); --theme-text-shadow: 0 0 3px rgba (0,0,0,.5); --theme-text-hover: rgb(200,0,24); --theme-accent: rgb(60,60,60); --theme-accent-light: rgb(230, 230, 230); --theme-accent-medium: rgb(200,0,24); --theme-accent-dark: rgb(200,0,24); --theme-red: rgb(200,0,24); --theme-gelb: rgb(255,221,0); --theme-accent-text: rgb(255,255,255); --theme-accent-pic: rgb(243,122,31); --theme-orange: rgb(243,122,31); --theme-powermenu-medium: rgb(238,238,238); --theme-border: none; --theme-outline: none; --theme-radius-small: 0; --theme-radius-medium: .5rem; --theme-card-background: var(--theme-white); --theme-divider: .1rem solid var(--theme-medium); --padding: 1rem; --card-padding: 0; --theme-error: rgb(200,0,24); --theme-error-text: rgb(255,255,255); --theme-warning: rgb(255,221,0); --theme-warning-text: rgb(255,255,255); --theme-success: rgb(20,130,20); --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; } body, input, button, .button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1 { font-size: 2em; margin: 0.67em 0; } b, strong { font-weight: bolder; color: inherit; } .red { color: var(--theme-error); } .orange { color: var(--theme-orange); } .bold { font-weight: bold; } .center { text-align: center; } .left { text-align: left; } 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; position: relative; } ul.mleft li { margin-left: 2rem; list-style: disc; padding: .35rem 0; } ul.mleft.decimal li { list-style: decimal; } ul.mleft.none li { list-style: none; } 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-text); 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.7rem; } .h1_in_breadcrumb { font-size: inherit; } h2 { font-size: 1.5rem; } h3 { font-size: 1.15rem; } h4 { font-size: 1rem; } h5 { font-size: 1rem; } h6 { font-size: 1rem; } hr { border: var(--theme-divider); } .pg-only { display: none; } .right { text-align: right; } .bg-light { background-color: var(--theme-light); } /* header */ .shopHeader a:not(.button), #shopFooter a, .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-accent-dark); position: relative; z-index: 101; } #k_title ul { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0 auto; padding: 0 .5rem; } #k_title ul li { font-size: 0.8rem; line-height: 2rem; white-space: nowrap; } #k_title ul li, #k_title ul li a { color: var(--theme-white); } #k_title ul li a#jobs { text-decoration: underline; } #k_title ul li a:hover { color: var(--theme-text); } #k_title ul li:nth-child(4) { display: none; } #k_title ul li#job { display: none; } #k_title ul li a.active { font-weight: bold; } #k_title ul li#phone img { display: none; } .ausrichter { padding: 0 calc(var(--card-padding) * 1); } #kopf_top_line_inner { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 4rem; padding: 0 .5rem; } #k_icons { width: 12rem; } #k_logo { background: url('data:image/svg+xml,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 765.63 226.39"><defs><style>.cls-1{fill:%23fd0;}</style></defs><title>scheffels_block_gelb_website</title><path class="cls-1" d="M536.2,375.55h2.87c1.27,0,1.93.54,1.93,1.59v1.15c0,1.11-.58,1.55-1.93,1.55h-5.16v-2.4c0-1.25.78-1.89,2.29-1.89m10.37,3.62V376c0-3.08-1.64-4.43-5.2-4.43h-7.26c-4.05,0-5.82,1.49-5.82,4.84v10.72c0,3.35,1.77,4.84,5.82,4.84h11.23v-4H536.2c-1.51,0-2.29-.65-2.29-1.9v-2.4h7.46c3.6,0,5.2-1.35,5.2-4.43m-28-1.73V386c0,1.25-.78,1.9-2.3,1.9h-2c-1.52,0-2.3-.65-2.3-1.9v-8.56c0-1.25.78-1.89,2.3-1.89h2c1.52,0,2.3.64,2.3,1.89m5.57,9.64V365.87h-5.57v8.29c-.53-1.79-1.93-2.64-5-2.64h-1.31c-4.06,0-5.82,1.49-5.82,4.84v10.72c0,3.35,1.76,4.84,5.82,4.84h6.14c4,0,5.78-1.49,5.78-4.84m-22.33.85H495.3v4h6.48Zm-20.37-12.38h8.52v-4H479.12c-3.57,0-5.21,1.35-5.21,4.43v3.22c0,3.08,1.64,4.43,5.25,4.43h4.5c1.36,0,1.89.57,1.89,1.76v.94c0,1.05-.61,1.6-1.89,1.6h-9.75v4h12c3.6,0,5.24-1.35,5.24-4.43v-3.22c0-2.94-1.72-4.43-5.2-4.43h-4.55c-1.27,0-1.88-.5-1.88-1.55v-1.15c0-1.12.53-1.59,1.88-1.59m-9.88,12.35H469.2c-1.6,0-2.17-.48-2.17-1.8V365.87h-5.62v21.35c0,3.25,1.68,4.7,5.78,4.7h4.34ZM447.4,375.55h2.87c1.27,0,1.92.54,1.92,1.59v1.15c0,1.11-.57,1.55-1.92,1.55H445.1v-2.4c0-1.25.78-1.89,2.3-1.89m10.36,3.62V376c0-3.08-1.63-4.43-5.2-4.43h-7.25c-4.06,0-5.82,1.49-5.82,4.84v10.72c0,3.35,1.76,4.84,5.82,4.84h11.22v-4H447.4c-1.52,0-2.3-.65-2.3-1.9v-2.4h7.46c3.61,0,5.2-1.35,5.2-4.43m-25.53-12.08h4.06v-4H430.6c-4.64,0-6.81,1.76-6.81,5.58v23.28h5.62V375.58h8.32v-4h-8.32v-2.13c0-1.72.9-2.33,2.82-2.33m-16.18,0h4.05v-4h-5.69c-4.63,0-6.8,1.76-6.8,5.58v23.28h5.61V375.58h8.32v-4h-8.32v-2.13c0-1.72.9-2.33,2.83-2.33m-22.3,8.46h2.87c1.27,0,1.93.54,1.93,1.59v1.15c0,1.11-.58,1.55-1.93,1.55h-5.16v-2.4c0-1.25.78-1.89,2.29-1.89m10.37,3.62V376c0-3.08-1.64-4.43-5.2-4.43h-7.26c-4.05,0-5.81,1.49-5.81,4.84v10.72c0,3.35,1.76,4.84,5.81,4.84h11.23v-4h-9.14c-1.51,0-2.29-.65-2.29-1.9v-2.4h7.46c3.6,0,5.2-1.35,5.2-4.43m-28.44-1.73v14.48h5.61V376.36c0-3.35-1.8-4.84-5.77-4.84h-1.35c-3.12,0-4.47.85-5,2.64v-8.29h-5.62v26.05h5.62V377.44c0-1.32.65-1.89,2.25-1.89h2c1.64,0,2.29.57,2.29,1.89m-25.9,14.48h10.16v-4h-8.07c-1.51,0-2.29-.65-2.29-1.9v-8.56c0-1.25.78-1.89,2.29-1.89h8.07v-4H349.78c-4,0-5.82,1.49-5.82,4.84v10.72c0,3.35,1.77,4.84,5.82,4.84m-19-16.37h8.52v-4H328.51c-3.56,0-5.2,1.35-5.2,4.43v3.22c0,3.08,1.64,4.43,5.24,4.43h4.51c1.35,0,1.89.57,1.89,1.76v.94c0,1.05-.62,1.6-1.89,1.6h-9.75v4h12c3.6,0,5.24-1.35,5.24-4.43v-3.22c0-2.94-1.72-4.43-5.2-4.43h-4.55c-1.27,0-1.89-.5-1.89-1.55v-1.15c0-1.12.54-1.59,1.89-1.59m-10.62,3.24h-12.7v4.13h12.7Zm-26-3.24H297c1.27,0,1.93.54,1.93,1.59v1.15c0,1.11-.58,1.55-1.93,1.55h-5.16v-2.4c0-1.25.78-1.89,2.29-1.89m10.37,3.62V376c0-3.08-1.64-4.43-5.2-4.43h-7.26c-4.05,0-5.82,1.49-5.82,4.84v10.72c0,3.35,1.77,4.84,5.82,4.84h11.23v-4h-9.14c-1.51,0-2.29-.65-2.29-1.9v-2.4h7.46c3.6,0,5.2-1.35,5.2-4.43m-28.89,12.75h7.13v-4h-5.12c-1.52,0-2.3-.65-2.3-1.9V375.55h7.42v-4h-7.42v-5.65h-5.61v21.21c0,3.35,1.8,4.84,5.9,4.84m-19.92-16.37h2.87c1.27,0,1.93.54,1.93,1.59v1.15c0,1.11-.58,1.55-1.93,1.55h-5.16v-2.4c0-1.25.78-1.89,2.29-1.89m10.37,3.62V376c0-3.08-1.64-4.43-5.2-4.43h-7.26c-4,0-5.82,1.49-5.82,4.84v10.72c0,3.35,1.77,4.84,5.82,4.84h11.23v-4h-9.14c-1.51,0-2.29-.65-2.29-1.9v-2.4h7.46c3.6,0,5.2-1.35,5.2-4.43M233,383.6h5.16V386c0,1.32-.65,1.9-2.29,1.9H233c-1.27,0-1.89-.55-1.89-1.6v-1.11c0-1.19.54-1.59,1.89-1.59m5.16-6.16v2.4h-7.46c-3.48,0-5.2,1.49-5.2,4.43v3.22c0,3.08,1.64,4.43,5.24,4.43H238c4,0,5.78-1.49,5.78-4.84V376.36c0-3.35-1.81-4.84-5.78-4.84H226.68v4h9.14c1.51,0,2.29.64,2.29,1.89m-14.46-1.89v-4h-6.89c-4.06,0-5.82,1.49-5.82,4.84v15.56h5.62V377.44c0-1.25.77-1.89,2.29-1.89Zm-26.52,0H200c1.27,0,1.93.54,1.93,1.59v1.15c0,1.11-.58,1.55-1.93,1.55h-5.16v-2.4c0-1.25.78-1.89,2.29-1.89m10.37,3.62V376c0-3.08-1.64-4.43-5.2-4.43H195c-4,0-5.82,1.49-5.82,4.84v10.72c0,3.35,1.77,4.84,5.82,4.84h11.23v-4h-9.14c-1.51,0-2.29-.65-2.29-1.9v-2.4h7.46c3.6,0,5.2-1.35,5.2-4.43M173.12,390.7h1.31c3.07,0,4.51-.84,5-2.6v2.5c0,2.17-1.11,2.95-3.61,2.95H169v4h7.74c5.78,0,8.32-2.13,8.32-6.9V376.36c0-3.35-1.8-4.84-5.78-4.84h-6.14c-4.06,0-5.82,1.49-5.82,4.84v9.51c0,3.35,1.84,4.83,5.82,4.83m4-4h-2c-1.52,0-2.3-.64-2.3-1.9v-7.34c0-1.25.78-1.89,2.3-1.89h2c1.52,0,2.3.64,2.3,1.89v7.34c0,1.26-.78,1.9-2.3,1.9m-12.78-11.13v-4H157.5c-4.05,0-5.82,1.49-5.82,4.84v15.56h5.62V377.44c0-1.25.78-1.89,2.29-1.89ZM139.64,387.9h-1.89c-1.64,0-2.29-.58-2.29-1.9v-8.56c0-1.32.65-1.89,2.29-1.89h1.89c1.64,0,2.29.57,2.29,1.89V386c0,1.32-.65,1.9-2.29,1.9m2.09-16.38h-6.07c-4.06,0-5.82,1.49-5.82,4.84v10.72c0,3.35,1.76,4.84,5.82,4.84h6.07c4,0,5.77-1.49,5.77-4.84V376.36c0-3.35-1.8-4.84-5.77-4.84m-22.5,20.4h7.13v-4h-5.12c-1.52,0-2.3-.65-2.3-1.9V375.55h7.42v-4h-7.42v-5.65h-5.61v21.21c0,3.35,1.8,4.84,5.9,4.84m-18-4H99.39c-1.64,0-2.29-.58-2.29-1.9v-8.56c0-1.32.65-1.89,2.29-1.89h1.89c1.64,0,2.29.57,2.29,1.89V386c0,1.32-.65,1.9-2.29,1.9m2.09-16.38H97.3c-4,0-5.81,1.49-5.81,4.84v10.72c0,3.35,1.76,4.84,5.81,4.84h6.07c4,0,5.78-1.49,5.78-4.84V376.36c0-3.35-1.81-4.84-5.78-4.84m-30.61,3.55c-.45-2.54-2.09-3.55-5.7-3.55H64c-4.06,0-5.82,1.49-5.82,4.84v15.56h5.61V377.44c0-1.32.66-1.89,2.3-1.89h1.6c1.64,0,2.29.57,2.29,1.89v14.48h5.57V377.44c0-1.32.66-1.89,2.3-1.89h1.6c1.64,0,2.29.57,2.29,1.89v14.48h5.62V376.36c0-3.35-1.77-4.84-5.82-4.84H78.45c-3.6,0-5.24,1-5.69,3.55" transform="translate(-53.7 -171.19)"/><path class="cls-1" d="M160,278.22c-4.58,0-6.39,1.95-6.39,6.53v4.73c0,4.44,1.95,6.39,6.39,6.39h25.27c11.95,0,17.65,5.83,17.65,18.2v13.2c0,12.5-5.7,18.2-17.79,18.2H131.71V328.93h45.78c4.45,0,6.39-1.94,6.39-6.53v-3.89c0-4.72-1.81-7.22-6.39-7.22H152.36c-12.09,0-17.78-5.7-17.78-18.2v-13.2c0-12.5,5.69-18.2,17.64-18.2h48.37v16.53Z" transform="translate(-53.7 -171.19)"/><path class="cls-1" d="M53.7,346.47V213.81c0-25,12-36.35,37.29-36.35h74V210.8H107.43c-9.69,0-13.5,3.88-13.5,13V346.47Z" transform="translate(-53.7 -171.19)"/><path class="cls-1" d="M819.32,327.16V374c0,12.5-6.47,18.2-18.41,18.2H709V374.67h84.16c4.58,0,6.39-1.94,6.39-6.53v-41Z" transform="translate(-53.7 -171.19)"/><path class="cls-1" d="M732.12,278.22c-4.59,0-6.39,1.95-6.39,6.53v4.73c0,4.44,1.94,6.39,6.39,6.39h25.27c12,0,17.64,5.83,17.64,18.2v13.2c0,12.5-5.69,18.2-17.78,18.2H709V328.93h40.64c4.44,0,6.39-1.94,6.39-6.53v-3.89c0-4.72-1.81-7.22-6.39-7.22H724.48c-12.09,0-17.79-5.7-17.79-18.2v-13.2c0-12.5,5.7-18.2,17.65-18.2h48.37v16.53Z" transform="translate(-53.7 -171.19)"/><path class="cls-1" d="M215.92,325.65v-44c0-13.61,6.12-19.86,19.73-19.86h39.9v16.53H242.74c-5.42,0-7.78,2.36-7.78,7.78V321.2c0,5.42,2.36,7.78,7.78,7.78h33.57v16.54H235.65c-13.61,0-19.73-6.26-19.73-19.87" transform="translate(-53.7 -171.19)"/><path class="cls-1" d="M338.27,278.27H315.12c-5.42,0-7.65,2.36-7.65,7.78v59.46h-19v-110h19v37.06c1.81-7.36,6.53-10.83,16.95-10.83H345.5c13.47,0,19.59,6.25,19.59,19.86v63.91h-19V286.05c0-5.42-2.22-7.78-7.78-7.78" transform="translate(-53.7 -171.19)"/><path class="cls-1" d="M408.06,278.27c-5.42,0-7.78,2.36-7.78,7.78v9.86h25.08c4.58,0,6.53-1.8,6.53-6.39V284.8c0-4.59-1.95-6.53-6.53-6.53Zm25.08,33.07H400.28v9.86c0,5.42,2.36,7.78,7.78,7.78h42.51v16.53H401c-13.61,0-19.72-6.25-19.72-19.86v-44c0-13.61,6.11-19.86,19.72-19.86h32.17c11.95,0,17.64,5.69,17.64,18.2v13.2c0,12.5-5.56,18.2-17.64,18.2" transform="translate(-53.7 -171.19)"/><path class="cls-1" d="M486.78,255.38v7.5h24.9v16.54h-24.9V345.7h-19V252.18c0-15.7,7.36-22.92,23.06-22.92h14.52v16.53h-9c-6.53,0-9.59,2.64-9.59,9.59" transform="translate(-53.7 -171.19)"/><path class="cls-1" d="M546.29,255.38v7.5h24.5v16.54h-24.5V345.7h-19V252.18c0-15.7,7.36-22.92,23.06-22.92h15.19v16.53h-9.63c-6.53,0-9.59,2.64-9.59,9.59" transform="translate(-53.7 -171.19)"/><path class="cls-1" d="M610.92,278.27c-5.42,0-7.78,2.36-7.78,7.78v9.86h25.08c4.58,0,6.53-1.8,6.53-6.39V284.8c0-4.59-2-6.53-6.53-6.53ZM636,311.34H603.14v9.86c0,5.42,2.36,7.78,7.78,7.78h42.26v16.53H603.84c-13.62,0-19.74-6.25-19.74-19.86v-44c0-13.61,6.12-19.86,19.74-19.86H636c12,0,17.64,5.69,17.64,18.2v13.2c0,12.5-5.55,18.2-17.64,18.2" transform="translate(-53.7 -171.19)"/><path class="cls-1" d="M700.35,329v16.53H689c-13.76,0-19.59-6-19.59-19.31V235.51h19v86.11c0,5.42,1.95,7.36,7.37,7.36Z" transform="translate(-53.7 -171.19)"/><path class="cls-1" d="M607.59,188.81v-2.46c0-1.89,0-2.64-3.37-2.64H589.86v7.75h14.28c3.6,0,3.45-.76,3.45-2.65m12.46,1.36c0,4-2.81,3.93-9.74,4.26,7.37.52,9.74,1,9.74,4.6v11.89H607.59V200.2c0-2-.12-2.89-3.89-2.89H589.86v13.61H577.4V177.85h34.14c8.6,0,8.51,2,8.51,6.61Zm111.78,20.75h40.46v-5.86h-28v-7.75h20.1v-5.85h-20.1v-7.75h28v-5.86H731.83Zm-8.23-33.07H680.77v5.86H696v27.21h12.46V183.71H723.6Zm-56.26-6.66H655.76v4.11h11.58Zm-19,0H636.71v4.11H648.3Zm9.1,12.52c3.59,0,3.62.71,3.62,2.69v5.06H643.29V186.4c0-1.94,0-2.69,3.55-2.69Zm16.09,27.21V184.7c0-4.58-.18-6.85-9-6.85H639.7c-8.78,0-9,2.27-9,6.85v26.22h12.55V197.31H661v13.61Zm-146.41,0h40.46v-5.86h-28v-7.75h20.1v-5.85h-20.1v-7.75h28v-5.86H527.08Zm-26.39-5.86H489.52c-3.51,0-3.54-.7-3.54-2.69v-16c0-2,0-2.69,3.54-2.69h24.63v-5.86H482.38c-8.77,0-8.87,2.27-8.87,6.85v19.37c0,4.58.1,6.85,8.87,6.85h26.06c8.52,0,7.91-1.84,7.91-6.33V191.46H494.49v5.85h9.39v5.34c0,1.89.32,2.41-3.19,2.41m-54.82-13.6H431.59v-7.75H446c3.33,0,3.36.75,3.36,2.64v2.46c0,1.89.15,2.65-3.45,2.65m15.92-7c0-4.58.08-6.61-8.52-6.61H419.13v33.07h12.46V197.31h13.84c3.77,0,3.89.9,3.89,2.89v10.72h12.47V199c0-3.59-2.38-4.08-9.75-4.6,6.94-.33,9.75-.25,9.75-4.26Zm-66.1,17.91c0,2,0,2.69-3.63,2.69H381.41c-3.51,0-3.54-.7-3.54-2.69v-16c0-2,0-2.69,3.54-2.69h10.65c3.6,0,3.63.71,3.63,2.69Zm-21.33,8.55h24.83c8.78,0,9-2.27,9-6.85V184.7c0-4.58-.18-6.85-9-6.85H374.36c-8.78,0-9,2.27-9,6.85v19.37c0,4.58.18,6.85,9,6.85m-15.31-33.07H316.22v5.86H331.4v27.21h12.46V183.71h15.19ZM297.3,202.37c0,2,0,2.69-3.63,2.69H283c-3.51,0-3.54-.7-3.54-2.69v-16c0-2,0-2.69,3.54-2.69h10.65c3.6,0,3.63.71,3.63,2.69ZM276,210.92h24.84c8.77,0,8.95-2.27,8.95-6.85V184.7c0-4.58-.18-6.85-8.95-6.85H276c-8.77,0-9,2.27-9,6.85v19.37c0,4.58.18,6.85,9,6.85m-43.55-33.07c-8.07,0-7.9,1.46-8.86,5-1-3.5-.8-5-8.87-5H199c-8.77,0-8.95,2.27-8.95,6.85v26.22h12.55V186.4c0-2,0-2.69,3.54-2.69h7.66c3.51,0,3.54.71,3.54,2.69v24.52h12.47V186.4c0-2,0-2.69,3.54-2.69H241c3.6,0,3.63.71,3.63,2.69v24.52h12.46V184.7c0-4.58-.6-6.85-9.38-6.85Z" transform="translate(-53.7 -171.19)"/></svg>') no-repeat 50% 50%; height: 100%; width: 10rem; margin-right: .5rem; } #suchbox { display: none; } #k_icons { display: flex; align-items: center; justify-content: flex-end; } #k_lupe_2 { 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 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:%23FFFFFF;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;} .st1{fill:none;stroke:%23FFFFFF;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}</style><circle class="st0" cx="27.9" cy="27.9" r="20.6"/><line class="st1" x1="54.1" y1="54.1" x2="42.9" y2="42.9"/></svg>'); background-repeat: no-repeat; background-position: 50%; } #k_merk { 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 60.7 60.7" style="enable-background:new 0 0 60.7 60.7;" xml:space="preserve"><style type="text/css"> .st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;stroke:%23FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}</style><g id="heart"> <path class="st0" d="M52.7,10.6C46.5,4,36.6,3.9,30.2,10.1c-6.4-6.2-16.3-6-22.5,0.5c-6.4,6.7-6.4,17.7,0,24.4  C9.5,37,26.5,55,26.5,55c2,2.1,5.3,2.1,7.3,0c0,0,18.7-19.7,18.9-19.9C59.1,28.3,59.1,17.3,52.7,10.6z M50.3,32.5L31.4,52.4  c-0.7,0.7-1.8,0.7-2.4,0L10.1,32.5c-5-5.3-5-14,0-19.3C15,8,22.8,7.8,27.9,12.8l2.3,2.2l2.3-2.2c5.1-4.9,12.9-4.7,17.8,0.4  C55.3,18.5,55.3,27.1,50.3,32.5z"/></g></svg>'); background-repeat: no-repeat; background-position: 50%; } #k_account { 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 60.7 60.7" style="enable-background:new 0 0 60.7 60.7;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><path class="st0" d="M41.4,30.8c2.4-2.7,3.9-6.2,3.9-10c0-8.3-6.8-15.1-15.1-15.1s-15,6.8-15,15.1s6.7,15,15,15c2.9,0,5.7-0.9,8-2.3 c8.2,3.1,13.8,10.6,14.5,19.2h-45c0.5-5.8,3.2-11.3,7.7-15.1c0.8-0.7,0.9-1.9,0.2-2.7c-0.7-0.7-1.9-0.8-2.7-0.1 c-5.7,5-9,12.2-9,19.9c0,1,0.8,1.9,1.9,1.9h48.9c1,0,1.9-0.8,1.9-1.9C56.6,44.3,50.6,35.1,41.4,30.8z M19,20.8 c0-6.2,5.1-11.3,11.3-11.3s11.3,5.1,11.3,11.3s-5.1,11.3-11.3,11.3S19,27,19,20.8z"/></svg>'); background-repeat: no-repeat; background-position: 50%; } #k_aktion { 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 36.4 50" style="enable-background:new 0 0 36.4 50;" xml:space="preserve"><style type="text/css"> .st0{fill:%238F5D32;} .st1{fill:%235C381B;} .st2{fill:%23008A44;} .st3{fill:%23007536;} .st4{fill:none;stroke:%23004F2D;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} .st5{fill:%23F7E700;} .st6{fill:%23FFD300;} .st7{fill:%2300B8E5;} .st8{fill:%23E6213D;} .st9{fill:%23FFFFFF;}</style><g> <rect x="14.7" y="45" class="st0" width="7" height="5"/> <rect x="14.7" y="45" class="st1" width="7" height="2.5"/> <polygon class="st2" points="26.3,31.1 10.1,31.1 0,45 36.4,45  "/> <polygon class="st3" points="12.8,33.8 28.2,33.8 26.3,31.1 10.1,31.1 0,45 4.6,45  "/> <polygon class="st2" points="23.2,18.9 13.1,18.9 4.3,31.1 32.1,31.1  "/> <polygon class="st3" points="15.9,21.5 25.2,21.5 23.2,18.9 13.1,18.9 4.3,31.1 9,31.1  "/> <path class="st4" d="M8.5,40.8c-1.6-0.1-3.3-0.2-5.1-0.5"/> <path class="st4" d="M23.2,37.8c-2.7,1.5-6.7,2.9-12.1,3"/> <path class="st4" d="M28.2,33.8c0,0-0.8,1.1-2.5,2.4"/> <path class="st4" d="M23.9,26.6c1.4,0,3-0.1,4.6-0.5"/> <path class="st4" d="M15.1,24.7c1.7,0.8,3.9,1.5,6.5,1.8"/> <path class="st4" d="M11,21.9c0,0,0.5,0.6,1.5,1.3"/> <polygon class="st2" points="18.2,6.1 7.9,18.9 28.5,18.9  "/> <path class="st4" d="M18.3,15c-1.9,1-4.6,1.7-8.4,1.5"/> <path class="st4" d="M22.2,11c0,0-0.4,1.1-1.6,2.3"/> <g>  <polygon class="st5" points="18.2,6.1 15.7,7.7 16.7,4.8 14.2,2.9 17.3,2.6 18.2,0 19.1,2.6 22.2,2.9 19.7,4.8 20.7,7.7 "/>  <path class="st6" d="M19.9,4.6c-1.4-0.3-2.6-1-3.5-2l-2.3,0.3l2.5,1.9l-1,2.9l2.5-1.5l2.5,1.5l-1-2.9L19.9,4.6z"/> </g> <g>  <path class="st7" d="M21.2,15.3c0,1.2-0.7,2.1-1.5,2.1c-0.8,0-1.5-1-1.5-2.1c0-1.2,1.5-3.3,1.5-3.3S21.2,14.1,21.2,15.3z"/>  <path class="st8" d="M15,24.8c0,1.2-0.7,2.1-1.5,2.1S12,26,12,24.8c0-1.2,1.5-3.3,1.5-3.3S15,23.7,15,24.8z"/>  <path class="st5" d="M24.2,27.8c0,1.2-0.7,2.1-1.5,2.1c-0.8,0-1.5-1-1.5-2.1s1.5-3.3,1.5-3.3S24.2,26.6,24.2,27.8z"/>  <path class="st8" d="M26.2,37.9c0,1.2-0.7,2.1-1.5,2.1c-0.8,0-1.5-1-1.5-2.1c0-1.2,1.5-3.3,1.5-3.3S26.2,36.7,26.2,37.9z"/>  <path class="st7" d="M11.3,41.7c0,1.2-0.7,2.1-1.5,2.1c-0.8,0-1.5-1-1.5-2.1c0-1.2,1.5-3.3,1.5-3.3S11.3,40.5,11.3,41.7z"/>  <g> <path class="st9" d="M20.3,16.2c0.1,0.1,0.1,0.4-0.1,0.5c-0.2,0.2-0.4,0.2-0.6,0c-0.1-0.1-0.1-0.4,0.1-0.5  C19.9,16,20.2,16,20.3,16.2z"/> <path class="st9" d="M23.2,28.7c0.1,0.1,0.1,0.4-0.1,0.5c-0.2,0.2-0.4,0.2-0.6,0c-0.1-0.1-0.1-0.4,0.1-0.5  C22.9,28.6,23.1,28.6,23.2,28.7z"/> <path class="st9" d="M14,25.7c0.1,0.1,0.1,0.4-0.1,0.5c-0.2,0.2-0.4,0.2-0.6,0c-0.1-0.1-0.1-0.4,0.1-0.5  C13.6,25.6,13.9,25.6,14,25.7z"/> <path class="st9" d="M10.3,42.6c0.1,0.1,0.1,0.4-0.1,0.5c-0.2,0.2-0.4,0.2-0.6,0c-0.1-0.1-0.1-0.4,0.1-0.5  C10,42.4,10.2,42.4,10.3,42.6z"/> <path class="st9" d="M25.3,38.8c0.1,0.1,0.1,0.4-0.1,0.5c-0.2,0.2-0.4,0.2-0.6,0c-0.1-0.1-0.1-0.4,0.1-0.5  C24.9,38.6,25.2,38.6,25.3,38.8z"/>  </g> </g> <g>  <path class="st9" d="M9.5,27.6c0,0.2,0.2,0.4,0.4,0.4l0.9,0.2l-0.9,0.2c-0.2,0-0.4,0.2-0.4,0.4l-0.1,0.9l-0.1-0.9 c0-0.2-0.2-0.4-0.4-0.4l-0.9-0.2L8.8,28c0.2,0,0.4-0.2,0.4-0.4l0.1-0.9L9.5,27.6z"/>  <path class="st9" d="M21.8,21.3c0,0.2,0.2,0.4,0.4,0.4l0.9,0.2l-0.9,0.2c-0.2,0-0.4,0.2-0.4,0.4l-0.1,0.9l-0.1-0.9 c0-0.2-0.2-0.4-0.4-0.4l-0.9-0.2l0.9-0.2c0.2,0,0.4-0.2,0.4-0.4l0.1-0.9L21.8,21.3z"/>  <path class="st9" d="M16.7,10.5c0,0.2,0.2,0.4,0.4,0.4L18,11l-0.9,0.2c-0.2,0-0.4,0.2-0.4,0.4l-0.1,0.9l-0.1-0.9 c0-0.2-0.2-0.4-0.4-0.4L15.1,11l0.9-0.2c0.2,0,0.4-0.2,0.4-0.4l0.1-0.9L16.7,10.5z"/>  <path class="st9" d="M29.5,41.4c0,0.2,0.2,0.4,0.4,0.4l0.9,0.2l-0.9,0.2c-0.2,0-0.4,0.2-0.4,0.4l-0.1,0.9l-0.1-0.9 c0-0.2-0.2-0.4-0.4-0.4l-0.9-0.2l0.9-0.2c0.2,0,0.4-0.2,0.4-0.4l0.1-0.9L29.5,41.4z"/>  <path class="st9" d="M5.2,42.3c0,0.2,0.2,0.4,0.4,0.4l0.9,0.2L5.7,43c-0.2,0-0.4,0.2-0.4,0.4l-0.1,0.9L5,43.4 c0-0.2-0.2-0.4-0.4-0.4l-0.9-0.2l0.9-0.2c0.2,0,0.4-0.2,0.4-0.4l0.1-0.9L5.2,42.3z"/>  <path class="st9" d="M15.7,33.7c0.1,0.3,0.3,0.6,0.6,0.6l1.4,0.2l-1.4,0.2c-0.3,0.1-0.6,0.3-0.6,0.6l-0.2,1.3l-0.2-1.3 c-0.1-0.3-0.3-0.6-0.6-0.6l-1.4-0.2l1.4-0.2c0.3-0.1,0.6-0.3,0.6-0.6l0.2-1.3L15.7,33.7z"/> </g></g></svg>'); background-repeat: no-repeat; background-position: 50%; } #k_wk { 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 60.7 60.7" style="enable-background:new 0 0 60.7 60.7;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><path class="st0" d="M58.9,19.4c-0.4-0.4-1-0.7-1.6-0.7H47.2c-1-7.4-7.4-13-14.9-13h-4c-7.5,0-13.8,5.6-14.9,13H3.3 c-0.6,0-1.1,0.3-1.5,0.7S1.2,20.5,1.3,21l5.3,30.3c0.6,3.1,3.3,5.4,6.4,5.3h34.5c3.2,0,5.9-2.3,6.4-5.4l5.4-30.1 C59.4,20.5,59.2,19.9,58.9,19.4z M28.3,9.7h4c5.3,0,9.8,3.8,10.8,9H17.5C18.5,13.5,23,9.7,28.3,9.7z M50,50.6 c-0.2,1.2-1.3,2.1-2.5,2.1H13.1c-1.2,0-2.2-0.8-2.5-2l-4.9-28h49.2L50,50.6z"/></svg>'); background-repeat: no-repeat; background-position: 50%; } #k_lupe_2, #k_merk, #k_account, #k_wk, #powermenue-schalter, #k_aktion { 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; background-color: var(--theme-white); border-radius: var(--theme-radius-small); box-shadow: 0px 12px 24px -10px rgba(0,0,0,0.75); transition: opacity .2s ease-out, transform .2s ease-out; } #k_icons > div:hover > .shBagInh { pointer-events: all; transform: translateY(0); opacity: 1; 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); } #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; } ul.alt-list > li > a:hover { color: var(--theme-text-hover); } ul.alt-list.items > li > a { padding-left: 4rem; min-height: 4rem; } #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-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-gelb); } #k_merk:before { background-color: var(--theme-gelb); } .shBagInh .Wkbuttons { padding: 1rem; text-align: right; display: flex; justify-content: space-between; } .shBagInh .Wkbuttons .button { font-weight: bold; padding: 1rem; } .shBagInh .Wkbuttons #wkbutton { margin-right: 1rem; } #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%; 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-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/bg-suche.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-medium); } .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 li { margin-bottom: .5rem; } .foot_infos ul.soc { width: 100%; 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 .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: .25rem; } .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; } #shopFooter #f_text { background-color: var(--theme-accent-dark); color: var(--theme-white); } #shopFooter #f_text > span { display: block; font-size: .8rem; } #shopFooter #f_text a { color: inherit; } #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-dark); } .foot_infos #qmf img { display: block; width:48%; margin: 0 auto; } #shopFooter .unten #f_text #oeff {font-size:1rem;color:rgb(255,221,0);font-weight:bold;} #shopFooter .unten #f_text span {padding:0;} #shopFooter .unten #f_text span.br {display:block;height:0;} #shopFooter .unten #f_text span.pipe {display:none;} #f_trust { display: block; width: 6rem; height: 6rem; margin: 1rem auto; } .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 { border: var(--theme-divider); } .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; padding-left: 1rem; } .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; box-shadow: var(--shadow-elevation-medium); border: var(--theme-border); background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); padding: var(--card-padding) calc(var(--card-padding) * 1.5); 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 0; margin-bottom: 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; } .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-2 { margin-bottom: 1rem!important; } .mb-4 { margin-bottom: 2rem!important; } .mb-6 { margin-bottom: 3rem!important; } .mb { margin-bottom: var(--padding); } .p-4 { padding: 2rem; } .pb-2 { padding-bottom: 1rem; } .p-0 { padding: 0!important; } /* 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; } /* button */ button, .button { display: inline-block; background-color: var(--theme-text); border: none; padding: 1rem 2rem; font-size: 1rem; text-transform: uppercase; color: var(--theme-white); border-radius: .5rem; cursor: pointer; transition: all .3s ease-out; user-select: none; } button:hover, .button:hover { background-color: var(--theme-gelb); box-shadow: 0px 12px 14px -10px rgba(0,0,0,0.75); color: var(--theme-text); } .button2 { background-color: var(--theme-gelb); color: var(--theme-text); padding: 1rem; text-align: center; display: block; border-radius: .5rem; } .button2:hover { background-color: var(--theme-medium); box-shadow: 0px 12px 14px -10px rgba(0,0,0,0.75); color: var(--theme-text)!important; } 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-text); margin-top: 1rem; } .button-group { display: grid; grid-gap: var(--padding); grid-template-columns: 1fr 1fr; } .button-group > .button, .button-group > button { text-align: center; } /* 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); } label.container_chk { margin-right: .5rem; } .inp_wrapper[data-typ="checkbox"] { display: flex; align-items: start; } .inp_wrapper[data-typ="checkbox"] > input { margin: 0; margin-top: .3rem; } .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: 1rem; 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: 4rem; width: 6.2rem; margin: 0 auto; display: inline-block; } .inp_wrapper[data-typ="number-custom"] input { float: left; width: 2.7rem; text-align: center; 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.delete[data-typ="number-custom"] { height: 5rem; } .inp_wrapper[data-typ="number-custom"] > div.del { position: absolute; top: 3.5rem; left: 0; text-align: center; right: 0.3rem; background-color: var(--theme-error); color: var(--theme-error-text); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); cursor: pointer; user-select: none; opacity: .75; font-size: 0.9rem; font-weight: normal; } /* 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%; } .table th { text-align: left; min-width: 8rem; padding: calc(var(--padding) / 1.5) var(--padding); border-bottom: var(--theme-divider); background-color: var(--theme-card-background); font-size: 1rem; color: var(--theme-text); } .table td { padding: calc(var(--padding) / 2) var(--padding); border-bottom: var(--theme-divider); 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,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="7" viewBox="0 0 11 7"><path fill="%23737981" d="M0 1.3l4.8 4.9.7.6.7-.6L11 1.3 9.7 0 5.5 4.2 1.3 0"/></svg>') no-repeat 90% 50%; background-size: 1.25rem; box-shadow: 0px 0px 10px rgba(0,0,0,.2); } .css_dropdown ul { display: block; position: absolute; z-index: 20; margin-top: 0; background-color: var(--theme-card-background); box-shadow: 0px 0px 10px rgba(0,0,0,.2); 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 label:hover { background-color: var(--theme-light); } .css_dropdown ul li { border-bottom: var(--theme-divider); } /* Tooltip <span class='tooltip'>Hover mich<div class='tooltiptext'>Lorem Ipsum</div></span> */ .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted var(--theme-text); } .tooltip .tooltiptext { opacity: 0; visibility: hidden; transform: translate(0%, 1rem); bottom: 100%; left: 0%; width: 15rem; 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; 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-accent-light); color: var(--theme-text); } #pers_submen a.active, #pers_submen a:hover { background-color: var(--theme-accent-medium); color: var(--theme-light); } #pers_submen { margin-bottom: 3rem; } #pers_submen .button { text-transform: unset; } .picva { width: 5rem; display:block; } .tab_k { margin-bottom: .5rem; } #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('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10"><style type="text/css">.st0{fill:%23FFF;}</style><path class="st0" d="M0 5l2.9 2.9 2.1 2.1 2.2-2.1 5.7-5.8-2.2-2.1-5.7 5.7-2.8-2.8z"/></svg>') no-repeat 50% 50%; background-size:150px;animation: wobbel 1s 1 linear} #bestellabschluss p {text-align:center;font-size: 1.25rem;} #bestellabschluss form { width: max-content; margin: 0 auto;} #bestellabschluss form button { margin-top: 2rem; } .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_easyc.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;} /* 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.5rem;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;} .c-cookie-info p { text-align: left!important; } #shopLayer form[name="dd_aug_form"] .dd_list > ul { max-height: unset!important; } .start_1 a, .start_1 .pict { position: relative; } .start_1 { width: 100%; margin: 0 0 2% 0; } .start_1.bg { width:100%; background-size: cover; background-position: 50% 50%; padding: 1rem 2rem; position: relative; margin-bottom: 0; } .start_1.bg span {display:block;max-width: max-content;text-align:center;} .start_1.bg span.oeff-1 { margin:6rem auto 6rem auto; font-size:2rem; color:rgb(255,221,0); font-weight: bold; text-shadow: 1px 1px 3px black; padding: 1rem 0; } .start_1.bg span.oeff-2 { margin: 0 auto 3rem auto; font-size:1.5rem;color:rgb(255,255,255);text-shadow: 1px 1px 3px black;} .flexbox.wrap { flex-wrap: wrap; margin-bottom: 2rem; } .flexbox .start_1.bg { width: 100%; height: 400px; background-position: 100% 50%; margin-bottom: 0; } .flexbox .bewerbtext { width: 100%; } .flexbox .bewerbtext h2 { margin: 0; } #custom-banner { font-size: 0.9rem; position: fixed; bottom: var(--padding); left: 50%; z-index: 10; transform: translateX(-50%); width: calc(100vw - calc(var(--padding) * 2)); max-width: 40rem; background-color: var(--theme-card-background); padding: var(--padding); box-shadow: 1px 1px 20px 2px rgba(0, 0, 0, 0.5); border-radius: 0.5rem; } #custom-banner a { color: white; font-weight: bold; margin-top: 0.5rem; } summary::-webkit-details-marker { display: none; } summary::marker { display: none; } details summary::-webkit-details-marker { display:none; } .inhalt { border-bottom: var(--theme-divider); } .inhalt.noborder { border: 0; } .inhalt #mehra, .inhalt #weniga {font-size:1rem;font-weight:bold;margin-bottom:.5rem;text-transform:none;} .inhalt.floatright #mehra { text-align: right; } .inhalt.floatright #weniga { text-align: right; } .inhalt #mehra:after {display:inline-block;content:'';width:2rem;height:2rem;background:url(/img/dropdown-arrow-active.svg) no-repeat 50% 100%;background-size:1rem;} .inhalt #weniga:after {display:inline-block;content:'';width:2rem;height:2rem;background:url(/img/dropdown-arrow-active.svg) no-repeat 50% 0;background-size:1rem;rotate: 180deg;} .inhalt #mehra:hover, .inhalt #weniga:hover {cursor: pointer;} .inhalt .textsummary {margin:1rem 0;} .inhalt details #weniga {display:none;} .inhalt details[open=""] #mehra {display:none;} .inhalt details[open=""] #weniga {display:block;} .inhalt .textsummary ul li { margin-left: 1rem; list-style-position: inside; } details:last-of-type summary { list-style: none; &::after { content: ""; } [open] &::after { content: ""; } } details:last-of-type summary::-webkit-details-marker { display: none; } .redbanner { display: block; width: 100%; background-color: var(--theme-accent-dark); padding: 2rem; text-align: center; } .redbanner:hover { background-color: var(--theme-text); } .redbanner h2 { font-size: 2.5rem; color: var(--theme-gelb); text-transform: uppercase; margin: 0; } .redbanner h3 { font-size: 1.5rem; color: var(--theme-gelb); margin: 0; }
@media (min-width: 576px) { #k_icons > div > .shBagInh { right: 0; } #kopf_top_line_inner { padding: 0 1rem; } #k_title ul { padding: 0 1rem; } #k_title ul li#phone img { display: inline-block; } .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.soc li a { margin: .5rem 1rem 1rem 0; } #shopFooter #f_text { padding: 2rem; } .sm-hide { display: none; } .sm-block { display: block; } tr.sm-block { display: table-row; } body { --padding: 1rem; } }
@media (min-width: 768px) { .shopHeader { position: relative; } html { scroll-padding-top: 2rem; } h1 { font-size: 2rem; } h2 { font-size: 2rem; } h3 { font-size: 1.25rem; } .k_ausrichter { display: block; } #kopf_top_line { position: relative; box-shadow: none; } #kopf_top_line {box-shadow: none; } #kopf_top_line.box-shadow {box-shadow: var(--shadow-elevation-medium); } #kopf_top_line_inner { height: 4rem; } #k_lupe_2, #k_merk, #k_account, #k_wk, #powermenue-schalter, #k_aktion { height: 4rem; width: 3rem; margin-left: 0.5rem; background-size: 2rem; } #k_icons { width: 14rem; } #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 { width: 50%; float: left; min-height: 15rem; text-align: left;} .foot_infos #qmf img {width:53%;} #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; }  }
@media (min-width: 992px) { html { scroll-padding-top: 7rem; } #k_men_zeile { height: 3rem; } #k_title ul li:nth-child(3), #k_title ul li:nth-child(4) { display: block; } #k_logo, #k_icons { width: 14rem; } #kopf_top_line { position: sticky; } #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%; } .foot_infos ul.soc, .foot_infos ul.pay { width: 50%; } .foot_infos ul.soc { justify-content: end; } .foot_infos ul.pay { justify-content: start; } .foot_infos #qmf {width:100%;} .foot_infos #qmf img {width:65%;margin-bottom: 1rem;min-width:165px;} .lg-hide { display: none; } .lg-block { display: block; } tr.lg-block { display: table-row; } .start_1.bg span.oeff-1 { font-size:2.5rem; } .see_alle_dd #dd_aug { grid-area: ddaug; } .see_alle_dd #dd_aug2 { grid-area: ddaug2; } #multi_auswahl_form { grid-template-areas: "ddaug2" "ddaug"; } #shopLayer[data-sk1="10"] #multi_auswahl_form { grid-template-areas: "ddaug" "ddaug2"; } .flexbox .start_1.bg { width: 45%; height: auto; } .flexbox .bewerbtext { width: 55%; padding-left: 2rem; } .flexbox .bewerbtext h3:first-child { margin-top: 0; } .flexbox ul.mleft li { padding: .25rem 0; } }
@media (min-width: 1200px) { #k_title ul { max-width: var(--header-width); } .k_ausrichter, .ausrichter { max-width: var(--header-width); margin: 0 auto; } .foot_infos > ul { width: 20%; } .xl-hide { display: none; } .xl-block { display: block; } tr.xl-block { display: table-row; } }
@media (min-width: 1400px) { .xxl-hide { display: none; } .xxl-block { display: block; } tr.xxl-block { display: table-row; } }
@media (min-width: 1600px) { .xxxl-hide { display: none; } .xxxl-block { display: block; } tr.xxxl-block { display: table-row; } }
/* ### text ### */
#shopMain { max-width: var(--header-width); padding: var(--padding); } .htm_include { display: block; position: relative; padding: 0; overflow: hidden; } .htm_include > h1:first-child, .htm_include > h2:first-child { margin-top: calc(var(--padding) / 2); } .janolaw-paragraph {font-size: 1.25rem !important; font-weight: bold;}
/* ### to-top-button ### */
#btn-to-top { display: block; opacity: 0; transform: translateY(2rem); visibility: hidden; position: fixed; bottom: 1rem; right: 1rem; height: 4rem; width: 4rem; 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); }
/* ### cookie-banner ### */
#c-cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background-color: var(--theme-card-background); padding: 2rem 1rem; box-shadow: 0px 0px 45px rgba(0,0,0,.7); } #c-cookie-banner > div > b, #c-cookie-popup .cookie-popup > b { font-size: 1.5rem; } #c-cookie-banner > div > .c-cookie-info { margin: 0 0 1.5rem 0; } .c-cookie-buttons { display: flex; flex-direction: column; gap: 1rem; } button#c-cookie-settings { color: var(--theme-text); box-shadow: none; background-color: transparent; padding: 0; } #c-cookie-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); z-index: 99999; } #c-cookie-popup .cookie-popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #eeeeee; padding: 2rem; } #c-cookie-popup .cookie-popup > b { display: inline-block; margin-bottom: 1.5rem; } .c-cookie-info { max-height: calc(100vh - 20rem); overflow-y: auto; } .c-cookie-info > div { padding-left: 2rem; margin-bottom: 2rem; } .c-cookie-info > div > input { margin-left: -1.5rem; margin-right: 0.4rem; margin-bottom: .5rem; width: 1rem; height: 1rem; } .c-cookie-info > div > label { font-weight: bold; } .c-cookie-info > div > label > p { font-weight: normal; margin-top: 0; } .c-cookie-links { display: flex; gap: .5rem; flex-wrap: wrap; justify-content: center; margin-top: 2rem; }
@media (min-width: 768px) { .c-cookie-buttons { flex-direction: row; } .c-cookie-buttons > * { width: 20rem; } .c-cookie-links { justify-content: start; gap: 2rem; } button#c-cookie-settings { width: 10rem; } }
/* ### 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);} .powermenue { display: flex; position: fixed; z-index: 99; top: 4rem; left: 0; right: 0; bottom: 0; background-color: var(--theme-powermenu-medium); 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);} #powermenue-strukturen-ueberschrift {display: flex;background-color: var(--theme-text);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-text); height: 5rem; margin: 0; margin-bottom: .1rem; display: flex;align-items: center;justify-content: space-between;cursor: pointer; } .powermenue-head li:last-child { border-bottom: 0; } .powermenue-head li a { color: var(--theme-white)!important; 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 a { color: var(--theme-text-hover); } .powermenue-head li.powermenue-aktiv { background: rgb(255,221,0); } .powermenue-head li.powermenue-aktiv a { color: rgb(60,60,60)!important; } .powermenue-strukturen {position: absolute;display: block;top: 0;left: 0;right: 0;bottom: 0;padding: 0;background-color: var( --theme-powermenu-medium);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%; box-sizing: border-box; } .powermenue-struktur-module {flex-direction: column;padding: 0;} .powermenue-modul-ueberschrift { display: block;width: 100%; margin: 0; font-weight: bold; } .powermenue-modul-ueberschrift-wrapper { background-color: var(--theme-medium); 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: 0;} .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] li { width: 100%; } .powermenue-modul-auflistung .powermenue-auflistung-mit-icon {padding: 0;} .powermenue-modul-auflistung {padding: 0 1rem 0 1rem;box-sizing:border-box; } .powermenue-modul-auflistung li.powermenue-aktiv a {color: var(--theme-accent-medium);} .powermenue-modul-auflistung li a { padding: .5rem 0; } .powermenue-html-oben, .powermenue-html-unten { width:100%; padding: 1rem; box-sizing:border-box; } .powermenue-html-oben { padding-bottom: 0; } .powermenue-html-oben:empty, .powermenue-html-unten:empty { display:none; } .powermenue-html-oben { display:none; } .powermenue-modul-ueberschrift-icon {width: 2rem;height: 2rem;object-fit: contain;margin-right: .25rem;} .powermenue-auflistung-mit-icon img {width: 3rem;height: 3rem;margin: 0.5rem 1rem 0.5rem 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: 4rem;height: 4rem;margin-bottom: .25rem; } .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: flex-start;align-items: center;} .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-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; align-items: center;justify-content: center;margin-top: .5rem;} .powermenue-pfeil-unten {margin-left: .5rem;transform: rotate(90deg);} #powermenue-zurueck {position: absolute;background: transparent url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><polygon class="st0" points="352,128.4 319.7,96 160,256 160,256 160,256 319.7,416 352,383.6 224.7,256 "/></svg>') no-repeat 50% 50%;background-size: auto 50px;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-modul.powermenue-modul-nummer-3 .powermenue-modul-auflistung {margin-top:0;} .powermenue-modul.powermenue-modul-nummer-6 ul li {width:50%;} .powermenue-modul.powermenue-modul-nummer-6 ul li.powermenue-icons-mit-text a {flex-direction: unset;} .powermenue-modul.powermenue-modul-nummer-6 ul li.powermenue-icons-mit-text a p {display:none;} .powermenue-head-mobile-pfeil {display: block;background: transparent url(/img/powermenue_arrow-w.svg) no-repeat 50% 50%;background-size: auto 50px;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;padding: .5rem 1rem;box-sizing: border-box;background-color: var(--theme-accent-dark);} .alle-struktur-artikel-anzeigen p:first-child { font-size: 1rem; color: var(--theme-white); } .powermenue-pfeil-rechts { transform: rotate(90deg); } .powermenue-modul-auflistung .powermenue-auflistung-platzhalter { border-bottom: 0; } .powermenue-modul.powermenue-modul-nummer-6 ul li {width:33.33%;} .powermenue-modul-html ul li a strong { margin-right: .5rem; } .powermenue-html-oben h1, .powermenue-html-oben .ueb { font-size: 1.5rem; font-family: 'Header-Font'; font-weight: 600; } 
@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; } nav.powermenue.open { max-width: 100%; } #powermenue-schalter { display: none; } .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; } .powermenue-head li a { padding: .8rem .5rem; } .powermenue-head li a:hover, .powermenue-head li.powermenue-aktiv a { background: rgb(255,221,0); color: rgb(60,60,60)!important; } .powermenue-head a { font-size: 1rem; } .powermenue-head li a { font-size: 1rem; } .powermenue-modul-auflistung li a { padding: .25rem 0; } .powermenue-strukturen.hidden {opacity: 0;visibility: hidden;transform: translateY(-2rem);} .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] li { width: 100%; } .powermenue-struktur, .powermenue-struktur-module { display: flex;align-items: flex-start;justify-content: flex-start; } .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; box-sizing: border-box; } .powermenue-modul { width: 23%; margin: 0; } .powermenue-modul-ueberschrift-wrapper {display: flex;align-items: center;justify-content: flex-start;font-weight:bold; padding: .25rem 1rem; background-color: unset; } .powermenue-html-oben { display: block; } .powermenue-html-unten #alle-marken {float:right;} .powermenue-html-oben #alle-marken {float:right;} .powermenue-html-oben h1, .powermenue-html-oben .ueb { margin:0 0 .5rem 0; font-size: 1.5rem; } .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-auflistung-mit-icon img, .powermenue-icons-mit-text img {width: 3.5rem;height: 3.5rem;} .powermenue-head-mobile-pfeil { display: none; } .alle-struktur-artikel-anzeigen { display: none; } #powermenue-strukturen-ueberschrift { display: none; } }
@media (min-width: 1200px) { .powermenue-head li a { padding: .8rem 2rem; } }
/* ### 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; padding: 1rem; } #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-placeholder p { 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: 100%; margin: 0 0 .25rem 0; } .suche-struktur nav ul li a { display: block; background: var(--theme-light); padding: .5rem; color: var(--theme-text); } .suche-struktur nav ul li a.alvl_1 { margin-bottom: .25rem; background: var(--theme-gelb); } .suche-struktur nav ul li a:hover { background: var(--theme-gelb); } .suche-struktur nav ul li { list-style: none; } .suche-struktur nav ul li.head { width: 100%; background: var(--theme-medium); padding: .5rem; color: var(--theme-text);}
@media (min-width: 576px) { #meili-filters { grid-template-columns: repeat(3, 1fr); } #meili-search #meili-items li#faqs { height: var(--kachel-max-height); } }
@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 nav ul li { list-style: none; width: 49%; margin: 0 0 .25rem 0; } }
@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(6, 1fr); } }
/* ### 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); } }
/* ### 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; } }
/* ### powermenue-extra ### */
/* */
/* ### powermenue-extra ### */
@media (pointer: fine) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }
/* ### 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; } }
/* ### 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; } }
/* ### 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; } }
/* ### 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; } }
/* ### 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; } }