/* CSS only 147.87K, CSS & InlineSvg (72/104) 191.63K => 30% more */

@font-face { font-family: 'Header-Font'; font-display: swap; src: url('/img/lato-v17-latin-regular.eot'); src: url('/img/lato-v17-latin-regular.woff2') format('woff2'), url('/img/lato-v17-latin-regular.woff') format('woff'), url('/img/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), url('/img/lato-v17-latin-regular.ttf') format('truetype'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000; }
/* CSS base, search, meili-extra, htm, kachel, powermenu, powermenue-extra, to-top-button, input-floating, kachel-slider, tabs */
/* ### base ### */
*, ::before, ::after { box-sizing: border-box; } html { text-size-adjust: none; } ::before, ::after { text-decoration: inherit; vertical-align: inherit; } ::selection {background: rgba(100, 100, 100, 0.25);} :root { cursor: default; line-height: 1.5; overflow-wrap: break-word; -moz-tab-size: 4; tab-size: 4; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; } body { font-size: 1rem; overflow-y: scroll; margin: 0; text-rendering: optimizeLegibility; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; overscroll-behavior-x: none; --header-width: 1500px; --theme-black: rgb(0,0,0); --theme-white: rgb(255,255,255); --theme-light: rgb(240,240,240); --theme-medium: rgb(220,220,220); --theme-dark: rgb(150,150,150); --theme-link: rgb(0,0,0); --theme-text: rgb(100,100,100); --theme-text-shadow: 0 0 3px rgba (0,0,0,.5); --theme-text-hover: rgb(185,160,90); --theme-accent: rgb(125, 125, 125); --theme-accent-light: rgb(200, 200, 200); --theme-accent-medium: rgb(185,160,90); --theme-accent-dark: rgb(185,160,90); --theme-accent-text: rgb(255,255,255); --theme-powermenu-medium: rgb(50,50,50); --theme-border: 1px solid rgb(220,220,220); --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-red: rgb(147,12,24); --theme-error: rgb(147,12,24); --theme-error-text: rgb(255,255,255); --theme-warning: rgb(199,92,92); --theme-warning-text: rgb(255,255,255); --theme-success: rgb(20,130,20); --theme-success-text: rgb(255,255,255); --shadow-elevation-low: none; --shadow-elevation-medium: none; --shadow-elevation-high: none; background-color: var(--theme-white)!important; --theme-staffel-upper-glow: rgba(255,255,255,0.6);} body.no-scroll { overflow: hidden; } body, input, button, .button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } b, strong { font-weight: bolder; color: inherit; } .red { color: var(--theme-error); } .center { text-align: center; } .small { font-size: .75rem; } audio, canvas, iframe, img, svg, video { vertical-align: middle; max-width: 100%; height: auto; } iframe { border-style: none; } svg:not([fill]) { fill: currentColor; } table { border-collapse: collapse; border-color: inherit; text-indent: 0; } button, input, select { margin: 0; accent-color: var(--theme-accent-medium); } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; font-family: inherit; } textarea { margin: 0; resize: vertical; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } body { background-color: var(--theme-light); color: var(--theme-text); } h1, h2, h3, h4, h5, h6 { color: var(--theme-text); font-family: 'Header-Font'; } h1 { text-transform: uppercase; } h1, h2, h3 { font-weight: normal; } ul { padding: 0; } ul.mleft li { margin-left: 1rem; padding: .5rem 0; } ul.listnone li { list-style: none; } ul.mleft.p0 li { padding: 0 0; } body, #shopLayer, #shopMain { max-width: 100vw; } .shopHeader { background-color: var(--theme-black); z-index: 99; } #kopf_top_line { position: sticky; top: 0; z-index: 100; box-shadow: 0 0 25px -5px rgba(0,0,0,.25); } #kopf_bottom_line { background-color: var(--theme-black); box-shadow: 0 0 25px -5px rgba(0,0,0,.25); } #shopMain { min-height: 100vh; } #kopf_top_line {box-shadow: var(--shadow-elevation-medium); } /* html anchor */ html { scroll-behavior: smooth; scroll-padding-top: 5rem; } @media screen and (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } ::placeholder, ::-webkit-input-placeholder { color: var(--theme-text); opacity: .7; } a { text-decoration: none; color: var(--theme-link); transition: all 0.5s; } h1 { font-size: 1.5em; text-transform: uppercase; } .h1_in_breadcrumb { font-size: inherit; } h2 { font-size: 1.25em; } h3 { font-size: 1.15em; } h4 { font-size: 1em; } h5 { font-size: 1em; } h6 { font-size: 1em; } hr { border: var(--theme-divider); } .pg-only { display: none; } .right { text-align: right; } .left { text-align: left; } /* header */ .shopHeader a:not(.button), .BreadcrumbList a, .breadcrumb a span, *[itemtype*="Breadcrumb"] * { color: var(--theme-text); } .shopHeader li, #shopFooter li { list-style: none; } #k_title { width: 100%; height: 2rem; background: var(--theme-black); position: relative; } #k_title ul { width: 100%; display: flex; flex-wrap: wrap; 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-white); font-size: .9rem; transition: all 0.5s; } #k_title ul li a:hover { color: var(--theme-text-hover); } #k_title ul li:nth-child(2), #k_title ul li:nth-child(3), #k_title ul li:nth-child(4) { display: none; } #k_title ul li a.active { font-weight: bold; } #k_title ul li.rate a { display: flex; } #k_title ul li.rate a span { margin-left: .3rem; } .ausrichter { padding: 1rem; } #kopf_top_line_inner { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 4rem; padding: 0 1rem; } #k_logo, #k_icons { width: 11rem; } #k_logo { background: url('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 364.4 64.6" style="enable-background:new 0 0 364.4 64.6;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;} .st1{fill:%23B9A05A;}</style><g> <path class="st0" d="M0.5,50.7C0.2,50.4,0,50.1,0,49.8V1.7c0-0.5,0.1-0.9,0.4-1.2C0.7,0.2,1,0,1.5,0C2.5,0,3,0.6,3,1.7v46.7h26  c0.3,0,0.6,0.1,0.9,0.4c0.3,0.2,0.4,0.6,0.4,1c0,0.4-0.1,0.7-0.4,1c-0.3,0.3-0.6,0.4-0.9,0.4H1.6C1.2,51.1,0.8,51,0.5,50.7z"/> <path class="st0" d="M36.8,6.2C36.3,5.7,36,5.1,36,4.3c0-0.8,0.3-1.5,0.8-1.9c0.5-0.5,1.1-0.7,1.9-0.7c0.8,0,1.4,0.2,1.9,0.7  c0.5,0.5,0.8,1.1,0.8,1.9c0,0.8-0.3,1.4-0.8,1.9c-0.5,0.5-1.2,0.7-1.9,0.7C37.9,6.9,37.3,6.7,36.8,6.2z M37.5,51  c-0.3-0.3-0.4-0.7-0.4-1.2V17.1c0-0.5,0.1-0.9,0.4-1.2c0.3-0.3,0.6-0.4,1.1-0.4c0.5,0,0.9,0.1,1.1,0.4c0.3,0.3,0.4,0.7,0.4,1.2  v32.7c0,0.5-0.1,0.9-0.4,1.2c-0.3,0.3-0.6,0.4-1.1,0.4C38.2,51.5,37.8,51.3,37.5,51z"/> <path class="st0" d="M80.7,16c0.3,0.3,0.4,0.7,0.4,1.2v32.3c0,5-1.2,8.8-3.5,11.3c-2.4,2.5-5.9,3.8-10.5,3.8  c-2.6,0-4.9-0.2-6.8-0.7c-2-0.5-3.9-1.3-5.7-2.4c-0.9-0.6-1.6-1.1-1.9-1.5c-0.4-0.5-0.6-0.9-0.6-1.4c0-0.4,0.1-0.7,0.4-0.9  c0.2-0.2,0.6-0.4,0.9-0.4c0.2,0,0.9,0.3,1.9,0.9c1.7,1,3.4,1.8,5.2,2.5c1.8,0.7,4.1,1,6.8,1c3.6,0,6.3-1,8.1-3  c1.9-2,2.8-4.9,2.8-8.7v-7.6c-1,2.5-2.6,4.4-4.7,5.7c-2.1,1.3-4.7,2-7.7,2c-3.1,0-5.8-0.7-8.2-2.2c-2.4-1.4-4.2-3.5-5.5-6.1  c-1.3-2.6-2-5.7-2-9.1c0-3.4,0.7-6.4,2-9c1.3-2.6,3.2-4.6,5.5-6.1c2.4-1.4,5.1-2.2,8.2-2.2c3,0,5.5,0.6,7.6,1.9  c2.1,1.3,3.7,3.1,4.8,5.5v-5.7c0-1.1,0.5-1.7,1.5-1.7C80.1,15.6,80.4,15.7,80.7,16z M74.8,43.2c2.2-2.6,3.3-6.1,3.3-10.5  c0-4.5-1.1-8-3.3-10.5c-2.2-2.5-5.2-3.8-9.1-3.8c-3.8,0-6.9,1.3-9.1,3.8c-2.2,2.5-3.3,6-3.3,10.5c0,4.5,1.1,8,3.3,10.6  s5.3,3.8,9.1,3.8C69.6,47.1,72.7,45.8,74.8,43.2z"/> <path class="st0" d="M117.9,18.8c2.1,2.2,3.2,5.5,3.2,9.9v21.2c0,0.5-0.1,0.9-0.4,1.2c-0.3,0.3-0.6,0.4-1.1,0.4  c-0.5,0-0.9-0.1-1.1-0.4c-0.3-0.3-0.4-0.7-0.4-1.2V29c0-3.7-0.7-6.5-2.2-8.2c-1.5-1.7-3.9-2.6-7.2-2.6c-3.7,0-6.7,1.1-8.9,3.4  c-2.2,2.3-3.3,5.3-3.3,9.1v19c0,0.5-0.1,0.9-0.4,1.2c-0.3,0.3-0.6,0.4-1.1,0.4c-0.4,0-0.8-0.2-1.1-0.5c-0.3-0.3-0.4-0.7-0.4-1.2  V1.7c0-0.5,0.1-0.9,0.4-1.2C94,0.1,94.4,0,94.9,0c0.5,0,0.9,0.1,1.1,0.4c0.3,0.3,0.4,0.7,0.4,1.2v20.7c1.1-2.3,2.6-4,4.8-5.2  c2.1-1.2,4.5-1.8,7.3-1.8C112.6,15.4,115.8,16.5,117.9,18.8z"/> <path class="st0" d="M149,50.1c0,1.1-0.7,1.5-2.1,1.4l-1.9-0.1c-3.6-0.2-6.2-1.3-7.9-3.3c-1.7-1.9-2.5-5-2.5-9V18.9h-6  c-0.3,0-0.6-0.1-0.9-0.4c-0.2-0.2-0.4-0.5-0.4-0.9c0-0.4,0.1-0.7,0.4-1c0.2-0.3,0.5-0.4,0.9-0.4h6V6.7c0-0.5,0.1-0.9,0.4-1.2  c0.3-0.3,0.6-0.4,1.1-0.4c0.4,0,0.8,0.1,1.1,0.4s0.4,0.7,0.4,1.2v9.6h9.6c0.3,0,0.6,0.1,0.9,0.4c0.2,0.3,0.4,0.6,0.4,1  c0,0.3-0.1,0.6-0.3,0.9c-0.2,0.2-0.5,0.4-0.9,0.4h-9.6v20.2c0,3.3,0.6,5.6,1.9,7c1.3,1.4,3.3,2.2,5.9,2.4l1.9,0.1  C148.5,48.8,149,49.2,149,50.1z"/></g><g> <path class="st1" d="M196.3,50.4c0,0.5-0.2,1-0.6,1.4c-0.4,0.4-0.9,0.6-1.4,0.6c-0.4,0-0.9-0.2-1.4-0.6l-28.2-24v22.3  c0,0.7-0.2,1.2-0.6,1.7c-0.4,0.4-0.9,0.6-1.6,0.6c-0.7,0-1.2-0.2-1.6-0.6c-0.4-0.4-0.6-1-0.6-1.7V3.3c0-0.7,0.2-1.2,0.6-1.7  c0.4-0.4,0.9-0.6,1.6-0.6c0.7,0,1.2,0.2,1.6,0.6c0.4,0.4,0.6,1,0.6,1.7V25l26.8-23.3c0.4-0.4,0.8-0.6,1.4-0.6c0.5,0,1,0.2,1.4,0.6  c0.4,0.4,0.6,0.9,0.6,1.4c0,0.6-0.3,1.1-0.8,1.6l-25.1,21.5l26.4,22.6C196,49.3,196.3,49.8,196.3,50.4z"/> <path class="st1" d="M208.7,50.4c-2.4-1.5-4.3-3.6-5.7-6.3c-1.3-2.7-2-5.9-2-9.6c0-3.6,0.7-6.8,2-9.6c1.3-2.7,3.2-4.8,5.7-6.3  c2.4-1.5,5.2-2.2,8.5-2.2c3.2,0,6,0.7,8.4,2.2c2.4,1.5,4.3,3.6,5.7,6.3c1.3,2.7,2,5.9,2,9.6c0,3.6-0.7,6.8-2,9.6  c-1.3,2.7-3.2,4.8-5.7,6.3c-2.4,1.5-5.3,2.2-8.4,2.2C213.9,52.6,211.1,51.9,208.7,50.4z M225.6,45c2-2.4,3-6,3-10.6  c0-4.5-1-8-3.1-10.5c-2-2.5-4.9-3.8-8.5-3.8c-3.6,0-6.5,1.3-8.5,3.8c-2,2.5-3,6-3,10.5c0,4.6,1,8.1,3,10.6c2,2.4,4.8,3.7,8.5,3.7  C220.7,48.7,223.6,47.5,225.6,45z"/> <path class="st1" d="M271.4,29.9v20.4c0,0.7-0.2,1.2-0.6,1.6c-0.4,0.4-0.9,0.6-1.6,0.6c-0.7,0-1.2-0.2-1.6-0.6s-0.6-0.9-0.6-1.6  V30.1c0-3.5-0.7-6-2.1-7.6c-1.4-1.6-3.6-2.4-6.6-2.4c-3.5,0-6.2,1.1-8.3,3.2c-2.1,2.1-3.1,4.9-3.1,8.5v18.4c0,0.7-0.2,1.2-0.6,1.6  s-0.9,0.6-1.6,0.6s-1.2-0.2-1.6-0.6c-0.4-0.4-0.6-0.9-0.6-1.6V18.7c0-0.7,0.2-1.2,0.6-1.6c0.4-0.4,0.9-0.6,1.6-0.6  c0.6,0,1.1,0.2,1.5,0.6c0.4,0.4,0.6,0.9,0.6,1.6v4.5c1.1-2.2,2.7-3.9,4.8-5.1c2.1-1.2,4.5-1.8,7.2-1.8  C267.2,16.3,271.4,20.8,271.4,29.9z"/> <path class="st1" d="M300.1,50.7c0,0.6-0.2,1-0.6,1.4c-0.4,0.3-1.1,0.5-2.1,0.4l-2-0.1c-3.6-0.2-6.3-1.4-8.1-3.3  c-1.8-2-2.6-5-2.6-9.1V20.7h-5.5c-0.6,0-1-0.2-1.4-0.5c-0.3-0.3-0.5-0.7-0.5-1.3c0-0.5,0.2-1,0.5-1.3c0.3-0.3,0.8-0.5,1.4-0.5h5.5  V8.3c0-0.7,0.2-1.3,0.6-1.7c0.4-0.4,0.9-0.6,1.6-0.6c0.7,0,1.2,0.2,1.6,0.6c0.4,0.4,0.6,0.9,0.6,1.7v8.9h8.7c0.6,0,1.1,0.2,1.4,0.5  c0.3,0.3,0.5,0.8,0.5,1.3c0,0.5-0.2,0.9-0.5,1.3c-0.3,0.3-0.8,0.5-1.4,0.5H289v19.4c0,3,0.6,5.1,1.7,6.4c1.2,1.3,3,2,5.4,2.2  l1.9,0.1C299.4,48.9,300.1,49.6,300.1,50.7z"/> <path class="st1" d="M311.8,50.4c-2.4-1.5-4.3-3.6-5.7-6.3c-1.3-2.7-2-5.9-2-9.6c0-3.6,0.7-6.8,2-9.6c1.3-2.7,3.2-4.8,5.7-6.3  c2.4-1.5,5.2-2.2,8.5-2.2c3.2,0,6,0.7,8.4,2.2c2.4,1.5,4.3,3.6,5.7,6.3c1.3,2.7,2,5.9,2,9.6c0,3.6-0.7,6.8-2,9.6  c-1.3,2.7-3.2,4.8-5.7,6.3c-2.4,1.5-5.3,2.2-8.4,2.2C317.1,52.6,314.2,51.9,311.8,50.4z M328.8,45c2-2.4,3-6,3-10.6  c0-4.5-1-8-3.1-10.5c-2-2.5-4.9-3.8-8.5-3.8c-3.6,0-6.5,1.3-8.5,3.8c-2,2.5-3,6-3,10.5c0,4.6,1,8.1,3,10.6c2,2.4,4.8,3.7,8.5,3.7  C323.9,48.7,326.8,47.5,328.8,45z"/> <path class="st1" d="M363.8,16.8c0.4,0.3,0.6,0.8,0.6,1.4c0,1.2-0.7,1.9-2.2,2l-2.2,0.2c-3.4,0.3-5.9,1.6-7.6,3.7  c-1.7,2.1-2.5,4.6-2.5,7.4v18.6c0,0.7-0.2,1.3-0.6,1.7c-0.4,0.4-0.9,0.6-1.6,0.6c-0.7,0-1.2-0.2-1.6-0.6c-0.4-0.4-0.6-0.9-0.6-1.7  V18.7c0-0.7,0.2-1.3,0.6-1.7c0.4-0.4,0.9-0.6,1.6-0.6c0.6,0,1.1,0.2,1.5,0.6c0.4,0.4,0.6,0.9,0.6,1.6v4.7c2-4.1,5.6-6.4,10.9-6.8  l1-0.1C362.8,16.4,363.5,16.5,363.8,16.8z"/></g></svg>') no-repeat 50% 50%; height: 100%; } #suchbox { display: none; } #k_icons { display: flex; align-items: center; justify-content: flex-end; } #k_lupe_2 { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 60.7 60.7" style="enable-background:new 0 0 60.7 60.7;" xml:space="preserve"><style type="text/css"> .st0{fill:none;stroke:%23FFFFFF;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;} .st1{fill:none;stroke:%23FFFFFF;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}</style><circle class="st0" cx="27.9" cy="27.9" r="20.6"/><line class="st1" x1="54.1" y1="54.1" x2="42.9" y2="42.9"/></svg>'); background-repeat: no-repeat; background-position: 50%; } #k_merk { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 60.7 60.7" style="enable-background:new 0 0 60.7 60.7;" xml:space="preserve"><style type="text/css"> .st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;stroke:%23FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}</style><g id="heart"> <path class="st0" d="M52.7,10.6C46.5,4,36.6,3.9,30.2,10.1c-6.4-6.2-16.3-6-22.5,0.5c-6.4,6.7-6.4,17.7,0,24.4  C9.5,37,26.5,55,26.5,55c2,2.1,5.3,2.1,7.3,0c0,0,18.7-19.7,18.9-19.9C59.1,28.3,59.1,17.3,52.7,10.6z M50.3,32.5L31.4,52.4  c-0.7,0.7-1.8,0.7-2.4,0L10.1,32.5c-5-5.3-5-14,0-19.3C15,8,22.8,7.8,27.9,12.8l2.3,2.2l2.3-2.2c5.1-4.9,12.9-4.7,17.8,0.4  C55.3,18.5,55.3,27.1,50.3,32.5z"/></g></svg>'); background-repeat: no-repeat; background-position: 50%; } #k_account { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 60.7 60.7" style="enable-background:new 0 0 60.7 60.7;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><path class="st0" d="M41.4,30.8c2.4-2.7,3.9-6.2,3.9-10c0-8.3-6.8-15.1-15.1-15.1s-15,6.8-15,15.1s6.7,15,15,15c2.9,0,5.7-0.9,8-2.3 c8.2,3.1,13.8,10.6,14.5,19.2h-45c0.5-5.8,3.2-11.3,7.7-15.1c0.8-0.7,0.9-1.9,0.2-2.7c-0.7-0.7-1.9-0.8-2.7-0.1 c-5.7,5-9,12.2-9,19.9c0,1,0.8,1.9,1.9,1.9h48.9c1,0,1.9-0.8,1.9-1.9C56.6,44.3,50.6,35.1,41.4,30.8z M19,20.8 c0-6.2,5.1-11.3,11.3-11.3s11.3,5.1,11.3,11.3s-5.1,11.3-11.3,11.3S19,27,19,20.8z"/></svg>'); background-repeat: no-repeat; background-position: 50%; } #k_wk { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 60.7 60.7" style="enable-background:new 0 0 60.7 60.7;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><path class="st0" d="M58.9,19.4c-0.4-0.4-1-0.7-1.6-0.7H47.2c-1-7.4-7.4-13-14.9-13h-4c-7.5,0-13.8,5.6-14.9,13H3.3 c-0.6,0-1.1,0.3-1.5,0.7S1.2,20.5,1.3,21l5.3,30.3c0.6,3.1,3.3,5.4,6.4,5.3h34.5c3.2,0,5.9-2.3,6.4-5.4l5.4-30.1 C59.4,20.5,59.2,19.9,58.9,19.4z M28.3,9.7h4c5.3,0,9.8,3.8,10.8,9H17.5C18.5,13.5,23,9.7,28.3,9.7z M50,50.6 c-0.2,1.2-1.3,2.1-2.5,2.1H13.1c-1.2,0-2.2-0.8-2.5-2l-4.9-28h49.2L50,50.6z"/></svg>'); background-repeat: no-repeat; background-position: 50%; } #k_lupe_2, #k_merk, #k_account, #k_wk, #powermenue-schalter { position: relative; display: block; height: 3rem; width: 2.5rem; background-size: 1.5rem; justify-content: flex-end; align-items: center; cursor: pointer; } #k_sale { padding-left: 0; position: absolute; right: 1rem; top: -1.75rem; } #k_sale a { color: var(--theme-white); } #k_sale a:after { content: '%'; background: var(--theme-red); color: var(--theme-white); border-radius: 2rem; margin-left: .25rem; font-size: .8rem; padding: .15rem .25rem; } #k_sale a:hover { color: var(--theme-accent-medium); } .k_link { display: none; } #k_account[data-online="0"] .k_link { display: block; height: 100%; width: 100%; } @media (hover: hover) { .k_link { display: block; height: 100%; width: 100%; } } #k_icons > div > .shBagInh { position: fixed; left: var(--padding); right: var(--padding) !important; width: auto; top: 5.4rem; z-index: 99; padding: 1rem; pointer-events: none; transform: translateY(-1rem); opacity: 0; visibility: hidden; background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); box-shadow: 0 0 25px -5px rgba(0,0,0,.25); transition: opacity .2s ease-out, transform .2s ease-out; } .shopHeader.box-shadow #k_icons > div > .shBagInh { top: 3rem; } #k_icons > div:hover > .shBagInh { pointer-events: all; transform: translateY(0); opacity: 1; visibility: visible; overflow: hidden; } #k_icons > div > .shBagInh .wk-empty { display: none; } #k_icons > div[data-num="0"] .shBagInh .wk-empty, #k_icons > div[data-num=""] .shBagInh .wk-empty { display: block; text-align: center; font-weight: bold; height: 10rem; line-height: 10rem; } .wk-heading { text-align: center; font-weight: bold; padding: .5rem 0; border-bottom: var(--theme-divider); } #k_icons > div[data-num="0"] .wk-heading, #k_icons > div[data-num=""] .wk-heading { display: none; } ul.alt-list { list-style: none; padding: 0; margin: 0; max-height: calc(100vh - 30rem); overflow-y: auto; } ul.alt-list > li { display: block; border-bottom: var(--theme-divider); } ul.alt-list > li > a { display: block; padding: .5rem; background-position: 0 .5rem; background-size: 3rem; background-repeat: no-repeat; } ul.alt-list.items > li > a { padding: .5rem .5rem .5rem 4rem; min-height: 4rem; background-position: .5rem 0; } ul.alt-list > li > a:hover { color: var(--theme-text-hover); } #k_icons > #k_merk > .shBagInh ul > li > a { display: flex; align-items: center; min-height: 3rem; font-weight: normal;} /*#k_icons > div > .shBagInh ul > li:nth-child(odd) > a, ul.alt-list > li:nth-child(odd) > a { background-color: var(--theme-light); }*/ ul.alt-list a * { color: var(--theme-text); } #k_icons > div[data-num=""]:before, #k_icons > div[data-num="0"]:before, #k_merk[data-num=""]:before, #k_merk[data-num="0"]:before { display: none; content: ""; } #k_wk:before, #k_merk:before { content: attr(data-num); position: absolute; top: .5rem; right: 0; color: var(--theme-accent-text); width: 1.25rem; height: 1.25rem; line-height:1.25rem; text-align: center; vertical-align: middle; border-radius: 50%; box-shadow: var(--shadow-elevation-low); font-size: 0.8rem; } #k_wk:before { background-color: var(--theme-accent-medium); } #k_merk:before { background-color: var(--theme-accent-medium); } .shBagInh .Wkbuttons { padding: 1rem; text-align: right; display: flex; justify-content: space-between; } .shBagInh .Wkbuttons .button { font-weight: bold; } .shBagInh .Wkbuttons #wkbutton { margin-right: 1rem; } #powermenue-schalter { margin-left: 0; margin-right: 1rem; background: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg fill="white" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path class="heroicon-ui" d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"/></svg>') no-repeat 50%; background-size:2rem; } #shopLayer.powermenue-open #k_title { display: none; } /* such feld */ #shopLayer.suche-offen #suchbox { display: block; width: 100%; } #shopLayer.suche-offen #k_logo, #shopLayer.suche-offen #k_icons, #shopLayer.suche-offen #powermenue-schalter { display: none; } #shopLayer.suche-offen #k_lupe_3 { display: flex; gap: var(--padding); align-items: center; } #shopLayer.suche-offen #h-ps-close { display: inline-block; height: 2.5rem; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg fill="white" height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="M437.5,386.6L306.9,256l130.6-130.6c14.1-14.1,14.1-36.8,0-50.9c-14.1-14.1-36.8-14.1-50.9,0L256,205.1L125.4,74.5  c-14.1-14.1-36.8-14.1-50.9,0c-14.1,14.1-14.1,36.8,0,50.9L205.1,256L74.5,386.6c-14.1,14.1-14.1,36.8,0,50.9  c14.1,14.1,36.8,14.1,50.9,0L256,306.9l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C451.5,423.4,451.5,400.6,437.5,386.6z"/></svg>'); background-position: center; background-repeat: no-repeat; background-size: 36%; } input#menSuchStr { max-width: 100%; color: var(--theme-accent-text); background-color: rgb(40,40,40); } #k_lupe_3 input#menSuchStr::placeholder { color: var(--theme-white)!important; opacity: 1!important; } #shopLayer #k_lupe_3 > div { width: 100%; position: relative; } #shopLayer #k_lupe_3 #menSuchStrIcon { position: absolute; height: 100%; aspect-ratio: 1 / 1; top: 0; right: 0; pointer-events: none; background-image: url(/img/search.svg); background-size: 50%; background-position: center; background-repeat: no-repeat; } /* main */ #shopMain { max-width: var(--header-width); padding: var(--padding); margin: 0 auto; } /* footer */ #shopFooter { background-color: var(--theme-black); } .foot_infos { padding: 2rem var(--padding); width: 100%; max-width: var(--header-width); margin: 0 auto; position: relative; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .foot_infos.foot_infos2 { padding-top: 1rem; } .foot_infos ul { width: 100%; } .foot_infos ul li { margin-bottom: .5rem; } .foot_infos ul.soc { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; min-height: auto; } .foot_infos ul.soc li.foot_ueb { width: 100%; } .foot_infos ul.pay { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; min-height: auto; } .foot_infos .foot_ueb { display: inline-block; height: 2rem; margin-bottom: .5rem; text-transform: uppercase; letter-spacing: 0.10em; white-space: nowrap; color: var(--theme-accent-dark); } .foot_infos2 .foot_ueb { 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;} .foot_infos .foot_ueb:empty { display: none; } #shopFooter #f_text { background-color: var(--theme-white); color: var(--theme-text); text-align: center; padding: 0 1rem; } #shopFooter #f_text > span { display: block; font-size: .8rem; } #shopFooter #f_text span a { color: var(--theme-text); } #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); } #shopFooter .foot_infos a { color: var(--theme-white); } #shopFooter .foot_infos.foot_infos2 a { color: var(--theme-text); } .foot_infos.foot_infos2 .foot_ueb { border-bottom: 1px solid var(--theme-medium); margin-bottom: 1rem; } #shopFooter .foot_infos a:hover, #shopFooter .foot_infos.foot_infos2 a:hover { color: var(--theme-accent-dark); } .foot_infos2 ul#rabatte li a span.rab-best { color: var(--theme-dark); font-size: .8rem; margin: 0 .25rem; } .foot_infos2 ul#rabatte li a span.rab-wert { color: var(--theme-accent-dark); font-size: 1.5rem; } #shopFooter .foot-mitte { background-color: var(--theme-white); } #shopFooter .foot-mitte, #shopFooter .unten { border-top: 30px solid transparent; background-color: var(--theme-white); border-image: url(/img/LK_bottom_border.png)30; -webkit-border-image: url(/img/LK_bottom_border.png)30; -moz-border-image: url(/img/LK_bottom_border.png)30; -o-border-image: url(/img/LK_bottom_border.png)30; } /* .footer_mob_off { display: none; } */ .footer_menu ul li a { color: var(--theme-text); } .zul_anges_art { background: var(--theme-white)!important; } .zuletzt_items { display: flex; flex-wrap: wrap; padding: 0 0 5rem 0; gap: .3rem; } .zuletzt_items .zuletzt { } .zuletzt_items .zuletzt a { display: block; border: var(--theme-border) ;border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); background-color: white; transition: box-shadow .3s ease-out; overflow: hidden; } .zuletzt_items .zuletzt:hover a { box-shadow: var(--shadow-elevation-high); } .zuletzt_items .zuletzt a img { width: 5rem; height: 5rem; object-fit: contain; } .zuletzt_fix { padding-top: 2rem; } .zuletzt_fix .ueb { display:block; margin-bottom:.5rem; } .animate { transition: all .1s ease-out; } .loading { opacity: 0; transform: scale(.9) skew(5deg, 5deg); } /* rating */ .rat_stars { display: block; height: 1.5rem; } .rat_stars * { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><style type="text/css">.st0{fill:RGB(238,177,29);}</style><path class="st0" d="M13 5h-4.7l-1.8-5-1.8 5h-4.7l3.9 2.9-1.4 5.1 4-3.1 4 3.1-1.4-5.1 3.9-2.9zm-6.5 3.5l-2.2 1.8.9-2.6-2.1-1.7 2.6.1.8-3 .8 3 2.6-.1-2.1 1.7.9 2.6-2.2-1.8z"/></svg>'); height: 1.25rem; width: .9rem; display: block; float: left; background-repeat: no-repeat; background-position: center; background-size: 100%; } .rat_stars i { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><style type="text/css">.st0{fill:RGB(238,177,29);}</style><path class="st0" d="M6.5 0l1.8 5h4.7l-3.9 2.9 1.4 5.1-4-3.1-4 3.1 1.4-5.1-3.9-2.9h4.7z"/></svg>'); } .rat_stars b { background-image: url(/img/star-outline-h.svg); } .rattext { min-height: 6rem; } /* card */ .card { display: block; position: relative; box-shadow: var(--shadow-elevation-medium); background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); padding: var(--card-padding) calc(var(--card-padding) * 1.5); overflow: hidden; transition: box-shadow .3s ease-out; transition: all .3s ease-out; } a.card:hover { box-shadow: 0px 3px 32px -5px rgba(0, 0, 0, 0.8); } .card.login-div { overflow: unset; } .card.p-0, .card-info.p-0 { padding: 0!important; } .card .full, .card .card-info { margin: 0 calc(var(--card-padding) * -2); width: calc(100% + calc(var(--card-padding) * 4)); max-width: calc(100% + calc(var(--card-padding) * 4)); } .card.p-0 .full, .card.p-0 .card-info { margin: 0; } .card.p-0 .card-info { width: 100%; max-width: 100%; } .card img.full.top { margin-top: calc(var(--card-padding) * -1); width: 100%!important; } .card > h1:first-child, .card > h2:first-child, .card > h3:first-child, .card-info > h3:first-child { margin-top: calc(var(--card-padding) / 2); } .card.accent, .card.accent a, .card .card-info.accent, .card .card-info.accent a { background-color: var(--theme-accent-medium); color: var(--theme-accent-text); } .card.accent h1, .card.accent h2, .card.accent h3, .card.accent h4, .card.accent h5, .card.accent h6 { color: var(--theme-accent-text); } .card .card-info { padding: 1rem 2rem; border-top: var(--theme-divider); border-bottom: var(--theme-divider); } .card .card-info:first-child { border-top: none; border-bottom: none; } .card:not(.p-0) .card-info:first-child { margin-top: calc(var(--card-padding) * -1); padding-bottom: 0 !important; } .card .card-info:last-child { margin-bottom: calc(var(--card-padding) * -1); border-bottom: none; } .mt-0 { margin-top: 0!important; } .mt-2 { margin-top: 1rem; } .mt-4 { margin-top: 2rem!important; } .mt-6 { margin-top: 3rem; } .mb-2 { margin-bottom: 1rem!important; } .mb-4 { margin-bottom: 2rem!important; } .mb-6 { margin-bottom: 3rem; } .mb { margin-bottom: var(--padding); } .p-0 { padding: 0!important; } .p-2 { padding: 1rem; } .p-4 { padding: 2rem!important;; } .pb-2 { padding-bottom: 1rem; } /* scrollbar */ #shopLayer ::-webkit-scrollbar { width: .5rem; } #shopLayer ::-webkit-scrollbar-track { background-color: var(--theme-light); } #shopLayer ::-webkit-scrollbar-thumb { background: var(--theme-medium); border-radius: 10px; } #shopLayer { scrollbar-color: var(--theme-medium) var(--theme-light); scrollbar-width: thin; } /* button */ button, .button { display: inline-block; background-color: var(--theme-black); border: none; padding: 1rem 2rem; font-size: 1rem; text-transform: uppercase; color: var(--theme-white); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); cursor: pointer; transition: all .3s ease-out; user-select: none; text-align: center; } button:hover, .button:hover { background-color: var(--theme-accent-dark); box-shadow: var(--shadow-elevation-high); color: var(--theme-white); } 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.cancel { margin-right: 1rem; } .button-group { display: grid; grid-gap: var(--padding); grid-template-columns: 1fr 1fr; } .button-group > .button, .button-group > button { text-align: center; } .button.maxwidth { width: max-content; display: block; } /* input */ input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="date"], textarea, select, input[type="range"] { width: 100%; max-width: 24rem; } input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="date"], textarea, select { border: none; border-bottom: 1px solid transparent; border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-low); background-color: var(--theme-light); padding: 0.5rem .8rem; color: var(--theme-text); font-size: 1rem; height: 2.5em; font-family: inherit; } textarea { min-height: 10rem; resize: vertical; } input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus { outline: none; border-bottom: 1px solid var(--theme-accent-medium); } input[type="number"] { max-width: 5rem; } .inp_wrapper[data-typ="number"] { display: inline-block; margin-right: 0.5rem; } .inp_wrapper.error div { font-size: .9rem; color: var(--theme-error-text); background-color: var(--theme-error); padding: .4rem .8rem; margin-top: .2rem; border-radius: var(--theme-radius-small); } .inp_wrapper[data-typ="checkbox"] { display: flex; align-items: start; } .inp_wrapper[data-typ="checkbox"] > input { margin: 0; margin-top: .3rem; height: 1.25rem; width: 1.25rem; } .inp_wrapper[data-typ="checkbox"] input + label { display: block; margin-left: .7rem; position: relative; top: unset; left: unset; transform: unset !important; pointer-events: all; font-size: .95rem; max-width: 22.5rem; width: 22.5rem; text-align: left; } .inp_wrapper[data-name="eingeloggtbleiben"] input + label { width: auto; max-width: auto; } .inp_wrapper[data-type="radio"] { margin-top: 0.2rem; } .radio-group { margin-top: 1.5rem;} input[disabled] + label, input[disabled] + label * { opacity: .7; } .inp_wrapper .inp_error { border-bottom: 2px dashed var(--theme-error) !important; } /* geht nicht in firefox weil input & :before da nicht geht input[type="checkbox"] { visibility: hidden; } input[type="checkbox"]:after { content: ' '; visibility: visible; width: 1rem; height: 1rem; background: var(--theme-white); border-radius: .25rem; display: block; margin: .1rem .5rem 0 0; border: .1rem solid rgb(204,204,204); } input[type="checkbox"]:checked:after { background: var(--theme-accent-medium) !important; } */ /* - + input */ .inp_wrapper[data-typ="number-custom"] > div.inc, .inp_wrapper[data-typ="number-custom"] > div.dec { float: left; width: 1.6rem; height: 2.5rem; margin-top: 0; text-align: center; line-height: 2.2rem; background-color: var(--theme-medium); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); cursor: pointer; user-select: none; } .inp_wrapper[data-typ="number-custom"] > div.dec { border-top-right-radius: 0; border-bottom-right-radius: 0; } .inp_wrapper[data-typ="number-custom"] > div.inc { border-top-left-radius: 0; border-bottom-left-radius: 0; } .inp_wrapper[data-typ="number-custom"] { height: 3rem; width: 9rem; margin: 0 auto; display: inline-block; } .inp_wrapper[data-typ="number-custom"] input { float: left; width: 2.7rem; text-align: center; margin-top: 0; padding-left: 0; padding-right: 0; border-radius: 0; z-index: 2; position: relative; } .inp_wrapper[data-typ="number-custom"] input::-webkit-outer-spin-button, .inp_wrapper[data-typ="number-custom"] input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .inp_wrapper[data-typ="number-custom"] input[type=number] { -moz-appearance: textfield; } .inp_wrapper[data-typ="number-custom"] > div.del { width: 2rem; height: 2.5rem; float: left; font-size: 0; cursor: pointer; user-select: none; background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" width="512px" height="512px"><g id="Urn"> <path d="M51.8656998,5.4326H40.6636009V5.4159999c0-1.4462998-0.5634995-2.8055999-1.5870018-3.8290999 C38.0531998,0.5635,36.6927986,0,35.2456017,0H29.9438c-1.4237823,0-2.7626991,0.5537-3.7684994,1.5596 C25.1693993,2.5655,24.6147003,3.9043,24.6147003,5.3291001V5.4326H12.0991001 c-2.9579992,0-5.3651996,2.4063001-5.3651996,5.3642998v5.1416006c0,0.5526991,0.4472003,0.999999,1,0.999999h2.8309999v37.1523018 c0,2.6455002,1.0313005,5.1338005,2.9033003,7.006897C15.3393002,62.9696999,17.8285999,64,20.4761009,64h23.2402 c2.5967178,0,5.0380974-1.0107002,6.872097-2.8466988c1.8359032-1.8369026,2.8466187-4.2763023,2.8466187-6.8701019V16.9384995 h2.8310814c0.5527,0,1-0.4473,1-0.999999v-5.1055002C57.266098,7.8555002,54.8432007,5.4326,51.8656998,5.4326z  M51.4350166,54.2831993c0,2.0596008-0.8027153,3.9971008-2.2607155,5.4561005C47.7173004,61.1973,45.778801,62,43.716301,62 h-23.2402c-2.1133003,0-4.0997009-0.8222008-5.5938005-2.3163986c-1.4727001-1.4736023-2.3174-3.5116997-2.3174-5.5928001 V16.9384995h38.8701172V54.2831993z M55.266098,14.9385004h-2.8310814H11.5649004H8.733901v-4.1416006 c0-1.8555002,1.5096998-3.3642998,3.3651991-3.3642998h13.5156002c0.5527992,0,1-0.4471998,1-1V5.3291001 c0-0.8906002,0.3456993-1.7265,0.9745998-2.3545001C28.2084999,2.3555,29.0669003,2,29.9438,2h5.3018017 c0.8994179,0,1.7802963,0.3652999,2.4169998,1.0009999c0.6455002,0.6455002,1.0009995,1.5029001,1.0009995,2.415V6.4326 c0,0.5528002,0.4472008,1,1,1h12.2020988c1.875,0,3.4003983,1.5254002,3.4003983,3.4004002V14.9385004z" fill="%23farbe5%23"/> <path d="M22.1557007,52.2344017c0.5527992,0,1-0.4473,1-1V26.2334003c0-0.5527-0.4472008-1-1-1c-0.5526829,0-1,0.4473-1,1 v25.0010014C21.1557007,51.7871017,21.6030178,52.2344017,22.1557007,52.2344017z" fill="%23farbe5%23"/> <path d="M32.4673004,52.2344017c0.5527191,0,1-0.4473,1-1V26.2334003c0-0.5527-0.4472809-1-1-1c-0.5528011,0-1,0.4473-1,1 v25.0010014C31.4673004,51.7871017,31.9144993,52.2344017,32.4673004,52.2344017z" fill="%23farbe5%23"/> <path d="M42.7798004,52.2344017c0.5527,0,1-0.4473,1-1V26.2334003c0-0.5527-0.4473-1-1-1c-0.552784,0-1,0.4473-1,1v25.0010014 C41.7798004,51.7871017,42.2270164,52.2344017,42.7798004,52.2344017z" fill="%23farbe5%23"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>') 50% no-repeat; background-size: 1.5rem; } .inp_wrapper.delete.required label { display: none; } /* toggle (css only radio group) */ .toggle { display: flex; border: var(--theme-border); box-shadow: var(--shadow-elevation-low); background-color: var(--theme-light); margin-top: 2rem; } .toggle > button { flex: 1; padding: 1rem; border-radius: 0; background-color: transparent; color: var(--theme-text); box-shadow: none; transition: color .3s ease-out; border-left: var(--theme-border); z-index: 2; } .toggle > button.active { color: var(--theme-accent-text); } .toggle > button:first-of-type { border-left: none; } .toggle:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; background-color: var(--theme-accent-medium); transition: left .4s ease-out; border-radius: var(--theme-radius-small); } .toggle-slide-content { position: relative; } .toggle-slide-content > div { position: absolute; top: var(--padding); left: 0; width: 100%; transform: translateX(-2rem); opacity: 0; visibility: hidden; z-index: -1; transition: all ease-out .3s; } /* default table */ .table { max-width: 100%; overflow-x: auto; } .table table { width: 100%; } .table th { text-align: left; min-width: 8rem; padding: calc(var(--padding) / 1.5) var(--padding); border-bottom: var(--theme-divider); background-color: var(--theme-card-background); font-size: 1rem; color: var(--theme-text); } .table td { padding: calc(var(--padding) / 2) var(--padding); color: var(--theme-text); } .table td a { color: var(--theme-text); } .table td.no-border { border-bottom: none; } .table.clickable tr.clickable { cursor: pointer; background-color: var(--theme-card-background); transition: background .1s ease-out; } .table.clickable tr.clickable:hover { background-color: var(--theme-light); } .table.clickable td.clickable-link { padding: 0; } .table.clickable td.clickable-link > a { display: block; padding: calc(var(--padding) / 2) var(--padding); } .table.clickable tr.clickable.active { background-color: var(--theme-accent-dark); } .table.clickable tr.clickable.active > td > a { color: var(--theme-white); } .table tr:empty { display: none; } /* css dropdown */ .css_dropdown { position: relative; } .css_dropdown > div { cursor: pointer; padding: var(--padding); background: var(--theme-white) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="7" viewBox="0 0 11 7"><path fill="%23737981" d="M0 1.3l4.8 4.9.7.6.7-.6L11 1.3 9.7 0 5.5 4.2 1.3 0"/></svg>') no-repeat 90% 50%; background-size: 1.25rem; box-shadow: 0px 0px 10px rgba(0,0,0,.2); border-radius: .5rem; } .css_dropdown ul { display: block; position: absolute; z-index: 20; margin-top: 0; background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); list-style: none; left: 0; right: 0; padding: 0; opacity: 0; transition: opacity .2s ease-out, transform .2s ease-out; transform: translateY(-1rem); visibility: hidden; border: var(--theme-border); max-height: 30rem; overflow-y: auto; } .css_dropdown:hover ul { visibility: visible; opacity: 1; transform: translateY(0); } .css_dropdown ul li a, .css_dropdown ul li label { display: block; padding: .5rem .5rem .5rem 1rem; text-align: left; color: var(--theme-text); cursor: pointer; } .css_dropdown ul li { border-bottom: var(--theme-divider); } /* Tooltip <span class='tooltip'>Hover mich<div class='tooltiptext'>Lorem Ipsum</div></span> */ .tooltip { display: inline-block; border-bottom: 1px dotted var(--theme-text); } .tooltip .tooltiptext { opacity: 0; visibility: hidden; transform: translate(0%, 1rem); top: 40%; left: 0%; width: 24rem; background-color: black; color: white; text-align: left; padding: var(--padding); border-radius: var(--theme-radius-small); position: absolute; z-index: 1; transition: all .3s ease-out; } .tooltip.bottom .tooltiptext { transform: translate(0%, -1rem); bottom: unset; top: 100%; } .tooltip:hover .tooltiptext { opacity: 1; visibility: visible; transform: translate(0%, 0); } .tooltip .tooltiptext.wide { width: 20rem; } .PGerror, .PGwarning, .PGsuccess { border-radius: var(--theme-radius-small); padding: var(--padding); display: flex; gap: var(--padding); align-items: center; justify-content: right; border-left: 3px solid transparent; } .PGerror > img, .PGwarning > img, .PGsuccess > img { height: 4rem; } .error-div, .warning-div, .success-div { padding: .4rem .8rem; border-radius: var(--theme-radius-small); } .PGerror, .user-feedback.error, .user-feedback.error > h3, .error-div { background-color: var(--theme-error); color: var(--theme-error-text); } .PGwarning, .user-feedback.warning, .user-feedback.warning > h3, .warning-div { background-color: var(--theme-warning); color: var(--theme-warning-text); } .PGsuccess, .user-feedback.success, .user-feedback.success > h3, .success-div { background-color: var(--theme-success); color: var(--theme-success-text); } .error-div:empty, .warning-div:empty, .success-div:empty { display: none; } #user-feedback-wrapper { position: fixed; z-index: 99; pointer-events: none; top: 5rem; left: 50%; transform: translate(-50%, 0); width: 90vw; max-width: 45rem; } .user-feedback { position: relative; background-color: var(--theme-accent-medium); color: var(--theme-accent-text); padding: var(--padding); opacity: 0; transform: translate(0, -20%); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); transition: all .3s ease-out; } .user-feedback.open { opacity: 1; transform: translate(0, 0); margin-bottom: 1rem; } .user-feedback:before { position: absolute; bottom: 0; left: 0; right: 0; height: 0.2rem; content: ' '; background-color: white; transition: right .1s linear; } .user-feedback.open:before { right: 100%; } .user-feedback > h3 { margin-top: 0; } .hide { display: none; } .block { display: block; } .rotate-center:before { animation: rotate-center 0.6s ease-in-out both; } @keyframes rotate-center { 0% { transform: rotate(0); } 50% { transform: rotate(180deg) scale(.3); } 100% { transform: rotate(360deg) scale(1); } } .progress-symbol { display: none; } #shopLayer.progress .progress-symbol { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.2); } .lds-ellipsis { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; } .lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: var(--theme-accent-medium); animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } } .bestellung_action a, #pers_submen a { margin: 0.2rem; display: inline-block; padding: .5rem; } #pers_submen a { background-color: var(--theme-black); color: var(--theme-white); } #pers_submen a.active, #pers_submen a:hover { background-color: var(--theme-accent-medium); color: var(--theme-white); } #pers_submen { margin-bottom: 3rem; } #pers_submen .button { text-transform: unset; } .picva { width: 5rem; display:block; } .tab_k { margin-bottom: .5rem; } #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; line-height: normal; } #bestellabschluss p span { font-size: 1rem; } #bestellabschluss form { width: max-content; margin: 0 auto;} #bestellabschluss form button { margin-top: 2rem; } #bestellabschluss h3 { font-size: 1.5rem; font-weight: bold; } .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/pg_zahlart3.png); } .card[data-za="4"] .zacheck .icon, .zacheckbue[data-za="4"] { background-image: url(/img/f_dhl-nachnahme.svg); } .card[data-za="5"] .zacheck .icon, .zacheckbue[data-za="5"] { background-image: url(/img/pg_zahlart5.png); } .card[data-za="7"] .zacheck .icon, .zacheckbue[data-za="7"] { background-image: url(/img/pg_zahlart7.png); } .card[data-za="8"] .zacheck .icon, .zacheckbue[data-za="8"] { background-image: url(/img/f_pp.svg); } .card[data-za="9"] .zacheck .icon, .zacheckbue[data-za="9"] { background-image: url(/img/f_kk.svg); } .card[data-za="6"] .zacheck .icon, .zacheckbue[data-za="6"] { background-image: url(/img/f_amazonpay.svg); background-size: contain; } .zacheckbue { height: 3rem; width: 5rem; background-position: center; background-size: contain; background-repeat: no-repeat;} #shopLayer[data-pp="perart"] #pag_se_all {display:none!important;} /* Lexikon */ #gloss_wrapper {margin-bottom:2rem;} #gloss_nav {margin-bottom:2rem;} .gloss_alph_tab {margin-left:.5rem;} #gloss_nav .gloss_alph_tab {margin-left:0;} .gloss_cloud1, .gloss_cloud2, .gloss_cloud3, .gloss_cloud4, .gloss_cloud5, .gloss_cloud6, .gloss_cloud7 { font-size:1rem; padding-right: 1rem; } .gloss_box { font-size:1rem; } .gloss_box a { margin-top: 1.2rem; margin-left: 0.5rem; display: block; color: var(--theme-text); } .gloss_box a span { color: var(--theme-text); } .gloss_box a span:hover { color: var(--theme-accent); } .gloss_li1 {background-color:#EEEEEE;list-style-type: none;list-style-position:inside;cursor:pointer;position: relative; left: -20px;} .gloss_li2 {background-color:#FFFFFF;list-style-type: none;list-style-position:inside;cursor:pointer;position: relative; left: -20px;} .gloss_ajax_text {font-size: 1rem;font-weight: bold;} #gloss_nav .gloss_alph { width: auto; min-width: 3rem; font-size: 1rem; color: var(--theme-text); background-color: var(--theme-light); padding: .5rem; border-radius: .5rem; display: inline-block; margin: 0 .5rem .5rem 0; text-align: center; } #gloss_nav .gloss_alph:hover { background-color: var(--theme-accent); } .gloss_alph_tab {display:inline;} .gloss_box table.gloss_alph_tab span.gloss_alph {font-size: 2rem;padding: .5rem 1rem;background: rgb(226,114,12);color: #fff;border-radius: .5rem;} .gloss_alph a, .gloss_alph a nobr {font-size:1.25rem;color:#fff;} .gloss_alph a {padding: .5rem;} .gloss_alph a:hover {background-color:rgb(226,114,12);} .gloss_titel {font-size:1.25rem;font-weight:bold;} .gloss_text {font-size:1rem;} .gloss_text ul li {font-size:1rem;position: relative;padding: .5rem 0 .5rem 2rem;margin: 0;} .gloss_text ul {margin: 0 0 2rem 0;} .gloss_text h2 {border-bottom: 1px solid silver; padding-bottom: 3px} .gloss_text p, .gloss_text p a {font-size:1rem;} .gloss_text p {margin:.5rem 0;} .gloss_text p b {font-weight:bold;} .gloss_text strong {font-size:1rem;font-weight:bold!important;} .gloss_text iframe[src*='youtube'], .banner iframe[src*='youtube'] {border-radius: 5px; border: 6px solid #ececec; display: block; margin: 0 auto;} .gloss_text {margin-bottom:10em;} .gloss_box h1 {font-size:1.5em;font-weight:normal!important;} .gloss_alph_tab .gloss_alph {font-size: 1.25rem; background-color: rgb(80,80,80);color:#fff;padding: .25rem;border-radius: .5rem;display: inline-block;margin: 0;width: 2rem;text-align: center;} .gloss_box {margin-bottom:2rem;} #gloss_nav .gloss_alph_tab:last-child .gloss_alph {padding: .5rem 2rem;} .htm_include.agb h3, .htm_include.agb h4 { margin-bottom: 0; } .htm_include.agb h3 + p, .htm_include.agb h4 + p { margin-top: .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: 1rem; } #shopLayer[data-pp="dat"] .tab_k { display: none; } #shopLayer[data-pp="dat"] .zul_anges_art { display:none; } #shopLayer[data-pp="dat"] .htm_include ul li { margin-left: 1rem; } #shopLayer[data-pp="wid"] .tab_k { display: none; } #shopLayer[data-pp="wid"] .zul_anges_art { display:none; } #shopLayer[data-pp="wid"] .htm_include ul li { margin-left: 1rem; } #shopLayer[data-pp="ticket"] .button.ticket { background-color: var(--theme-accent); color: var(--theme-white); } #shopLayer .see_alle_dd [class*="dd_"][class*="kopf"] { text-transform: none; letter-spacing: 0; white-space: unset!important; } #shopLayer form[name="dd_aug_form"] .dd_list > ul { overflow-y: unset!important; max-height: unset!important; } #shopLayer .tab-nav > [data-tab].tab-active { background-color: var(--theme-black); color: var(--theme-white)!important; } #shopLayer .tab-nav > [data-tab] { border: 1px solid var(--theme-black); transition: all 0.5s; } #shopLayer .tab-nav > [data-tab]:hover { background-color: var(--theme-black); color: var(--theme-white); } #shopLayer .tab-nav { margin-bottom: 2rem; } #shopLayer nav.tab_see.open { background-color: var(--theme-white); z-index: 10000000000; } #shopLayer #filter_ausblenden { background-color: var(--theme-accent-dark); } /*Adventskalender*/ #advent_tab { text-align:center; position: relative; } .advent_tab { width:100%; background-image:url(/img/Fotolia_125747371_M.jpg); background-position: 58% 46%; background-repeat:no-repeat; background-size: cover; border:0; margin:0 0 2% 0;position:relative;border-radius: 1rem; padding-bottom: 10rem; } .advent_td { text-align:center; width: 5rem; height: 3rem; font-size: 1rem; } .advent_td a { font-size: 1rem; } #advent_ueb { font-size:2rem; text-align:center; padding: 1rem 0 .5rem 0; } .advent_text { width:100%;height:auto; background-color:#a40609; opacity: 0.9; padding: 1rem; font-size: 1.25rem; color: var(--theme-white); text-align: center; position: absolute; bottom: -10rem; border-radius: var(--theme-radius-medium);} .advent_tag { padding:1rem; display:inline-block; margin:.5rem; background-color: rgba(255,255,255,0.5); border-radius: 0.5rem; } .advent_nummer { font-size: 2rem; width: 100%; height: 100% !important;display: inline-block;cursor:pointer;} .advent_tooltipp { padding: 1rem; background-color: var(--theme-white); position:absolute; border: var(--theme-divider); border-radius: .5rem; position: absolute; z-index: 100; top: 0; box-shadow: var(--shadow-elevation-medium); } .advent_status1, .advent_status2, .advent_status3 { float:left; width:90%; height:4rem; margin-bottom: 1rem; padding-left: 15%; font-size:1rem; text-align: left;} .advent_status1 { color:#a70b07; background-image:url(/img/pg_smily3.png); background-repeat:no-repeat; background-position: 0 0; } .advent_status2 { color:#1c7d06; background-image:url(/img/pg_smily1.png); background-repeat:no-repeat; background-position: 0 0; } .advent_status3 { color:#dfbc15; background-image:url(/img/pg_smily2.png); background-repeat:no-repeat; background-position: 0 0; } .advent_name { padding:0 0 1rem 0; font-size:1.25rem; } .advent_pic { width:30%; float:left; } .advent_preisbox { width:60%; float:left; margin-left:1rem; text-align: left; } .advent_preisbox_uvp { opacity: .7; } .advent_preisbox_strike { color: #cc0000; } .advent_proz { font-size: 1.5rem; color: #cc0000; font-weight:bold;} .advent_preisbox_preis { font-size: 1.5rem; font-weight:bold; } /*Adventskalender ENDE*/ .inp_wrapper[data-typ="checkbox"] > input { margin: 0; margin-top: .3rem; height: 1.25rem; width: 1.25rem; } .BreadcrumbList a.location_aug, #aa-bread .BreadcrumbList .geec_detail_aug span { font-weight: bold; } #btn-to-top { background-color: var(--theme-black)!important; background-image: url(/img/artikel_weiter-w.svg)!important; left: 1rem; right: unset; } .art_slider_wrapper button.art_slider_nav { background-color: var(--theme-light); } /*Hilfecenter Head*/ #k_title ul li #k_hilfe_c { display: block; height:2rem; color: var(--theme-white); font-size: .9rem; text-transform: none; font-weight: normal; letter-spacing: 0; } #k_title ul li #k_hilfe_c:hover { color: var(--theme-text-hover); } #k_title ul li #k_hilfe_c span { font-size:.8rem; color: var(--theme-text) ;display:block; } #k_hilfecenter {width:680px;padding: 0 1.5rem; left: 0; background: var(--theme-light); position: absolute; top:30px;z-index: 10001; border-bottom-right-radius: 0; display: none;box-shadow: 0 0 25px -5px rgba(0,0,0,.5);} #k_hilfecenter > b {height: 70px; line-height: 70px; display: block; font-weight: bold;text-transform: uppercase;letter-spacing: .1rem; font-size: 1.25rem; color: var(--theme-text); } #k_hilfecenter > a { color: var(--theme-text)!important; padding-left: 2rem; display: block; 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.1 448" style="enable-background:new 0 0 512.1 448;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3C;}</style><path class="st0" d="M256.1,0C114.7,0,0.1,93.1,0.1,208c0,47.6,19.9,91.2,52.9,126.3c-14.9,39.4-45.9,72.8-46.4,73.2 c-6.6,7-8.4,17.2-4.6,26S14.5,448,24.1,448c61.5,0,110-25.7,139.1-46.3c28.9,9.1,60.1,14.3,92.9,14.3c141.4,0,256-93.1,256-208 S397.5,0,256.1,0z M256.1,368c-26.7,0-53.1-4.1-78.4-12.1l-22.7-7.2l-19.5,13.8c-14.3,10.1-33.9,21.4-57.5,29 c7.3-12.1,14.4-25.7,19.9-40.2l10.6-28.1l-20.6-21.8c-18.1-19.3-39.8-51.2-39.8-93.4c0-88.2,93.3-160,208-160s208,71.8,208,160 S370.8,368,256.1,368z"/></svg>') no-repeat 0 50%;background-size:1.5rem;letter-spacing: .1rem !important; font-weight: bold; text-transform: uppercase; } #k_hilf_kont { margin-bottom: 1rem; font-size: 1rem; } #k_hilfecenter > a:hover { color: var(--theme-accent-dark)!important; } #k_hilfecenter > a#k_hilf_tel { background-image: 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 320 512" style="enable-background:new 0 0 320 512;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3C;}</style><path class="st0" d="M272,0H48C21.5,0,0,21.5,0,48v416c0,26.5,21.5,48,48,48h224c26.5,0,48-21.5,48-48V48C320,21.5,298.5,0,272,0z  M160,480c-17.7,0-32-14.3-32-32s14.3-32,32-32s32,14.3,32,32S177.7,480,160,480z M272,372c0,6.6-5.4,12-12,12H60 c-6.6,0-12-5.4-12-12V60c0-6.6,5.4-12,12-12h200c6.6,0,12,5.4,12,12V372z"/></svg>'); background-size: 1rem; line-height:normal; } #k_hilfecenter .service_wrapper { background: var(--theme-light); padding: 1.5rem 1.5rem 1rem 1.5rem; margin-right:-1.5rem; margin-left:-1.5rem; } #k_hc_wrapper:hover #k_hilfecenter { display: block; } #k_hilfecenter .service_wrapper #men_3 ul { display: flex; flex-wrap: wrap; padding: 0; } #k_hilfecenter .service_wrapper #men_3 ul li { width:49%; margin: 0 2% 2% 0; padding:0; transition: all 0.5s; } #k_hilfecenter .service_wrapper #men_3 ul li:nth-child(2n) {margin-right:0;} #k_hilf_tel span {font-size: .8rem; color: var(--theme-dark); font-weight: normal;letter-spacing: 0;text-transform: none;} .service_wrapper > * { display: block;} .service_wrapper nav[id^="men_"] {width: 100%;} .service_wrapper nav[id^="men_"] li a {width:100%; height: 3rem; line-height: 3rem; padding: 0 1rem; transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -webkit-transition: color .3s; background: white url(/img/picture-navigation-r.svg) no-repeat 100% 50%; background-origin: content-box; background-size: auto 11px; border: 1px solid rgb(204,204,204); border-radius: 0; display: inherit;color: var(--theme-text)!important; letter-spacing:.1rem; text-transform: uppercase; font-size: .7rem!important; font-weight: bold; } .service_wrapper nav[id^="men_"] li a:hover {background-color:rgb(221,221,221);} #k_title ul li .service_wrapper ul {width:100%;} #k_hilfe_c:before, #k_hilfe_c span, #k_hc_wrapper:hover #k_hilfecenter {display:none;} /*Service - Seiten - Ende*/ .startbox p { text-align: left; hyphens: auto; } .wrapper { position:relative; z-index:1; } .wrapper section.top_section { padding: 0 1rem; z-index: 1; position: relative; } .wrapper section.header_text { background-color: var(--theme-white); padding: 1rem 0; margin-bottom: 1rem; } .wrapper section.split_layout { padding: 0 0 2rem 0; } .wrapper section.foot_slider .slider .swipe .bordered_content img { max-height: 100%; max-width: 100%; } /*.wave_divider { background-image: url('data:image/svg+xml,<svg width="100%" height="200px" viewBox="0 0 1280 140" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><g fill="%23fcfcfc"><path d="M0 140h1280C573.08 140 0 0 0 0z"/></g></svg>'); background-size: 100% 200px; bottom: 0; height: 200px; z-index: 0; transform: rotateY(180deg); }*/ .wrapper .text { text-align: left; padding: 0 1rem; } .wrapper .title { padding: 0 1.5rem; text-align: center; margin-bottom: 1rem; } .wrapper h1.bordered_title, .wrapper h2.bordered_title { width: fit-content;margin: auto; position: relative; text-transform: uppercase; } .wrapper h1.top_border::after, .wrapper h2.top_border::after { position: absolute;background-color: var(--theme-accent-dark); width: .15rem; height: 1em; top: 0; left: -.5rem;} .wrapper h1.top_border::before, .wrapper h2.top_border::before { position: absolute;background-color: var(--theme-accent-dark); width: 3rem; height: .15rem; top: 0; left: -.4rem;} .wrapper h1.bottom_border::after, .wrapper h2.bottom_border::after { position: absolute;background-color: var(--theme-accent-dark); width: .15rem; height: 1em; bottom: 0; right: -.5rem;} .wrapper h1.bottom_border::before, .wrapper h2.bottom_border::before { position: absolute;background-color: var(--theme-accent-dark); width: 2rem; height: .15rem; bottom: 0; right: -.5rem;} .wrapper .bordered_content { border: 8px solid var(--theme-white);box-shadow: 1px 1px 3px rgb(0 0 0 / 30%); max-width: 100%; } .wrapper .slider { width: 100%;height: 600px; max-height: 100%;margin: auto; font-size: 1em; letter-spacing: .01em; } .wrapper .slider { position: relative;} .wrapper .swipe { position: relative; width: 100%; height: 100%;background: var(--theme-light); overflow-x: hidden;} .wrapper .panel { position: absolute; width: 100%; min-height: 100%; top: 0; left: 0; padding: 1rem; margin: auto;display: flex;align-items: center;justify-content: center; } .wrapper .panel iframe { z-index: 6; } .wrapper .panel h3 { font-size: 1.5rem; color: var(--theme-white); background: rgba(0, 0, 0, 0.3); padding: 1rem 2rem 2rem 2rem; line-height: normal; margin-top: -9rem; } .wrapper .panel h3 span { display: block; margin-top: 1rem; } .wrapper .panel h3 span a { font-size: 1rem; color: var(--theme-white); text-align: center; text-decoration: none; line-height: normal; display: block; text-align: left; } .wrapper .left { left: -100%; } .wrapper .right { left: 100%; } .wrapper .info { position: absolute; width: 100%; pointer-events: none; z-index: 7; } .wrapper .info .inner { display: none; } .wrapper .inner { position: relative; padding: 2rem 6rem; background: var(--theme-white); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .wrapper .info:before { position: absolute; width: 65%;height: 80%;top: 0;left: 0;-webkit-transform: translate(-10px, -10px);-ms-transform: translate(-10px, -10px);-o-transform: translate(-10px, -10px);transform: translate(-10px, -10px);background: #faf8f5;background: #faf8f5;} .wrapper .buttons { width: 100%; position: absolute; bottom: 1rem; pointer-events: all; } .wrapper .buttons button { transition: ease .4s; } .wrapper .btn-prev, .wrapper .btn-next {width: 60px;height: 60px; border: none; outline: none;border-radius: 60px; padding: 1rem; background: -webkit-linear-gradient(top, #fcf8f2, #faf8f5);background: linear-gradient(to bottom, #fcf8f2, #faf8f5); box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, .2);cursor: pointer; color: var(--theme-text); font-size: 1.25rem; } .wrapper .buttons button:disabled { box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, .2); background: rgba(0,0,0,0.01); cursor: default; color: #fff; display: none; } .wrapper .btn-next { float: right; margin-right: 1rem; } .wrapper .btn-prev { float: left; margin-left: 1rem; } .containerfs_row { display: flex; flex-wrap: wrap; background-color: rgba( 0,0,0,0.035); margin-bottom: 1.5rem; } .mainfs_img { width: 100%; margin: 0; } .mainfs_img img { margin-left: 0; width: 100%;} .imgfs_fit { object-fit: cover; height: 100%; object-position: 50%; } .mainfs_txt { width: 100%; padding: 1rem; } .textfs { padding: 1rem; position: relative; } .textfs h1 { margin: 0 0 .5rem 0; font-size: 1.25rem; } .textfs h2 { font-size: 1rem; font-weight: bold; margin-top: 0; } .textfs p { margin: 0 0 1rem 0; text-align: left; hyphens: auto; font-size: 1rem; } .textfs ul li { list-style: square; margin: 0 1rem .2rem 2rem; text-align: left; hyphens: auto; } .textfs ol li { list-style-type: decimal; margin: 0 1rem .2rem 2rem; text-align: left; hyphens: auto; } .textfs li { padding: .1rem .5rem; } .mainfs_txt ol { padding: 0; } .textfs ul.none li { list-style: none; margin: 0; padding-right: 0; } .htm_include .card picture > img { width: 100%; display: block; } 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; } .art_box { border: var(--theme-divider)!important; } 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; } iframe[name="google_conversion_frame"] { height: 0!important; } #___ratingbadge_0 { z-index: 1!important; } .footer_menu_cont { background-color: var(--theme-light); } .footer_mob_off { display: block; } .footer_menu { display: grid; grid-template-columns: auto; grid-gap: 1rem; max-width: 1500px; margin: auto; padding: 1rem 1.5rem; } .footer_menu div { padding: 0; } .footer_menu p { font-weight: bold; padding-bottom: 5px; padding-top: 5px;} .footer_menu ul li {padding-bottom: 5px; padding-top: 5px; border-top: 1px solid rgba(0,0,0,0.1); } .footer_menu ul li:after { content: '›'; float: right; font-size: 1rem; margin-right: .5rem; } .footer_brands_content { display: grid; padding: 0!important; grid-template-columns: 1fr; } .footer_brands_content ul { margin-top: 0; margin-bottom: 0; } .footer_menu ul li a:hover { color: var(--theme-accent-dark); } .inp_wrapper[data-name*="widerruf_"] { width: 100%; } .inp_wrapper[data-name*="widerruf_"] input { width: 100%; max-width: 24rem; } input[type="number"] { max-width: 12rem; }
@media (min-width: 576px) { #k_icons > div > .shBagInh { right: 0; } #k_title ul li:nth-child(3) { display: block; } #k_sale { position: static; } #k_icons { width: 14rem; } .foot_infos { overflow: auto; margin-bottom: 0; text-align: left; } .foot_infos .foot_ueb { display: block; } .foot_infos > ul { width: 50%; min-height: 13rem; } .foot_infos #info_zahl { justify-content: start; } .foot_infos #info_zahl img { margin: 0 1rem 1rem 0;} .foot_infos .foot_ueb:empty { display: block; } .foot_infos ul.soc li a { margin: .5rem 1rem 1rem 0; } .sm-hide { display: none; } .sm-block { display: block; } tr.sm-block { display: table-row; } body { --padding: 1rem; } ul.se { grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr)); } }
@media (min-width: 768px) { .shopHeader { position: relative; } .max-cont { width: max-content; margin: 0 auto; display: block !important; } html { scroll-padding-top: 2rem; } h1 { font-size: 1.7em; } h2 { font-size: 1.5em; } h3 { font-size: 1.25em; } .textfs h1 { font-size: 1.5rem; } #k_title { z-index: 101; } #k_title ul li:nth-child(2) { display: block; } .k_ausrichter { display: block; } #kopf_top_line { position: relative; box-shadow: none; } #kopf_top_line.box-shadow {box-shadow: var(--shadow-elevation-medium); } #kopf_top_line_inner { height: 4rem; } #k_logo { width: 13rem; } #k_icons { width: 16rem; } #k_lupe_2, #k_merk, #k_account, #k_wk, #powermenue-schalter { height: 4rem; width: 3rem; margin-left: 0.5rem; background-size: 2rem; } #k_icons > div > .shBagInh { position: absolute; left: unset; right: calc(var(--padding) * -1); top: 2.8rem; width: calc(100vw - calc(var(--padding) * 2)); } #k_icons > #k_account > .shBagInh { right: calc(var(--padding) * -1); } #k_icons > #k_wk > .shBagInh, #k_icons > #k_merk > .shBagInh { width: 30rem; } #k_icons > #k_account > .shBagInh { width: 17rem; } ul.alt-list { max-height: 38rem; } #shopMain { margin-top: 0; } .foot_infos > ul { width: 33.33%; float: left; min-height: 12rem; 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; } .footer_brands_content { grid-gap: 3%; grid-template-columns: 1fr 1fr; } #user-feedback-wrapper { top: 6rem; z-index: 200; } .md-hide { display: none; } .md-block { display: block; } tr.md-block { display: table-row; } #k_hilfe_c:before, #k_hilfe_c span, #k_hc_wrapper:hover #k_hilfecenter { display: block; } .advent_tooltipp { width: 80%; left: 10%; top: 2rem; } .startbox p { text-align: justify; hyphens: unset; } .wrapper .panel h3 { font-size: 2.5rem; } .wrapper .panel h3 span a { font-size: 1.25rem; } .wrapper .text { text-align: justify; } }
@media (min-width: 992px) { html { scroll-padding-top: 7rem; } #k_title ul li:nth-child(4) { display: block; } #k_logo { width: 14rem; } #kopf_top_line { position: sticky; box-shadow: none; } #kopf_bottom_line { position: sticky; top: 5rem; } #kopf_top_line_inner { height: 5rem; } #suchbox { display: flex; width: 30%; align-items: center; } #k_lupe_3 { width: 100%; } #k_lupe_3 input#menSuchStr { width: 100%; max-width: 100%; padding: 0.8rem 1rem;background-color: rgb(40,40,40); } #k_lupe_3 > div.lupe { background: rgb(255,255,255) url(/img/search.svg) no-repeat 97% 50%; } #h-ps-filter-toggle, #h-ps-close, #k_lupe_2 { display: none; } #shopLayer.suche-offen #k_logo, #shopLayer.suche-offen #k_icons { display: flex; } #shopLayer.suche-offen #suchbox { width: 50%; } .footer_menu { grid-template-columns: auto auto; } .foot_infos > ul { width: 25%; } .foot_infos ul.soc, .foot_infos ul.pay { width: 50%; } .foot_infos ul.soc { justify-content: end; } .foot_infos ul.pay { justify-content: start; } .lg-hide { display: none; } .lg-block { display: block; } tr.lg-block { display: table-row; } .advent_tooltipp { width: 64%; left: 18%; top: 2rem; } #shopLayer .shop_tab_mitte.se_m_banner { grid-template-rows: auto auto 3.5rem 1fr auto auto; grid-template-areas: "banner banner" "breadcrumb breadcrumb" "filter sort" "filter items" "pagination pagination" "unten unten"; } .mainfs_img, .mainfs_txt { width: 50%; } .datenschutz-grid { grid-template-columns: 1fr 1fr!important; } .wrapper .info .inner { display: block; } .wrapper .info .inner h2, .wrapper .info .inner h3 { margin-top: 0; font-size: 1.25rem; } .wrapper .slider { width: 70%; height: 600px; padding: 1rem; } .wrapper section.foot_slider { padding: 0 1rem; } .wrapper .info { width: 60%; bottom: 0; right: 0; } .blog_vorschau { width: 32%; } .blog_vorschau:nth-child(2n) { margin-right: 2%; } .blog_vorschau:nth-child(3n) { margin-right: 0; } }
@media (min-width: 1200px) { #k_men_zeile { height: 3rem; } #k_logo { width: 15rem; } #k_title ul { max-width: var(--header-width); } .k_ausrichter, .ausrichter { max-width: var(--header-width); margin: 0 auto; } #suchbox { width: 50%; } .foot_infos > ul { width: 20%; } .xl-hide { display: none; } .xl-block { display: block; } tr.xl-block { display: table-row; } .footer_brands_content { grid-template-columns: 1fr 1fr; } .footer_menu { grid-template-columns: auto auto auto; } .advent_tooltipp { width: 50%; left: 25%; top: 2rem; } .wrapper .info { width: 70%; bottom: -2rem; right: -9rem; } .wrapper .slider { margin-bottom: 4rem; } }
@media (min-width: 1400px) { #k_logo { width: 16rem; } .xxl-hide { display: none; } .xxl-block { display: block; } tr.xxl-block { display: table-row; } }
@media (min-width: 1600px) { .ausrichter { padding: 0; } .xxxl-hide { display: none; } .xxxl-block { display: block; } tr.xxxl-block { display: table-row; } }
/* ### htm ### */
.grid-2, .cat_grid .grid-2 { display: grid; grid-template-columns: 1fr; grid-gap: var(--padding); } .grid-6, .grid-4 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: var(--padding); } .center { text-align: center; } .row-span-2 { grid-row: span 2; } .col-span-2 { grid-column: span 2; } .grid-2 .row-span-2 { grid-row: span 1; } .grid-2 .col-span-2 { grid-column: span 1; } .card .text1 { position: absolute; bottom: 10%; right: 0; display: inline-block; background-color: rgba(0,0,0,.5); font-size: 1.25rem; padding: 0.5rem 1rem; color: var(--theme-white); font-family: 'Header-Font'; } .card .text1 + picture:after { content: " "; position: absolute; bottom: 0; left: 0; right: 0; background-color: var(--theme-text); height: 0.4rem; display: none; } .grid-1 .card .text1 { font-size: 2rem; bottom: 40%; right: 0; border-radius: 0; } .grid-1 img { display: block; width: 100%; } .grid-1 .card .text1a { display: block; font-size: 1.25rem; text-align: right; } .grid-2 .card span.text1 { right: 1.5rem; left: auto; z-index: 2; padding: 1rem; } .grid-2 .card img { display: block; width: 100%; } .grid-2 .card span.text1 h2 { color: var(--theme-white); margin: 0; } .card img.picover { position: absolute; top: 1.5rem; right: 1.5rem; width: 60%; padding: 1rem; background-color: var(--theme-black); } .cat_grid.grid-3, .cat_grid.grid-6 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: var(--padding); } .htm_include.hersteller .cat_item { border: var(--theme-divider); } .htm_include.hersteller .cat_item .grid-txt { width: 100%; background: rgba(0,0,0,.05); bottom: 0; } .htm_include.hersteller .cat_item figcaption h2 { color: var(--theme-text); } .htm_include.hersteller .cat_grid .cat_item img { width: 95%; display: block; margin: 1rem auto 0 auto; } .htm_include.hersteller .cat_grid .cat_item .overlay { display: none; } .htm_include.hersteller .cat_item:hover img { transform: unset; } #faq_loesung .faq { background-color: var(--theme-light); padding: var(--padding); margin: 1rem 0; border: var(--theme-border); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-low); } #faq_loesung .faq_title { font-weight: bold; color: var(--theme-accent-medium); } #faq_loesung .faq_text { padding-left: 1rem; } #faq_start { margin-top: 2rem; } .faq_wrapper { margin-bottom: 2rem; } .special { padding: 1rem 0; background-color: var(--theme-light); margin-bottom: 2rem; } .ausrichter p { text-align: left; } .starttext h1, .starttext h2 { text-align: left; } .start_box h2 { text-align: left; } .html_herst_liste { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 0.2rem; } .html_herst_liste_box { text-align: center; background-color: var(--theme-medium); color: var(--theme-text); border-radius: var(--theme-radius-small); padding: .5rem 1rem; } .html_herst_liste_box:hover { background-color: var(--theme-accent);} .alle_her_box { overflow:hidden; border: var(--theme-border); background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); margin-bottom: 2rem; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; padding: 1rem; } .he_first { background-color: var(--theme-medium); color: var(--theme-text); border-radius: var(--theme-radius-small); padding: .5rem 1rem;} .faq_wrapper details { margin-bottom: var(--padding); } .faq_wrapper details[open] summary { border-bottom: var(--theme-divider); padding-bottom: var(--padding); } .faq_wrapper details p { font-style: italic; } .htm_include nav ul li a.alvl_1 {font-size: 1rem;padding: .5rem;display: block; background-color: var(--theme-light); white-space: nowrap;} .htm_include nav ul li > div {margin-bottom:2rem;} .htm_include nav .lvl_1 {width: 100%; } .htm_include nav .lvl_1 > li {list-style:none;margin-bottom: .15rem;} .htm_include nav .lvl_1 > li.head {font-size:1.25rem; padding: .5rem; background-color: var(--theme-accent-light); margin-bottom: .15rem ;} .htm_include nav ul li a {line-height: 1.5rem; color: var(--theme-text); } .htm_include nav ul li.active a { background-color: var(--theme-accent-light); color: var(--theme-text); } .htm_include nav ul li a:hover { color: var(--theme-text-hover); } .htm_include p a, .start_text p a, .banner_suchergebnis p a, .htm_include tr td a, .htm_include form label a, .htm_include ul.mleft li a { color: var(--theme-black); border-bottom: 1px dotted var(--theme-black); } .htm_include p a:hover, .start_text p a:hover, .banner_suchergebnis p a:hover, .htm_include tr td a:hover, .htm_include form label a:hover, .htm_include ul.mleft li a:hover { color: var(--theme-text-hover); border-bottom: 1px dotted var(--theme-text-hover); } .htm_include p a.button { color: var(--theme-white); } .start_text p { font-size: 1.15rem; } .start_text p a { font-size: inherit; } .flex-box .flex-menu nav ul { margin: 0; } .flex-box .flex-menu nav ul li h1 { margin: 0; font-size: 1.5em; } .flex-box .flex-content { width: 100%; } .flex-box .flex-content img.full { margin: 0; } .start_service {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;background-color: var(--theme-light);padding: 1rem;margin: auto;box-sizing: border-box;} .start_service div {width: 100%;height: 100%;padding: 5.5rem 0 1rem 0;background-position: 50% 1rem; background-size: 4rem; background-repeat: no-repeat; } .start_service div.box1 {background-image: url(/img/bg-merkliste.svg); } .start_service div.box2 {background-image: url(/img/bg-merkliste.svg); } .start_service div.box3 { background-image: url(/img/bg-merkliste.svg); } .start_service span { width: 100%;display: block;padding: .2rem;box-sizing: border-box;text-align: center; color: var(--theme-text); } .start_service span.tex1 { font-size: 1.25rem;letter-spacing: 0.10em;text-transform: uppercase;color: var(--theme-black); } .start_service span.tex2 { font-size: 1rem; } .faq_url_gruppe { font-size: 1.25rem; text-align: left;border-bottom: var(--theme-divider); padding-bottom: 1rem; } .faq_url_frage { font-size: 1rem; display: block;padding-left: 1.5rem;position: relative;transition: 0.4s;} .faq_url_frage:hover { color: var(--theme-text-hover); } .faq_url_frage_aktiv { font-size:1.15rem; color: var(--theme-text-hover); font-weight: bold; padding: 1rem; background-color: var(--theme-light); } .faq_url_gruppe, .faq_url_frage { margin-bottom: 1.25rem; color: var(--theme-text); } .faq_url_gruppe:hover, .faq_url_frage:hover { } .faq_url_frage_aktiv { margin-bottom: 0; } .faq_url_antwort { margin-bottom: 2rem; padding: 0; } .faq-abstand { width:100%;height:2rem; } .faq_url_antwort a { color: var(--theme-accent); } .faq_url_antwort a:hover { color: var(--theme-text-hover); } .faq_url_antwort ul { margin-top:1rem; } .faq_url_antwort ul li { line-height: 1.5rem; list-style: disc; margin: .5rem 0 .5rem 2rem; } .faq_url_antwort ul.se.list_se { max-width:100%; } .faq_url_antwort ul li.art_box { list-style:none; margin: 1% 2% 1% 0; } .faq_url_antwort ul li.art_box:nth-child(3n) { margin-right:0; } .faq_url_antwort p { margin:0 0 1rem 0; line-height: 1.5rem; } .faq_url_antwort h3 { margin-top:2rem; } .faq_url_frage:before { display:inline-block; content:''; width:1.5rem; height:1.25rem; background:url(/img/pfeil_down.svg) no-repeat 0 80%; background-size: 1rem;position: absolute;left: 0;} .faq_url_frage.faq_url_frage_aktiv:before { display:none; } .faq .button-group { grid-template-columns: 1fr; margin-bottom: 2rem; } .start_zeit { background-color: var(--theme-accent); padding: 1rem!important; text-align: center; } .flexbox { display:flex; justify-content: center; flex-wrap: wrap; } .flexbox.space { justify-content: space-between; } .flexbox a.box { display:block; width:100%; padding:1rem; box-sizing:border-box; margin-bottom: 1rem; } .flexbox.nowrap { flex-wrap: nowrap; } .flexbox .box100 { display:block; width:100%; padding:1rem 2rem; box-sizing:border-box; } .flexbox .box30 { display:block; width:100%; padding: 1rem; box-sizing:border-box; } .flexbox .box40 { display:block; width:100%; padding: 1rem; box-sizing:border-box; } .flexbox .box50 { display:block; width:100%; padding: 1rem; box-sizing:border-box; } .flexbox .box60 { display:block; width:100%; padding: 1rem; box-sizing:border-box; } .flexbox .box70 { display:block; width:100%; padding: 1rem; box-sizing:border-box; } #html-blog .grid-4 { grid-template-columns: 1fr; } .blog_vorschau h2 { overflow: hidden; text-overflow: ellipsis; font-size: 1.25rem; } .blog_vorschau h3 { font-size: 1rem; padding: 0 1rem; } .blogtext a { color: var(--theme-link); } .blogtext .mehr { text-decoration: underline; text-decoration-color: var(--theme-accent-dark); text-decoration-thickness: 2px; transition: all 0.5s; } .blogtext .text h2 { height: auto; } .blog_archiv { background: var(--theme-dark); padding: 1.5rem; border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); margin-bottom: 1rem; } .blog_archiv_ul { margin: .5rem 0 0 0; } .blog_vorschau.card { padding: .5rem 1.5rem; border: var(--theme-divider); } .flex-blog-archiv.card .blog_vorschau.card { padding: 0; box-shadow: unset; border: unset; } .blog_archiv_news_ul { display: grid; grid-gap: var(--padding); grid-template-columns: 1fr; } .blog_archiv h3 { margin: 0; } .blog_archiv_ul li { margin-left: 1rem; } .blog_archiv_ul li a:hover, .blog_zuruck a:hover, .blogtext .mehr:hover { color: var(--theme-accent-dark); } #blog1 { display: flex; flex-wrap: wrap; } #html_blog p, #html_blog h2 {text-align: left; hyphens: auto; padding: 0 1rem;} #html_blog p a:hover{color: rgb(100,100,100); text-decoration: none;} #html_blog a h1:hover, #html_blog a h2:hover{color: rgb(185,160,90)!important;} .blog_vorschau span.mehr {color: rgb(185,160,90);} .blog_vorschau span.mehr:hover {text-decoration: underline; color: rgb(185,160,90);} .blog_vorschau { width: 100%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2); padding: 0; margin-bottom: 1rem; transition:all 0.5s;-webkit-transition:all 0.5s;} .blog_vorschau a { color: var(--theme-text); } .blog_vorschau h2 { margin-top: 1rem; } .blog_vorschau img {transition:all 0.5s;-webkit-transition:all 0.5s;} .blog_vorschau:hover {transform: translate(0px, -5px);opacity:1 !important;} .blog_vorschau img:hover {-webkit-filter: brightness(1.1);filter: brightness(1.1);} #html-blog span.text1 { position: absolute; width: 80%; text-align: center; color: var(--theme-white); font-size: 1rem; padding: 1rem 0; bottom: 1.5rem; left: 0; right: 0; margin: auto; background: rgba(0, 0, 0, 0.5); text-transform: uppercase; font-family: 'Header-Font';} #html-blog .button { display: block; width: max-content; margin: 2rem auto; } #bewertungen .auto-style2 { border-bottom: var(--theme-divider); } #bewertungen .auto-style2 img { display: block; width: 200px; max-width: 200px !important;margin-right: 1rem; } #bewertungen table.auto-style2 tr {display: flex;flex-wrap: wrap;} #bewertungen .flex-container {display: flex;align-items: stretch; flex-wrap: wrap; justify-content: space-between; } #bewertungen .flex-container > div { width: 100%; margin: 1rem 0; border: var(--theme-divider);background-color: var(--theme-light);padding: 1rem;text-align: center;} #bewertungen .rat_eine { padding: 1rem 0; } #bewertungen .aa_rating_note { margin-left: .25rem; } #bewertungen .aa_rating_text { font-size: 1rem; } #bewertungen .aa_rating_titel { font-weight: bold; } #bewertungen .aa_rating_typen { opacity: .5; } #bewertungen .rat_eine img { display: inline; width: 1rem; margin-right: 0; } #bewertungen .rat_balken_hint {background: var(--theme-white);width: 6rem;display: block;height: 1rem;} #bewertungen .rat_balken { background:#EDB429; height: 1rem; } .htm_include { padding: 1rem 0!important; margin-bottom: 2rem; } /* Hover Line */ .border_4fs { display: inline-block; vertical-align: middle; transform: perspective(1px) translateZ(0); position: relative; } .border_4fs:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity .3s,transform .3s; transform-origin: 100% 0; } .border_4fs:hover:before, .border_4fs:focus:before, .border_4fs:active:before { opacity: 1; z-index:100; } .ban4frasche { margin: 1.5rem 0 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; } .ban4frasche .no_mobile { display: none; } .ban4frasche img { margin: 0; height: auto; width:100%; max-width: 100%; } .ban4frasche a { width: auto; height: auto; margin:0; display: block; margin-right: 1px; } .ban4frasche a:last-child, .ban4frasche a:nth-child(3) { margin-right: 0; } .ban4frasche a:hover { filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.4)) brightness(1.0) contrast(1.0); transform: translate(0px, 8px); } /* Category Grid*/ .cat_grid, .start_cat_grid { display: grid; grid-template-columns: auto auto; grid-gap: 1rem; width: 100%; } .grid_2_col { grid-template-columns: auto; } .grid_4_col { grid-template-columns: auto auto; } .start_2 a, .start_3 a, .start_4 a, .start_6 a { width: 100%; } .start_6 .start_cat_grid .cat_item a, .start_2 .start_cat_grid .cat_item a, .start_4 .start_cat_grid .cat_item a { width: 100%; margin: 0;} .grid-2 p { text-align: left; } .cat_item { position: relative; } .cat_grid .cat_item img { width: 100%; } .cat_item { transition: all .2s ease-in-out; } .cat_item img { transition: all .6s ease-in-out; opacity: 1; transition: opacity 0.35s, transform 0.35s; backface-visibility: hidden; } .cat_item:hover img { transform: scale(1.02); } .cat_item:hover { box-shadow: 0px 3px 32px -5px rgba(0, 0, 0, 0.8); } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: var(--theme-white); } .overlay:before {content: ""; position: absolute; top: 1rem; right: 0; bottom: 1rem; left: 0; border-top: 1px solid rgba(255, 255, 255, .8); border-bottom: 1px solid rgba(255, 255, 255, .8); transform: scale(0, 1); transform-origin: 0 0; transition: opacity 0.35s, transform .35s; margin: .25rem; } .overlay:after { content: ""; position: absolute; top: 0; right: 1rem; bottom: 0; left: 1rem; border-right: 1px solid rgba(255, 255, 255, .8); border-left: 1px solid rgba(255, 255, 255, .8); transform: scale(1, 0); transform-origin: 100% 0; transition: opacity 0.35s, transform .35s; margin: .25rem; } .overlaynone .overlay {display: none;} .cat_item:hover .overlay:before, .cat_item:hover .overlay:after { opacity: 1; transform: scale(1); } .cat_item > a { display: block; } .cat_item figure { margin: 0; position: relative; } .cat_item figure figcaption, figcaption h2 { color: var(--theme-white); text-transform: uppercase; font-size: 1.25em; backface-visibility: hidden; font-weight: normal; } .cat_item figcaption:before, .cat_item figcaption:after { pointer-events: none; } .border .cat_item { border: var(--theme-divider); } .grid-txt { position: absolute; width: 80%; text-align: center; color: var(--theme-white); padding: 1rem 0; bottom: 1.5rem; left: 0; right: 0; margin: auto; background: rgba(0, 0, 0, 0.5); } figcaption h2 { margin: 0; font-size: .9rem; letter-spacing: 0; } figure figcaption h2:after { border-bottom: 1px solid var(--theme-medium); margin: 0 auto; content: ""; display: block; margin: 0 auto; width: 40%; padding-top: 3px; } figure figcaption h2 span { font-weight: bold; font-size: 1.25rem; } figure figcaption p { margin: 0; padding-top: .25rem; text-transform: none; font-size: .8em; text-align: center; } .start_cat_grid .cat_item:hover img, .grid-2 .cat_item:hover img { transform: scale(1.0); } .start_cat_grid .cat_item figure figcaption * { color: var(--theme-white); text-transform: uppercase; font-weight: normal; } .start_cat_grid .overlay:before, .grid-2 .overlay:before { top: 1rem; bottom: 1rem; margin: .25rem; } .start_cat_grid .overlay:after, .grid-2 .overlay:after { right: 1rem; left: 1rem; margin: .25rem; } .start_cat_grid.grid-6 { margin-bottom: 1rem; } .start_kat .box { display:flex; background-color: var(--theme-light); padding:0 0 1rem 0; flex-wrap: wrap; justify-content: center; } .start_kat .box a { width:50%; display:block; background-size: 50% auto; background-position: 50% 20%; background-repeat: no-repeat; position:relative; text-align:center; padding:1em; } .start_kat .box a span { width: 100%; bottom: 0; text-align:center; } .her4frasche { display: flex; flex-wrap: wrap; width: 100%; transition: all 0.5s; filter: brightness(100%); margin-bottom: 1rem; } .her4frasche a:nth-child(2n) { margin-right:0; } .her4frasche img {width:80%;height:auto;padding: 5% 10%;} .her4frasche a { width: 49%; height: auto; text-align: center; margin:0 1% 1% 0; display: block;position: relative; background: rgb(245,245,245); filter: grayscale(100%);} .her4frasche a:hover { filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.4)) brightness(1.0) contrast(1.0); transform: translate(0px, -5px); } .start_her .button { display: block; width: 100%; margin: 0 auto; } .start_service { display:flex; flex-wrap: wrap; width:100%; justify-content:space-between; background-color: var(--theme-light); padding: 1rem; margin: auto; } .start_service div {width: 100%;height:100%;padding: 5.5rem 0 1rem 0;} .start_service div.box1 {background:url(/img/icon_kundenbewertung.png) no-repeat 50% 1rem;background-size:4rem;} .start_service div.box2 {background:url(/img/icon_zertifiziert.png) no-repeat 50% 1rem;background-size:4rem;} .start_service div.box3 {background:url(/img/icon_versand.png) no-repeat 50% 1rem;background-size:4rem;} .start_service span {width:100%;display:block;padding:.2rem;box-sizing:border-box;text-align: center;} .start_service span.tex1 { font-size: 1.2rem; font-family: 'Header-Font'; letter-spacing: 0.10em; text-transform: uppercase; } .start_service span.tex2 { font-size:1rem; } .start_text_container {max-width: 100%;margin-left: auto;margin-right: auto;clear: both;padding-top: 1%;padding-bottom: 1%;} .start_text_container2 {max-width: 100%!important;} .start_text_container .title h2 {text-align: left;} .text_block img {vertical-align: middle;} .text_block img.left {float: left;} .text_block img.right {float: right;} .text_block p, .text_block a { line-height: 1.75rem; } .text_block li { margin-bottom: .5%; } p.h2_sub { font-size: 1.15rem; text-align: left; font-style: italic; margin: 0; } h2.subbed { margin-bottom: .5%; } .last_text_container { border-bottom: 1px dotted var(--theme-medium); } .start_box ul.se { grid-template-columns: auto auto; } /* Übersicht */ .htm_include.uebersicht nav ul li a.alvl_2 { font-size: 1.1rem; padding: .5rem 0; display: block; } .htm_include.uebersicht nav ul li > div {margin-bottom:2rem;} .htm_include.uebersicht nav .lvl_1 { column-count: 3; column-gap: 2em; } .htm_include.uebersicht nav ul li a:hover {color: var(--theme-accent-dark);} .htm_include.uebersicht h1 {text-align: center;} .htm_include.uebersicht nav ul li a.alvl_2:hover { background-color: var(--theme-accent-dark); color: var(--theme-white)!important;} .htm_include.uebersicht nav .lvl_1 { column-count: 1; column-gap: 0; } .htm_include.uebersicht ul li { list-style: none; margin: 0 1rem 1rem 1rem; background: var(--theme-light); text-align: center;box-shadow: 0 8px 8px -8px rgba(0,0,0,0.5);} .htm_include.uebersicht nav .lvl_1 > li {width: 100%;} .htm_include.uebersicht nav ul li a.alvl_1 { color: var(--theme-white); font-weight: normal; margin-bottom: 1rem; background-color: var(--theme-dark); font-size: 1.25rem; padding: .5rem 0; display: block;} .htm_include.uebersicht nav ul li a.alvl_1:hover { background-color: var(--theme-accent-dark)!important;} .htm_include.uebersicht ul {margin-left: -1rem;} .bg_frasche { margin-top: 1rem; padding: 1rem; display: block; background: var(--theme-white); border: var(--theme-divider); } .bg_frasche2 { margin: 1rem 0; padding: 1rem; display: block; background-color: var(--theme-light); } .bg_frasche h4 { margin: 0; } .trusted { display:flex; justify-content:space-between; margin: 0;} .trusted-pic { padding: 1rem; transition:all 0.5s; width: max-content; margin: 0 auto; } .trusted-pic img { height:9rem; width: 9rem; } .banfrasche a:hover, .trusted-pic:hover { filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.4)) brightness(1.0) contrast(1.0); -webkit-filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.4)) brightness(1.0) contrast(1.0); transform: translate(0px, -8px) !important;} .bg_black { background-color: var(--theme-black); color: var(--theme-white); padding: 1rem; margin: 1.5rem 0; } .bg_black h1 { color: var(--theme-white); margin: 0; } .bg_black p { color: var(--theme-white); } .bg_banfrasche_or h1, .bg_banfrasche_or h2, .bg_banfrasche_or h3 { margin: 0; color: var(--theme-white);} .bg_banfrasche_or { text-transform: uppercase; text-align: center; padding: 1rem 0; background-color: var(--theme-accent-dark); margin-bottom: 2rem;} .bg_banfrasche_or.grey { background-color: var(--theme-light); } .bg_banfrasche_or.grey h2 { color: var(--theme-text); } .bg_banfrasche_or.grey p { margin: 0; } .banfrasche_or a:hover { filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.4)) brightness(1.0) contrast(1.0); } .head_vorg { text-align: center; padding: .5rem 0 .5rem 1rem; background-color: var(--theme-accent-dark); color: var(--theme-white); } .link_red { color: var(--theme-red); font-weight: bold; } .cont_fs { width: 100%; background-color: var(--theme-light); padding: 1rem; display: grid; grid-template-rows: 170px auto; grid-template-columns: auto; grid-gap: 1rem 1rem; justify-items: center; align-items: center; } .grid_item_pic { width: 10rem; height: 10rem; } .grid_item_pic img { width: 100%; } .grid_item_txt { width: 100%; } .grid_item_txt h3 { margin: 0; padding-top: 1rem; } .grid_item_txt p { margin: 0; text-align: left; } .grid_item_txt .linie { border-bottom: 2px solid white; padding-bottom: .5rem; } .wrapper section.header_text { margin-bottom: 2rem; } .image_column { outline: 1px solid rgba(255,255,255,0.5) !important; outline-offset: -1rem!important; line-height: 0; } p.text_top { margin-top: 0; } .inp_wrapper[data-typ="checkbox"] > input, .container_chk input { margin: 0; margin-top: .3rem; height: 1.25rem; width: 1.25rem; } .max950 { max-width: 950px; margin: 0 auto; } #ankaufform form { max-width: 950px; margin: 0 auto; } #ankaufform form input, #ankaufform form label, #ankaufform form textarea, #ankaufform form select { max-width: 100%; } #ankaufform form label { width: auto; max-width: 95%; } input[type="file"]::file-selector-button { border: none; background-color: rgb(0,0,0); padding: 10px 20px; color: var(--theme-white); cursor: pointer; transition: background .2s ease-in-out; box-shadow: 4px 0px 6px -6px rgba(0,0,0,0.5); } .inp_wrapper.bilderupload label { top: -.75rem; } .inp_wrapper.bilderupload:focus-within label { transform: unset; } .handl { width: max-content; margin: 1rem auto; font-size: 1.25rem;font-weight: bold;padding: 1rem; border: var(--theme-divider); background-color: var(--theme-light); } .htm_include.max75 { width: 100%; } .catalog_grid { display:grid; grid-template-columns: 10% 70% 20%;justify-content: center; width: 50%;margin: auto;margin-bottom: 1rem;padding-bottom: .5rem;} .catalog_text h2 { margin: 0; } .catalog_text p { font-style: italic; } .catalog_image { margin-right: .5rem; } .catalog_grid { width: 100%; padding: 0; } .catalog_grid:nth-child(odd) { background-color: var(--theme-white); } .catalog_grid:nth-child(even) {background-color: var(--theme-light);} .catalog_grid:hover { background-color: var(--theme-medium); } .catalog_pdf a { display: block; height: 100%; padding: 1rem; border: var(--theme-divider); background-color: var(--theme-light); box-shadow: 0 8px 8px -8px rgba(0,0,0,0.5); text-align: center;} .catalog_pdf a:hover { background-color: var(--theme-white); } .bg_headline { margin: 0 auto 1rem auto; width: 100%; text-align: center; padding: 1rem; background-color: var(--theme-black); } .bg_headline h2 { margin: 0; color: var(--theme-white); } .bg_headline p { font-style: italic; color: var(--theme-white); } .catalog_pdf span { display: none; } .grid-1 h1.text1 { display: block; padding: .5rem .5rem 1rem .5rem; background: rgba(0,0,0,0.6); width: 100%; text-align: center; bottom:10%!important; position: absolute; font-size: 2rem;text-transform: uppercase;letter-spacing: 0.05em;font-weight: normal;color: var(--theme-white); } .grid-1 hr {margin-left: auto;margin-right: auto;margin-top: .5rem;margin-bottom: .5rem;width: 150px;height: 1px;background-color: var(--theme-white) ;} .text1 .head_txt { font-size: 1.25rem; font-weight: normal; color: var(--theme-accent-dark);} .headline { color: var(--theme-accent-dark);text-align: center;margin-top: 2rem !important;margin-bottom: 0 !important;font-size: 1.8rem !important;} .frame_fs {border: var(--theme-dvider); padding: .5rem;margin: .5rem 0;} .flex_container_fs { display: flex; justify-content: space-between; flex-direction: column; } .flex_container_fs > div { width: 100%; background-color: var(--theme-light); padding: 1rem 1rem 1rem 1.5rem; margin-bottom: 1rem; text-align: center;} .flex_container_fs p { text-align: left; } .flex_container_fs h2 { text-align: left; color: var(--theme-accent-dark); margin-top: 0; } .flex_container_fs h3 { text-align: left; } .flex_container2_fs {display: flex; flex-direction: column; justify-content: center; margin-top: 1rem !important; background-color: var(--theme-light); } .flex_container2_fs > div { width: 100%; padding: 1rem; text-align: center;} .flex_container2_fs > div p { margin: 0; } .zentrierung_fs { width: 80%;position: relative; left: 50%; top: 50%; transform: translate(-50%,-50%); } .flex_container2_fs h2 { text-align: center;margin-top: 0 !important;text-align: center;text-transform: none;letter-spacing: 0;} .flex_container2_fs .rabatt { text-align: center; color: var(--theme-accent-dark); font-size: 2rem; text-transform: uppercase; } .nl-box, .hinweis { padding: 1rem; border: var(--theme-divider); background-color: var(--theme-light); } .hinweis h3 { margin-top: 0; } .wrapper .text { padding: 0; } .wrapper section.foot_slider { margin-bottom: 2rem; } .urail-item { width: 100%; margin: 0 auto; padding: 2rem 0; position: relative; clear: both; } .urail-item:before, .urail-item:after { content: ""; display: table; } .urail-item:after {clear: both;} .urail-item {zoom: 1;} .urail-overview { width: 100%; margin: 0 auto; z-index: 1; position: relative; } .urail-item img {margin: 0 auto; max-width: 100%; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; transition: all 0.3s ease-in-out; } .urail-overlays { width: 98%; height: 100%; position: absolute; top: 0; left: 1%; background: rgba(33, 62, 68, 0); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; z-index: 5; transition: all 0.3s ease-in-out; } .urail-overlays span { display: block; position: absolute; padding: 10px 25px; width: 20%; min-width: 140px; text-align: center; background: rgba(255, 255, 255, 0.9); color: rgba(20, 40, 47, 0.9); font-style: italic; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 10px; } .urail-overlays span img {margin-top: 10px;} .urail-overlays span:nth-child(1) {top: -10%; left: 0;} .urail-overlays span:nth-child(2) {top: 55%; left: 0;} .urail-overlays span:nth-child(3) {top: -10%;right: 0;} .urail-overlays span:nth-child(4) {top: 55%;right: 0;} .urail-item:nth-child(2) .urail-overlays span:nth-child(1) { top: 12%; left: 37%; } .urail-item:nth-child(2) .urail-overlays span:nth-child(2) { top: 32%; left: -5%; } .urail-item:nth-child(2) .urail-overlays span:nth-child(3) { top: 40%; right: -5%; } .urail-overlays span:nth-child(3):after, .urail-overlays span:nth-child(4):after, .urail-item:nth-child(2) .urail-overlays span:nth-child(1):after { left: auto; right: 100%; margin: -16px -16px 0 0; background-image: url(/img/urail_info_left.png); } .urail-overview:hover>.urail-overlays, .urail-overview:hover>.urail-overlays span { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .urail-overview:hover>.urail-overlays span:nth-child(1) {-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;-ms-transition-delay: 0.3s;transition-delay: 0.3s;} .urail-overview:hover>.urail-overlays span:nth-child(2) { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;-ms-transition-delay: 0.4s;transition-delay: 0.4s;} .urail-overview:hover>.urail-overlays span:nth-child(3) { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s;-o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s;} .urail-overview:hover>.urail-overlays span:nth-child(4) {-webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-o-transition-delay: 0.6s;-ms-transition-delay: 0.6s;transition-delay: 0.6s;} .urail-overview:hover>.urail-overlays span:nth-child(5) {-webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s;-o-transition-delay: 0.7s; -ms-transition-delay: 0.7s;transition-delay: 0.7s;} .urail-overlays span:hover {box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.7);} .main_frasche { position: relative; width:100%; margin: 0; display: block; } .main_frasche img { width:100%; height:auto; display: block; border: var(--theme-divider); } .htm_include.service nav ul li a.alvl_1 {font-size: 1.25rem;padding: .5rem 0;display: block;} .htm_include.service nav ul li a.alvl_2 {padding: .25rem 0;display: block;} .htm_include.service nav ul li a.alvl_1:hover { background-color: var(--theme-accent-dark); } .htm_include.service a {opacity: 1;} .htm_include.service nav ul li > div {margin-bottom:2rem;} .htm_include.service nav .lvl_1 { column-count: 1; margin-top: 0; } .htm_include.service nav .lvl_1 > li { width:100%; margin-bottom: .5rem; } .htm_include.service nav ul li a:hover { color: var(--theme-white); } .htm_include.service ul li { list-style: none;text-align: center;box-shadow: 0 8px 8px -8px rgba(0,0,0,0.5);} .cont_pos {display: block;padding: .5rem;background: rgba(0,0,0,.6);width: 50%;bottom:5%;left:50%;transform: translate(-50%);position: absolute;outline: 1px solid white !important;outline-offset: -5px;} .cont_pos h2 {text-align: center; text-transform: uppercase;padding: .5rem;position: relative;font-size: 1.5rem;color: white;margin: 0;letter-spacing: .1rem;font-weight: normal !important;} .info_box, .gloss_end_text {background: rgba( 0,0,0,0.05);padding: 1rem;} .info_box ul li { list-style-type: square !important; } .gloss_end_text {display: block !important; padding: 1rem; } .gloss_end_text h5:before { background-image: url(/img/fun_fact_icon.png); background-size: 50px 50px; display: inline-block; width: 50px; height: 50px;content:"";margin-left: 0;margin-top: -20px; } .info_box h5 { margin: 0; } .iframe_cont { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; } .responsive-iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;} .link_area { display: grid; grid-template-columns: 100%; margin: 3rem 0 5rem 0; border-bottom: var(--theme-divider); padding: 1rem 1rem 3rem 1rem; } .link_area a.link {padding: 1rem; border: 1px solid #000; width: 90%; margin: 1.25rem auto; text-align: center;font-size: 1.25rem; text-transform: uppercase;} .link_area a.link:hover {background: #000;color: #fff;} section.partners { display: grid; grid-template-columns: 50% 50%; justify-content: space-between; border-bottom: var(--theme-divider); padding-top: 1.5rem; } div.partner { display: grid; grid-template-columns: 100%; text-align: center;} .partner img {border-radius:50%; border: 8px solid #efefef; max-width: 70%; margin: auto;} .cont_fs3, .contlink_fs3 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; margin: 0;} .cont_fs3 .item_fs, .contlink_fs3 .item_fs { width:100%; height:auto; margin:0 0 1rem 0; display: block; position: relative; border: var(--theme-divider); background-color: var(--theme-light); } .item_fs { border: var(--theme-divider); background-color: var(--theme-light); } .contlink_fs3 img, .cont_fs3 img { display: block; } .item_fs .cat_txt { padding: 0 1rem 1rem 1rem; } .cat_txt h3 { margin-bottom: 0; } .contlink_fs3 a:hover { filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.4)) brightness(1.05) contrast(1.05); -webkit-filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.4)) brightness(1.05) contrast(1.05); transform: translate(0px, -5px); border: var(--theme-divider); } .contlink_fs3 {margin: 0;transition:all 0.5s;} .contlink_fs3 a {width:100%;height:auto;margin:0 0 1rem 0;display: block;position: relative;border: var(--theme-divider);background: white;} .contlink_fs3 .item_fs2 {width: 100%;height: auto;margin: 0 0 1rem 0;display: block;position: relative;} .cat_txt2 {display: table;width: 100%;height: 6em;background: rgb(250,250,250);} .cat_txt2 h3 {padding: 0 1rem;font-weight: normal;display: table-cell;vertical-align: middle;} .bordered_content {padding: .5rem .5rem 0 .5rem !important;} .geh_farben { display: inline-block; float: right; padding-right: 1rem; } .tg { border-collapse: collapse; border-spacing: 0; margin-top: 1rem; } .tg td { text-align: center;padding: 10px 5px; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal; } .tg th { font-weight: normal; padding: 10px 5px; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal;} .tg_green {color: green;font-weight: bold;border-color: black;} .tg_red { color: rgb(147,12,24);font-weight: bold;border-color: black;} .tg_head { background: rgb(240,240,240);font-weight: bold;} .tg_dark { background: rgb(70,70,70);color: white;} .tg_track { background: rgb(100,100,100);color: white;} .tg_link { background: rgb(100,100,100);color: white;} .tg a { font-size: 1rem;color: white;} .tg a:hover { color: var(--theme-accent-dark); } .items_grid { grid-template-columns: 30% 30% 30%; grid-gap: 5%; } .cat_grid { height: auto; margin-bottom: 2%; } .mid_mob { margin: 0; } .cat_txt ul li { list-style: square; margin: 0 1rem 1rem 3rem; text-align: left; } .pos_aufzaehlung { position: relative; left: 50%; transform: translateX(-50%); width: max-content; background-color: var(--theme-light); padding: .8rem; } img.easybase { display: block; margin: 0 auto; mix-blend-mode: darken; } .button.cont_btn { position: absolute; left: 1.5rem; top: 1.5rem; z-index: 1; } .grid_diffus { display: grid; grid-template-columns: 10% auto; gap: .5rem; background-color: rgb(0,0,0); padding:.5rem 1.5rem .5rem .5rem; margin-bottom: 2rem; } .grid_diffus .inners p { color: var(--theme-white); } .grid_diffus .inners p a { color: var(--theme-accent-dark); } .grid_diffus .inners img { width: 5rem; display: block; margin: 1rem auto; } .grid_diffus h2, .grid_diffus h3 { color: var(--theme-white); margin-bottom: 0; } .start-slider { overflow:hidden; position: relative; } .start-slider.static .card .text1 { text-transform: uppercase; font-size: 2rem; padding: 1rem 2rem; bottom: 20%; } .grid-chaos { width: 100%; margin: 0; display: grid; grid-gap: 0; grid-template-columns: 1fr; } .grid-chaos a { display: block; position: relative; } .grid-chaos .cat_item { margin-bottom: 2rem; } .grid-chaos .cat_item .grid-txt h2 span { display: block; font-size: .8em; font-weight: normal; text-transform: none; } .grid-chaos a img { object-fit: cover; height: 100%; width: 100%; object-position: top; } .grid-chaos a .text { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); padding: 1rem; color: var(--theme-white); background: rgba(0,0,0,.8); font-size: 2rem; white-space: nowrap; } .cat_item .grid-txt h2 span.small { display: block; font-size: .8em; font-weight: normal; text-transform: none; } .acco .accordion_frasche {background-color: var(--theme-light);color: var(--theme-text);cursor: pointer; text-transform: none;padding: 1rem;width: 100%;border: none;text-align: center;outline: none;transition: .2s;margin-bottom: 0.5rem;} .acco .active, .acco .accordion_frasche:hover {background-color: var(--theme-light);color: rgb(185,160,90);} .acco .panel {padding: 0 1rem;background-color: var(--theme-light);font-style: italic;max-height: 0;overflow: hidden;margin-top: -1rem;} .acco .accordion_frasche.active + .panel { padding-bottom: 1rem; } .acco #tabelle_fs {border-collapse: collapse;width: 100%;} .acco #tabelle_fs th {vertical-align: middle;} .acco #tabelle_fs td, #tabelle_fs th {border: var(--theme-divider);padding: 1rem;text-align: center;} .acco #tabelle_fs tr:nth-child(even) { background-color: var(--theme-light);} .acco #tabelle_fs tr:hover { background-color: var(--theme-medium);} .acco #tabelle_fs th { background-color: var(--theme-accent-dark); color: var(--theme-white); } .acco .payment {width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .acco img.ship_pay_image { border: var(--theme-divider); padding: .25rem; width: 29%; margin: 2% 0; filter: grayscale(0.5); } /*LALU*/ .htm_include.lalu * { color: rgb(10,10,10); } .htm_include.lalu h1 { font-family: 'Standard'; text-transform: none; font-size: 2rem; line-height: normal; } .htm_include.lalu .button { color: var(--theme-white); } .cont_pos9, .cont_pos10, .cont_pos11 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; margin: 0; border-bottom: 1rem solid rgb(254,204,0); } .cont_pos11 { border-bottom: 0; } .cont_pos9 { justify-content: center; } .container11 { border-bottom: 1rem solid rgb(254,204,0); } .cont_pos11 .item_fs { width: 100%; height: auto; margin-bottom: 1rem; display: block; position: relative; border: var(--theme-divider); background-color: rgb(255,255,247); } .cont_pos9 .item_fs, .cont_pos10 .item_fs { width: 48%; height: auto; margin: 0 1rem 1rem 0; display: block; position: relative; background-color: rgb(255,255,247); } .cont_pos9 .item_fs:nth-child(2n), .cont_pos10 .item_fs:nth-child(2n) { margin-right: 0; } .cont_pos9 img, .cont_pos10 img, .cont_pos11 img { width: 100%; height: auto; display: block; } .cont_pos9 .button, .cont_pos10 .button, .cont_pos11 .button { display: block; width: max-content; margin: 1rem auto; } .cont_pos9 .button { padding: .5rem 1rem; position: absolute; bottom: 13%; transform: translate(-50%, -50%); left: 50%; right: 50%; } .cont_pos10 .button { padding: 1rem; } .container9 h2, .container10 h2 { font-size: 2rem; } .cont_pos9 .item_fs { border: 0; } .lalu_name { padding: .5rem; text-align: center; } .grid-1 .card .text-lalu1 { position: absolute; bottom: 1rem; left: 2rem; } .grid-1 .card .text-lalu1 h2 { font-size: 2rem; color: var(--theme-white); margin-bottom: 0; } .grid-1 .card .text-lalu1 p { font-size: 1.25rem; color: var(--theme-white); padding-right: 2rem; margin: .5rem 0; } .container2 .text { padding-left: 1rem; } .container3 .cont_pos3 { position: absolute; bottom: 23%; left: 2rem; background-color: unset; } .container4 .cont_pos4 { position: absolute; bottom: 43%; left: 0; background-color: unset; } .container5 .cont_pos5 { position: absolute; bottom: 1rem; left: 2rem; background-color: unset; } .container5 .cont_pos5 h2, .container6 .cont_pos6 h2 { color: var(--theme-white); } .container5 .cont_pos5 ul { margin-left: 1rem; padding-right: 1rem; } .container5 .cont_pos5 ul li { color: var(--theme-white); } .container6 .cont_pos6 { position: absolute; bottom: 3rem; left: 1rem; padding-right: 1rem; background-color: unset; } .container6 .cont_pos6 p { color: var(--theme-white); } .container7 .cont_pos7 { position: absolute; bottom: 0; left: 2rem; padding-right: 1rem; background-color: unset; } .container7 .cont_pos7 ul { position: relative; } .container7 .cont_pos7 ul li.farben1 { position: absolute; top: 38%; right: 0; list-style:none; } .container7 .cont_pos7 ul li.farben1 img { height: 2rem; display: inline-block; width: auto; } .container7 .cont_pos7 ul li { padding: .25rem 0; } .container8 .cont_pos8 { position: absolute; bottom: 0; left: 2rem; padding-right: 1rem; background-color: unset; } .container8 .cont_pos8 img { height: 2rem; display: inline-block; width: auto; } .container8 .cont_pos8 h3 { margin-bottom: 0; } .max1000 { max-width: 1000px; margin-left: auto; margin-right: auto; } .max1200 { max-width: 1200px; margin-left: auto; margin-right: auto; }
@media (min-width: 576px) { .grid-2 { grid-template-columns: repeat(2, 1fr); } .grid-2 .row-span-2 { grid-row: span 2; } .grid-2 .col-span-2 { grid-column: span 2; } .grid_2_col { grid-template-columns: auto auto; } .cat_grid.grid-6 { grid-template-columns: repeat(3, 1fr); } .start_text_container .grid-2 { grid-template-columns: repeat(1, 1fr); } .grid-6 { grid-template-columns: repeat(3, 1fr); } .alle_her_box { grid-template-columns: repeat(3, 1fr); } .html_herst_liste { display: grid; grid-template-columns: repeat(8, 1fr); } .faq .button-group { grid-template-columns: 1fr 1fr; } .start_kat .box a { width: 33%; } .start_her .button { width: max-content; } .catalog_pdf span { display: block; } .htm_include.service nav .lvl_1 { column-count: 2; column-gap: 2em; } .grid-chaos { grid-gap: 1rem; } .acco img.ship_pay_image { width: 14%; margin: 1% 0; } .htm_include.lalu h1 { font-size: 1.5rem; margin-top: 0; } .cont_pos9, .cont_pos10, .cont_pos11 { justify-content: center; } .cont_pos9 .item_fs, .cont_pos10 .item_fs { width: 48%; margin-right: 1rem; } .cont_pos9 .item_fs:nth-child(2n), .cont_pos10 .item_fs:nth-child(2n) { margin-right: 0; } .cont_pos9 .button { bottom: 15%; } .grid-1 .card .text-lalu1 { bottom: 3rem; } .grid-1 .card .text-lalu1 h2 { font-size: 3rem; } .grid-1 .card .text-lalu1 p { font-size: 1.5rem; } .container3 .cont_pos3 p { font-size: 1.5rem; } .container4 .cont_pos4 { bottom: 45%; left: 0; padding-right: 3rem; } .container5 .cont_pos5 { left: 3rem; } .container5 .cont_pos5 h2 { font-size: 2.5rem; margin-bottom: 0; } .container5 .cont_pos5 ul li { font-size: 1.25rem; } .container6 .cont_pos6 { bottom: 5rem; left: 2rem; } .container6 .cont_pos6 h2 { font-size: 2rem; } .container6 .cont_pos6 p { font-size: 1.25rem; } .container7 .cont_pos7 { left: 3rem; } .container7 .cont_pos7 h2 { font-size: 2rem; } .container8 .cont_pos8 { bottom: 2rem; }  }
@media (min-width: 768px) { .cat_grid.grid-3 { grid-template-columns: repeat(3, 1fr); } .start_service a { width: 33.33%; } .grid-1 .card span.text1 { right: 5%; left: auto; font-size: 3rem; } .start_text_container .grid-2 { grid-template-columns: repeat(2, 1fr); } .flex-box { display: flex; flex-wrap: nowrap; } .flex-box .flex-content h1 { margin-top: 0; } .flex-box .flex-menu { display: block; width: 17rem; margin-right: 1rem;} .text p, .grid-2 p { text-align: justify; } .faq .button-group { grid-template-columns: 1fr 1fr 1fr; } .starttext h1, .starttext h2 { text-align: center; } #html-blog .grid-4 { grid-template-columns: 1fr 1fr; } .blog_archiv_news_ul { grid-template-columns: 1fr 1fr; } .blog_archiv { position: fixed; right: 0; top: 16%; z-index: 100; } .blog_vorschau h2 { } .blog_archiv { border-top-right-radius: 0; border-bottom-right-radius: 0; margin: 0; } .blog_vorschau { width: 49%; margin: 0 2% 1rem 0; } .blog_vorschau:nth-child(2n) { margin-right: 0; } #bewertungen table.auto-style2 tr {display: unset;flex-wrap: unset;} #bewertungen .flex-container { display: flex; flex-wrap: wrap; } #bewertungen .flex-container > div { width: 49%; } #bewertungen .flex-container div:nth-child(2){margin-right:0;} .start_cat_grid { grid-template-columns: auto auto auto; } .text_block p { text-align: justify; } .ban4frasche a:nth-child(3) { margin-right: 1px; } .ban4frasche { grid-template-columns: 1fr 1fr 1fr 1fr; } .ban4frasche .no_mobile { display: block; } figcaption h2 { font-size: 1rem; } .grid-4 { grid-template-columns: auto auto auto auto; } .start_box ul.se { grid-template-columns: auto auto auto auto; } .htm_include.uebersicht nav .lvl_1 {column-count: 2; column-gap: 1rem;} .wrapper .text { padding: 0 1rem; } br.break { display: none; } .urail-overlays { width: 100%; left: 0; } .urail-overlays span:nth-child(1) { top: 4%; left: 3%; } .urail-overlays span:nth-child(2) { top: 47%; left: 2%;} .urail-overlays span:nth-child(3) { top: 6%; right: 2%; } .urail-overlays span:nth-child(4) { top: 51%; right: 0;} .urail-overview { width: 652px; } .urail-overlays span:after { position: absolute; background: transparent url(/img/urail_info_right.png) no-repeat center center; width: 32px; height: 33px; top: 50%; left: 100%; margin: -16px 0 0 -16px; content: ''; } .cont_pos h2 { font-size: 2rem; } .cont_fs3 .item_fs, .contlink_fs3 .item_fs, .contlink_fs3 .item_fs2 { width: 32%; margin: 0 2% 1rem 0; } .cont_fs3 .item_fs:nth-child(3n), .contlink_fs3 .item_fs:nth-child(3n), .contlink_fs3 .item_fs2:nth-child(3n) { margin-right: 0; } .cat_txt ul li { margin-left: 2rem; } .pos_aufzaehlung { padding: .8rem 2rem; } .grid-1 .card .text-lalu1 { bottom: 3rem; } .grid-1 .card .text-lalu1 h2 { font-size: 3rem; } .grid-1 .card .text-lalu1 p { font-size: 1.5rem; padding-right: 25%; } .container2 .text p { text-align: left; } .container3 .cont_pos3 { bottom: auto; top: 0; left: 27%; } .container3 .cont_pos3 .schmall { width: 39%; } .container3 .cont_pos3 p { font-size: 1rem; } .container4 .cont_pos4 { left: 24%; top: 0; padding-right: 10rem; } .container5 .cont_pos5 { left: 33%; } .container5 .cont_pos5 h2 { font-size: 2rem; margin-top: 0; } .container5 .cont_pos5 ul li { font-size: 1rem; } .container6 .cont_pos6 { bottom: 8rem; padding-right: 3rem; } .container6 .cont_pos6 h2 { font-size: 2rem; } .container6 .cont_pos6 p, .container7 .cont_pos7 p { font-size: 1.25rem; } .container7 .cont_pos7 ul li { font-size: 1.25rem; } .container8 .cont_pos8 h3 { font-size: 2rem; } .container8 .cont_pos8 p { font-size: 1.5rem; margin-top: .5rem; } .cont_pos9 .item_fs { width: 30%; } .cont_pos9 .item_fs:nth-child(2n) { margin-right: 1rem; } .cont_pos9 .item_fs:nth-child(3n) { margin-right: 0; } .cont_pos10 .item_fs { width: 23%; } .cont_pos10 .item_fs:nth-child(2n) { margin-right: 1rem; } .cont_pos10 .item_fs:nth-child(4n) { margin-right:0; } .container9 h2, .container10 h2 { font-size: 3rem; } .cont_pos11 .item_fs { width: 30%; margin-right: 1rem; } .cont_pos11 .item_fs:nth-child(3n) { margin-right:0; } }
@media (min-width: 992px) { .grid-4 { grid-template-columns: repeat(4, 1fr); } .grid-2 { grid-gap: 2rem; } .html_herst_liste { grid-template-columns: repeat(14, 1fr); } .flexbox .box30 { width:32%; padding: 1rem 2rem; margin: 0 2% 2% 0; } .flexbox .box30:nth-child(3n) { margin-right: 0; } .flexbox .box40 { width:40%; padding: 1rem 2rem; } .flexbox .box50 { width:50%; padding: 1rem 2rem; } .flexbox .box50-border { width:49%; padding: 1rem 2rem; margin: 0 2% 2% 0; } .flexbox .box50-border:nth-child(2n) { margin-right: 0; } .flexbox .box60 { width:60%; padding: 1rem 2rem; } .flexbox .box70 { width:68%; padding: 1rem 2rem; } .blog_archiv_news_ul { grid-template-columns: 1fr 1fr 1fr; } .blog_vorschau { width: 32%; } .blog_vorschau:nth-child(2n) { margin-right: 2%; } .blog_vorschau:nth-child(3n) { margin-right: 0; } #html-blog p { text-align: justify; } #html-blog span.text1 { font-size: 1.25rem; } .start_kat .box { flex-wrap: unset; } .start_kat .box a { width:16.666%; } .cat_grid, .start_cat_grid { grid-gap: 2rem; } .start_cat_grid.grid-6 { margin-bottom: 2rem; } .cat_grid.grid-6 { grid-template-columns: repeat(6, 1fr); } figure figcaption p { letter-spacing: 1px; } .her4frasche a:nth-child(2n) { margin-right: 1%; } .her4frasche a:nth-child(4n) {margin-right: 0;} .her4frasche a { width: 24.25%; } .start_service { flex-wrap: unset; } .start_service a { width: 33.333%; } .htm_include.uebersicht nav .lvl_1 {column-count: 3; } .grid-1 h1.text1 { width: 40%; left: 50%; transform: translate(-50%, 0%); bottom: 40%!important; } .cont_fs { width: 75%; margin: 0 auto; grid-template-rows: auto auto; grid-template-columns: 90px auto; justify-items: left; grid-gap: 1rem 2rem; } .grid_item_pic { width: 6rem; height: 6rem; } .catalog_grid { width: 80%; } .flex_container_fs, .flex_container2_fs { flex-direction: unset; } .flex_container_fs > div { width: 49%; } .flex_container2_fs > div { width: 50%; } .htm_include.service nav .lvl_1 {column-count: 3;} .link_area a.link { width: 40%; } section.partners { grid-template-columns: 30% 30% 30%; } .grid-chaos { max-width: 1200px; margin: 0 auto; } .htm_include.lalu h1 { font-size: 2rem; margin-top: 3rem; } .cont_pos9 .item_fs { width: 18%; } .cont_pos9 .item_fs:nth-child(3n) { margin-right: 1rem; } .cont_pos9 .item_fs:nth-child(5n) { margin-right: 0; } .cont_pos10 .button { padding: 1rem 2rem; } .grid-1 .card .text-lalu1 { top: 2rem; left: 2rem; } .grid-1 .card .text-lalu1 h2 { margin-top: 0; } .container2 p { font-size: 1.25rem; } .container3 .cont_pos3 { padding-right: 3rem; } .container3 .cont_pos3 .schmall { width: 73%; } .container4 .cont_pos4 { padding-right: 16rem; } .container5 .cont_pos5 { top: 3rem; } .container5 .cont_pos5 h2 { font-size: 2.5rem; } .container5 .cont_pos5 ul li { font-size: 1.25rem; } .container6 .cont_pos6 { left: 21%; padding-right: 32%; bottom: 2rem; } .container6 .cont_pos6 p { font-size: 1.25rem; } .container7 .cont_pos7 { left: 25%; top: 0; } .container7 .cont_pos7 h2 { margin-top: 0; } .container8 .cont_pos8 { left: 40%; bottom: 0; } .container8 .cont_pos8 h3 { font-size: 1.5rem; } .container8 .cont_pos8 p { font-size: 1.25rem; } }
@media (min-width: 1200px) { .html_herst_liste { grid-template-columns: repeat(27, 1fr); } .alle_her_box { grid-template-columns: repeat(6, 1fr); } #html-blog .grid-4 { grid-template-columns: 1fr 1fr 1fr; } .blog_archiv_news_ul { grid-template-columns: 1fr 1fr 1fr 1fr; } .blog_vorschau { margin-bottom: 2rem; } .cont_fs { width: 60%; } .cat_item figcaption h2 { font-size: 1.25rem; } .cat_grid.h2small .cat_item figcaption h2 { font-size: 1rem; } .htm_include.max75 { width: 75%; margin: 0 auto; } .cont_pos9 .button { padding: 1rem 2rem; bottom: 13%; } .grid-1 .card .text-lalu1 h2 { font-size: 3rem; } .grid-1 .card .text-lalu1 p { font-size: 2rem; } .container2 .text p { padding-right: 3rem; } .container3 .cont_pos3 p, .container4 .cont_pos4 p { font-size: 1.25rem; } .container4 .cont_pos4 { padding-right: 24%; } .container5 .cont_pos5 ul { padding-right: 5rem; } .container5 .cont_pos5 h2 { font-size: 4rem; } .container6 .cont_pos6 h2 { font-size: 2rem; } .container8 .cont_pos8 { top: 0; } }
@media (min-width: 1400px) { #html-blog .grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .container2 p { font-size: 1.5rem; } .container3 .cont_pos3 { padding-right: 10rem; } .container3 .cont_pos3 p { font-size: 1.5rem; } .container3 .cont_pos3 .schmall { width: 35%; } .container4 .cont_pos4 p { font-size: 1.5rem; } .container5 .cont_pos5 { bottom: 3rem; } .container5 .cont_pos5 h2 { font-size: 3rem; } .container5 .cont_pos5 ul li { font-size: 1.5rem; } .container7 .cont_pos7 { top: 3rem; } }
/* ### kachel ### */
body { --kachel-max-height: 22rem; } 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.row > li { display: none; } ul.se.row > li:nth-child(-n+2) { display: block; } ul.se.suche.mb-4 { margin-bottom: 2rem; } .art_box, .se_banner { height: var(--kachel-max-height); display: block; position: relative; border: var(--theme-border); 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); transform: translateY(-.2rem) translateZ(0); } .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; right: .25rem; display: flex; justify-content: center; flex-wrap: wrap; width: 1.25rem; height: 6rem; 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; } .art_box > .se_kachel > div > figure img { width: 15rem; height: 10rem; object-fit: contain; margin: 1rem 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 { position: absolute; right: 0; display: block; height: 2rem; background-color: var(--theme-error); color: var(--theme-white); line-height: 2rem; text-align: center; border-bottom-left-radius: var(--theme-radius-medium); font-size: .8rem; margin-top: 0; padding: 0 .5rem; } .se_staff_preise { position: absolute; right: 0; display: block; height: 1.5rem; border-bottom-left-radius: .5rem;line-height: 1.5rem; text-align: center;font-size: .8rem; margin-top: 0; padding: 0 .5rem; background: linear-gradient(to bottom, #ffe066 0%, #ffc400 55%, #f4b400 100%); box-shadow: inset 0 1px 0 var(--theme-staffel-upper-glow), /* oberer Glanz */ 0 4px 0 #d39c00, 0 6px 8px rgba(0,0,0,0.15); color: var(--theme-black); } .suchtemp_azu_her { position: absolute; left: 0; z-index: 1; width: 4rem; max-height: 247px; overflow: hidden; opacity: 0; transition: all 0.5s; } .suchtemp_energie { position: absolute; left: .25rem; bottom: .25rem; } .suchtemp_energie a.energie_datenblatt { display: block; font-size: .7rem; width: 10rem; } img.energie_x4 { width: 2.5rem; } .cs_azu { height: 2.5rem; width: 3rem; background-size: 100%; background-repeat: no-repeat; background-position: center; margin: 0 0 .25rem 0; display: flex; align-items: center; justify-content: center; text-align: center; } .cs_azu[title] { cursor: help; } div.cs_azu.azu41 {background:#d9c9a3;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:.25rem;color: #fff;} div.cs_azu.azu41:after{content: "LED";} div.cs_azu.azu74 {background:#fff6c3;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding: 2px 5px;color: #333;font-size: .8rem;} div.cs_azu.azu74:after{content: "warm weiss";} div.cs_azu.azu75:after{content: "Tag weiss";} div.cs_azu.azu76, div.cs_azu.azu75 {background:#f5f5f5;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding: 2px 5px;color: #333;font-size: .8rem;} div.cs_azu.azu76:after {content: "neutral weiss";} div.cs_azu.azu16, div.cs_azu.azu17, div.cs_azu.azu18, div.cs_azu.azu19, div.cs_azu.azu20, div.cs_azu.azu21, div.cs_azu.azu59, div.cs_azu.azu60, div.cs_azu.azu61, div.cs_azu.azu62 {background:#131313;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:.25rem;color: #eee;} div.cs_azu.azu16:after {content: "1-Set";} div.cs_azu.azu17:after {content: "2-Set";} div.cs_azu.azu18:after {content: "3-Set";} div.cs_azu.azu19:after {content: "4-Set";} div.cs_azu.azu20:after {content: "5-Set";} div.cs_azu.azu21:after {content: "6-Set";} div.cs_azu.azu59:after {content: "7-Set";} div.cs_azu.azu60:after {content: "8-Set";} div.cs_azu.azu61:after {content: "9-Set";} div.cs_azu.azu62:after {content: "10-Set";} div.cs_azu.azu31 {background:#eee url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1"  xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 24 21"  style="enable-background:new 0 0 24 21;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3B;}</style><title></title><desc></desc><g id="miu"> <g id="Artboard-1" transform="translate(-827.000000, -155.000000)">  <g id="slice" transform="translate(215.000000, 119.000000)">  </g>  <path id="circle-sync-backup-1-glyph" class="st0" d="M849.5,166.5c-0.5,5.3-5,9.5-10.5,9.5c-4.7,0-8.8-3.1-10.1-7.5h2.1 c1.2,3.2,4.3,5.5,7.9,5.5c4.4,0,7.9-3.3,8.4-7.5H846l2.5-3l2.5,3H849.5z M828.7,163.5c0.9-4.8,5.2-8.5,10.3-8.5 c4.4,0,8.1,2.7,9.7,6.5h-2.2c-1.4-2.7-4.3-4.5-7.5-4.5c-4,0-7.4,2.8-8.3,6.5h1.3l-2.5,3l-2.5-3H828.7L828.7,163.5z"/> </g></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu35 {background:#3c3c3b 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;stroke:%233c3c3b;stroke-miterlimit:10;} .st1{fill:none;stroke:%233c3c3b;stroke-miterlimit:10;} .st2{fill:%233C3C3B;}</style><circle class="st0" cx="15" cy="15" r="14.3"/><line class="st1" x1="0.7" y1="14.8" x2="29.4" y2="14.9"/><g> <path class="st2" d="M14.8,19.2L14.8,19.2l-1.4,0.7l-0.2-0.8l1.7-0.9h0.9V26h-1V19.2z"/></g><g> <path class="st2" d="M17.6,7.7c0,2.7-1,4.1-2.7,4.1c-1.5,0-2.6-1.4-2.6-4c0-2.6,1.1-4.1,2.7-4.1C16.7,3.7,17.6,5.2,17.6,7.7z M13.4,7.8c0,2,0.6,3.2,1.6,3.2c1.1,0,1.6-1.3,1.6-3.3c0-1.9-0.5-3.2-1.6-3.2C14.1,4.6,13.4,5.7,13.4,7.8z"/></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu36 {background:#eee 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.1 11.1" style="enable-background:new 0 0 11.1 11.1;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3B;}</style><title>Pictogram-Dimmable</title><g id="Text"> <path class="st0" d="M5.6,10.8v0.4c3.1,0,5.6-2.5,5.6-5.5C11.1,2.5,8.6,0,5.6,0S0,2.5,0,5.6c0,0,0,0,0,0c0,3.1,2.5,5.6,5.5,5.6  c0,0,0,0,0,0v-0.7c-2.7,0-4.8-2.2-4.8-4.8s2.2-4.8,4.8-4.8s4.8,2.2,4.8,4.8l0,0c0,2.7-2.2,4.8-4.8,4.8V10.8L5.6,10.8z"/> <path class="st0" d="M9.3,5C8.9,2.9,6.9,1.4,4.8,1.8C3,2,1.7,3.4,1.5,5.2c0.4-1.3,1.6-2.3,3-2.3C6.1,2.9,7.4,4,7.6,5.6L9.3,5z"/></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu115 {background:url(/img/SMARTLUCE-Fabas-Luce.png) no-repeat 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 2rem auto;} div.cs_azu.azu10 {background:#cad123;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding: 5px;color: #fff;text-align: center;} div.cs_azu.azu10:after{content: "E";font-weight:bold;font-size: 22px;} div.cs_azu.azu11 {background:#797979;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:.25rem;color: #fff;text-align: center;font-size:.9rem;} div.cs_azu.azu11:after {content: "230V";} div.cs_azu.azu12, div.cs_azu.azu13 {background:#fcb410;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding: 2px 5px;color: #fff;} div.cs_azu.azu12:after {content: "Halo 12V";} div.cs_azu.azu13:after {content: "Halo 230V";} div.cs_azu.azu14 {background:#eee 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 16 16"  style="enable-background:new 0 0 16 16;" xml:space="preserve"><style type="text/css"> .st0{fill:%23CCCCCC;} .st1{fill:%233C3C3B;stroke:%233c3c3b;stroke-width:2;stroke-miterlimit:10;}</style><title></title><g id="Icons_with_numbers"> <g id="Group" transform="translate(-624.000000, -480.000000)">  <path id="Oval_183" class="st0" d="M629,489c-1.2-0.9-2-2.4-2-4c0-2.8,2.2-5,5-5s5,2.2,5,5c0,1.6-0.8,3.1-2,4v2h-6V489z M635,492 v1c0,1.7-1.3,3-3,3c-1.7,0-3-1.3-3-3v-1H635z"/> </g></g><line class="st1" x1="0.8" y1="13.5" x2="14.8" y2="1.2"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu15 {background:#a7a089;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:2px 0;color: #fff;text-align: center;} div.cs_azu.azu15:after {content: "+";font-size:28px; line-height: 2rem;} div.cs_azu.azu63, div.cs_azu.azu64, div.cs_azu.azu65, div.cs_azu.azu66 {background:#d7ceae;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:.25rem;color: #333;text-align: center;font-size:1rem;} div.cs_azu.azu63:after {content: "0,1m";} div.cs_azu.azu64:after {content: "0,5m";} div.cs_azu.azu65:after {content: "1m";} div.cs_azu.azu66:after {content: "2m";} div.cs_azu.azu67 {background:#131313 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="6.0231" y1="22.6537" x2="20.9401" y2="9.8462"> <stop  offset="3.398058e-02" style="stop-color:%23B3B3B3"/> <stop  offset="0.1233" style="stop-color:%23A9A9A9"/> <stop  offset="0.6589" style="stop-color:%23717171"/> <stop  offset="0.9175" style="stop-color:%235B5B5B"/></linearGradient><circle class="st0" cx="15" cy="14.9" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu68 {background:#131313 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:%23686868;}</style><circle class="st0" cx="15" cy="14.9" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu69 {background:#131313 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><circle class="st0" cx="15" cy="14.9" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu72 {background:#131313 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="6.0231" y1="22.6537" x2="20.9401" y2="9.8462"> <stop  offset="7.281554e-02" style="stop-color:%23F9C5DC"/> <stop  offset="0.555" style="stop-color:%23FCE8F0"/> <stop  offset="0.9175" style="stop-color:%23FEFEFD"/></linearGradient><circle class="st0" cx="15" cy="14.9" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu73 {background:#131313 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="6.0231" y1="22.6537" x2="20.9401" y2="9.8462"> <stop  offset="7.281554e-02" style="stop-color:%23623586"/> <stop  offset="0.6112" style="stop-color:%233E2557"/> <stop  offset="0.9175" style="stop-color:%232E1D41"/></linearGradient><circle class="st0" cx="15" cy="14.9" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu77 {background:#131313 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="6.0231" y1="22.6537" x2="20.9401" y2="9.8462"> <stop  offset="7.281554e-02" style="stop-color:%23E4C56B"/> <stop  offset="0.4122" style="stop-color:%23D4B45A"/> <stop  offset="0.9175" style="stop-color:%23C09E45"/></linearGradient><circle class="st0" cx="15" cy="14.9" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu71 {background:#131313 url(/img/azu_glitzer.png) no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu70 {background:#131313 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 22 19.4" style="enable-background:new 0 0 22 19.4;" xml:space="preserve"><style type="text/css"> .st0{opacity:0.8;fill:%23FF00FF;} .st1{opacity:0.8;fill:%2300FFFF;} .st2{opacity:0.8;fill:%23FFFF00;}</style><circle class="st0" cx="11.1" cy="6.3" r="6.3"/><circle class="st1" cx="6.3" cy="13" r="6.3"/><circle class="st2" cx="15.8" cy="13.2" r="6.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu78, div.cs_azu.azu79, div.cs_azu.azu80 {background:#ddd;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:.25rem;color: #333;text-align: center;font-size:15px;} div.cs_azu.azu78:after {content: "60W";} div.cs_azu.azu79:after {content: "48W";} div.cs_azu.azu80:after {content: "15W";} div.cs_azu.azu117 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .Diamantstrahl{fill:url(%23SVGID_1_);stroke:%23B7B6B6;stroke-width:1.000000e-03;} .st0{fill:%233C3C3B;}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="1" y2="0"> <stop  offset="0" style="stop-color:%23D1C5C4"/> <stop  offset="0.1536" style="stop-color:%23D5CBCA"/> <stop  offset="0.3556" style="stop-color:%23E2DBDA"/> <stop  offset="0.5112" style="stop-color:%23EFEDEB"/> <stop  offset="0.6056" style="stop-color:%23D9D6D5"/> <stop  offset="0.8028" style="stop-color:%23A09B9C"/> <stop  offset="1" style="stop-color:%23615A5D"/></linearGradient><g id="RSS"> <path class="st0" d="M24.5,18.3l-2.7,2.5c-1.9-1.9-4.3-2.9-6.9-3c-2.6-0.1-5.1,0.9-7.1,2.6l-2.5-2.7C10.8,12.8,19.3,13,24.5,18.3  L24.5,18.3z"/> <path class="st0" d="M29.7,13.4l-2.7,2.5c-6.5-6.7-17.3-7-24.2-0.6l-2.5-2.7C8.7,4.8,21.8,5.2,29.7,13.4L29.7,13.4z"/></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu81 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .Diamantstrahl{fill:url(%23SVGID_1_);stroke:%23B7B6B6;stroke-width:1.000000e-03;} .st0{fill:%233C3C3B;}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="1" y2="0"> <stop  offset="0" style="stop-color:%23D1C5C4"/> <stop  offset="0.1536" style="stop-color:%23D5CBCA"/> <stop  offset="0.3556" style="stop-color:%23E2DBDA"/> <stop  offset="0.5112" style="stop-color:%23EFEDEB"/> <stop  offset="0.6056" style="stop-color:%23D9D6D5"/> <stop  offset="0.8028" style="stop-color:%23A09B9C"/> <stop  offset="1" style="stop-color:%23615A5D"/></linearGradient><g id="RSS"> <path class="st0" d="M24.3,14.2l-2.7,2.5c-1.9-1.9-4.3-2.9-6.9-3c-2.6-0.1-5.1,0.9-7.1,2.6l-2.5-2.7C10.6,8.7,19.1,8.9,24.3,14.2  L24.3,14.2z"/> <path class="st0" d="M29.6,9.3l-2.7,2.5c-6.5-6.7-17.3-7-24.2-0.6L0.2,8.5C8.5,0.7,21.6,1.1,29.6,9.3L29.6,9.3z"/> <g>  <path class="st0" d="M7.9,19c0.5-0.1,1.2-0.2,2-0.2c1,0,1.8,0.2,2.3,0.7c0.4,0.4,0.7,1,0.7,1.7c0,0.7-0.2,1.3-0.6,1.7 c-0.6,0.6-1.5,0.9-2.5,0.9c-0.3,0-0.6,0-0.8-0.1V27h-1V19z M9,22.9C9.2,23,9.5,23,9.8,23c1.3,0,2-0.6,2-1.7c0-1.1-0.8-1.6-1.9-1.6 c-0.5,0-0.8,0-1,0.1V22.9z"/>  <path class="st0" d="M15.3,18.9V27h-1.1v-8.1H15.3z"/>  <path class="st0" d="M17.2,19c0.5-0.1,1.3-0.2,2-0.2c1.1,0,1.8,0.2,2.3,0.7c0.4,0.4,0.6,0.9,0.6,1.5c0,1.1-0.7,1.8-1.5,2.1v0 c0.6,0.2,1,0.8,1.2,1.6c0.3,1.1,0.5,1.9,0.6,2.2h-1.1c-0.1-0.2-0.3-0.9-0.5-1.9c-0.2-1.1-0.7-1.5-1.6-1.6h-1V27h-1V19z M18.2,22.7 h1.1c1.1,0,1.8-0.6,1.8-1.5c0-1-0.8-1.5-1.9-1.5c-0.5,0-0.9,0-1,0.1V22.7z"/> </g></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu46 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .Diamantstrahl{fill:url(%23SVGID_1_);stroke:%23B7B6B6;stroke-width:1.000000e-03;} .st0{fill:%233C3C3B;} .st1{fill:none;stroke:%233C3C3B;stroke-linecap:round;stroke-miterlimit:10;}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="1" y2="0"> <stop  offset="0" style="stop-color:%23D1C5C4"/> <stop  offset="0.1536" style="stop-color:%23D5CBCA"/> <stop  offset="0.3556" style="stop-color:%23E2DBDA"/> <stop  offset="0.5112" style="stop-color:%23EFEDEB"/> <stop  offset="0.6056" style="stop-color:%23D9D6D5"/> <stop  offset="0.8028" style="stop-color:%23A09B9C"/> <stop  offset="1" style="stop-color:%23615A5D"/></linearGradient><g id="RSS"> <path class="st0" d="M24.3,14.2l-2.7,2.5c-1.9-1.9-4.3-2.9-6.9-3c-2.6-0.1-5.1,0.9-7.1,2.6l-2.5-2.7C10.6,8.7,19.1,8.9,24.3,14.2  L24.3,14.2z"/> <path class="st0" d="M29.6,9.3l-2.7,2.5c-6.5-6.7-17.3-7-24.2-0.6L0.2,8.5C8.5,0.7,21.6,1.1,29.6,9.3L29.6,9.3z"/> <path class="st0" d="M25.7,26.8c-1.8,1.8-4.8,1.8-6.6,0c-1.8-1.8-1.8-4.8,0-6.6c0.5-0.5,1.1-0.8,1.7-1.1c0.2-0.1,0.4,0,0.6,0.1  c0.2,0.2,0.2,0.4,0.1,0.6c-0.5,1.3-0.1,2.7,0.8,3.6c1,1,2.3,1.3,3.6,0.8c0.2-0.1,0.4,0,0.6,0.1c0.2,0.2,0.2,0.4,0.1,0.6  C26.6,25.7,26.2,26.3,25.7,26.8z M19.9,21c-1.4,1.4-1.4,3.6,0,4.9c1.5,1.5,3.9,1.3,5.2-0.3c-1.3,0.1-2.6-0.4-3.6-1.3  c-1-1-1.4-2.2-1.3-3.6C20.1,20.9,20,21,19.9,21z"/> <circle class="st0" cx="7.7" cy="23.7" r="2.7"/> <line class="st1" x1="7.7" y1="18.7" x2="7.7" y2="19.9"/> <line class="st1" x1="7.7" y1="27.5" x2="7.7" y2="28.6"/> <line class="st1" x1="12.7" y1="23.7" x2="11.5" y2="23.7"/> <line class="st1" x1="3.9" y1="23.7" x2="2.7" y2="23.7"/> <line class="st1" x1="11.2" y1="20.2" x2="10.4" y2="21"/> <line class="st1" x1="5" y1="26.4" x2="4.2" y2="27.2"/> <line class="st1" x1="11.2" y1="27.2" x2="10.4" y2="26.4"/> <line class="st1" x1="5" y1="21" x2="4.2" y2="20.2"/></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu82 {background:#131313 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="6.0231" y1="22.6537" x2="20.9401" y2="9.8462"> <stop  offset="7.281554e-02" style="stop-color:%2340DF07"/> <stop  offset="0.1179" style="stop-color:%233EDA07"/> <stop  offset="0.6572" style="stop-color:%2325A209"/> <stop  offset="0.9175" style="stop-color:%231C8C0A"/></linearGradient><circle class="st0" cx="15" cy="14.9" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu83 {background:#131313 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="6.0231" y1="22.6537" x2="20.9401" y2="9.8462"> <stop  offset="7.766990e-02" style="stop-color:%23B4B5B4"/> <stop  offset="0.3912" style="stop-color:%23A5A6A5"/> <stop  offset="0.9175" style="stop-color:%23909090"/></linearGradient><circle class="st0" cx="15" cy="14.9" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu84 {background:#131313 url(/img/azu_bernstein.png) no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu85 {background:#131313 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 28.6 28.6" style="enable-background:new 0 0 28.6 28.6;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.3099" y1="21.9871" x2="20.2269" y2="9.1796"> <stop  offset="7.281554e-02" style="stop-color:%23437EC9"/> <stop  offset="0.454" style="stop-color:%232F6FB4"/> <stop  offset="0.9175" style="stop-color:%231B5F9E"/></linearGradient><circle class="st0" cx="14.3" cy="14.3" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu86 {background:#131313 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 28.6 28.6" style="enable-background:new 0 0 28.6 28.6;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.3099" y1="21.9871" x2="20.2269" y2="9.1796"> <stop  offset="7.281554e-02" style="stop-color:%23FDF12F"/> <stop  offset="0.2183" style="stop-color:%23FDEE2A"/> <stop  offset="0.9175" style="stop-color:%23FDE414"/></linearGradient><circle class="st0" cx="14.3" cy="14.3" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu88 {background:#131313 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 28.6 28.6" style="enable-background:new 0 0 28.6 28.6;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.3099" y1="21.9871" x2="20.2269" y2="9.1796"> <stop  offset="7.281554e-02" style="stop-color:%23E6514D"/> <stop  offset="0.5946" style="stop-color:%23BB282D"/> <stop  offset="0.9175" style="stop-color:%23A5131D"/></linearGradient><circle class="st0" cx="14.3" cy="14.3" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu89 {background:#131313 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 28.6 28.6" style="enable-background:new 0 0 28.6 28.6;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.3099" y1="21.9871" x2="20.2269" y2="9.1796"> <stop  offset="7.281554e-02" style="stop-color:%23AEE7F4"/> <stop  offset="0.4235" style="stop-color:%239CE0F0"/> <stop  offset="0.9175" style="stop-color:%2386D7EB"/></linearGradient><circle class="st0" cx="14.3" cy="14.3" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu90 {background:#131313 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 28.6 28.6" style="enable-background:new 0 0 28.6 28.6;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.3099" y1="21.9871" x2="20.2269" y2="9.1796"> <stop  offset="7.281554e-02" style="stop-color:%23F4F0F4"/> <stop  offset="0.261" style="stop-color:%23EDE9EE"/> <stop  offset="0.9175" style="stop-color:%23D7D5DA"/></linearGradient><circle class="st0" cx="14.3" cy="14.3" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu91 {background:#131313 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 28.6 28.6" style="enable-background:new 0 0 28.6 28.6;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.3099" y1="21.9871" x2="20.2269" y2="9.1796"> <stop  offset="7.281554e-02" style="stop-color:%23F8C491"/> <stop  offset="0.5711" style="stop-color:%23FCB36B"/> <stop  offset="0.9175" style="stop-color:%23FFA955"/></linearGradient><circle class="st0" cx="14.3" cy="14.3" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu92 {background:#131313 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 28.6 28.6" style="enable-background:new 0 0 28.6 28.6;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.3099" y1="21.9871" x2="20.2269" y2="9.1796"> <stop  offset="7.281554e-02" style="stop-color:%23F5B7B7"/> <stop  offset="0.9175" style="stop-color:%23F8A9A9"/></linearGradient><circle class="st0" cx="14.3" cy="14.3" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu93 {background:#131313 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 28.6 28.6" style="enable-background:new 0 0 28.6 28.6;" xml:space="preserve"><style type="text/css"> .st0{fill:url(%23SVGID_1_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.3099" y1="21.9871" x2="20.2269" y2="9.1796"> <stop  offset="7.281554e-02" style="stop-color:%23A5131D"/> <stop  offset="0.9175" style="stop-color:%23A5131D"/></linearGradient><circle class="st0" cx="14.3" cy="14.3" r="14.3"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu94 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:%23383838;} .st1{fill:%23CCCCCC;}</style><rect x="1.7" y="1.8" class="st0" width="26.5" height="12.9"/><rect x="14.1" y="14.8" class="st1" width="2" height="12.2"/><rect x="5.4" y="27" class="st1" width="19.8" height="1.8"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu95 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:%23CCCCCC;} .st1{fill:%23383838;} .st2{fill:%23A00707;}</style><rect x="1.7" y="1.8" class="st0" width="26.5" height="12.9"/><rect x="14.1" y="14.8" class="st1" width="2" height="12.2"/><rect x="5.4" y="27" class="st1" width="19.8" height="1.8"/><g> <path class="st2" d="M13.2,3.4l1.2,1.9c0.3,0.5,0.6,0.9,0.9,1.4h0c0.3-0.5,0.6-1,0.9-1.4l1.2-1.9h1.7l-3,4.2l3,4.5h-1.8l-1.3-2  c-0.3-0.5-0.6-1-0.9-1.5h0c-0.3,0.5-0.6,1-0.9,1.5l-1.3,2h-1.7l3.1-4.4l-3-4.3H13.2z"/></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu96 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:%23383838;}</style><rect x="1.7" y="1.8" class="st0" width="26.5" height="12.9"/><rect x="14.1" y="14.8" class="st0" width="2" height="12.2"/><rect x="5.4" y="27" class="st0" width="19.8" height="1.8"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu97 {background:#333;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding: .25rem;color: #fff;text-align: center;} div.cs_azu.azu97:after{content: "design";font-size: .8rem;} div.cs_azu.azu98 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:%23383838;} .st1{fill:%23FFFFFF;stroke:%23383838;stroke-miterlimit:10;} .st2{fill:none;stroke:%23383838;stroke-miterlimit:10;}</style><rect x="0" y="21.3" class="st0" width="6.4" height="1.8"/><rect x="23.6" y="21.3" class="st0" width="6.4" height="1.8"/><rect x="6.8" y="17.7" class="st1" width="16.9" height="9"/><line class="st2" x1="11.9" y1="17.6" x2="17.2" y2="12.8"/><line class="st2" x1="17.3" y1="12.4" x2="17.5" y2="17.9"/><g> <path class="st0" d="M6,7.3c0,2-1.4,2.8-2.7,2.8c-1.4,0-2.6-1.1-2.6-2.7c0-1.8,1.2-2.8,2.6-2.8C4.9,4.5,6,5.6,6,7.3z M1.8,7.3  c0,1.2,0.7,2,1.6,2C4.3,9.4,5,8.5,5,7.3c0-0.9-0.5-2-1.6-2C2.2,5.3,1.8,6.3,1.8,7.3z"/> <path class="st0" d="M7.2,6.1c0-0.6,0-1,0-1.4H8l0.1,0.9h0c0.3-0.5,0.9-1,1.8-1c0.7,0,1.9,0.4,1.9,2.3V10h-1V6.9  c0-0.9-0.3-1.6-1.2-1.6c-0.6,0-1.1,0.5-1.3,1c0,0.1-0.1,0.3-0.1,0.5V10h-1V6.1z"/> <path class="st0" d="M12.5,10.4l3.1-8h0.8l-3.1,8H12.5z"/> <path class="st0" d="M21.9,7.3c0,2-1.4,2.8-2.7,2.8c-1.4,0-2.6-1.1-2.6-2.7c0-1.8,1.2-2.8,2.6-2.8C20.8,4.5,21.9,5.6,21.9,7.3z M17.7,7.3c0,1.2,0.7,2,1.6,2c0.9,0,1.6-0.9,1.6-2.1c0-0.9-0.5-2-1.6-2C18.2,5.3,17.7,6.3,17.7,7.3z"/> <path class="st0" d="M26.4,10V5.4h-2.2V10h-1V5.4h-0.7V4.6h0.7V4.5c0-0.7,0.2-1.4,0.6-1.8c0.3-0.3,0.7-0.5,1.3-0.5  c0.3,0,0.6,0.1,0.8,0.2l-0.2,0.7c-0.1-0.1-0.4-0.1-0.6-0.1c-0.8,0-1,0.6-1,1.5v0.2h2.2V4.4c0-0.7,0.2-1.4,0.6-1.9  C27.4,2.2,27.9,2,28.3,2c0.4,0,0.6,0.1,0.8,0.2L29,2.9c-0.2-0.1-0.3-0.1-0.6-0.1c-0.8,0-1,0.7-1,1.5v0.3h1.3v0.7h-1.3V10H26.4z"/></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu99 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:none;stroke:%23383838;stroke-miterlimit:10;} .st1{fill:%23383838;} .st2{fill:%23EEEEEE;}</style><path class="st0" d="M17.2,12.8"/><path class="st0" d="M11.9,17.6"/><path class="st0" d="M17.5,17.9"/><path class="st0" d="M17.3,12.4"/><circle class="st1" cx="15" cy="15.1" r="14.3"/><path class="st2" d="M14.9,21.2L14.9,21.2c-0.7,0-1.2,0.5-1.2,1.2v3.4c0,0.7,0.5,1.2,1.2,1.2h0c0.7,0,1.2-0.5,1.2-1.2v-3.4 C16.1,21.7,15.5,21.2,14.9,21.2z"/><path class="st2" d="M18.2,13.7h-6.9c-0.6,0-1,0.4-1,1v6.6c0,0.5,0.4,1,1,1h6.9c0.5,0,1-0.5,1-1v-6.6C19.2,14.1,18.8,13.7,18.2,13.7 z"/><path class="st2" d="M20.9,15H8.7c-0.9,0-1.6-0.7-1.6-1.6v0c0-0.9,0.7-1.6,1.6-1.6h12.2c0.9,0,1.6,0.7,1.6,1.6v0 C22.5,14.3,21.8,15,20.9,15z"/><path class="st2" d="M12.2,7L12.2,7c-0.5,0-0.9,0.4-0.9,0.9V13c0,0.5,0.4,0.9,0.9,0.9h0c0.5,0,0.9-0.4,0.9-0.9V7.8 C13,7.4,12.6,7,12.2,7z"/><path class="st2" d="M17.5,13.9L17.5,13.9c-0.5,0-0.9-0.4-0.9-0.9V7.8C16.6,7.4,17,7,17.5,7h0c0.5,0,0.9,0.4,0.9,0.9V13 C18.4,13.5,18,13.9,17.5,13.9z"/><line class="st0" x1="10.2" y1="15.5" x2="19.3" y2="15.5"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu30 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:none;stroke:%23383838;stroke-miterlimit:10;} .st1{fill:%23383838;} .st2{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-miterlimit:10;} .st3{fill:%23FFFFFF;}</style><path class="st0" d="M17.2,12.8"/><path class="st0" d="M11.9,17.6"/><path class="st0" d="M17.5,17.9"/><path class="st0" d="M17.3,12.4"/><circle class="st1" cx="15" cy="15.1" r="14.3"/><g> <g>  <line class="st2" x1="15" y1="8.7" x2="15" y2="22.6"/>  <g> <polygon class="st3" points="12,9.6 15,4.4 18,9.6  "/>  </g>  <g> <polygon class="st3" points="12,21.7 15,26.9 18,21.7  "/>  </g> </g></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu32 {background:#eee url(/img/azu_HI_dimmbar.png) no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu33 {background:#eee 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.1 11.1" style="enable-background:new 0 0 11.1 11.1;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3B;}</style><title>Pictogram-Dimmable</title><g id="Text"> <path class="st0" d="M11.1,4.7c-0.6-3-3.4-5.1-6.3-4.5C2.2,0.5,0.4,2.5,0.1,5c0.6-1.8,2.3-3.2,4.2-3.2c2.3,0,4.1,1.5,4.4,3.8  L11.1,4.7z"/></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu34 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:none;stroke:%23383838;stroke-miterlimit:10;} .st1{fill:%23383838;} .st2{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-miterlimit:10;} .st3{fill:%23FFFFFF;}</style><path class="st0" d="M17.2,12.8"/><path class="st0" d="M11.9,17.6"/><path class="st0" d="M17.5,17.9"/><path class="st0" d="M17.3,12.4"/><circle class="st1" cx="15" cy="15.1" r="14.3"/><g> <g>  <line class="st2" x1="8" y1="15.7" x2="22" y2="15.7"/>  <g> <polygon class="st3" points="8.9,18.6 3.7,15.7 8.9,12.7  "/>  </g>  <g> <polygon class="st3" points="21.1,18.6 26.3,15.7 21.1,12.7  "/>  </g> </g></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu118 {background:#131313 url(/img/azu_italien.png) no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu119 {background:#131313 url(/img/azu_danmark.png) no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu121 {background:#131313 url(/img/azu_schweden.png) no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu43 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:%23383838;stroke:%23383838;stroke-miterlimit:10;} .st1{fill:%232F8204;} .st2{fill:%23FFFFFF;}</style><rect x="0.7" y="6.4" class="st0" width="21.8" height="16.2"/><rect x="26.6" y="11.6" class="st0" width="2.5" height="6.1"/><rect x="16.9" y="5.9" class="st1" width="8.8" height="17.2"/><g> <path class="st2" d="M21.9,10.5v3.3h3.1v0.8h-3.1v3.3H21v-3.3h-3.1v-0.8H21v-3.3H21.9z"/></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu42 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:%23383838;}</style><g> <rect x="10.8" y="7.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.1896 11.6446)" class="st0" width="1.3" height="9"/></g><g> <path class="st0" d="M14.7,29.4c-7.8,0-14.1-6.3-14.1-14.1c0-3.7,1.5-7.2,4.2-9.9l0.9,0.9c-2.4,2.4-3.8,5.6-3.8,9  c0,7,5.8,12.8,12.8,12.8s12.8-5.8,12.8-12.8c0-6.9-5.4-12.5-12.2-12.8v5.8H14v-7h0.6c7.8,0,14.1,6.3,14.1,14.1S22.4,29.4,14.7,29.4  z"/></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu45 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:%23383838;}</style><g id="Icons_with_numbers"> <g id="Group" transform="translate(-480.000000, -192.000000)">  <path id="Rectangle_233" class="st0" d="M492.1,203.5v11.7l0,0c0,1.1-0.7,2.3-2.2,3c-2,1-4.2,0.5-5-0.7c-0.8-1.2-0.2-3.1,1.8-4.2 c1.4-0.7,2.8-0.7,3.8-0.3v-9.3v-6l15-3v1.5v4.5v12.9l0,0c0,1.1-0.7,2.3-2.2,3c-2,1-4.2,0.5-5-0.7c-0.8-1.2-0.2-3.1,1.8-4.2 c1.4-0.7,2.8-0.7,3.8-0.3v-10.5L492.1,203.5z"/> </g></g></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu37 {background:#383838 url(/img/azu_saege.png) no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu44 {background:#eee 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 22 19.4" style="enable-background:new 0 0 22 19.4;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FF0013;enable-background:new  ;} .st1{fill:%232500FF;enable-background:new  ;} .st2{fill:%2300FFFF;enable-background:new  ;} .st3{fill:%2300FF5B;enable-background:new  ;} .st4{fill:%23F9FF00;enable-background:new  ;} .st5{opacity:0.8;fill:%23F200FF;enable-background:new  ;}</style><circle class="st0" cx="4.4" cy="6.4" r="2.6"/><circle class="st1" cx="17" cy="5.8" r="2.6"/><circle class="st2" cx="17.3" cy="12.6" r="2.6"/><circle class="st3" cx="5" cy="13.4" r="2.6"/><circle class="st4" cx="11.4" cy="16.2" r="2.6"/><circle class="st5" cx="10.6" cy="3.2" r="2.6"/></svg>') no-repeat 50% 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 1.5rem auto;} div.cs_azu.azu131 {background:#eee 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 61.1 62" style="enable-background:new 0 0 61.1 62;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><rect width="61.1" height="62"/><rect x="2.6" y="2.7" class="st0" width="55.5" height="24.4"/><rect x="2.7" y="30" class="st0" width="55.6" height="2.9"/><g> <path class="st0" d="M17.4,58.7h-3.1l-2.5-14.8h-0.1L9.3,58.7H6.3L2.9,35.9h3.5L8,50.4H8l2.6-14.5h2.5l2.7,14.8h0.1l1.6-14.8h3.5  L17.4,58.7z"/> <path class="st0" d="M22.9,35.9h9.7V39h-6.5v6.7h5.6v3.1h-5.6v6.7h6.5v3.3h-9.7V35.9z"/> <path class="st0" d="M34.7,35.9h9.7V39H38v6.7h5.6v3.1H38v6.7h6.5v3.3h-9.7V35.9z"/> <path class="st0" d="M46.6,35.9h3.3v10.4h0.1l4.8-10.4h3.3L53.5,45l5.3,13.7h-3.5l-3.7-10.1l-1.8,3.3v6.8h-3.3V35.9z"/></g><g> <path d="M5.1,5.8h3.9c1.7,0,2.9,0.5,3.6,1.4c0.7,0.9,1.1,2,1.1,3.2v0.7c0,1-0.2,1.7-0.5,2.2s-0.8,0.9-1.4,1.3  c0.6,0.3,1.1,0.7,1.4,1.3c0.3,0.6,0.4,1.4,0.4,2.3v1c0,1.6-0.4,2.9-1.2,3.7s-2.1,1.3-3.8,1.3H5.1V5.8z M7.7,13.4h1.2  c0.9,0,1.5-0.2,1.8-0.7c0.3-0.4,0.5-1.1,0.5-2c0-0.8-0.2-1.4-0.5-1.8c-0.3-0.4-1-0.6-1.8-0.6H7.7V13.4z M7.7,21.6h1.1  c1.1,0,1.7-0.3,2-0.9c0.2-0.6,0.3-1.3,0.3-2.2c0-0.9-0.1-1.6-0.4-2.1c-0.3-0.5-0.9-0.7-1.9-0.7H7.7V21.6z"/> <path d="M16.1,5.8h2.7v15.9H24v2.7h-7.9V5.8z"/> <path d="M28.7,5.8h2.2L35,24.3h-2.7l-0.8-4H28l-0.8,4h-2.7L28.7,5.8z M29.8,11.1L29.8,11.1l-1.4,6.7h2.7L29.8,11.1z"/> <path d="M44.8,20.1c0,1.1-0.4,2.1-1.2,3c-0.8,0.8-1.8,1.3-3,1.3c-0.1,0-0.2,0-0.4,0c-0.1,0-0.2,0-0.4,0c-0.9-0.1-1.7-0.4-2.5-1.1  c-0.8-0.6-1.1-1.7-1.1-3.2V9.9c0-1.2,0.4-2.2,1.2-3.1c0.8-0.8,1.8-1.2,3.1-1.2c1.2,0,2.2,0.4,3.1,1.3s1.2,1.9,1.2,3.2v1h-2.7v-0.9  c0-0.5-0.1-1-0.4-1.4c-0.3-0.4-0.7-0.6-1.2-0.6c-0.7,0-1.1,0.2-1.3,0.6c-0.2,0.4-0.3,0.9-0.3,1.6v9.4c0,0.5,0.1,1,0.4,1.3  c0.2,0.4,0.7,0.5,1.2,0.5c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0.3-0.1,0.6-0.2,0.9-0.5s0.4-0.7,0.4-1.3V19h2.7V20.1z"/> <path d="M46.9,5.8h2.7v8.5h0.1l3.9-8.5h2.7l-3.6,7.4l4.3,11.1H54l-3-8.2l-1.4,2.7v5.5h-2.7V5.8z"/></g></svg>') no-repeat 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 2rem;} div.cs_azu.azu58 {background:url(/img/sale-angebote-extrem.png) no-repeat 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 2rem;} div.cs_azu.azu139 {background:#eee 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 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FECC00;}</style><rect class="st0" width="30" height="30"/><g> <path d="M4.3,24.5l0.5-2.5h-1v-0.9h1.2l0.4-2.1H3.8v-0.9h1.8l0.5-2.5h0.9l-0.5,2.5h1.8l0.5-2.5h0.9l-0.5,2.5h1v0.9H9l-0.4,2.1h1.6  v0.9H8.4l-0.5,2.5H7l0.5-2.5H5.6l-0.5,2.5H4.3z M5.8,21.2h1.8l0.4-2.1H6.2L5.8,21.2z"/></g><g> <path d="M17.3,24.5V10h-5.4V8.1h13V10h-5.4v14.5H17.3z"/></g></svg>') no-repeat 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 3rem;} div.cs_azu.azu138 {background:#eee url(/img/azu_B.svg) no-repeat 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 3rem;} div.cs_azu.azu140 {background:#eee url(/img/azu_Neu.svg) no-repeat 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 3rem;} div.cs_azu.azu144 {background:#eee url(/img/black-sale.svg) no-repeat 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 3rem;} div.cs_azu.azu145 {background:#eee url(/img/hohe-rabatte-auf-uvp.svg) no-repeat 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 3rem;} div.cs_azu.azu146 {background:#eee url(/img/light-week.svg) no-repeat 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 3rem;} div.cs_azu.azu147 {background:#eee url(/img/exklusive-lampen-leuchten.jpg) no-repeat 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 3rem;} div.cs_azu.azu148 {background:#eee url(/img/2-Prozent-Zusatz-Rabatt.jpg) no-repeat 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 3rem;} div.cs_azu.azu155 {background:#eee url(/img/slv-fixpreis-sonder.png) no-repeat 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 3rem;} div.cs_azu.azu157 {background:#eee url(/img/paulmann-cashback-aktion.png) no-repeat 50%;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;padding:0;text-align: center;background-size: 3rem;} .se_unten { display: flex; flex-direction: column; align-content: space-between; justify-content: space-evenly; position: absolute; top: 11rem; left: 0; right: 0; bottom: 0; } .se_name { height: 4.5rem; line-height: normal; overflow: hidden; } .se_name span { display: block; text-align: center; padding: 0; color: var(--theme-text); text-wrap: balance; font-size: .9rem; line-height: 1rem; } .se-minanz { display: block; text-align: center; font-size: .8rem; } .se_preis { height: 5rem; } .se_preis .se_vk { color: var(--theme-red); font-size: 1rem; text-align: center; display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; font-family: 'Header-Font'; line-height: 1rem; } .se_preis .se_vk s { display: block; color: var(--theme-text); font-weight: 300; font-size: .9rem; float: left; margin: 0 .25rem; } .se_preis .se_litp { display: block; text-align: center; color: var(--theme-text); } .se_preis .se_litp br { display: none; } li .se_preis .se_litp { opacity: .8; transition: opacity .1s ease-out; font-size: .8rem; } li:hover .se_preis .se_vk s, li:hover .se_preis .se_litp { opacity: 1; } li:hover .se_preis .se_vk s, li:hover .se_preis .se_litp { opacity: 1; } ul.se li.se_banner { overflow-y: auto; padding: 0; margin: 0; } ul.se li.se_banner p, ul.se li.se_banner h2, ul.se li.se_banner h3 { padding: 0; } 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 li.se_banner.sb { padding: 0 1rem; } ul.se li.se_banner.sb h2 { margin-bottom: 0; } ul.se .banner > a > h2 { background: rgba(255,255,255,.5); position: absolute; z-index: 2; top: 0; text-align: center; padding: 1rem 2rem; text-shadow: var(--theme-text-shadow); } ul.se .banner > a .button { position: absolute; bottom: 10%; z-index: 2; } ul.se .banner > a > span { position: absolute; bottom: var(--padding); width: calc(100% - calc(var(--padding) * 2)); text-align: center; } ul.se .banner > a > span.se_text { color: var(--theme-text); top: 0; } 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.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.card { border: 0; } ul.slides .banner img, ul.slides > li a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } ul.slides .banner { z-index: 2; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } ul.slides .banner > div > h3 { margin: 0; font-size: 2em; text-shadow: var(--theme-text-shadow); } ul.slides .banner > div { text-align: center; } ul.slides .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); } .start-slider.static ul.slides .banner img, ul.slides > li a img { position: static; } ul.se > li .quick-buy, ul.se > li > a.se_beobachten { position: absolute; top: calc(19.5rem - var(--padding)); right: 0; height: 2rem; width: 2rem; border-radius: 50%; transform: translateY(50%); opacity: 1; transition: all .5s ease-out; z-index: 2; background-size: 75%; background-position: center; background-repeat: no-repeat; cursor: pointer; background-image: url(/img/bg-merkliste.svg); transition-delay: .2s; } ul.se > li:hover .quick-buy, ul.se > li:hover .se_beobachten, ul.se > li > a.se_beobachten.active { opacity: 1; } ul.se > li > a.se_beobachten.active { background-image: url(/img/bg-merkliste-voll.svg)!important; } ul.se > li .quick-buy { right: 4.5rem; transform: translateX(50%); transition-delay: 1.2s; transition-duration: .4s; background-image: url(/img/pg_cart_m.svg); } .gr_1x2, .gr_2x2 { grid-column: span 2; } .gr_2x1, .gr_2x2 { grid-row: span 2; } .lief_gr_farbe_tab { position: absolute; top: 11rem; left: 0; right: 0; transform: translateY(-50%); } .lief_gr_farbe_tab ul { list-style: none; display: flex; flex-wrap: wrap; padding: 0; justify-content: center; gap: .3rem; margin-bottom: .3rem; } .lief_gr_farbe_tab ul li { height: 1.5rem; width: 1.5rem; text-align: center; line-height: 1.5rem; 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; color: var(--theme-text); padding: 0 1rem; line-height: 2.5rem; border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); } #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-black); color: var(--theme-white); border-radius: 20%; background-repeat: no-repeat; background-position: center; background-size: auto 1.25rem; margin: 0 .5rem; box-shadow: var(--shadow-elevation-medium); transition: box-shadow .3s ease-out;} #linkpagzur { background-image: url(/img/artikel_weiter-w.svg); rotate: -180deg; } #linkpagvor { background-image: url(/img/artikel_weiter-w.svg); } #pag_se ul > li > #linkpag1 { background-image: url(/img/artikel_back1-w.svg); } #shopLayer #pag_se ul > .nopag { opacity: .5; } #pag_se ul > li > *[href]:hover { box-shadow: var(--shadow-elevation-high); } .pag {font-size: 1.25em!important;text-align: center; align-items: center; place-content: center;} .se_farben .lief_gr_farbe1_k { cursor: pointer; margin: 0 .2rem; border-radius: 1rem; display: inline-block; height: 1rem; width: 1rem; filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)); transform: scale(1); } .se_farben .lief_gr_farbe1_k:hover, .se_farben .lief_gr_farbe1_k.active { transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); } .se_farben { position: absolute; top: 12rem; width: 100%; text-align: center; padding: .5rem; overflow: hidden; }
@media (min-width: 576px) { body { --grid-column-count: 6; --grid-item--min-width: 13rem; --kachel-max-height: 23rem; --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 > li .quick-buy, ul.se > li > a.se_beobachten { top: calc(20.5rem - var(--padding)); } ul.se.row > li:nth-child(-n+3) { 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)); } .se_unten { top: 15rem; } .art_box > .se_kachel > div > figure img { height: 13rem; } .se_preis .se_vk strike { margin: 0 .5rem; } .lief_gr_farbe_tab { top: 15rem; } .se_preis .se_vk { line-height: normal; } .se_diff { foont-size: 1rem; } .se_name span { padding: 0 .25rem; line-height: normal; } .suchtemp_energie a.energie_datenblatt { font-size: .8rem; } img.energie_x4 { width: 3rem; }  }
@media (min-width: 768px) { body { --kachel-max-height: 24rem; } ul.se > li .quick-buy, ul.se > li > a.se_beobachten { top: calc(21.5rem - var(--padding));} #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; } .art_box > .se_kachel:hover .suchtemp_azu_her { opacity: 1; } .se_name { height: 4rem; } .se_preis .se_vk s { font-size: 1rem; } .se_preis .se_vk { font-size: 1.25rem; } .se_name span { font-size: 1rem; } .se_staff_preise { font-size: 1rem; height: 2rem; line-height: 2rem; } }
@media (min-width: 992px) { body { --grid-item--min-width: 14rem; } ul.se.row > li:nth-child(-n+4) { display: block; } ul.se > li .quick-buy, ul.se > li > a.se_beobachten { opacity: 0; background-color: var(--theme-card-background); box-shadow: var(--shadow-elevation-medium); } ul.se > li:hover .quick-buy, ul.se > li:hover .se_beobachten, ul.se > li > a.se_beobachten.active { transform: translateY(0); opacity: 1; } ul.se > li .quick-buy, ul.se > li > a.se_beobachten { right: 1rem; } ul.se > li .quick-buy, ul.se > li > a.se_beobachten { top: calc(22rem - var(--padding));}  }
@media (min-width: 1200px) { ul.se.row > li:nth-child(-n+5) { display: block; } }
@media (min-width: 1400px) { ul.se.row > li:nth-child(-n+6) { display: block; } ul.se { grid-template-columns: 1fr 1fr 1fr 1fr; } }
/* ### to-top-button ### */
#btn-to-top { display: block; opacity: 0; transform: translateY(2rem); visibility: hidden; position: fixed; bottom: 1rem; right: 1rem; height: 3rem; width: 3rem; background-size: 1rem; background-color: var(--theme-accent-medium); border: none; border-radius: 50%; box-shadow: var(--shadow-elevation-medium); z-index: 90; transition: all .2s ease-out; background-image: url(/img/artikel_weiter.svg); background-position: center; background-repeat: no-repeat; padding: 0; } #btn-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0) rotate(-90deg); }
/* ### input-floating ### */
.inp_wrapper { position: relative; margin-top: 1.5rem; } .inp_wrapper label { position: absolute; top: 1.5rem; left: .8rem; font-size: .9rem; z-index: 1; color: var(--theme-text); transition: all .15s ease-out; opacity: .54; pointer-events: none; font-family: inherit; } .inp_wrapper:focus-within label, .inp_wrapper input:not(:placeholder-shown) + label, .inp_wrapper textarea:not(:placeholder-shown) + label, .inp_wrapper select + label, .inp_wrapper input:-webkit-autofill + label, .inp_wrapper textarea:-webkit-autofill + label, .static-input .inp_wrapper textarea + label, .static-input .inp_wrapper input + label, .inp_wrapper input + label.static, .inp_wrapper textarea + label.static { transform: translateY(-1.8rem); opacity: 1; } .inp_wrapper input, .inp_wrapper textarea, .inp_wrapper select { margin-top: 1rem; } .inp_wrapper label span.red { color: red; } .inp_wrapper.valid input { border-bottom: 1px solid var(--theme-success); }
/* ### powermenu ### */
#shopLayer.powermenue-open ~ #trustbadge-container-98e3dadd90eb493088abdc5597a70810 { display: none!important; } #shopLayer.powermenue-open ~ #usercentrics-root { display: none!important; } .powermenue a:not(.button), .powermenue div {color: var(--theme-white);} .powermenue { display: flex; position: fixed; z-index: 99; top: 4rem; left: 0; right: 0; bottom: 0; background-color: var(--theme-powermenu-medium); overflow-y: auto; overflow-x: hidden; opacity: 0; visibility: hidden; transform: translateX(-2rem); transition: all .3s ease-out; } nav.powermenue.open {opacity: 1;visibility: visible;transform: translateX(0);} #powermenue-strukturen-ueberschrift {display: flex;background-color: var(--theme-accent-medium);padding: 0.5rem 0;align-items: center;justify-content: center;} .powermenue-head { width: 100%;flex-direction: column; align-items: stretch;left: 0px;position: absolute; margin: 0; opacity: 1; pointer-events: all; transition: all .2s ease out; } .powermenue-head.hidden { opacity: 0; pointer-events: none; } .powermenue-head li { padding: 0 1rem; background-color: var(--theme-black); height: 4rem; margin: 0; margin-bottom: 1px; display: flex;align-items: center;justify-content: space-between;cursor: pointer; } .powermenue-head li:last-child { border-bottom: 0; } .powermenue-head a { font-size: 1.25rem; } .powermenue-head a:hover, .powermenue-modul-auflistung li a:hover, #shopLayer .powermenue .powermenue-strukturen a:hover { color: var(--theme-accent-medium); } .powermenue-head li.powermenue-aktiv a { color: var(--theme-accent-medium); } .powermenue-strukturen { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; padding: 0; background-color: var(--theme-powermenu-medium); transition: all .3s ease-out; box-shadow: none; } .powermenue-strukturen.hidden {opacity: 0;visibility: hidden;transform: translateX(-2rem);} .powermenue-struktur.hidden, .powermenue-struktur-module.hidden { display: none; } .powermenue-struktur-module { display: flex; width: 100%; padding: 1rem;box-sizing: border-box; } .powermenue-struktur-module { flex-direction: column; padding: 0; } .powermenue-modul-ueberschrift { display: block; width: 100%; font-size: 1.25rem !important; } .powermenue-modul-ueberschrift-wrapper { display: flex; align-items: center; background-color: var(--theme-powermenu-medium); padding: .75rem 1rem; border-bottom: 1px solid var(--theme-text); } .powermenue-modul { width: 100%;margin: 0;} .powermenue-modul a, .powermenue-modul p {font-size: 1rem;} .powermenue-modul p { margin: .25rem 0; } .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 1rem 1rem;box-sizing:border-box; } .powermenue-modul-auflistung li.powermenue-aktiv a {color: var(--theme-accent-medium);} .powermenue-modul-auflistung li a { padding: .5rem 0; } .powermenue-html-oben, .powermenue-html-unten { width:100%; padding: 1rem; box-sizing:border-box; } .powermenue-html-oben:empty, .powermenue-html-unten:empty { display:none; } .powermenue-modul-ueberschrift-icon { width: 3rem; height: 3rem; object-fit: contain; margin-right: .25rem; } .powermenue-auflistung-mit-icon img { width: 3rem; height: 3rem; margin: 0 1rem 0 0; } .powermenue-auflistung-mit-icon a, .powermenue-icons-mit-text a, .powermenue-top-marke a {display: flex;justify-content: flex-start;align-items: center;} .powermenue-icons-mit-text img { width: 4rem;height: 4rem;margin-bottom: .25rem; } .powermenue-icons-mit-text a, .powermenue-top-marke a {flex-direction: column;} .powermenue-icons-mit-text a p, .powermenue-top-marke a p {font-size: .8rem;margin-bottom: .5rem;} .powermenue-modul-auflistung .powermenue-top-marke {padding: .75rem 0 .5rem 0;} .powermenue-modul-top-marken, .powermenue-top-marke, .powermenue-modul-top-artikel {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: flex-start;} .powermenue-top-marke img, .powermenue-top-artikel img {max-width: 200px;max-height: 200px;object-fit: contain;} .powermenue-modul .powermenue-top-artikel-name {font-size: 1rem;} .powermenue-modul-icons {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;} .powermenue-modul-auflistung li.powermenue-top-artikel {background-color:rgb(255,255,255);border:1px solid rgb(221,221,221);padding:.5rem;box-sizing:border-box;margin-right:2rem;} .powermenue-top-artikel {width: 100%;} .powermenue-top-artikel a {align-items: center; } .powermenue-top-artikel-rechts .powermenue-top-artikel-preis {font-size: 1.5rem;} .powermenue-mehr-anzeigen-button {margin-bottom: 0.5rem; } .powermenue-modul-auflistung li a {display: flex;} .powermenue-top-marke img, .powermenue-top-artikel img {max-width: 100px;max-height: 100px;object-fit: contain;} .powermenue-top-artikel a {display: flex;align-items: center;justify-content: flex-start;} .powermenue-top-artikel-rechts {margin-left: 5px;} .powermenue-top-artikel-name {font-size: .8rem;margin-bottom: 10px;} .powermenue-top-artikel-preis {font-size: 1rem;} .powermenue-zwei-spalten-rechts {display: none;} .powermenue-mehr-anzeigen {display: none;} .powermenue-mehr-anzeigen-button {cursor: pointer;display: flex; align-items: center;justify-content: center;margin-top: .5rem;} .powermenue-pfeil-unten {margin-left: .5rem;transform: rotate(90deg);} #powermenue-zurueck {position: absolute;background: transparent url(/img/powermenue_arrow.svg) no-repeat 50% 50%;background-size: auto 40px;z-index: 1000;cursor: pointer;width: 4rem;height: 2rem;left: 0;padding: 1rem 1rem 1rem 0;} #powermenue-zurueck-text {font-size: 1.25rem;color: var(--theme-accent-text);} .powermenue-head-mobile-pfeil {display: none;} .alle-struktur-artikel-anzeigen {display: none; } .powermenue-zwei-spalten-links {display: flex;align-items: center;justify-content: flex-start;} .powermenue-pfeil-rechts {margin-left: 0.25rem;} .powermenue-modul-html img {max-width: 100%;} .powermenue-auflistung-hoch {font-weight: bold;} .powermenue-auflistung-mit-icon a { padding: .25rem 0; } .powermenue-head-mobile-pfeil {display: block;background: transparent url(/img/powermenue_arrow.svg) no-repeat 50% 50%;background-size: auto 40px;width: 2rem;height: 2rem;transform: rotate(180deg);} .powermenue-modul[data-modul-typ='zwei-spalten-rechts'] { display: none; } .alle-struktur-artikel-anzeigen { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: .5rem 1rem; background-color: var(--theme-black); } .alle-struktur-artikel-anzeigen p { margin: 0; } .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; } .powermenue-modul-html ul li a strong { margin-right: .5rem; } .powermenue-modul-auflistung[data-modul-typ="auflistung-mit-icons"] { display: flex; flex-wrap: wrap; } .powermenue-modul-auflistung[data-modul-typ="auflistung-mit-icons"] li.powermenue-auflistung-mit-icon { width: 100%; } .fs_pm1 img { margin-right: 1rem; width: 2.5rem; height: 2.5rem; object-fit: contain; vertical-align: middle; } .fs_pm1 ul { display: flex; flex-wrap: wrap; } .fs_pm1 ul li { width: 100%; display: flex; } .powermenue-modul.powermenue-modul-nummer-10 .powermenue-modul-ueberschrift-wrapper { display: none; } 
@media (min-width: 576px) { .fs_pm1 ul li { width: 50%; } .powermenue-modul-auflistung[data-modul-typ="auflistung-mit-icons"] li.powermenue-auflistung-mit-icon { width: 50%; } .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] li { width: 50%; } }
@media (min-width: 768px) { nav.powermenue.open { max-width: 600px; box-shadow: 0px 12px 24px -10px rgba(0,0,0,1); } }
@media (min-width: 992px) { nav.powermenue.open { max-width: 800px; } .powermenue { top: 5rem; } }
@media (min-width: 1200px) { .powermenue {width: 100%;display: flex;align-items: center;justify-content: flex-start;flex-direction: column; overflow: visible; opacity: 1; visibility: visible; position: relative; top: 0; background: none; transform: none; } nav.powermenue.open { max-width: 100%; } #powermenue-schalter { display: none; } .powermenue-head { display: flex; flex-direction: row; justify-content: center; height: 3rem; align-items: center;padding: 0; margin-top: 0; } .powermenue-head li { height: auto; margin: 0; padding: 0; background-color: unset; } .powermenue-head li a { padding: 0 .5rem; } .powermenue-head a { font-size: 1rem; } .powermenue-strukturen.hidden {opacity: 0;visibility: hidden;transform: translateY(-2rem);} .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] li { width: 100%; } .powermenue-struktur, .powermenue-struktur-module { display: flex;align-items: flex-start;justify-content: flex-start; } .powermenue-strukturen { position: static; width: 100%; background-color: rgba(0,0,0,.9); display: block; box-shadow: 0px 12px 24px -10px rgba(0,0,0,0.75); padding:1rem;box-sizing: border-box; margin-top: 3rem; } .powermenue-strukturen.hidden { display: none; } .powermenue-struktur { flex-direction: column; } .powermenue-struktur-module { width: 100%; flex-direction: row; padding: 1rem;box-sizing: border-box; } .powermenue-modul { width: 23%; margin: 0; } .powermenue-modul-ueberschrift-wrapper { display: flex; align-items: center; justify-content: flex-start; height: 4rem; font-weight:bold; background-color: unset; } .powermenue-html-unten #alle-marken {float:right;} .powermenue-html-oben #alle-marken {float:right;} .powermenue-html-oben h1 {margin:0;} .powermenue-top-marke {width: 50%;justify-content: flex-start;justify-content: center;} .powermenue-icons-mit-text {width: 25%;} .powermenue-icons-mit-text img {width: 5rem;height: 5rem;} .powermenue-auflistung-mit-icon img { width: 2.5rem; height: 2.5rem; } .powermenue-head-mobile-pfeil { display: none; } .alle-struktur-artikel-anzeigen { display: none; } #powermenue-strukturen-ueberschrift { display: none; } .powermenue-modul-auflistung[data-modul-typ="auflistung-mit-icons"] li.powermenue-auflistung-mit-icon { width: 100%; } .powermenue-modul p { margin: .25rem 0; } .powermenue-modul-auflistung li.powermenue-auflistung-mit-icon a { padding: .25rem 0; } .nav_image_rail:after { background-image: url(/img/menue_rail_image.jpg); outline: 1px solid rgba(255,255,255, 0.3)!important; outline-offset: -20px!important; height: 250px; max-width: 300px; width: 100%; content: ""; background-size: 300px 250px; display: inline-block; } .nav_image_einbau:after { background-image: url(/img/menue_einbauleuchten_image.jpg); outline: 1px solid rgba(255,255,255, 0.3)!important; outline-offset: -20px!important; height: 250px; max-width: 300px; width: 100%; content: ""; background-size: 300px 250px; display: inline-block; } .nav_image_decke:after { background-image: url(/img/menue_deckenleuchten_image.jpg); outline: 1px solid rgba(255,255,255, 0.3)!important; outline-offset: -20px!important; height: 250px; max-width: 300px; width: 100%; content: ""; background-size: 300px 250px; display: inline-block; } .nav_image_wand:after { background-image: url(/img/menue_wandleuchten_image.jpg); outline: 1px solid rgba(255,255,255, 0.3)!important; outline-offset: -20px!important; height: 250px; max-width: 300px; width: 100%; content: ""; background-size: 300px 250px; display: inline-block; } .nav_image_stripe:after { background-image: url(/img/menue_stripes_image.jpg); outline: 1px solid rgba(255,255,255, 0.3)!important; outline-offset: -20px!important; height: 250px; max-width: 300px; width: 100%; content: ""; background-size: 300px 250px; display: inline-block; } .nav_image_leuchtmittel:after { background-image: url(/img/menue_leuchtmittel_image.jpg); outline: 1px solid rgba(255,255,255, 0.3)!important; outline-offset: -20px!important; height: 250px; max-width: 300px; width: 100%; content: ""; background-size: 300px 250px; display: inline-block; } .nav_image_outdoor:after { background-image: url(/img/menue_outdoor_image.jpg); outline: 1px solid rgba(255,255,255, 0.3)!important; outline-offset: -20px!important; height: 250px; max-width: 300px; width: 100%; content: ""; background-size: 300px 250px; display: inline-block; } .nav_service_image:after { background-image: url(/img/menue_service_image.jpg); outline: 1px solid rgba(255,255,255, 0.3)!important; outline-offset: -20px!important; height: 250px; max-width: 300px; width: 100%; content: ""; background-size: 300px 250px; display: inline-block;} .powermenue-modul.powermenue-modul-nummer-10 .powermenue-modul-ueberschrift-wrapper { display: block; } .fs_pm1 ul li { width: 100%; } }
@media (min-width: 1400px) { .powermenue-head li a { padding: 0 1rem; } }
/* ### search ### */
ul.se li em { font-weight: bold; font-style: normal; background-color: yellow !important; color: black !important; } .css_dropdown[data-group='ag'] { display: none; } #meili-search { min-height: 85vh; } #meili-search #meili-items li#faqs { grid-column: 1 / span 2; padding: var(--padding); height: auto; overflow-y: auto; } #meili-search #meili-items li#faqs p { padding: 0; } #meili-term:empty, #meili-active-filters:empty { display: none; } #meili-title { display: flex; align-items: baseline; justify-content: space-between; } #meili-filters { display: none; grid-template-columns: 1fr 1fr; grid-gap: var(--padding); margin-bottom: 2rem; } #meili-filters.open { display: grid; } #meili-filters > div { flex: 1; } #meili-filters .css_dropdown ul li label span { font-size: .8rem; opacity: .8; float: right; line-height: 1.5rem; } #meili-filter-toggle { display: none; } #meili-filter-toggle.visible { display: block; } #meili-active-filters { margin-bottom: var(--padding); } #meili-active-filters > button { margin-right: var(--padding); } #meili-placeholder, #meili-no-hits, #meili-fallback-placeholder { text-align: center; max-width: 66rem; margin: 0 auto; } #meili-fallback-placeholder { font-weight: bold; margin-top: var(--padding); } #meili-no-hits { display: none; } #meili-no-hits > b { font-size: 1.1rem; margin-bottom: 2rem; display: inline-block; font-family: 'Header-Font'; } #meili-search h1 { margin-bottom: 0; } #meili-search p { margin-top: 0; } #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; color: var(--theme-text); } .suche-struktur nav ul li a:hover { background: var(--theme-accent-dark); } .suche-struktur nav ul li { list-style: none; } .suche-struktur nav ul li.head { width: 100%; background: var(--theme-medium); padding: .5rem; color: var(--theme-text);}
@media (min-width: 576px) { #meili-filters { grid-template-columns: repeat(2, 1fr); } #meili-search #meili-items li#faqs { height: var(--kachel-max-height); } }
@media (min-width: 768px) { #meili-filters { display: grid; grid-template-columns: repeat(2, 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(3, 1fr); } }
@media (min-width: 1200px) { #meili-filters { grid-template-columns: repeat(5, 1fr); } }
@media (min-width: 1400px) { #meili-filters { grid-template-columns: repeat(5, 1fr); } }
/* ### kachel-slider ### */
.art_slider { list-style: none; padding: var(--padding); overflow-y: hidden; overflow-x: scroll; display: flex; scroll-snap-type: x proximity; scroll-padding: calc(var(--padding) - .6rem); scroll-behavior: smooth; margin-top: 0; } .art_slider .art_box { min-width: 17rem; margin-left: var(--padding); scroll-snap-align: start; } .art_slider_wrapper { position: relative; } .art_slider_wrapper button.art_slider_nav { display: none; } @media (pointer: fine) { .art_slider_wrapper button.art_slider_nav { position: absolute; display: block; left: 0rem; top: 50%; transform: translate(0%, -50%) rotate(180deg); height: 3rem; width: 3rem; padding: 0; border-radius: 50%; background-image: url(/img/artikel_weiter.svg); background-position: center; background-repeat: no-repeat; background-size: 30%; } .art_slider_wrapper button.art_slider_nav.slider_next { left: unset; right: -.5rem; transform: translate(0%, -50%) rotate(0deg); } }
/* ### tabs ### */
[data-tab-inhalt] { display: none; } [data-tab-inhalt].tab-active { display: block; } .tab-nav { display: flex; margin-bottom: var(--padding); flex-direction: column; justify-content: flex-start; gap: .1rem; } .tab-nav > [data-tab] { background-color: var(--theme-card-background); padding: var(--padding); cursor: pointer; min-width: 7rem; text-align: center; border-left: 1px solid var(--theme-light); } .tab-nav > [data-tab]:first-of-type { border-top-left-radius: var(--theme-radius-small); border-left: none; } .tab-nav > [data-tab]:last-of-type { border-top-right-radius: var(--theme-radius-small); } .tab-nav > [data-tab].tab-active { background-color: var(--theme-accent-medium); }
@media (min-width: 768px) { .tab-nav { margin-bottom: 0; flex-direction: row; } }
/* ### meili-extra ### */
#meili-items-divider { margin-top: calc(var(--padding)* 2); text-align: center; font-weight: bold; border-bottom: var(--theme-divider); margin-bottom: var(--padding); font-size: 1.15rem; }
/* ### powermenue-extra ### */
@media (pointer: fine) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }
@media (min-width: 992px) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }