/* CSS only 95.84K, CSS & InlineSvg (17/35) 124.61K => 30% more */

@font-face { font-family: 'Header-Font'; font-display: swap; src: url('/img/OpenSans-CondLight.eot'); src: url('/img/OpenSans-CondLight.woff2') format('woff2'), url('/img/OpenSans-CondLight.woff') format('woff'), url('/img/OpenSans-CondLight.eot?#iefix') format('embedded-opentype'), url('/img/OpenSans-CondLight.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, aa, kachel, kachel_mouseover, powermenu, powermenue-extra, to-top-button, input-floating, kachel-stapel, kachel-slider, muster, drag-zoom */
/* ### 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-light: rgb(246,246,245); --theme-medium: rgb(238,236,234); --theme-dark: rgb(232,228,220); --theme-text: rgb(51,51,51); --theme-text-shadow: 0 0 3px rgba (0,0,0,.5); --theme-text-hover: rgb(110,150,80); --theme-accent: rgba(123,113,105); --theme-accent-light: rgba(230,236,213); --theme-accent-medium: rgb(123,113,105); --theme-accent-medium-light: rgba(123,113,105,.3); --theme-accent-dark: rgb(110,150,80); --theme-accent-text: rgb(255,255,255); --theme-accent-pic: rgb(110,150,80); --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(183,96,88); --theme-error-text: rgb(255,255,255); --theme-warning: rgb(255, 168, 2); --theme-warning-text: rgb(255,255,255); --theme-success: rgb(110,150,80); --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; } b, strong { font-weight: bolder; } .red { color: var(--theme-error); } .center { text-align: center; } 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; } .button.block { display: block; max-width: max-content; } 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); } ul { padding: 0; } body, #shopLayer, #shopMain { max-width: 100vw; } .shopHeader { background-color: var(--theme-white); z-index: 99; } #kopf_top_line { position: sticky; top: 0; z-index: 100; border-bottom: .15rem solid var(--theme-medium); } #kopf_bottom_line { background-color: var(--theme-dark); box-shadow: 0 0 20px -5px rgba(0,0,0,.5); } #shopMain { min-height: 100vh; } /* html anchor */ html { scroll-behavior: smooth; } @media screen and (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } :target { display: block; position: relative; top: -5rem; visibility: hidden; } ::placeholder, ::-webkit-input-placeholder { color: var(--theme-text); opacity: .7; } a { text-decoration: none; color: var(--theme-accent-medium); transition: all 0.5s; } h1 { font-size: 2.5rem; margin: 0 0 .5rem 0; font-weight: normal; } h2 { font-size: 2rem; font-weight: normal; margin: 1.2rem 0 .75rem 0; } h3 { font-size: 1.75rem; font-weight: normal; margin-bottom: 0; } h4 { font-size: 1.3rem; font-weight: normal; } h5 { font-size: 1rem; } h6 { font-size: 1rem; } h1, h2, h3 { color: var(--theme-text); font-family: 'Header-Font'; } h4, h5, h6 { color: var(--theme-text); } h1 .nachh { display:block; font-size: 1.5rem; } h2 .nachh { display:block; font-size: 1.25rem; } h3 .nachh { display:block; font-size: 1rem; font-weight: normal; } h4 .nachh { display:block; font-size: .9rem; font-weight: normal; } .h1_in_breadcrumb { font-size: 1rem; 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"; font-weight: bold; } h1.se_ueberschrift_oben { } hr { border: var(--theme-divider); margin: 1rem 0; } .pg-only { display: none; } .right { text-align: right; } /* 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-white); position: relative; } #k_title ul { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0 auto; padding: 0 1rem; } #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-text); } #k_title ul li a:hover { color: var(--theme-text-hover); } #k_title ul li:nth-child(1) { display: none; } #k_title ul li a.active { font-weight: bold; } .ausrichter { padding: 0 var(--padding); } #kopf_top_line_inner { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 4rem; padding: 0 1rem; } #k_icons { width: 13rem; } #k_logo { width: 115px; height: 4rem; } #k_logo .pic { background: url(/img/AP-Logo_ohne_Text.svg) no-repeat 0; height: 60px; width: 80px; background-size: contain; position: absolute; } #k_logo .text { display: none; margin-left: 80px; line-height: normal; font-weight: 300; } #k_logo .text span { display: block; font-size: 1rem; } #suchbox { display: none; } #k_icons { display: flex; align-items: center; justify-content: flex-end; } #k_lupe_2 { background-image: url(/img/bg-suche.svg); background-repeat: no-repeat; background-position: 50%; } #k_merk { background-image: url(/img/bg-merkliste.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:%231D1D1B;}</style><g id="Ebene_2-2"> <path class="st0" d="M20.7,6.4c2.1-1.7,5.2-2.3,7.8-2.3c3,0,5.9,0.8,8.4,2.4c5.1,3.3,7.9,9.2,7.2,15.3c-0.4,3-1.5,5.9-3.5,8.1  c-1.5,1.7-3.2,2.5-5.6,3c-5.5,1.2-11.5-1.1-15.1-5.3c-2.1-2.4-3.4-5.5-3.7-8.8c-0.4-3.6,0.6-6.7,2.2-9.9l-2.8,2.4  c0.3-0.2,0.6-0.3,0.9-0.5c0.7-0.4,1.5-0.9,2-1.5C18.6,9,19,8.5,18.4,8.7c-4.1,0.9-5.9,5.6-6.4,9.3c-0.4,3.4,0.1,7,1.8,10.1  c3.2,5.9,10.2,9.3,16.8,8.2c3.6-0.6,6.9-2.4,9.8-4.6s5.2-4.8,6.5-8.1c2.8-6.8,0.3-14.8-5.6-19c-3.1-2.2-6.8-3.2-10.5-3  c-4.2,0.3-8.1,2.2-11.4,4.9c-0.2,0.2-1.2,0.9-0.7,1.1C19.1,7.7,20.5,6.6,20.7,6.4L20.7,6.4L20.7,6.4z"/> <path class="st0" d="M43,33c1.3,0,2.4-2.3,0.7-2.3C42.4,30.7,41.3,33,43,33L43,33z"/> <path class="st0" d="M42.4,32.4c0.3,0.7,0.5,1.1,1.1,1.6c0.4,0.4,0.9,0.7,1.3,1.1c0.9,0.8,1.8,1.7,2.6,2.7c1.7,1.9,3.2,4,4.4,6.2  c2.6,4.4,4.2,9.3,4.7,14.4l4-2.9c-14.6-0.1-29.2,0.3-43.8,0.4c-4.2,0-8.4,0.1-12.6,0.1l0.2,0.3c0-8.7,3.5-17.3,10.1-23.1  c0.3-0.3,1.6-1.3,0.9-1.7c-0.6-0.3-2.4,1.1-2.7,1.4C4.9,39.3,0,48.9,0,58.9c0,0.2,0,0.3,0.2,0.3c14.6-0.1,29.2-0.2,43.8-0.4  c4.2-0.1,8.4-0.1,12.7-0.2c0.8,0,1.7-0.6,2.3-1c0.4-0.3,1.8-1.2,1.7-1.9c-0.7-5.1-2.5-9.9-5.2-14.3c-1.3-2.2-2.9-4.3-4.7-6.2  c-0.9-0.9-1.8-1.8-2.7-2.6c-0.5-0.4-1-0.9-1.6-1.3c-0.6-0.4-1.2-0.6-1.9-0.7C44.1,30.6,42.1,31.8,42.4,32.4L42.4,32.4L42.4,32.4z"  /></g></svg>'); background-repeat: no-repeat; background-position: 50%; } #k_wk { background-image: url(/img/bg-wk.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: 4rem; background-size: 1.8rem; 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; right: .5rem !important; width: auto; top: 5.4rem; z-index: 99; padding: 1rem; pointer-events: none; transform: translateY(-1rem); opacity: 0; background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); box-shadow: 0 0 20px -5px rgba(0,0,0,.5); 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); 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: var(--padding); background-position: 1rem 50%; background-size: 4rem; 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: 6rem; min-height: 6rem; } ul.alt-list.items > li[data-griffprobe] > a { } #k_icons > #k_merk > .shBagInh ul > li > a { display: flex; align-items: center; } /*#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: -.5rem; color: var(--theme-white); width: 1.5rem; height: 1.5rem; 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-pic); } #k_merk:before { background-color: var(--theme-accent-pic); color: var(--theme-white); } .shBagInh .Wkbuttons { padding: 1rem; text-align: right; display: flex; justify-content: space-between; } .shBagInh .Wkbuttons .button { font-weight: bold; padding: 1rem; margin: 1%; white-space: nowrap; } #powermenue-schalter { margin-left: 0; margin-right: 1rem; background: url(/img/powermenue_open.svg) no-repeat 50%; background-size:2.8rem; } #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="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  width="12px" height="12px" viewBox="0 0 12 12" style="enable-background:new 0 0 12 12;" xml:space="preserve"><style type="text/css"> .st0{fill:rgb(255,255,255);}</style><polygon class="st0" points="12,10.5 7.5,6 12,1.5 10.5,0 6,4.5 1.5,0 0,1.5 4.5,6 0,10.5 1.5,12 6,7.5 10.5,12 "/></svg>'); background-position: center; background-repeat: no-repeat; background-size: 30%; } input#menSuchStr { max-width: 100%; padding-left: 2.5rem; } #shopLayer #k_lupe_3 > div { width: 100%; position: relative; } #shopLayer #k_lupe_3 #menSuchStrIcon { position: absolute; height: 100%; aspect-ratio: 1 / 1; top: 0; left: 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-light); } .foot_infos ul { margin-bottom:2rem; } .foot_infos ul li { margin-bottom: .5rem; } .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 { padding: 2rem var(--padding); width: 100%; max-width: var(--header-width); margin: 0 auto; position: relative; text-align: center; } .foot_infos .foot_ueb { display: inline-block; height: 2rem; text-transform: uppercase; letter-spacing: 0.10em; white-space: nowrap; margin-bottom: 0; color: var(--theme-text); } .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%; } .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-medium); color: var(--theme-text); } #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-dark); } .zul_anges_art { background: var(--theme-white)!important; } .zuletzt_items { display: flex; padding: 0 0 5rem 0; gap: .5rem; } .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: 1rem; } .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: 1rem; 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); } /* 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) * 2); overflow: hidden; transition: box-shadow .3s ease-out; transition: all .3s ease-out; } a.card:not(.static):hover { box-shadow: var(--shadow-elevation-high); transform: translateY(-.2rem) translateZ(0); } .card.p-0 { padding: 0; } .card.light { background: var(--theme-light); } .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; margin-bottom: 2rem; border-top: var(--theme-divider); border-bottom: var(--theme-divider); } .card .card-info:first-child { border-top: 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; } .mt-4 { margin-top: 2rem; } .mt-6 { margin-top: 3rem; } .mt-4 { margin-top: 2rem; } .mb-2 { margin-bottom: 1rem; } .mb-4 { margin-bottom: 2rem; } .mb-6 { margin-bottom: 3rem; } .mb { margin-bottom: var(--padding); } .p-2 { padding: 1rem; } .p-4 { padding: 2rem; } /* 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-dark) var(--theme-light); scrollbar-width: thin; } /* button */ button, .button { background-color: var(--theme-accent-dark); border: none; padding: 1rem 2rem; font-size: 1rem; text-transform: uppercase; color: var(--theme-accent-text); 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); } 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; } .faq .button-group { display: grid; grid-gap: var(--padding); grid-template-columns: 1fr; } /* 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: 8rem; 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; margin-right: .25rem; } .inp_wrapper[data-typ="checkbox"] input + label { display: block; margin-left: 0; 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: 3rem; height: 3rem; margin-top: 1rem; text-align: center; line-height: 2.8rem; 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: 11rem; margin: 0 auto; display: inline-block; } .inp_wrapper[data-typ="number-custom"] input { float: left; width: 5rem; height: 3rem; 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: 4rem; left: 0; text-align: center; right: 0; 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; 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: 10rem; padding: calc(var(--padding) / 1.5) 0; border-bottom: var(--theme-divider); background-color: var(--theme-card-background); font-size: 1.05rem; color: var(--theme-text); } .table th.right { text-align: right; } .table td { padding: calc(var(--padding) / 2) 0; 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:last-child td { border-bottom: 0; } .table.clickable tr.clickable:hover { background-color: var(--theme-light); } .table tr:empty { display: none; } /* 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: 17rem; 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; } .PGwarning img { display: none; } .PGerror img { 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 { margin-bottom: 1rem; } .bestellung_action a { margin: 1rem 0 0 0; display: inline-block; padding: .5rem 1rem; } #pers_submen a { background-color: var(--theme-accent-light); color: var(--theme-text); margin: 0 .5rem .5rem 0; display: inline-block; padding: .5rem;} #pers_submen a.active, #pers_submen a:hover { background-color: var(--theme-accent-medium); color: var(--theme-light); } #pers_submen { margin-bottom: 3rem; } .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,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" focusable="false" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 512 381.8" style="enable-background:new 0 0 512 381.8;" xml:space="preserve"><style type="text/css"> .st0{fill:rgb(255,255,255);}</style><path class="st0" d="M173.9,374.3L7.5,207.9c-10-10-10-26.2,0-36.2l36.2-36.2c10-10,26.2-10,36.2,0L192,247.6L432.1,7.5 c10-10,26.2-10,36.2,0l36.2,36.2c10,10,10,26.2,0,36.2L210.1,374.3C200.1,384.3,183.9,384.3,173.9,374.3L173.9,374.3z"/></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; } #bestellabschluss button { display: inline-block; } .datenschutz-grid + input.button { float: right; } #shopLayer[data-pp="perart"] #pag_se_all {display:none!important;} .datenschutz-grid > div { align-items: flex-start!important; } .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_gls-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"], .card[data-za="13"] .zacheck .icon, .zacheckbue[data-za="13"], .card[data-za="14"] .zacheck .icon, .zacheckbue[data-za="14"] { 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); } .zacheckbue { height: 3rem; width: 5rem; background-position: center; background-size: contain; background-repeat: no-repeat;} @media ( max-width: 992px) { #filter_anzeigen:before, #scrolling-filter:before { background-color: var(--theme-accent-dark)!important; color: var(--theme-white)!important; } } /* overlay, wegen griffproben brauchen wir das auf allen seiten */ #cs_dark_matter { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 104; background-color: rgba(0,0,0,.5); } #cs_layer { position: absolute; top: 10%; left: 50%; opacity: 1; transform: translate(-50%, 0); background-color: var(--theme-card-background); max-width: 55rem; width: calc(100% - calc(var(--padding) * 2)); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); overflow: hidden; display: grid; grid-template-columns: 1fr; grid-template-areas: "image" "ueber" "name" "unter" "buttons" "cross"; text-align: center; padding-bottom: 2rem;} #cs_layer.open { opacity: 1; transform: translate(-50%, 0); } #cs_layer img { height: 5rem; } #cs_layer .cs_img { background-color: white; padding: 1rem; grid-area: image; display: flex; align-items: center; justify-content: center; display: none; } #cs_layer .cs_ueber { grid-area: ueber; margin-top: calc(var(--card-padding) * 2); margin-top: 2rem; } .cs_name { grid-area: name; padding: 1rem; } .cs_unter { grid-area: unter; } #cs_unten_cs { grid-area: cross; padding: 1rem; } #cs_layer #cs_layer_unten { padding: var(--padding); grid-area: buttons; } #cs_layer #cs_layer_unten .button { text-transform: uppercase; margin-top: 0; } #wk_layer_unten { display: flex; clear: both; flex-wrap: wrap; justify-content: space-around; align-items: center; } #wk_layer_unten .button { width: 18rem; text-align: center; text-transform: uppercase; margin-bottom: .15rem; } #cs_layer_unten { display: grid; grid-template-rows: 1fr 1fr; grid-gap: var(--padding); } #cs_layer #cs_layer_unten a { display: block; } #cs_layer #warenkorb:before { background-image: url(/img/bg-wk.svg); } #cs_layer #weitersh:before { background-image: url(/img/bg-merkliste.svg); } #cs_unten_cs ul { display: flex; flex-wrap: wrap; } #cs_unten_cs ul li .button { padding: .5rem; width: 100%; font-size: .9rem; } #cs_unten_cs ul li { width: 47%; border: var(--theme-divider); } #cs_unten_cs ul li a { display: block; } #cs_unten_cs ul li .se_name { margin-bottom: .5rem; } #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: 1.5rem; } #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: 1.5rem; } #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: 1.5rem; } ul.mleft li { margin-left: 1.5rem; } .suche-ueb { font-size: 1.25rem; font-family: 'Header-Font'; margin-top: 1rem; text-align: center; } #lager img {margin-bottom: 3px;} /*Adventskalender*/ #advent_tab { text-align:center; position: relative; } .advent_tab { width:100%; background-image:url(/img/ADV_25_hg7.jpg); background-position: 50% 0%; background-repeat:no-repeat; background-size: cover; border:0; margin:0 0 2% 0;position:relative;border-radius: 1rem; padding-bottom: 18rem; } .advent_td { text-align:center; width: 2.5rem; height: 1.25rem; font-size: 1rem; } .advent_td a { font-size: 1rem; } #advent_ueb { font-size: 2rem; text-align:center; padding: 1rem 0 .5rem 0; font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif; color: #901214; text-shadow: 2px 2px 2px white, 2px -2px 2px white, -2px 2px 2px white, -2px -2px 2px white; font-weight: bold; } .advent_text { width:100%;height:auto; background-color:#901214; opacity: 0.9; padding: 1rem; font-size: 1.5rem; color: var(--theme-white); text-align: center; position: absolute; bottom: -18rem; border-radius: var(--theme-radius-medium); font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;} .advent_tag { padding:1rem; display:inline-block; margin:.5rem; background-color: rgba(255,255,255,0.75); border-radius: 0.5rem; } .advent_nummer { font-size: 1.5rem; width: 100%; height: 100% !important;display: inline-block;cursor:pointer;} .advent_tooltipp { width: 100%; padding: 1rem; background-color: var(--theme-white); position:absolute; border: var(--theme-divider); border-radius: .5rem; z-index: 100; margin-top: 0; box-shadow: 0 0 20px -5px rgba(0, 0, 0, .5); } .advent_status1, .advent_status2, .advent_status3 { float:left; width:90%; height:4rem; margin-bottom: 1rem; padding-left: 4rem; font-size:1rem; text-align: left;} .advent_status1 { color:#901214; 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_status1 .button, .advent_status2 .button, .advent_status3 .button { padding: 1rem; white-space: nowrap; } .adventx { width: 1.5rem; height: 1.5rem; } .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: #901214; } .advent_proz { font-size: 1.5rem; color: #901214; font-weight:bold;} .advent_preisbox_preis { font-size: 1.5rem; font-weight:bold; } /*Adventskalender ENDE*/ /* 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: 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 { border-bottom: var(--theme-divider); } .css_dropdown ul li label:hover { color: var(--theme-accent-dark); }
@media (min-width: 576px) { #k_title ul li:nth-child(3) { display: block; } #k_icons > div > .shBagInh { right: 0; } #k_logo { width: 362px; height: 64px; } #k_logo .text { display: block; margin-left: 80px; font-size: 1.5rem; } .foot_infos { overflow: auto; margin-bottom: 3rem; text-align: left; } .foot_infos .foot_ueb { display: block; } .foot_infos > ul { width: 50%; float: left; min-height: 15rem; } .foot_infos #info_zahl { justify-content: start; } .foot_infos #info_zahl img { margin: 0 1rem 1rem 0;} .foot_infos ul.soc { justify-content: start;} .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; } .inp_wrapper[data-typ="number-custom"] { width: 10rem; } .inp_wrapper[data-typ="number-custom"] > div.inc, .inp_wrapper[data-typ="number-custom"] > div.dec { width: 2rem; height: 2.5rem; line-height: 2.2rem; } .inp_wrapper[data-typ="number-custom"] > div.del { right: 1rem; top: 3.5rem; } .inp_wrapper[data-typ="number-custom"] input { height: 2.5rem; } .advent_tab { padding-bottom: 14rem; } .advent_text { bottom: -14rem; } .advent_tooltipp { width: auto; } #advent_ueb { font-size: 2.5rem; } .advent_td { width: 3rem; height: 1.5rem; } #cs_layer #cs_layer_unten { grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; } #cs_unten_cs ul li { width: 31%; } #cs_layer #cs_layer_unten .button { margin-top: 1rem; }  }
@media (min-width: 768px) { .shopHeader { position: relative; } h1 { font-size: 3rem; } h2 { font-size: 2rem; } :target { top: -2rem; } #k_men_zeile { height: 3rem; } #k_title ul li:nth-child(1) { display: block; } #k_title ul li#phone a { margin-left: 10rem; } #k_logo { width: 400px; } #k_logo .pic { width: 105px; height: 84px; } #k_logo .text { margin-left: 110px; } .k_ausrichter { display: block; } #kopf_top_line { position: relative; box-shadow: none; border: 0; } #kopf_top_line {box-shadow: none; } #kopf_top_line.box-shadow {box-shadow: var(--shadow-elevation-medium); } #kopf_top_line_inner { height: 4rem; } #kopf_bottom_line:before { width: 100%; height: 3px; background-color: var(--theme-white); border-top:1px solid var(--theme-text); position: absolute; } #kopf_bottom_line:after { width: 100%; height: 3px; background-color: var(--theme-white); border-bottom:1px solid var(--theme-text); position: absolute; } #k_icons { width: 12rem; } #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_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: 33.33%; float: left; min-height: 15rem; text-align: left;} #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; } #cs_layer_unten { grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; } .suche-ueb { font-size: 1.5rem; } .advent_tooltipp { width: 80%; left: 10%; top: 2rem; } #advent_ueb { font-size: 4rem; } #cs_layer .cs_ueber { margin: 0; } #cs_layer .cs_img { display: block; } #cs_unten_cs ul li { width: 23%; } }
@media (min-width: 992px) { :target { top: -10rem; } #k_logo { height: 80px; } #k_logo .pic { height: 140px; width: 140px; top:-1.7rem; } #k_logo .text { margin-left: 150px; font-size: 1.7rem; } #kopf_top_line { position: sticky; border: 0; top: 2rem; } #k_title { position: sticky; top: 0; } #k_title ul li#phone a { margin-left: 12rem; } #kopf_bottom_line { position: sticky; top: 112px; } #kopf_top_line_inner { height: 5rem; } #suchbox { display: flex; width: 42%; align-items: center; } #k_lupe_3 { width: 100%; } #k_lupe_3 input#menSuchStr { width: 100%; max-width: 100%; padding: 0.8rem 1rem .8rem 2.5rem;background-color: var(--theme-white); border-bottom: .1rem solid var(--theme-medium); } #k_lupe_3 > div.lupe { background: rgb(255,255,255) 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:rgb(255,255,255);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;} .st1{fill:none;stroke:rgb(255,255,255);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;}</style><circle class="st0" cx="26.8" cy="26.8" r="24.3"/><line class="st1" x1="57.7" y1="57.7" x2="44.5" y2="44.5"/></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: 45%; } .foot_infos > ul { width: 25%; } .lg-hide { display: none; } .lg-block { display: block; } tr.lg-block { display: table-row; } .advent_tooltipp { width: 64%; left: 18%; top: 2rem; } .advent_td { width: 5rem; height: 3rem; } .advent_nummer { font-size: 2rem; } .bestellung_action { margin-bottom: 0; } #cs_unten_cs ul li { width: 18%; } }
@media (min-width: 1200px) { #k_logo { width: auto; } #k_logo .text { font-size: 1.8rem; } #k_logo .text span { font-size: 1.25rem; } #k_icons > div > .shBagInh { top: 4rem; } #k_title ul { max-width: var(--header-width); } #k_title ul li#phone a { margin-left: 11rem; } .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; } .advent_tooltipp { width: 50%; left: 25%; top: 2rem; } .advent_nummer { font-size: 3rem; } .advent_td { width: 6rem; height: 5rem; } }
@media (min-width: 1400px) { .xxxl-hide { display: none; } .xxxl-block { display: block; } tr.xxxl-block { display: table-row; } #k_title ul li#phone a { margin-left: 10rem; } }
/* ### aa ### */
#aa_detail { display: grid; grid-template-areas: "pic" "basket" "unten"; grid-template-columns: 1fr; grid-gap: var(--padding); } #aa_pic_show { grid-area: pic; } #aa_basket { grid-area: basket; } #aa_unten { grid-area: unten; margin-top: 4rem; } #aa_detail .azu_icon { display: flex; height: 7rem; } #aa_detail .azu_icon:empty { display: none; } #aa_detail .aa-proz { display: inline-block; height: 3rem; width: 5rem; background-color: var(--theme-error); color: var(--theme-white); line-height: 3rem; text-align: center; font-weight: bold; font-size: 1.7rem; margin-left: 1rem; } #aa_detail h1 { display: inline-block; font-size: 2.5rem; } #aa_detail h1 + .cs_azu.azu5 { display: inline-block; height: 2rem; margin: 0 0 0 .5rem; } #aa_pic_show figure { position: relative; margin: 0; background-color: white; width: 100%; overflow: hidden; } #aa_pic_show picture img { object-fit: contain; } #aa_detail nav { margin: var(--padding) 0 calc(var(--card-padding) * 2) 0; max-width: calc(100vw - calc(var(--padding) * 2)); overflow-x: auto; } #aa_detail nav[data-num="1"] { display: none; } #aa_detail nav .minipics a { flex: 1; display: block; aspect-ratio: 1 / 1; min-height: 3rem; min-width: 3rem; max-height: 5.2rem; max-width: 5.2rem; background-size: contain; background-repeat: no-repeat; background-position: center; background-color: white; border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); transition: box-shadow .2s ease-out; border: 2px transparent solid; outline: var(--theme-outline); } #aa_detail nav .minipics a:first-of-type { margin-left: 0; } #aa_detail nav .minipics a.selected, #aa_detail nav.default .minipics a:first-of-type { border-color: var(--theme-accent-medium); } #aa_detail nav .minipics a:hover { box-shadow: var(--shadow-elevation-high); } #aa_detail nav .minipics { display: flex; gap: var(--padding); margin-top: 2rem; } .ada_text { margin-bottom: 1rem; } .ada_text ul li { margin-left: 1rem; } .ada_text ul li:first-child { margin-left: 0; list-style: none; } #aa_nummer { margin-bottom: 0; } #aa_name { font-size:1.25em; } #aa-kurztext { margin: 0 0 1rem 0; padding: 0 0 1rem 0; border-bottom: .15rem solid var(--theme-medium); } .detail-hersteller-logo { margin: 1rem 0; } .detail-hersteller-logo a { display: block; } .detail-hersteller-logo a img { width: 8rem; object-fit: contain; } #desktop_artikelname { display: none; } #desktop_artikelname a, #mobile_artikelname a { color: var(--theme-text); } #aa_rating {display: flex; align-items: center;padding-left: calc(var(--card-padding) * 2); } #preis { padding: 0 calc(var(--card-padding) * 2); margin-top: calc(var(--card-padding) * 2); } #preisDiv { display: inline-block; font-size: 2rem; font-weight: bold; } #preisDiv.sonderpreis { display: inline-block; } #preisDiv.sonderpreis span { color: var(--theme-error); } #preis .mwst { margin-top: calc(var(--card-padding) * 1); margin-bottom: 1rem; } #preis .ehem_vk { height: 2rem; line-height: 2rem; text-decoration: line-through; font-size: 1.5rem; opacity: .7; } #preis .ehem_vktext { font-size: .9rem; } #preis .ehem_guenst_vk { font-size: .8rem; } .literpreis { display: inline-block; } .faWrapper, .grWrapper { padding: 1rem calc(var(--card-padding) * 2); } .fagrWrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--padding); } .fagrWrapper > div { background-color: white; border-radius: var(--theme-radius-small); cursor: pointer; border: 4px transparent solid; outline: var(--theme-outline); box-shadow: var(--shadow-elevation-low); } .fagrWrapper > div span { color: black; } .fagrWrapper > div.weg { opacity: .4; } #shopLayer .fagrWrapper > div.selected { border-color: var(--theme-accent-medium); } .fagrWrapper > div > img, .fagrWrapper > div > div { object-fit: contain; aspect-ratio: 1 / 1; height: 100%; width: 100%; } .fagrWrapper > div > div { position: relative; display: flex; align-items: center; justify-content: center; } .fagrWrapper > div span + span, .fagrWrapper > div.selected span + span:empty { display: none; } .fagrWrapper > div.selected span + span { position: absolute; bottom: -1.2rem; left: -.5rem; right: -.5rem; display: block; font-size: 0.7rem; background-color: var(--theme-accent-medium); color: var(--theme-accent-text); text-align: center; padding: .2rem; border-radius: var(--theme-radius-small); } #html_lagerinfo { height: 3rem; } #html_lagerinfo > span { display: flex; gap: .5rem; align-items: center; padding: 0 0 1rem 0; text-align: left; border-radius: var(--theme-radius-small); margin-bottom: .5rem; } #html_lagerinfo > span:before { content: ""; display: inline-block; width: 1rem; height: 1rem; border-radius: 2rem; } #html_lagerinfo > span.groe_txt_st1:before { background-color: var(--theme-success); } #html_lagerinfo > span.groe_txt_st2:before { background-color: var(--theme-warning); } #html_lagerinfo > span.groe_txt_st3:before { background-color: var(--theme-error); } #html_lagerinfo:empty { display: none; } #lieferzeit { margin-bottom: 2rem; } #a_basket_panzahl_wrapper { width: 100%; display: inline-block; margin-bottom: 1rem; position: relative; } #a_basket_panzahl_wrapper #a_basket_einh { display: inline-block; position: absolute; top: 1.5rem; margin-left: .5rem; } #inWKsenden:before { 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>'); } form#inWK { padding: 1rem calc(var(--card-padding) * 2) calc(var(--card-padding) * 2) calc(var(--card-padding) * 2); } #aa_staffel { margin-bottom: calc(var(--card-padding) * 2); margin-top: 1rem; } #aa_staffel th { min-width: unset!important; } .wiederverfuegbarkeit:empty { display: none; } .wiederverfuegbarkeit { margin-top: var(--padding); } /*#wiederverf_ueberschrift { text-align: center; padding: var(--padding); }*/ #wiederverf_ueberschrift .set { font-size: .8; opacity: .8; } .wiederverfuegbarkeit .bell, .wiederverfuegbarkeit .bellm { height: 1.5rem; width: 1.5rem; } .btn_wieder_aktivieren { color: var(--theme-text); } .wiederverfuegbarkeit > a { padding: 1rem; display: block; background-color: var(--theme-dark); } .aa_vorteile { margin-top: 1rem; } .aa_vorteile > a { display: flex; align-items: center; padding: calc(var(--padding) / 2) var(--padding); padding-left:0; color: var(--theme-text); } .aa_vorteile a:before {content: ' '; width: 1rem;height: 1rem; 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 79.1 60" style="enable-background:new 0 0 79.1 60;" xml:space="preserve"><style type="text/css"> .st0{fill:rgb(51,51,51);}</style><path class="st0" d="M78.2,7.2L72,1c-1.3-1.3-3.4-1.3-4.7,0L28.4,39.6L11.9,23c-1.3-1.3-3.4-1.3-4.7,0L1,29.2 c-1.3,1.3-1.3,3.4,0,4.7L26,59c1.3,1.3,3.4,1.3,4.7,0l47.5-47.1C79.4,10.6,79.5,8.5,78.2,7.2L78.2,7.2z"/></svg>'); background-repeat: no-repeat; background-position: 50%; margin-right: 0.5rem;opacity: .8;} #aa_unten > section.card, #email_formular, #email_formular_button { margin-bottom: var(--padding); } #email_formular_button { white-space: nowrap; background-color: var(--theme-accent); width: 100%; } #aa_frage { width: 100%; } #aa_beschreibung, h3.title { font-size: 1.5rem; } #aa_text > .table { border-top: var(--theme-divider); } #aa_text > .table, .separate-rating { margin: calc(var(--card-padding) * 2) 0; width: 100%; max-width: 100%; } #aa_text > .table table td { padding: .5rem; padding-left: 0; } #aa_bewer { padding-bottom: 0; } .separate-rating { padding: calc(var(--padding) * 2); margin-top: 0; margin-bottom: 0; border-bottom: var(--theme-divider); } .separate-rating:first-of-type { border-top: var(--theme-divider); } br.clear { display: none; } .rating-properties { font-weight: bold; margin-top: 0.5rem; } .gutschein_gesamt > * { margin-bottom: calc(var(--card-padding) * 2); } #gutschein_motive { display: grid; grid-template-columns: 1fr 1fr; grid-gap: var(--padding); } #gutschein_motive > img { box-shadow: var(--shadow-elevation-medium); border-radius: var(--theme-radius-small); border: 2px solid white; transition: all .3s ease-out; cursor: pointer; } #gutschein_motive > img:hover { box-shadow: var(--shadow-elevation-high); } #gutschein_motive > img.gutscheinmotiv-checked { box-shadow: var(--shadow-elevation-high); border-color: var(--theme-accent-medium); } .gs_betrag, .gs_vorschau { text-align: center; } .gs_betrag button, .gs_vorschau button { padding: 1rem 1.5rem; font-size: 1.5rem; } .gutscheinbetr { background-color: var(--theme-accent-light); transition: all .3s ease-out; } .gutscheinbetr.gutscheinbetr-checked { background-color: var(--theme-accent-medium); } .gs_betrag { display: grid; grid-template-columns: 1fr 1fr; grid-gap: var(--padding); } span.aa_price2 { font-size: 3rem; } .gs_inkw { text-align: center; } input#submit_inwk { padding: 1rem; font-size: 1.5rem; text-transform: uppercase; font-weight: bold; } .inp_wrapper[data-typ="number-custom"] { margin: 0; } #aa_detail.fancy-aa { grid-template-areas: "pic pic" "basket basket" "unten unten"; max-width: 40rem; margin: 20rem auto 0 auto; } #inWKsenden.wk-animation { color: transparent; } #inWKsenden:before { transition: all .5s ease-out; } #inWKsenden.wk-animation:before { transform: translateX(12rem) rotate(-10deg); } .medium-zoom-image--opened { object-fit: contain; } #shopLayer #article-image #zoomButtons div {background-color: var(--theme-accent-dark);} .aa_bewer_summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr)); grid-gap: var(--padding); } .aa_bewer_summary > .card { background-color: var(--theme-accent-light); text-align: center; font-size: 1.2rem; } .aa_bewer_summary > .card b { display: block; color: var(--theme-accent-text); text-shadow: 0px 0px 8px var(--theme-accent-light); } .aa_bewer_comm h4.title { margin: var(--padding) 0; font-size: 1.1rem; } .aa_bewer_com { display: grid; grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr)); grid-gap: var(--padding); margin-bottom: calc(var(--padding) * 4); } .aa_bewer_comm > span { text-align: right; display: block; margin-top: var(--padding); } #aa_basket .se_beobachten { display: inline-block; height: 2.5rem; padding: .5rem 1rem .5rem 3rem; margin-top: 1rem; transition: all .5s ease-out; z-index: 2; background-color: var(--theme-dark); background-size: auto 1.5rem; background-position: 1rem 50%; background-repeat: no-repeat; cursor: pointer; 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:rgb(123,113,105);}</style><g id="Ebene_2-2"> <path class="st0" d="M33,14c2.9-5.4,11.5-9.3,16.4-4.7c4.9,4.6,6.1,12,3.2,18C46.8,39.4,31.6,44.6,28,58l5.6,0.7  c-3-7.3-7.7-14.1-13.7-19.3C14.7,34.9,9.3,30.8,7.1,24c-1.8-5.8,0.7-13.3,5.7-16.8c2.4-1.7,6.9-3.4,9.7-1.9c3,1.6,4.1,5.4,5.6,8.2  C28.5,14.1,33.1,14.9,33,14C32.7,6.8,25.3,3.2,18.9,2.9C11.5,2.6,4.7,6,1.9,13.1C-1.3,21.3,3,29.2,9.2,34.8  c3.2,2.9,6.7,5.4,9.5,8.7c3.9,4.4,7.1,9.3,9.3,14.7c0.4,0.9,5.3,1.8,5.6,0.7c4.1-15.4,31.8-24.1,25.2-42.7  c-2.4-6.6-8.2-10.4-15-10.7c-6-0.3-12.9,2.1-15.7,7.7C27.9,13.7,32.4,15.1,33,14L33,14L33,14z"/></g></svg>'); transition-delay: .2s; box-shadow: var(--shadow-elevation-medium); } #aa_basket .se_beobachten.active { 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:rgb(110,150,80);}</style><g id="Ebene_2-2"> <path class="st0" d="M33,14c2.9-5.4,11.5-9.3,16.4-4.7s6.1,12,3.2,18C46.8,39.4,31.6,44.6,28,58l5.6,0.7c-3-7.3-7.7-14.1-13.7-19.3  C14.7,34.9,9.3,30.8,7.1,24c-1.8-5.8,0.7-13.3,5.7-16.8c2.4-1.7,6.9-3.4,9.7-1.9c3,1.6,4.1,5.4,5.6,8.2C28.5,14.1,33.1,14.9,33,14  C32.7,6.8,25.3,3.2,18.9,2.9C11.5,2.6,4.7,6,1.9,13.1C-1.3,21.3,3,29.2,9.2,34.8c3.2,2.9,6.7,5.4,9.5,8.7c3.9,4.4,7.1,9.3,9.3,14.7  c0.4,0.9,5.3,1.8,5.6,0.7c4.1-15.4,31.8-24.1,25.2-42.7c-2.4-6.6-8.2-10.4-15-10.7c-6-0.3-12.9,2.1-15.7,7.7  C27.9,13.7,32.4,15.1,33,14L33,14L33,14z"/></g><path class="st0" d="M15.9,5.1c4.7-1.6,10.6,0,13.1,4.4c0.3,0.5,0.6,1.1,1,1.5c0.8,0.7,1.9,0.6,2.9,0.2s1.7-1,2.5-1.6 c2.4-1.7,5.2-2.7,8.1-2.9c1.2-0.1,2.4,0,3.5,0.3c0.9,0.3,1.7,0.8,2.5,1.4c2.1,1.6,4,3.5,5.1,5.8s1.6,5.1,1,7.6 c-0.4,1.7-1.3,3.3-2.2,4.8c-3.3,5.7-6.7,11.4-11.3,16.2c-2.4,2.5-5.1,4.8-6.6,7.9c-0.6,1.3-1.1,2.9-2.5,3.6c-1,0.5-2.1,0.3-3.1-0.2 c-0.9-0.5-1.7-1.3-2.4-2c-3.1-3.3-6.2-6.6-9.3-9.9c-4.5-4.9-9-10-12.3-15.8c-0.5-0.9-1.1-1.9-1.3-3c-0.4-1.7-0.2-3.6,0.4-5.3 c0.4-1.3,0.7-2.7,1.2-3.9c1.2-2.6,3.1-5.1,5.4-6.9C13,6.4,14.4,5.6,15.9,5.1z"/></svg>'); } #aa-vorbestellen { background: var(--theme-light); padding:4%; box-sizing:border-box; text-align:center; width: 100%; margin:1rem 0; border-radius: .5rem;position: relative;} #aa-vorbestellen .date { font-size: 2rem; padding: .5rem 0 1rem 0; } #aa-vorbestellen .text span { display: block; } #inWK .PGerror { margin-bottom: 1rem; } ul.it_features_ul li { list-style: inside; } .breadcrumb { margin-bottom: 1rem; } .multifelder.flexbox { display: flex; flex-wrap: wrap; } .multifelder.flexbox .multi1 { width: 38%; padding-right: .25rem; } .multifelder.flexbox .multi2 { width: 62%; } .multifelder.flexbox .multi2.kollek { display: flex; } .multifelder.flexbox .multi2.kollek span { margin-left: 1rem; } .multifelder.flexbox hr { width: 100%; margin: .5rem 0; border: 0; border-bottom: 1px solid var(--theme-medium); } .azu_icon div.cs_azu.azu48, .azu_icon div.cs_azu.azu49, .azu_icon div.cs_azu.azu50, .azu_icon div.cs_azu.azu5, .azu_icon div.cs_azu.azu1, .azu_icon div.cs_azu.azu201 {width:4rem;height:4rem;line-height:4rem;margin:.5rem;} .azu_icon div.cs_azu.azu5, .azu_icon div.cs_azu.azu201 { display: none; } .azu_icon div.cs_azu.azu48 {background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87 128.85"><g id="Ebene_1"><polygon points="83.69 80.05 3.64 80.05 3.64 0 83.69 0 83.69 80.05 83.69 80.05" style="fill:%23fff;"/><path d="M43.66,12.53c-15.16,0-27.44,12.29-27.44,27.44s12.29,27.44,27.44,27.44,27.44-12.28,27.44-27.44-12.29-27.44-27.44-27.44h0Z" style="fill:%2313a337;"/><path d="M24.01,64.61c1.25.98,1.56,2.39.56,3.67-.97,1.23-2.51,1.26-3.71.33-.39-.31-.79-.71-1.07-1.12l.55-.63c.19.4.49.73.83,1,.86.67,1.83.57,2.5-.29.61-.77.69-1.7-.14-2.36-.21-.16-.43-.3-.68-.37l-.65.83.51.4-.44.57-1.28-1,1.47-1.88c.58.19,1.09.48,1.56.85h0Z" style="fill:%231d1d1b;"/><polygon points="21.11 62.13 17.43 65.42 16.7 64.6 19.73 61.9 18.32 60.31 18.97 59.73 21.11 62.13 21.11 62.13" style="fill:%231d1d1b;"/><path d="M13.46,59.21c.51.81,1.51.55,2.19.12.68-.43,1.34-1.22.83-2.03-.53-.83-1.5-.57-2.19-.13-.69.44-1.35,1.2-.82,2.03h0ZM17.12,56.9c.85,1.34.44,2.58-.86,3.4-1.27.8-2.62.62-3.44-.68-.84-1.33-.45-2.59.85-3.41,1.28-.81,2.62-.62,3.45.69h0Z" style="fill:%231d1d1b;"/><path d="M12.45,52.82l.17.44,1.44-.57-.19-.48c-.19-.47-.54-.96-1.11-.73-.62.25-.51.84-.31,1.34h0ZM10.5,53.44l.23.57,1.31-.52-.19-.49c-.18-.45-.51-.85-1.04-.64-.48.19-.47.66-.3,1.08h0ZM14.4,51.74l.67,1.68-4.59,1.82-.74-1.87c-.3-.75-.35-1.61.53-1.96.58-.23,1.09-.03,1.43.47-.13-.62.06-1.2.68-1.45,1.09-.43,1.66.41,2.02,1.31h0Z" style="fill:%231d1d1b;"/><path d="M8.66,47.22l2.38.38-.32-1.62-2.05,1.24h0ZM12.53,44.93l-1.13.67.41,2.06,1.3.19.21,1.06-5.21-.87-.28-1.41,4.47-2.82.22,1.12h0Z" style="fill:%231d1d1b;"/><polygon points="12.24 42.31 7.31 42.42 7.28 41.33 11.34 41.23 11.29 39.11 12.17 39.09 12.24 42.31 12.24 42.31" style="fill:%231d1d1b;"/><path d="M9.14,30.97c-.25.93.62,1.48,1.4,1.69.77.2,1.81.15,2.05-.77.25-.95-.6-1.48-1.4-1.69-.79-.21-1.8-.17-2.05.78h0ZM13.33,32.08c-.41,1.53-1.59,2.08-3.08,1.69-1.45-.39-2.24-1.5-1.84-2.99.4-1.52,1.59-2.09,3.08-1.69,1.47.39,2.24,1.5,1.84,3h0Z" style="fill:%231d1d1b;"/><path d="M11.4,24.94l-.23.47,1.29.62.21-.45c.22-.45.3-.99-.22-1.25-.52-.25-.82.12-1.05.6h0ZM15.71,25.66l-1.49-.15c-.51-.05-.69-.02-.92.47l-.17.36,1.84.88-.46.97-4.45-2.13.87-1.82c.36-.76,1.02-1.37,1.91-.95.61.29.76.92.59,1.55.27-.36.56-.43,1-.39l1.8.16-.51,1.05h0Z" style="fill:%231d1d1b;"/><path d="M18.49,21.41c-.93,1.28-2.33,1.65-3.65.69-1.27-.92-1.36-2.46-.47-3.69.29-.4.69-.82,1.08-1.11l.64.52c-.39.2-.71.52-.96.86-.64.88-.5,1.85.38,2.49.8.58,1.73.63,2.35-.23.16-.22.28-.44.35-.7l-.86-.62-.38.53-.58-.42.96-1.32,1.93,1.4c-.17.58-.44,1.11-.79,1.59h0Z" style="fill:%231d1d1b;"/><path d="M19.25,14.09l.93,2.22,1.2-1.13-2.14-1.09h0ZM23.23,16.18l-1.16-.6-1.53,1.44.52,1.21-.79.74-2-4.89,1.05-.98,4.75,2.31-.83.78h0Z" style="fill:%231d1d1b;"/><polygon points="27.57 13.1 23.9 10.64 26.03 14.06 25.21 14.57 22.6 10.38 23.96 9.54 27.64 12 25.51 8.57 26.33 8.06 28.94 12.25 27.57 13.1 27.57 13.1" style="fill:%231d1d1b;"/><polygon points="30.83 11.41 28.9 6.87 29.91 6.44 31.84 10.98 30.83 11.41 30.83 11.41" style="fill:%231d1d1b;"/><path d="M36.12,9.67c-1.53.42-2.85-.17-3.28-1.74-.41-1.49.48-2.77,1.94-3.17.38-.1.85-.16,1.24-.15l.17.8c-.33-.04-.72-.01-1.04.08-1.01.28-1.47,1.15-1.2,2.14.28,1.02,1.07,1.52,2.1,1.24.35-.09.68-.25.97-.48l.25.76c-.32.24-.76.42-1.15.53h0Z" style="fill:%231d1d1b;"/><polygon points="44.94 4.65 44.84 8.71 43.74 8.68 43.83 4.62 42.29 4.59 42.31 3.71 46.5 3.81 46.48 4.68 44.94 4.65 44.94 4.65" style="fill:%231d1d1b;"/><polygon points="47.84 8.93 48.73 4.07 51.89 4.65 51.76 5.39 49.65 5.01 49.41 6.28 51.43 6.65 51.3 7.39 49.28 7.02 49.03 8.38 51.21 8.78 51.07 9.52 47.84 8.93 47.84 8.93" style="fill:%231d1d1b;"/><polygon points="55.68 11.04 55.2 8.74 53.33 10.18 52.2 9.76 54.78 7.98 54.09 5.2 55.26 5.63 55.7 7.72 57.37 6.41 58.46 6.81 56.1 8.46 56.89 11.49 55.68 11.04 55.68 11.04" style="fill:%231d1d1b;"/><polygon points="61.73 9.56 59.71 13.08 58.76 12.54 60.77 9.01 59.43 8.24 59.86 7.49 63.5 9.57 63.07 10.32 61.73 9.56 61.73 9.56" style="fill:%231d1d1b;"/><polygon points="62.24 14.76 65.23 10.83 66.1 11.49 63.12 15.42 62.24 14.76 62.24 14.76" style="fill:%231d1d1b;"/><polygon points="64.87 16.88 68.36 13.38 69.13 14.16 66.26 17.03 67.77 18.53 67.15 19.15 64.87 16.88 64.87 16.88" style="fill:%231d1d1b;"/><polygon points="68.06 20.24 72.03 17.31 73.94 19.89 73.34 20.34 72.06 18.62 71.02 19.39 72.24 21.03 71.64 21.48 70.42 19.83 69.31 20.65 70.62 22.43 70.01 22.88 68.06 20.24 68.06 20.24" style="fill:%231d1d1b;"/><path d="M72.98,28.97c-.18-.48-.3-.98-.33-1.5l.8-.26c-.06.48.04.95.21,1.4.16.43.48.83.98.65.35-.13.36-.69.38-1.08l.03-.55c.02-.63.2-1.17.83-1.4,1-.38,1.71.54,2.03,1.38.15.39.25.8.29,1.22l-.77.25c.02-.38-.07-.79-.2-1.14-.14-.38-.45-.87-.91-.7-.32.12-.34.59-.34.94v.57c-.02.7-.17,1.27-.89,1.54-1.01.38-1.75-.4-2.09-1.31h0Z" style="fill:%231d1d1b;"/><polygon points="78.56 33.53 74.58 34.35 74.36 33.27 78.34 32.45 78.03 30.94 78.89 30.76 79.73 34.87 78.87 35.05 78.56 33.53 78.56 33.53" style="fill:%231d1d1b;"/><path d="M79.33,38.93l-2.28-.76.05,1.65,2.23-.89h0ZM75.14,40.55l1.22-.48-.07-2.1-1.25-.4-.04-1.08,4.99,1.72.05,1.43-4.87,2.05-.04-1.14h0Z" style="fill:%231d1d1b;"/><polygon points="74.61 45.81 78.88 44.66 74.9 44.01 75.05 43.06 79.93 43.85 79.67 45.43 75.39 46.58 79.38 47.23 79.22 48.19 74.35 47.4 74.61 45.81 74.61 45.81" style="fill:%231d1d1b;"/><path d="M77.12,52.42l.2-.53-3.2-1.21-.14.38c-.4,1.05-.06,1.79,1,2.19.93.35,1.78.15,2.15-.82h0ZM73.22,50.93l.59-1.55,4.62,1.75-.65,1.71c-.57,1.5-1.68,2.05-3.2,1.48-1.57-.6-1.92-1.88-1.35-3.38h0Z" style="fill:%231d1d1b;"/><path d="M74.23,58.59l-1.5-1.88-.85,1.41,2.35.47h0ZM69.83,57.66l1.28.27,1.09-1.8-.83-1.02.56-.93,3.25,4.16-.74,1.23-5.2-.94.59-.97h0Z" style="fill:%231d1d1b;"/><path d="M70.55,63.56l.35-.39-1.07-.94-.33.37c-.33.38-.56.87-.12,1.26.43.38.82.11,1.18-.29h0ZM66.59,61.7l1.4.55c.47.19.66.2,1.02-.2l.26-.3-1.53-1.35.71-.8,3.7,3.26-1.33,1.51c-.56.63-1.36,1.05-2.09.39-.51-.45-.48-1.1-.15-1.65-.36.27-.65.26-1.07.1l-1.69-.64.77-.88h0Z" style="fill:%231d1d1b;"/><path d="M66,67.91l.45-.35-2.12-2.69-.32.25c-.88.7-.97,1.5-.27,2.39.61.78,1.45,1.05,2.26.4h0ZM63.42,64.62l1.3-1.03,3.06,3.87-1.44,1.13c-1.26.99-2.5.89-3.5-.38-1.04-1.32-.68-2.6.58-3.6h0Z" style="fill:%231d1d1b;"/><path d="M35.16,75.41c-1.54-.39-2.41-1.56-2.01-3.15.38-1.53,1.79-2.19,3.27-1.82.48.12,1.02.33,1.44.59l-.25.8c-.33-.29-.75-.47-1.17-.58-1.06-.27-1.91.23-2.18,1.29-.24.96.06,1.85,1.09,2.11.26.07.51.1.78.07l.26-1.03-.64-.16.18-.7,1.59.4-.58,2.32c-.61.06-1.2,0-1.78-.14h0Z" style="fill:%231d1d1b;"/><path d="M41.59,72.03c-.95-.06-1.33.9-1.38,1.69-.05.79.2,1.79,1.15,1.85.98.06,1.33-.88,1.38-1.69.05-.82-.18-1.79-1.16-1.85h0ZM41.32,76.32c-1.57-.1-2.34-1.15-2.24-2.68.1-1.49,1.03-2.47,2.56-2.37,1.56.1,2.35,1.15,2.25,2.68-.1,1.51-1.03,2.47-2.57,2.37h0Z" style="fill:%231d1d1b;"/><polygon points="47.49 72.18 47.89 76.2 46.8 76.31 46.39 72.29 44.86 72.44 44.78 71.58 48.93 71.16 49.02 72.03 47.49 72.18 47.49 72.18" style="fill:%231d1d1b;"/><path d="M52.73,75.41c-.48.13-.99.2-1.48.17l-.17-.8c.46.1.92.06,1.38-.06.43-.11.85-.39.72-.88-.09-.36-.64-.41-1.01-.47l-.53-.09c-.61-.09-1.11-.31-1.28-.95-.26-1.01.69-1.6,1.54-1.83.4-.1.8-.16,1.21-.16l.17.78c-.36-.06-.77-.02-1.13.08-.38.1-.89.35-.77.81.08.32.53.39.87.43l.55.06c.68.09,1.22.29,1.4,1.01.27,1.02-.57,1.66-1.48,1.9h0Z" style="fill:%231d1d1b;"/><polygon points="27.9 70.95 28.33 70.03 29.35 70.52 28.92 71.43 27.9 70.95 27.9 70.95" style="fill:%231d1d1b;"/><polygon points="58.16 71.43 57.74 70.52 58.76 70.04 59.18 70.95 58.16 71.43 58.16 71.43" style="fill:%231d1d1b;"/><path d="M50.94,22.2l-6.73,6.73v28.92h9.41v-19.68l6.17,6.17,6.65-6.65-15.5-15.5h0ZM20.89,37.7l6.65,6.65,6.18-6.18v19.69h9.41v-28.92l-6.74-6.74-15.5,15.5h0Z" style="fill:%23fff;"/><rect y="92.73" width="87" height="36.12" style="fill:none;"/><path d="M7.46,98.96h-3.32v-5.85h3.32v.81h-2.35v1.59h2.21v.8h-2.21v1.84h2.35v.81Z" style="fill:%231d1d1b;"/><path d="M10.21,99.04c-.42,0-.78-.08-1.09-.24-.31-.16-.54-.41-.71-.75-.17-.34-.25-.76-.25-1.28s.09-.98.27-1.32.43-.59.75-.76c.32-.16.69-.24,1.11-.24.26,0,.5.03.72.08s.4.12.55.19l-.28.75c-.16-.07-.33-.12-.5-.17-.17-.04-.33-.07-.49-.07-.26,0-.47.06-.65.17-.17.12-.3.29-.38.51-.08.23-.13.51-.13.84s.04.6.13.82c.09.22.21.39.38.5.17.11.38.17.62.17s.46-.03.65-.09.37-.13.54-.23v.82c-.17.1-.35.17-.54.21-.19.05-.43.07-.71.07Z" style="fill:%231d1d1b;"/><path d="M16.21,96.74c0,.37-.05.7-.14.98-.1.29-.24.53-.42.72-.18.2-.41.35-.66.45s-.55.15-.88.15c-.3,0-.58-.05-.84-.15-.25-.1-.47-.25-.66-.45s-.33-.44-.43-.72c-.1-.29-.15-.61-.15-.98,0-.49.08-.9.25-1.24.17-.34.41-.6.73-.78.31-.18.69-.27,1.12-.27.41,0,.77.09,1.08.27.31.18.56.44.73.78.18.34.26.76.26,1.24ZM13,96.74c0,.32.04.6.12.83s.2.41.37.53c.17.12.38.18.64.18s.48-.06.64-.18c.17-.12.29-.3.36-.53.08-.23.12-.51.12-.83s-.04-.6-.12-.82c-.08-.23-.2-.4-.36-.52s-.38-.18-.64-.18c-.39,0-.67.13-.85.39-.18.26-.27.64-.27,1.12Z" style="fill:%231d1d1b;"/><path d="M18.88,99.04c-.42,0-.78-.08-1.09-.24-.31-.16-.54-.41-.71-.75-.17-.34-.25-.76-.25-1.28s.09-.98.27-1.32.43-.59.75-.76c.32-.16.69-.24,1.11-.24.26,0,.5.03.72.08s.4.12.55.19l-.28.75c-.16-.07-.33-.12-.5-.17-.17-.04-.33-.07-.49-.07-.26,0-.47.06-.65.17-.17.12-.3.29-.38.51-.08.23-.13.51-.13.84s.04.6.13.82c.09.22.21.39.38.5.17.11.38.17.62.17s.46-.03.65-.09.37-.13.54-.23v.82c-.17.1-.35.17-.54.21-.19.05-.43.07-.71.07Z" style="fill:%231d1d1b;"/><path d="M22.72,94.45c.4,0,.73.08,1.02.24.28.16.5.39.65.69.15.3.23.66.23,1.07v.5h-2.96c.01.43.13.76.35.99s.53.35.93.35c.28,0,.54-.03.76-.08.23-.05.46-.13.7-.24v.76c-.22.1-.45.18-.68.23-.23.05-.5.07-.83.07-.44,0-.82-.08-1.15-.25-.33-.17-.59-.42-.77-.76-.19-.34-.28-.75-.28-1.25s.08-.92.25-1.26c.17-.35.4-.61.71-.79.3-.18.66-.27,1.06-.27ZM22.72,95.15c-.3,0-.54.1-.72.29-.18.19-.29.47-.32.84h2.02c0-.22-.04-.42-.11-.59-.07-.17-.18-.3-.32-.4-.14-.1-.33-.14-.55-.14Z" style="fill:%231d1d1b;"/><path d="M27.72,94.45c.07,0,.16,0,.24.01.09,0,.16.02.23.03l-.09.88c-.06-.02-.12-.03-.21-.04-.08,0-.15-.01-.22-.01-.17,0-.33.03-.48.08-.15.05-.29.14-.4.25-.12.11-.21.25-.28.42-.07.17-.1.36-.1.58v2.32h-.94v-4.43h.74l.13.78h.04c.09-.16.2-.3.33-.43s.28-.24.45-.31c.17-.08.36-.12.56-.12Z" style="fill:%231d1d1b;"/><path d="M30.46,98.28c.12,0,.24-.01.36-.03s.23-.05.33-.08v.71c-.1.04-.24.08-.4.12s-.34.05-.52.05c-.25,0-.48-.04-.68-.13s-.36-.23-.48-.43c-.12-.21-.18-.49-.18-.85v-2.38h-.6v-.42l.65-.33.31-.95h.59v.98h1.27v.72h-1.27v2.37c0,.22.06.39.17.5.11.11.26.16.44.16Z" style="fill:%231d1d1b;"/><path d="M36.23,95.78h2.19v2.94c-.31.1-.62.18-.95.24-.33.06-.7.08-1.1.08-.6,0-1.1-.12-1.51-.35-.41-.24-.73-.58-.94-1.03-.21-.45-.32-.99-.32-1.63s.12-1.14.36-1.59c.24-.45.58-.8,1.04-1.04s1-.37,1.65-.37c.32,0,.63.03.92.09.3.06.57.15.82.26l-.34.79c-.2-.09-.42-.17-.67-.24-.25-.06-.5-.1-.76-.1-.42,0-.78.09-1.08.27s-.54.44-.7.77c-.16.33-.24.72-.24,1.17s.07.82.2,1.15.34.58.61.77c.28.18.64.27,1.08.27.22,0,.41-.01.56-.04.15-.02.3-.05.43-.08v-1.51h-1.24v-.82Z" style="fill:%231d1d1b;"/><path d="M41.77,94.45c.07,0,.16,0,.24.01.09,0,.16.02.23.03l-.09.88c-.05-.02-.12-.03-.21-.04-.08,0-.15-.01-.22-.01-.17,0-.33.03-.48.08s-.29.14-.4.25c-.12.11-.21.25-.28.42-.07.17-.1.36-.1.58v2.32h-.94v-4.43h.74l.13.78h.04c.09-.16.2-.3.33-.43s.28-.24.45-.31c.17-.08.36-.12.56-.12Z" style="fill:%231d1d1b;"/><path d="M44.62,94.45c.39,0,.73.08,1.02.24.28.16.5.39.65.69.15.3.23.66.23,1.07v.5h-2.96c.01.43.13.76.35.99.22.23.53.35.93.35.28,0,.54-.03.76-.08.23-.05.46-.13.7-.24v.76c-.22.1-.45.18-.68.23s-.5.07-.83.07c-.44,0-.82-.08-1.15-.25-.33-.17-.59-.42-.77-.76-.19-.34-.28-.75-.28-1.25s.08-.92.25-1.26c.17-.35.4-.61.71-.79.3-.18.66-.27,1.07-.27ZM44.62,95.15c-.3,0-.54.1-.72.29s-.29.47-.32.84h2.02c0-.22-.04-.42-.11-.59-.07-.17-.18-.3-.32-.4-.14-.1-.33-.14-.55-.14Z" style="fill:%231d1d1b;"/><path d="M49.14,94.45c.39,0,.73.08,1.02.24.28.16.5.39.65.69.15.3.23.66.23,1.07v.5h-2.96c.01.43.13.76.35.99.22.23.53.35.93.35.28,0,.54-.03.76-.08.23-.05.46-.13.7-.24v.76c-.22.1-.45.18-.68.23s-.5.07-.83.07c-.43,0-.82-.08-1.15-.25-.33-.17-.59-.42-.77-.76-.19-.34-.28-.75-.28-1.25s.08-.92.25-1.26c.17-.35.4-.61.71-.79.3-.18.66-.27,1.07-.27ZM49.14,95.15c-.3,0-.54.1-.72.29s-.29.47-.32.84h2.02c0-.22-.04-.42-.11-.59-.07-.17-.18-.3-.32-.4-.14-.1-.33-.14-.55-.14Z" style="fill:%231d1d1b;"/><path d="M54.2,94.45c.5,0,.89.13,1.17.39.28.26.42.67.42,1.24v2.89h-.94v-2.71c0-.34-.07-.6-.21-.77s-.36-.26-.66-.26c-.43,0-.73.13-.89.4-.17.26-.25.65-.25,1.15v2.2h-.94v-4.43h.73l.13.6h.05c.1-.15.21-.28.36-.38.14-.1.3-.18.48-.23.18-.05.36-.08.55-.08Z" style="fill:%231d1d1b;"/><path d="M57.84,98.96h-.94v-6.23h.94v6.23Z" style="fill:%231d1d1b;"/><path d="M59.45,92.83c.14,0,.27.04.37.12s.16.21.16.4-.05.32-.16.4c-.11.08-.23.12-.37.12s-.28-.04-.38-.12c-.1-.08-.15-.21-.15-.4s.05-.32.15-.4.23-.12.38-.12ZM59.92,94.53v4.43h-.94v-4.43h.94Z" style="fill:%231d1d1b;"/><path d="M63.27,95.25h-1.08v3.72h-.94v-3.72h-.72v-.45l.72-.28v-.31c0-.38.06-.67.18-.9s.29-.38.51-.48.49-.15.8-.15c.2,0,.39.02.56.05.17.03.31.07.42.11l-.24.71c-.09-.03-.19-.06-.3-.08-.11-.03-.23-.04-.36-.04-.21,0-.37.07-.47.2-.1.13-.15.33-.15.58v.3h1.08v.72Z" style="fill:%231d1d1b;"/><path d="M65.59,94.45c.39,0,.73.08,1.02.24.28.16.5.39.65.69.15.3.23.66.23,1.07v.5h-2.96c.01.43.13.76.35.99.22.23.53.35.93.35.28,0,.54-.03.76-.08.23-.05.46-.13.7-.24v.76c-.22.1-.45.18-.68.23s-.5.07-.83.07c-.43,0-.82-.08-1.15-.25-.33-.17-.59-.42-.77-.76-.19-.34-.28-.75-.28-1.25s.08-.92.25-1.26c.17-.35.4-.61.71-.79.3-.18.66-.27,1.07-.27ZM65.59,95.15c-.3,0-.54.1-.72.29s-.29.47-.32.84h2.02c0-.22-.04-.42-.11-.59-.07-.17-.18-.3-.32-.4-.14-.1-.33-.14-.55-.14Z" style="fill:%231d1d1b;"/><path d="M73.74,97.37c0,.35-.08.65-.25.9-.17.25-.41.44-.73.58s-.69.2-1.13.2c-.21,0-.42-.01-.61-.04-.2-.02-.38-.06-.55-.11-.17-.05-.33-.1-.47-.17v-.9c.24.1.5.2.8.28s.59.13.9.13c.25,0,.46-.03.62-.1s.29-.16.37-.28c.08-.12.12-.26.12-.43,0-.17-.05-.32-.14-.44-.09-.12-.23-.23-.42-.33-.19-.1-.42-.21-.71-.32-.19-.08-.38-.17-.55-.26s-.33-.21-.47-.35c-.14-.13-.24-.29-.32-.47-.08-.18-.12-.4-.12-.65,0-.33.08-.61.24-.85.16-.24.38-.42.67-.54.29-.12.63-.19,1.01-.19.31,0,.6.03.87.1.27.06.54.16.8.27l-.3.77c-.24-.1-.47-.18-.7-.24s-.46-.09-.69-.09c-.2,0-.38.03-.52.09-.14.06-.25.15-.32.26-.07.11-.11.24-.11.39,0,.17.04.31.13.43.08.12.21.22.39.32.18.1.41.2.69.32.32.13.6.27.82.42s.4.32.52.53.18.46.18.77Z" style="fill:%231d1d1b;"/><path d="M78.29,98.96l-.57-1.63h-2.24l-.57,1.63h-1.01l2.18-5.88h1.07l2.17,5.88h-1.02ZM77.47,96.51l-.56-1.6c-.02-.07-.05-.17-.09-.29-.04-.13-.08-.26-.12-.39-.04-.13-.07-.24-.1-.33-.03.11-.06.23-.1.37s-.08.26-.11.38-.06.21-.08.27l-.56,1.6h1.72Z" style="fill:%231d1d1b;"/><path d="M83.26,97.37c0,.35-.08.65-.25.9-.17.25-.41.44-.73.58s-.69.2-1.13.2c-.21,0-.42-.01-.61-.04-.2-.02-.38-.06-.55-.11-.17-.05-.33-.1-.47-.17v-.9c.24.1.5.2.8.28s.59.13.9.13c.25,0,.46-.03.62-.1s.29-.16.37-.28c.08-.12.12-.26.12-.43,0-.17-.05-.32-.14-.44-.09-.12-.23-.23-.42-.33-.19-.1-.42-.21-.71-.32-.19-.08-.38-.17-.55-.26s-.33-.21-.47-.35c-.14-.13-.24-.29-.32-.47-.08-.18-.12-.4-.12-.65,0-.33.08-.61.24-.85.16-.24.38-.42.67-.54.29-.12.63-.19,1.01-.19.31,0,.6.03.87.1.27.06.54.16.8.27l-.3.77c-.24-.1-.47-.18-.7-.24s-.46-.09-.69-.09c-.2,0-.38.03-.52.09-.14.06-.25.15-.32.26-.07.11-.11.24-.11.39,0,.17.04.31.13.43.08.12.21.22.39.32.18.1.41.2.69.32.32.13.6.27.82.42s.4.32.52.53.18.46.18.77Z" style="fill:%231d1d1b;"/><path d="M21.89,104.78h2.19v2.94c-.31.1-.62.18-.95.24-.33.06-.7.08-1.1.08-.6,0-1.1-.12-1.51-.35-.41-.24-.73-.58-.94-1.03-.21-.45-.32-.99-.32-1.63s.12-1.14.36-1.59c.24-.45.58-.8,1.04-1.04s1-.37,1.65-.37c.32,0,.63.03.92.09.3.06.57.15.82.26l-.34.79c-.2-.09-.42-.17-.67-.24-.25-.06-.5-.1-.76-.1-.42,0-.78.09-1.08.27s-.54.44-.7.77c-.16.33-.24.72-.24,1.17s.07.82.2,1.15.34.58.61.77c.28.18.64.27,1.08.27.22,0,.41-.01.56-.04.15-.02.3-.05.43-.08v-1.51h-1.24v-.82Z" style="fill:%231d1d1b;"/><path d="M30.88,105.03c0,.45-.06.86-.17,1.23-.11.37-.28.69-.51.95s-.51.47-.85.62c-.34.14-.74.22-1.2.22s-.87-.07-1.21-.22c-.34-.14-.63-.35-.85-.62-.23-.27-.39-.59-.51-.96-.11-.37-.17-.78-.17-1.23,0-.6.1-1.13.3-1.58.2-.45.5-.8.91-1.05.41-.25.92-.37,1.54-.37s1.11.12,1.52.37c.4.25.71.6.91,1.05s.3.98.3,1.59ZM26.42,105.03c0,.45.06.84.18,1.17.12.33.31.58.57.76s.58.27.98.27.73-.09.99-.27c.25-.18.44-.43.56-.76s.18-.72.18-1.17c0-.69-.14-1.22-.41-1.61-.27-.39-.71-.58-1.31-.58-.4,0-.73.09-.99.26-.26.18-.45.43-.57.75-.12.33-.18.72-.18,1.18Z" style="fill:%231d1d1b;"/><path d="M34.38,107.96h-.96v-5.04h-1.71v-.82h4.39v.82h-1.71v5.04Z" style="fill:%231d1d1b;"/><path d="M40.56,106.37c0,.35-.09.65-.26.9-.17.25-.41.44-.73.58-.32.13-.69.2-1.13.2-.21,0-.42-.01-.61-.04s-.38-.06-.55-.11c-.17-.05-.33-.1-.47-.17v-.9c.24.1.5.2.8.28.29.08.59.13.9.13.25,0,.45-.03.62-.1.16-.07.29-.16.37-.28.08-.12.12-.26.12-.43,0-.17-.05-.32-.14-.44-.09-.12-.23-.23-.42-.33-.19-.1-.42-.21-.71-.32-.19-.08-.38-.17-.55-.26s-.33-.21-.47-.35c-.14-.13-.24-.29-.32-.47-.08-.18-.12-.4-.12-.65,0-.33.08-.61.24-.85.16-.24.38-.42.67-.54.29-.12.63-.19,1.02-.19.31,0,.6.03.87.1.27.06.54.16.8.27l-.3.77c-.24-.1-.47-.18-.7-.24s-.46-.09-.69-.09c-.2,0-.38.03-.52.09-.14.06-.25.15-.32.26-.07.11-.11.24-.11.39,0,.17.04.31.13.43.08.12.21.22.39.32.18.1.41.2.69.32.32.13.6.27.82.42.23.15.4.32.52.53.12.2.18.46.18.77Z" style="fill:%231d1d1b;"/><path d="M41.42,106.16v-.8h2.07v.8h-2.07Z" style="fill:%231d1d1b;"/><path d="M48.31,107.96h-3.96v-.71l1.52-1.54c.29-.3.54-.56.72-.77.19-.22.33-.42.42-.62.09-.19.14-.41.14-.64,0-.28-.08-.5-.24-.64s-.38-.22-.64-.22-.49.05-.7.15c-.21.1-.44.24-.67.43l-.52-.62c.16-.14.34-.27.52-.38.19-.11.39-.21.62-.27.23-.07.49-.1.79-.1.37,0,.69.07.96.2.27.13.48.32.62.55.15.24.22.51.22.82s-.06.61-.19.87c-.12.27-.3.53-.54.79-.23.26-.51.54-.83.85l-1.01.99v.04h2.77v.83Z" style="fill:%231d1d1b;"/><path d="M53.41,106.68h-.79v1.29h-.93v-1.29h-2.66v-.71l2.67-3.87h.92v3.8h.79v.78ZM51.69,105.9v-1.45c0-.12,0-.24,0-.37s0-.24.01-.36c0-.11.01-.22.02-.32,0-.1,0-.18.01-.24h-.03c-.05.11-.11.22-.17.33-.06.11-.13.22-.2.32l-1.44,2.09h1.79Z" style="fill:%231d1d1b;"/><path d="M57.87,103.45c0,.26-.05.49-.16.69-.11.2-.25.35-.44.48s-.4.21-.64.27v.03c.47.06.82.21,1.06.44.24.23.36.55.36.93,0,.34-.08.64-.24.91s-.41.47-.75.63c-.34.15-.77.23-1.3.23-.32,0-.61-.03-.88-.08-.27-.05-.53-.13-.77-.24v-.84c.25.12.51.22.79.28.28.07.55.1.8.1.49,0,.84-.09,1.04-.27.21-.18.31-.44.31-.76,0-.21-.05-.38-.16-.51s-.28-.23-.5-.3c-.23-.07-.52-.1-.87-.1h-.52v-.76h.52c.34,0,.61-.04.82-.12.21-.08.35-.19.45-.34.09-.14.14-.31.14-.5,0-.25-.08-.45-.24-.59-.16-.14-.4-.21-.72-.21-.2,0-.38.02-.54.07-.16.04-.31.1-.45.17-.14.07-.27.14-.39.22l-.45-.65c.22-.17.49-.3.79-.42.31-.11.67-.17,1.07-.17.6,0,1.06.13,1.39.39.33.26.49.6.49,1.04Z" style="fill:%231d1d1b;"/><path d="M59.69,107.96l2.3-5.03h-3.04v-.82h4.05v.64l-2.3,5.21h-1.01Z" style="fill:%231d1d1b;"/><path d="M67.88,105.03c0,.47-.04.89-.11,1.27-.07.37-.19.69-.35.95-.16.26-.36.46-.62.59-.25.14-.56.2-.92.2-.45,0-.82-.12-1.12-.36-.29-.24-.51-.58-.65-1.03-.14-.45-.21-.99-.21-1.62s.06-1.17.19-1.62c.13-.45.34-.79.63-1.04.29-.24.68-.36,1.16-.36.45,0,.83.12,1.12.36.29.24.51.58.66,1.03.14.45.21.99.21,1.62ZM64.85,105.03c0,.49.03.91.1,1.24s.17.58.33.74.36.25.61.25.46-.08.61-.24c.15-.16.26-.41.33-.74s.1-.75.1-1.24-.03-.9-.1-1.23-.18-.58-.33-.75c-.15-.17-.36-.25-.61-.25s-.46.08-.61.25c-.15.17-.26.42-.32.75s-.1.74-.1,1.23Z" style="fill:%231d1d1b;"/></g><g id="Ebene_2"><path d="M33.79,85.71c0,1-.25,1.78-.75,2.32-.5.54-1.21.81-2.14.81s-1.64-.27-2.14-.81c-.5-.54-.75-1.31-.75-2.32s.25-1.78.75-2.31c.5-.53,1.22-.8,2.15-.8s1.65.27,2.14.8c.49.54.74,1.31.74,2.32ZM29.36,85.71c0,.68.13,1.19.39,1.53.26.34.64.51,1.15.51,1.03,0,1.54-.68,1.54-2.05s-.51-2.05-1.53-2.05c-.51,0-.9.17-1.16.52-.26.34-.39.86-.39,1.53Z" style="fill:%231d1d1b;"/><path d="M37.33,84.02c.17,0,.31.01.43.04l-.1,1.19c-.1-.03-.23-.04-.37-.04-.4,0-.72.1-.94.31-.23.21-.34.5-.34.87v2.36h-1.27v-4.64h.96l.19.78h.06c.14-.26.34-.47.58-.63.24-.16.51-.24.8-.24Z" style="fill:%231d1d1b;"/><path d="M42.42,84.11v.64l-.73.19c.13.21.2.44.2.7,0,.5-.17.89-.52,1.17-.35.28-.83.42-1.45.42h-.23s-.19-.03-.19-.03c-.13.1-.2.21-.2.33,0,.18.23.27.7.27h.79c.51,0,.9.11,1.16.33s.4.54.4.96c0,.54-.23.96-.68,1.26-.45.3-1.1.45-1.95.45-.65,0-1.14-.11-1.48-.34s-.51-.54-.51-.95c0-.28.09-.51.26-.7.17-.19.43-.32.77-.4-.13-.06-.24-.15-.34-.27s-.15-.26-.15-.4c0-.18.05-.32.15-.44.1-.12.25-.23.44-.35-.24-.11-.44-.27-.58-.51s-.21-.51-.21-.82c0-.51.16-.9.49-1.17.33-.28.8-.42,1.41-.42.13,0,.28.01.46.04.18.02.29.04.34.05h1.62ZM38.84,89.4c0,.17.08.31.25.41s.4.15.7.15c.45,0,.81-.06,1.07-.19.26-.12.39-.29.39-.51,0-.17-.08-.29-.23-.36-.15-.07-.39-.1-.71-.1h-.66c-.23,0-.43.05-.58.16s-.23.25-.23.43ZM39.3,85.63c0,.25.06.45.17.6s.29.22.52.22.41-.07.52-.22c.11-.15.17-.35.17-.6,0-.56-.23-.84-.69-.84s-.7.28-.7.84Z" style="fill:%231d1d1b;"/><path d="M45.92,88.75l-.25-.63h-.03c-.21.27-.43.45-.66.56-.23.1-.52.16-.88.16-.45,0-.8-.13-1.05-.38s-.38-.62-.38-1.09.17-.86.52-1.09c.34-.23.86-.36,1.56-.39l.8-.03v-.2c0-.47-.24-.71-.72-.71-.37,0-.81.11-1.31.34l-.42-.86c.53-.28,1.13-.42,1.78-.42s1.1.14,1.43.41c.33.27.5.68.5,1.24v3.09h-.88ZM45.55,86.6l-.49.02c-.37.01-.64.08-.82.2-.18.12-.27.31-.27.56,0,.36.2.54.61.54.29,0,.53-.08.7-.25s.26-.39.26-.67v-.38Z" style="fill:%231d1d1b;"/><path d="M52.18,88.75h-1.27v-2.71c0-.33-.06-.59-.18-.75-.12-.17-.31-.25-.57-.25-.35,0-.61.12-.77.36-.16.24-.24.63-.24,1.18v2.18h-1.27v-4.64h.97l.17.59h.07c.14-.22.33-.39.58-.51.25-.12.53-.17.84-.17.54,0,.95.15,1.23.44.28.29.42.71.42,1.26v3.03Z" style="fill:%231d1d1b;"/><path d="M53.21,82.91c0-.41.23-.62.69-.62s.69.21.69.62c0,.2-.06.35-.17.46-.11.11-.29.16-.52.16-.46,0-.69-.21-.69-.62ZM54.53,88.75h-1.27v-4.64h1.27v4.64Z" style="fill:%231d1d1b;"/><path d="M57.53,88.83c-1.44,0-2.17-.79-2.17-2.38,0-.79.2-1.39.59-1.81.39-.42.96-.62,1.69-.62.54,0,1.02.11,1.44.32l-.37.98c-.2-.08-.38-.15-.56-.2-.17-.05-.34-.08-.51-.08-.66,0-.99.47-.99,1.4s.33,1.36.99,1.36c.24,0,.47-.03.68-.1.21-.06.42-.17.62-.3v1.08c-.21.13-.41.22-.62.27-.21.05-.47.08-.79.08Z" style="fill:%231d1d1b;"/></g></svg>');height: 6.5rem;width: 5rem;background-size: contain;} .azu_icon div.cs_azu.azu49 {background-image:url(/img/azu-GOTS-2-aa.svg);height: 6.5rem;width: 5rem;background-size: contain;} .azu_icon div.cs_azu.azu50 {background-image:url(/img/azu-Belgian-Linen-aa.png);height: 6rem;width: 5rem;background-size: 4.5rem;} .azu_icon div.cs_azu.azu145 {background-image:url(/img/azu-harris-tweed-aa.png);height: 5rem;width: 5rem;background-size: 4.5rem;} #shopLayer .cs_azu.azu232 { display: none!important; } .se.list_se.aa-serie { display: flex; flex-wrap: wrap; margin-bottom: 2rem; } .se.list_se.aa-serie li.art_box { width: 3.5rem; height: 3.5rem; } .aa_griffprobe { display: block; padding: .5rem 1rem .5rem 3.5rem; height: 2.5rem; background: var(--theme-dark) url(/img/example_regular_lightgrey.svg) no-repeat 0 0; background-size: auto 1.5rem; background-position: 1rem 50%; margin: 1rem 1rem 0 0; } .aa_griffprobe.active { background-image: url(/img/example_solid_green.svg); } .aa-box1 { display: flex; flex-wrap: wrap; justify-content: space-between; } .aa-box2 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .aa-box2 .it_features { width: auto; } .aa-box2 .it_features ul.it_features_ul { } .aa-box2 .it_features th { display: none; } #email_formular { background: var(--theme-medium); padding: 1rem; } #email_formular h2 { margin: 0; } #table_wiederverf th { border: 0; padding: 0; } #table_wiederverf td { display: block; border: 0; } #aa_detail .flexbox2 { display:flex; align-items:stretch; flex-wrap:wrap; } .aa_her_grafik { width: 8rem; } .flexi { display:flex; justify-content: space-between; } #dt-tooltip {background-color: var(--theme-medium); padding: 1rem; width: 500px;}
@media (min-width: 576px) { #gutschein_motive, .gs_betrag { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 768px) { #aa_detail nav { margin: var(--padding) 0 0 0; max-width: 100%; overflow-x: visible; } #aa_detail { grid-template-areas: "pic basket" "unten unten"; grid-template-columns: 1fr 1fr; } #aa_unten { margin-top: 0; } #aa_pic_show figure { width: 90%; } #aa_frage { width: auto; } #mobile_artikelname { display: none; } #desktop_artikelname { display: block; padding-left: calc(var(--card-padding) * 2); margin-top: calc(var(--card-padding) * 2); } #preis { margin-top: 0; } #gutschein_motive, .gs_betrag { grid-template-columns: repeat(4, 1fr); } .muster_kachel { width:30%; } #muster_layer { position: fixed; }  }
@media (min-width: 992px) { #gutschein_motive { grid-template-columns: repeat(5, 1fr); } #aa_detail { grid-template-columns: 2fr 3fr; } #lieferzeit { margin-bottom: 1rem; } .fagrWrapper { grid-template-columns: repeat(3, 1fr); } .aa-box2 { justify-content: start; } .aa-box2 .it_features { margin-left: 10%; } #aa_detail .azu_icon:empty + .it_features { margin-left: 0; }  }
@media (min-width: 1200px) { #gutschein_motive { grid-template-columns: repeat(6, 1fr); } /* #aa_detail.flasche { grid-template-columns: 1fr 2fr; } */ .fagrWrapper { grid-template-columns: repeat(5, 1fr); } #aa_detail .flexbox2 { flex-wrap: nowrap; } #aa_detail .flexbox2 .box1 { width: 33.33%; padding-right: 2rem; } #aa_detail .flexbox2 .box2 { width: 66.66%; } }
@media (min-width: 1400px) { .fagrWrapper { grid-template-columns: repeat(6, 1fr); } }
/* ### kachel ### */
body {--kachel-max-height: 25rem;} ul.se { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: min-content; grid-gap: var(--padding); list-style: none; margin: 0; padding: 0; grid-auto-flow: dense; } ul.se.sev_2 { grid-template-columns: 1fr; } .art_box { border: var(--theme-divider)!important; } .art_box, .se_banner { height: var(--kachel-max-height); display: block; position: relative; border: var(--theme-divider); box-shadow: var(--shadow-elevation-medium); background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); overflow: hidden; transition: all .3s ease-out; will-change: transform; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } ul.se > li:hover:not(.se_banner):not(.no_hover) { box-shadow: var(--shadow-elevation-high); } .art_box > .se_kachel { display: block; height: 100%; } .art_box > .se_kachel > div { position: relative; height: 100%; } ul.se > li.se_banner_hersteller > a > img { min-height: 40%; object-fit: contain; padding: .5rem; border-bottom: var(--theme-divider); } .se_kachel .rat_stars { position: absolute; top: .5rem; left: 50%; transform: translateX(-50%); opacity: .3; filter: grayscale(1); transition: all .1s ease-out; } .se_kachel:hover .rat_stars { opacity: 1; filter: grayscale(0); } .art_box > .se_kachel > div > figure { margin: 0; text-align: center; transition: transform .3s ease-out; background-color: white; position: relative; } .art_box > .se_kachel > div > figure img { object-fit: contain; margin: .5rem; max-width: calc(100% - 1rem); max-height: 14rem; aspect-ratio: 1 / 1; } /* .art_box > .se_kachel > div > figure img { width: 15rem; height: 15rem; object-fit: contain; object-position: center 0; margin: 0; } */ ul.se > li > a > div > .se_header, .art_box > .se_kachel > div > .se_header { position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .se_diff { display: block; height: 2rem; width: 3rem; background-color: var(--theme-error); color: rgb(255,255,255); line-height: 2rem; text-align: center; font-weight: bold; font-size: 1rem; bottom: 1rem; } .suchtemp_azu { position: absolute; left: 0; top: 4rem; width: 3rem; display: flex; flex-wrap: wrap; } .suchtemp_azu_her { position: absolute; right: 1rem; bottom: 1rem; display: flex; flex-wrap: wrap; } .suchtemp_azu_her .cs_azu.azu5 { display: none; } .suchtemp_azu_her .cs_azu.azu201 { display: none; } .suchtemp_azu_her .cs_azu.azu235 { display: none; } .suchtemp_azu_her .cs_azu.azu66 { display: none; } .cs_azu { height: 3rem; width: 3rem; background-size: 100%; background-repeat: no-repeat; background-position: center; margin: 0 0 .25rem .5rem; } /* azu icons */ .cs_azu[title] { } .cs_azu.azu235 { background-image:url(/img/azu-neu.svg); height: 2rem; width: 3rem; background-size: 3rem; margin-left: 0; background-position: -1px 0; } #shopLayer[data-sp="en"] .cs_azu.azu235 { background-image:url(/img/azu-neu-en.svg); } .cs_azu.azu48 {background-image:url(/img/azu-GOTS-aa.svg); height: 2.7rem; width: 2rem; background-size: contain;} .cs_azu.azu49 {background-image:url(/img/azu-GOTS-2-aa.svg); height: 2.7rem; width: 2rem; background-size: contain;} .cs_azu.azu50 {background-image:url(/img/azu-Belgian-Linen-se.png); height: 3rem;width: 2rem; background-size: 2rem;} .cs_azu.azu145 {background-image:url(/img/azu-harris-tweed-se.png); height: 3rem;width: 2rem; background-size: 2rem;} .cs_azu.azu66 { background-color: rgb(0, 0, 0); opacity: 0.6; height: auto; width: 15rem; transform: rotate(45deg); position: absolute; top: 2rem; right: -4rem; } .cs_azu.azu66:after { content: 'Black Friday'; display: block; font-weight: 600; color: var(--theme-white); padding: .2rem; font-size: .8rem; } .cs_azu.azu232 { background-color: rgb(255, 255, 255); opacity: 0.7; height: auto; width: 15rem; transform: rotate(45deg); position: absolute; bottom: 4.7rem; right: -5.6rem; display: none; } .cs_azu.azu232:after { content: 'Letzte Chance'; display: block; font-weight: 600; color: var(--theme-text); padding: .2rem; font-size: .8rem; } .se_unten { display: flex; flex-direction: column; align-content: space-between; justify-content: space-evenly; } .se_name { height: 2.75rem; line-height: normal; overflow: hidden;} .se_name span { display: block; text-align: left; padding: 0 .5rem; color: var(--theme-text); } .se_preis { height: 3rem; display:flex; justify-content: end; align-items: end; position: absolute; bottom: 2.75rem; width: 100%; } .se_preis .se_vk { color: var(--theme-text); font-size: 1.1rem; text-align: right; display: block; font-weight: bold; margin-right: 0; line-height: normal; } .se_preis .se_vk .se_ab { font-size: 1rem; } .se_preis .se_vk.red { color: var(--theme-error); } .se_preis .se_vk strike { display: block; color: var(--theme-text); font-weight: 400; font-size: 1rem; font-size: inherit; position: absolute; right: .5rem; margin-top: -1.5rem;} .se_preis .se_litp { display: block; text-align: right; color: var(--theme-text); font-size: .9rem; margin-right: .5rem; } .se_preis .se_litp br { display: none; } .se_netto { position: absolute; bottom: 1.3rem; right: .5rem; font-size: .8rem; color: var(--theme-text); opacity: .5; } .se_netto br { display: none; } li .se_preis .se_vk strike, li .se_preis .se_litp { opacity: .5; transition: opacity .1s ease-out; } li:hover .se_preis .se_vk strike, li:hover .se_preis .se_litp { opacity: 1; } ul.se li.se_banner { padding: 0; margin: 0; } ul.se li.se_banner p, ul.se li.se_banner h2, ul.se li.se_banner h3 { padding: 0 var(--padding); } ul.se .banner { position: relative; height: 100%; width: 100%; } ul.se .banner a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-size: cover; padding: var(--padding); } ul.se .banner span.bannertext { position: absolute; z-index: 2; bottom: 10%; left:0; display: block; width: 100%; text-align: center; background-color: rgba(246,246,245,.8);padding: 0.7rem;color: var(--theme-text);font-family: 'Header-Font';} ul.se .banner span.bannertext.bott0 { bottom: 0; } ul.se .banner span.bannertext.nobg { background: none; } ul.se .banner span.bgover { display:block; height:100%; width:100%; background-color: rgba(246,246,245,.8); position: absolute; top: 0; left: 0; } ul.se .banner span.picover { display:block; width:90%; height:70%; position:absolute; top:5%; left:5%; background-size:cover; background-repeat:no-repeat; } ul.se .banner span.bannertext h2 { margin: 0; padding: 0; font-size: 1.25rem; } ul.se .banner span.bannertext h3 { margin: 0; font-weight: 300; padding: 0; font-size: 1rem; } ul.se .banner a span.se_text { color: var(--theme-text); } ul.se .banner img { margin: var(--padding) 25%; } ul.se > li.se_banner.gr_2x1, ul.se > li.se_banner.gr_2x2 { height: calc(calc(var(--kachel-max-height) * 1.5) + var(--padding)); } ul.se li.schnittmuster .banner img { margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; z-index: 1; } ul.se li.se_banner .button { position: absolute; } ul.slides { width: calc(100% * var(--slides)); height: 100%; margin: 0; padding: 0; list-style: none; overflow: hidden; display: flex; transition: transform .3s ease-out; } ul.slides > li { width: calc(100% / var(--slides)); height: 100%; } ul.slides > li > a { display: block; width: 100%; height: 100%; position: relative; } ul.slides > li > a > .banner, ul.slides > li > a > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } ul.slides > li > a > .banner { z-index: 2; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } ul.slides > li > a > .banner > div > h3 { margin: 0; font-size: 2rem; text-shadow: var(--theme-text-shadow); } ul.slides > li > a > .banner > div { text-align: center; } ul.slides > li > a > .banner > div > .subtitle { opacity: .8; text-shadow: var(--theme-text-shadow); } ul.slides-nav { position: absolute; bottom: 0; left: 0; right: 0; padding: var(--padding); list-style: none; display: flex; justify-content: center; margin: 0; z-index: 3; gap: var(--padding); } ul.slides-nav > li { height: 1.5rem; width: 1.5rem; line-height: 1.5rem; text-align: center; background-color: var(--theme-light); color: var(--theme-text); border-radius: 50%; cursor: pointer; } ul.slides-nav > li.active { background-color: var(--theme-accent-medium); color: var(--theme-accent-text); } ul.se > li .quick-buy, ul.se > li .se_beobachten { position: absolute; bottom: 0; left: 0; height: 3rem; width: 3rem; z-index: 2; background-size: 50%; background-position: center; background-repeat: no-repeat; cursor: pointer; background-image: url(/img/bg-merkliste.svg); transition-delay: .2s; } ul.se > li .se_beobachten.active { background-image: url(/img/bg-merkliste-active.svg); } ul.se > li .quick-buy { right: 4.5rem; transform: translateX(50%); transition-delay: 1.2s; transition-duration: .4s; background-color: var(--theme-accent-dark); background-image: url(/img/bg-wk.svg); } ul.se > li .se_griffprobe { position: absolute; z-index: 2; bottom: 0; left: 3rem; width: 3rem; height: 3rem; background: url(/img/example_regular_black.svg) no-repeat 50%; background-size: 2rem; } ul.se > li .se_griffprobe.active { background-image: url(/img/example_solid_green.svg); } .gr_1x2, .gr_2x2 { grid-column: span 2; } .gr_2x1, .gr_2x2 { grid-row: span 2; } .lief_gr_farbe_tab { position: absolute; top: 14rem; left: 0; right: 0; transform: translateY(-50%); } .lief_gr_farbe_tab ul { list-style: none; display: flex; padding: 0; justify-content: center; gap: .3rem; } .lief_gr_farbe_tab ul li { height: 2rem; width: 2rem; text-align: center; line-height: 2rem; font-size: 0.8rem; border-radius: 50%; background-color: var(--theme-light); color: var(--theme-text); box-shadow: var(--shadow-elevation-medium); overflow: hidden; } #pag_se ul { list-style: none; padding: 0; display: flex; align-items: center; place-content: center; } #pag_se ul > li > div { height: 2.5rem; padding: 0 1rem; line-height: 2.5rem; } #pag_se ul > li > #linkpagzur, #pag_se ul > li > #linkpagvor, #pag_se ul > li > #linkpag1 { cursor: pointer; display: block; height: 2.5rem; width: 2.5rem; background-color: var(--theme-accent-medium); border-radius: 20%; background-repeat: no-repeat; background-position: center; background-size: 32%; margin: 0 .5rem; box-shadow: var(--shadow-elevation-medium); transition: box-shadow .3s ease-out;} #linkpagzur { background-image: url(/img/artikel_weiter.svg); rotate: -180deg; } #linkpagvor { background-image: url(/img/artikel_weiter.svg); } #linkpag1 { background-image: url(/img/se-zuruck.svg); background-size: 50%!important; } #shopLayer #pag_se ul > .nopag { opacity: .5; } #pag_se ul > li > *[href]:hover { box-shadow: var(--shadow-elevation-high); } .pag { font-size: 1.2em !important; text-align: center; color: var(--theme-black); align-items: center; place-content: center; } .art_box #lager { font-size: .8rem; padding: 0 .5rem; width: 100%; line-height: .8rem; } .art_box #lager .se-lager { height: .8rem; margin-right: .5rem; } .art_box #lager table, #lager-sev2 table { display: none; } .art_box #lager br { display: none; } ul.se.sev_2 .art_box { height: 23rem; } .art_box .sev_2 { display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%; padding: 0; } .art_box .sev_2 .picbox { width: 25%; position: relative; } .art_box .sev_2 .picbox .azu-se { position: absolute; z-index: 1; top: .5rem; } .art_box .sev_2 .picbox figure { height: 12rem; margin: 0; position: relative; } .art_box .sev_2 .picbox figure img { max-height: 100%; } .art_box .sev_2 .textbox { display: flex; flex-wrap: wrap; width: 75%; padding: 1rem 0 0 1rem; position: relative; align-content: space-between; } .art_box .sev_2 .textbox .se-kurztext-liste { font-size: .8rem; overflow:hidden; height: 5rem; } .art_box .sev_2 #se-lieferbar { width: 100%; font-size: .8rem;} .art_box .sev_2 .textbox .se_name { height: 2rem; font-weight: 600; } .art_box .sev_2 .textbox .lief_gr_farbe_tab { position: static; transform: none; } .art_box .sev_2 .textbox .lief_gr_farbe_tab ul { justify-content: start; } .art_box .sev_2 .preisbox { width: 100%; position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; text-align: right; padding: 1rem; } .art_box .sev_2 .preisbox .se_preis { width: 100%; height: auto; position: static; } .art_box .sev_2 .preisbox .se_preis .se_vk { text-align: right; margin-right: 0; } .art_box .sev_2 .preisbox #lager-sev2 { width: 100% } .art_box .sev_2 .preisbox #lager-sev2 .se-lager { height: .8rem; margin-right: .5rem; } .art_box .sev_2 .preisbox button.se_wk { padding: .5rem 1rem; } .art_box .sev_2 .preisbox .se_meng { position: absolute; left: 5rem; margin-top: -.25rem; font-size: .9rem; } .art_box .sev_2 .preisbox .quick-buy { } .art_box .sev_2 .preisbox .cs_azu { position: absolute; left: 0; top: -1rem; margin: 0 0 .5rem 0;} .art_box .sev_2 .ajax-wk-form { position: relative; width: max-content; display: flex; align-items: flex-end; } .art_box .sev_2 .preisbox .se_diff { position: absolute; left: 0; top: 0; margin: 0; border-radius: 0; } .art_box .sev_2 .preisbox .se_preis .se_vk strike { display: inline-block; position: static; margin-right: .5rem; } .art_box .sev_2 .textbox .se_name span { padding: 0; text-align: left; } ul.se.sev_2 > li .se_beobachten { opacity: 1; transform: none; position: static; } ul.se.sev_2 > li .se_beobachten { position: static; display: inline-block; height: 3rem; width: 3rem; } ul.se.sev_2 > li .se_griffprobe { position: static; display: inline-block; } #se-kurztext-kachel { height:3.5rem; margin-bottom: 1rem; overflow:hidden; font-size:.8rem; padding: 0 .5rem; color: var(--theme-text); } .art_box .sev_2 .kachel-mouseover-nav { max-width: 100%; } nav#bread #se-li-ansicht { display: none; } .art_box .sev_2 .inp_wrapper[data-typ="number-custom"] { height: auto; display: flex; } .art_box .sev_2 input[type="number"] { height: 2rem; } .art_box .sev_2 .inp_wrapper[data-typ="number-custom"] > div.dec { height: 2rem; line-height: 1.8rem; } .art_box .sev_2 .inp_wrapper[data-typ="number-custom"] > div.inc { height: 2rem; line-height: 1.8rem; } ul.banner_alle_aug2, ul.banner_alle_zk2, ul.banner_alle_sk2, ul.banner_alle_her { display: flex; flex-wrap: wrap; } ul.banner_alle_aug2 li, ul.banner_alle_zk2 li, ul.banner_alle_sk2 li, ul.banner_alle_her li { list-style: none; width: 48.5%; height: 5rem; margin: 0 3% 3% 0; border: var(--theme-divider); } ul.banner_alle_aug2 li:nth-child(2n), ul.banner_alle_zk2 li:nth-child(2n), ul.banner_alle_sk2 li:nth-child(2n), ul.banner_alle_her li:nth-child(2n) { margin-right: 0; } ul.banner_alle_aug2 li a, ul.banner_alle_zk2 li a, ul.banner_alle_sk2 li a, ul.banner_alle_her li a { display: block; width: 100%; height: 100%; background-size: cover; background-position: 50%; position: relative; } ul.banner_alle_aug2 li a span, ul.banner_alle_zk2 li a span, ul.banner_alle_sk2 li a span, ul.banner_alle_her li a span { width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; padding: .25rem .5rem; background-color: rgba(246,246,245,.8); color: var(--theme-text); font-size: .8rem; } .se.list_se.sev_2 .se_banner { display: none; }
@media (min-width: 576px) { body { --grid-column-count: 6; --grid-item--min-width: 13rem; --gap-count: calc(var(--grid-column-count) - 1); --total-gap-width: calc(var(--gap-count) * var(--padding)); --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count)); } ul.se { grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr)); } ul.se.row > li:nth-child(-n+8) { display: block; } ul.se > li.se_banner.gr_2x1, ul.se > li.se_banner.gr_2x2 { height: calc(calc(var(--kachel-max-height) * 2) + var(--padding)); } ul.se > li .se_griffprobe { bottom: 0; } ul.se > li .quick-buy, ul.se > li .se_beobachten { bottom: 0; } #se-kurztext-kachel { height: 3.5rem; } ul.banner_alle_aug2 li, ul.banner_alle_zk2 li, ul.banner_alle_sk2 li, ul.banner_alle_her li { list-style: none; width: 31.33%; height: 6rem; } ul.banner_alle_aug2 li:nth-child(2n), ul.banner_alle_zk2 li:nth-child(2n), ul.banner_alle_sk2 li:nth-child(2n), ul.banner_alle_her li:nth-child(2n) { margin-right: 3%; } ul.banner_alle_aug2 li:nth-child(3n), ul.banner_alle_zk2 li:nth-child(3n), ul.banner_alle_sk2 li:nth-child(3n), ul.banner_alle_her li:nth-child(3n) { margin-right: 0; } .se_preis { bottom: .5rem; } .suchtemp_azu { top: 6rem; } .cs_azu.azu232 { bottom: 8.7rem; } ul.se .banner span.bannertext h2 { font-size: 1.5rem; } ul.se .banner span.bannertext h3 { font-size: 1.25rem; }  }
@media (min-width: 768px) { body {--kachel-max-height: 26rem;} #dd_sort_top, #filter_anzeigen { font-size: 1rem; } #pag_se ul > li > #linkpagzur, #pag_se ul > li > #linkpagvor, #pag_se ul > li > #linkpag1 { height: 2.5rem; width: 2.5rem; margin: 0 2rem; } ul.se.sev_2 .art_box { height: 12rem; } .art_box .sev_2 { flex-wrap: nowrap; } .art_box .sev_2 .picbox { width: 18%; aspect-ratio: 1 / 1; } .art_box .sev_2 .textbox { width: 52%; padding-left: 1rem; } .art_box .sev_2 .preisbox { width: 30%; } .art_box .sev_2 .textbox .se-kurztext-liste { } nav#bread #se-li-ansicht { display: block; } #filter_anzeigen { margin-bottom: .5rem; } ul.banner_alle_aug2 li, ul.banner_alle_zk2 li, ul.banner_alle_sk2 li, ul.banner_alle_her li { list-style: none; width: 22.75%; height: 6rem; } ul.banner_alle_aug2 li:nth-child(3n), ul.banner_alle_zk2 li:nth-child(3n), ul.banner_alle_sk2 li:nth-child(3n), ul.banner_alle_her li:nth-child(3n) { margin-right: 3%; } ul.banner_alle_aug2 li:nth-child(4n), ul.banner_alle_zk2 li:nth-child(4n), ul.banner_alle_sk2 li:nth-child(4n), ul.banner_alle_her li:nth-child(4n) { margin-right: 0; } .se_preis .se_vk { font-size: 1.25rem; } .cs_azu.azu232 { bottom: 8.7rem; display: block; } }
@media (min-width: 992px) { body { --grid-item--min-width: 14rem; } ul.se.row > li:nth-child(-n+4) { display: block; } #se-kurztext-kachel { height: 2.5rem; }  }
@media (min-width: 1200px) { ul.se.row > li:nth-child(-n+10) { display: block; } .art_box .sev_2 .preisbox { width: 40%; } .art_box .sev_2 .picbox { width: 34%; } ul.banner_alle_aug2 li, ul.banner_alle_zk2 li, ul.banner_alle_sk2 li, ul.banner_alle_her li { list-style: none; width: 18.4%; height: 8rem; margin: 0 2% 2% 0; } ul.banner_alle_aug2 li:nth-child(2n), ul.banner_alle_zk2 li:nth-child(2n), ul.banner_alle_sk2 li:nth-child(2n), ul.banner_alle_her li:nth-child(2n) { margin-right: 2%; } ul.banner_alle_aug2 li:nth-child(3n), ul.banner_alle_zk2 li:nth-child(3n), ul.banner_alle_sk2 li:nth-child(3n), ul.banner_alle_her li:nth-child(3n) { margin-right: 2%; } ul.banner_alle_aug2 li:nth-child(4n), ul.banner_alle_zk2 li:nth-child(4n), ul.banner_alle_sk2 li:nth-child(4n), ul.banner_alle_her li:nth-child(4n) { margin-right: 2%; } ul.banner_alle_aug2 li:nth-child(5n), ul.banner_alle_zk2 li:nth-child(5n), ul.banner_alle_sk2 li:nth-child(5n), ul.banner_alle_her li:nth-child(5n) { margin-right: 0; } ul.banner_alle_aug2 li a span, ul.banner_alle_zk2 li a span, ul.banner_alle_sk2 li a span, ul.banner_alle_her li a span { font-size: .9rem; } }
@media (min-width: 1400px) { ul.se.row > li:nth-child(-n+6) { display: block; } .art_box .sev_2 .picbox { width: 22%; } ul.banner_alle_aug2 li a span, ul.banner_alle_zk2 li a span, ul.banner_alle_sk2 li a span, ul.banner_alle_her li a span { font-size: 1rem; } .cs_azu.azu232 { right: -4.6rem; }  }
@media (min-width: 1600px) { .art_box .sev_2 .picbox { width: 18%; } .cs_azu.azu232 { bottom: 9rem; }  }
/* ### 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; } #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 ### */
/* #shopLayer.menue-offen #shopMain { display:none;} #shopLayer.menue-offen #shopFooter { display:none;} */ .powermenue a:not(.button), .powermenue div {color: var(--theme-text);} .powermenue { display: flex; position: fixed;z-index: 1; top: 4rem; 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); } #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; } .powermenue-head li { padding: 0 1rem;background-color: var(--theme-dark); margin: 0; margin-bottom: .15rem; display: flex;align-items: center;justify-content: space-between; } .powermenue-head li:last-child { border-bottom: 0; } .powermenue-head li.powermenue-aktiv { background-color: var(--theme-accent); } .powermenue-head li.powermenue-aktiv a { color: var(--theme-white); } .powermenue-head a { font-size: 1.25rem; } .powermenue-modul-auflistung li a:hover, #shopLayer .powermenue .powermenue-strukturen a:hover { color: var(--theme-accent-medium); } .powermenue-head li.powermenue-aktiv a { font-weight: 600; } .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 { margin: 0; } .powermenue-modul-ueberschrift { display: block; width: 100%; } .powermenue-modul-ueberschrift-wrapper { background-color: var(--theme-dark); padding: .5rem; font-weight:bold; border-bottom: 0; margin-right: 1rem; margin-left: 1rem; } .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;} .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 .5rem 1rem; margin: 0;} .powermenue-modul-auflistung li.powermenue-aktiv a {color: var(--theme-accent-dark);} .powermenue-modul-auflistung li a { padding: .5rem; } .powermenue-html-oben { width:100%; padding: .5rem 1rem 0 1rem; box-sizing:border-box; } .powermenue-html-oben h2 { font-size: 1.5rem; } .powermenue-html-unten { width:100%; padding: 1rem; box-sizing:border-box; } .powermenue-html-oben:empty, .powermenue-html-unten:empty { display:none; } .powermenue-html-oben h2 { margin: 0; border-bottom: .1rem solid rgb(51,51,51); } .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: .7rem; margin-bottom: .5rem;} .powermenue-icons-mit-text a p { margin-top: .25rem; } .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(/img/powermenue_open.svg) no-repeat 50% 50%;background-size: auto 50px;z-index: 1000;cursor: pointer;width: 4rem;height: 2rem;} #powermenue-zurueck {position: absolute;background-image: 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>');left: 0;padding: 1rem 1rem 1rem 0;} #powermenue-zurueck-text {font-size: 1.5rem;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; background-color: var(--theme-dark); } .powermenue-auflistung-hoch a { padding: .5rem!important; } .powermenue-auflistung-rechts a { padding-left: .5rem; } .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.svg) no-repeat 50% 50%; background-size: auto 50px; width: 2rem;height: 2rem;transform: rotate(180deg);} .powermenue-head li.powermenue-aktiv .powermenue-head-mobile-pfeil { background: transparent url(/img/powermenue_arrow-w.svg) no-repeat 50% 50%; background-size: auto 50px; } .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-light);} .alle-struktur-artikel-anzeigen p:first-child { font-size: 1rem; } .powermenue-pfeil-rechts { transform: rotate(90deg); } .powermenue-modul-auflistung .powermenue-auflistung-platzhalter { border-bottom: 0; margin: 0 0 .5rem 0; } .powermenue-modul.powermenue-modul-nummer-6 ul li {width:33.33%;} .powermenue-modul.powermenue-modul-nummer-19 a { display: block; padding: .5rem; } .powermenue-modul.powermenue-modul-nummer-19 li { border-bottom: .1rem solid rgba(123,113,105,.5); } .powermenue-modul.powermenue-modul-nummer-19 a strong { font-weight: normal; display: none; } .powermenue-modul-auflistung li.powermenue-auflistung-platzhalter a:empty { display: none; } .powermenue-modul-nummer-4 ul li.powermenue-auflistung-mit-icon a { padding: 0 .5rem; } .powermenue-modul-nummer-4 ul li.powermenue-auflistung-mit-icon a img { margin: 0.5rem 1rem 0 0; } .powermenue-modul-nummer-4 ul li.powermenue-auflistung-mit-icon a p { margin: .5rem 0; } 
@media (min-width: 768px) { .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-head { display: flex; flex-direction: row; justify-content: center; height: 3rem; align-items: center;padding: 0; margin-top: 0; } .powermenue-head li { margin: 0; padding: 0; background-color: unset; } .powermenue-head li a { padding: 1rem .5rem; } .powermenue-head a { font-size: 1rem; } .powermenue-modul-auflistung { padding: 0 1rem 1rem 0; } .powermenue-modul-auflistung li a { padding: .15rem 0; } .powermenue-auflistung-rechts a { font-size: .9rem; padding-left: .5rem!important; } .powermenue-head li.powermenue-aktiv a { background-color: var(--theme-light); color: var(--theme-text); } .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%; display: block; box-shadow: 0px 12px 24px -10px rgba(0,0,0,0.75); padding:1rem;box-sizing: border-box; margin-top: 3rem; max-height: calc(100vh - 10rem); overflow-y: auto; } .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: 23%; margin: 0; } .powermenue-modul-ueberschrift { margin-bottom: 0; } .powermenue-modul-ueberschrift-wrapper { display: flex; align-items: center; justify-content: flex-start; margin-left: 0; } .powermenue-html-unten #alle-marken {float:right;} .powermenue-html-oben #alle-marken {float:right;} .powermenue-html-oben h1 {margin:0;} .powermenue-top-marke { width: 50%; justify-content: flex-start; justify-content: center; } .powermenue-icons-mit-text { width: 50%; } .powermenue-icons-mit-text img { width: 5rem; height: 5rem; margin: .5rem 0 0 0; } .powermenue-auflistung-mit-icon img { width: 2.5rem; height: 2.5rem; } .powermenue-icons-mit-text img { width: 4rem; height: 4rem; } .powermenue-head-mobile-pfeil { display: none; } .alle-struktur-artikel-anzeigen { display: none; } #powermenue-strukturen-ueberschrift { display: none; } .powermenue-html-oben h2 { font-size: 2rem; } .powermenue-head a:hover { background-color: var(--theme-light); } .powermenue-struktur-module div.powermenue-modul:last-child .powermenue-modul-ueberschrift-wrapper { margin-right: 0; } .powermenue-struktur-module div.powermenue-modul:last-child ul { padding-right: 0; } .powermenue-modul[style="width: 33%;"] { width: 33.333%!important; }  }
@media (min-width: 992px) { .powermenue-head li a { padding: .75rem; } }
@media (min-width: 1400px) { .powermenue-icons-mit-text { width: 33%; } .powermenue-icons-mit-text a p { font-size: .7rem; } }
/* ### 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 { text-align: center; max-width: 66rem; margin: 0 auto; } #meili-no-hits { display: none; } #meili-no-hits > b { font-size: 1.1rem; margin-bottom: 2rem; display: inline-block; font-family: 'Header-Font'; } /* #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; } .suche-struktur nav ul li { list-style: none; width: 49%; margin: 0 1% 1% 0; } .suche-struktur nav ul li a { display: block; background: var(--theme-dark); padding: .5rem; } .suche-struktur nav ul li a:hover { background: 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-medium); padding: .5rem; color: var(--theme-white);}
@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; } }
@media (min-width: 992px) { #meili-filters { grid-template-columns: repeat(5, 1fr); } }
@media (min-width: 1200px) { #meili-filters { grid-template-columns: repeat(5, 1fr); } }
@media (min-width: 1400px) { #meili-filters { grid-template-columns: repeat(6, 1fr); } }
/* ### 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_mouseover ### */
/* punkte */ /* .kachel-mouseover-nav { pointer-events: none; position: absolute; top: .75rem; left: .75rem; right: .75rem; display: flex; justify-content: center; gap: .25rem; } .kachel-mouseover-nav > div { height: .6rem; width: .6rem; background-color: #000000; opacity: .8; border-radius: 50%; } .kachel-mouseover-nav > div.active { transform: scale(1.25); opacity: 1; } */ /* leiste */ .kachel-mouseover-nav { pointer-events: none; position: absolute; top: 0; left: 0; right: 0; display: flex; max-width: 100%; } .kachel-mouseover-nav > div { height: .3rem; flex: 1; background-color: var(--theme-light); } .kachel-mouseover-nav > div.active { transform: translateY(0); background-color: var(--theme-dark); } ul.se > li > a > div > .se_header, .art_box > .se_kachel > div > .se_header { pointer-events: none; }
/* ### muster ### */
#muster_dark_matter { display:none; height:100%; width:100%; background:rgba(0,0,0,.7); position: fixed; top: 0; left: 0; z-index:10000!important; } #muster_layer { width:100%; background: var(--theme-white); border-bottom-right-radius:.1rem; border-bottom-left-radius: .1rem; margin:0 auto; overflow:hidden; margin-top:0; position: absolute; top: 0;left:0;} #muster_header { background: var(--theme-text); display: table;width: 100%; } #muster_header span { padding:.5rem; color: var(--theme-light); display: table-cell;text-align: right; padding-top: 0;padding-bottom: .25rem;} #muster_header span a { color: var(--theme-light); transform: scaleY(0.7); display: inline-block; font-size: 2em; } #muster_header span:first-child { width:30%; text-align: left; white-space: nowrap; } #muster_header.muster_close { width:70%; text-align:right; } #muster_header .button { min-width:204px; text-align: center; box-sizing: border-box; } #muster_body { background: var(--theme-light); padding:1rem 1rem 0 1rem; } #muster_layer .button { width:100%; margin: 1rem 0 0 0; padding: 1rem 2rem; display:block; text-transform:uppercase; white-space: nowrap; text-align: center; } #muster_layer .button.disabled { opacity: .3; pointer-events: none; cursor: no-drop; } #muster_layer .button::before { content: '';display: block; top: 0; left: 0; width: inherit; height: inherit; position: absolute; } .muster_close { cursor:pointer; } #muster_kacheln { display:flex; justify-content:center; flex-wrap:wrap; } .muster_kachel { min-height: 428.76px; box-sizing:border-box; float: left; margin-top: 1rem; background: var(--theme-light); padding: 1rem; margin-left: 1rem; height: auto; margin-bottom: 1rem;} .muster_kachel div { padding: .25rem; width:100%; } .muster_text { line-height:1.25rem; } .muster_bild_div img { max-width:295px; display:none; } .muster_text { min-height: 240px; } .muster_vers { font-size:0.9rem; min-height: 3rem; z-index:1000; } .muster_var { min-height: 2rem; z-index:1000; } .muster_var:empty { display: none; } .muster_vk { font-weight: bold; min-height: 2rem; white-space: nowrap; } .muster_titel { display: none; } .muster_text .muster-icon { display:block; width:7rem; margin:0 auto;} .muster_text .muster-text2 { font-size:.9rem; } .muster_text > strong { display:block; min-height:4rem; } body #shopLayer .muster_vers select { background-color: var(--theme-white); } span.muster_wk { font-weight: normal; } #muster_dark_matter { z-index:100; } #muster_layer { z-index:10000; } #musterbutton { width:100%; margin: 1rem auto; display: block; max-width: max-content; }
/* ### drag-zoom ### */
#article-image #zoomButtons { display: none; } @media (pointer: fine) { #article-image #zoomButtons { display: block; position: absolute; bottom: 1rem; right: 0; z-index: 2; } #article-image #zoomButtons div { height: 3rem; width: 3rem; border: var(--theme-border); background-color: var(--theme-light); margin-bottom: .1rem; cursor: pointer; background-size: 68%; background-position: center; background-repeat: no-repeat; } #article-image #zoomButtons #zoomIn { background-image: url(/img/pg_plu.svg); } #article-image #zoomButtons #zoomOut { background-image: url(/img/pg_min.svg); } #article-image #zoomButtons div.disabled { cursor: no-drop; opacity: .5; } }
/* ### 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; } .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; } }
@media (min-width: 992px) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }