/* CSS only 117.65K, CSS & InlineSvg (12/20) 146.77K => 25% more */

/* CSS base, search, meili-extra, htm, kachel, powermenu, powermenue-extra, to-top-button, input-floating, tabs */
/* ### base ### */
*, ::before, ::after { box-sizing: border-box; } html { text-size-adjust: none; } ::before, ::after { text-decoration: inherit; vertical-align: inherit; } :root { cursor: default; line-height: 1.5; overflow-wrap: break-word; -moz-tab-size: 4; tab-size: 4; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; } body { font-size: 1.05rem; overflow-y: scroll; margin: 0; text-rendering: optimizeLegibility; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; overscroll-behavior-x: none; --header-width: 1600px; --shadow-saturation: 0%; --shadow-hue: 186deg; --shadow-lightness: 50%; --theme-white: rgb(255,255,255); --theme-light-hover: rgb(250,249,245); --theme-lighter: rgba(241,240,235,.5); --theme-light: rgb(241,240,235); --theme-medium: rgb(217, 216, 212); --theme-dark: rgb(162, 160, 153); --theme-link: #1D70B7; --theme-text: rgb(60,60,60); --theme-text-shadow: 0 0 3px rgba (0,0,0,.5); --theme-text-hover: rgb(29,112,183); --theme-accent: rgba(29,112,183,.5); --theme-accent-light: rgba(142,183,219); --theme-accent-medium: rgb(29,112,183); --theme-accent-dark: rgb(29,112,183); --theme-accent-text: rgb(255,255,255); --theme-accent-orange: rgb(213,19,23); --theme-powermenu-medium: rgb(238,238,238); --theme-border: none; --theme-outline: none; --theme-radius-small: 0; --theme-radius-medium: 1rem; --theme-card-background: rgb(255,255,255); --theme-divider: .1rem solid var(--theme-medium); --padding: 1rem; --card-padding: var(--padding); --shadow-elevation-low: 0px 0px 8px rgba(204,204,204,0.5); --shadow-elevation-medium: 0px 0px 8px rgba(204,204,204,0.5); --shadow-elevation-high: 0px 0px 8px rgba(100,100,100,0.5); --theme-error: rgb(213,19,23); --theme-error-text: rgb(255,255,255); --theme-warning: rgb(200,112,38); --theme-warning-text: rgb(255,255,255); --theme-success: rgb(139,164,55); --theme-success-text: rgb(255,255,255); } body.no-scroll { overflow: hidden; } body, input, button, .button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1 { font-size: 2em; margin: 0.67em 0; } b, strong { font-weight: bolder; color: inherit; } .red { color: var(--theme-error); } .center { text-align: center; } .right { text-align: right; } .left { text-align: left; } .small { font-size: .75rem; } .gruen { color: var(--theme-accent-dark); } .orange { color: var(--theme-accent-orange); } .white { color: var(--theme-white); } .gold { color: #ecb84d; } audio, canvas, iframe, img, svg, video { vertical-align: middle; max-width: 100%!important; 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-white); color: var(--theme-text); } h1, h2, h3, h4, h5, h6 { color: var(--theme-text); 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"; } ul { padding: 0; } ul.mleft li { margin-left: 1rem; } body, #shopLayer, #shopMain { max-width: 100vw; } .shopHeader { background-color: var(--theme-white); z-index: 99; } #kopf_top_line { position: sticky; top: 0; z-index: 104; } #kopf_bottom_line { background-color: var(--theme-light); box-shadow: 0px 6px 6px -2px rgba(171,171,171,0.75); } #shopMain { min-height: 100vh; } #kopf_top_line {box-shadow: var(--shadow-elevation-high); } /* html anchor */ html { scroll-behavior: smooth; scroll-padding-top: 8rem; } @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; } .h1_in_breadcrumb { font-size: inherit; } h1 span { display: block; font-size: 1rem; } h2 { font-size: 1.5em; } 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; } /* header */ .shopHeader a:not(.button), #shopFooter a, .BreadcrumbList a, .breadcrumb a span, *[itemtype*="Breadcrumb"] * { color: var(--theme-text); } .shopHeader li, #shopFooter li { list-style: none; } #k_title { width: 100%; height: 2rem; background: var(--theme-accent-dark); position: relative; z-index: 101; } #k_title ul { width: 100%; display: flex; flex-wrap: nowrap; justify-content: center; margin: 0 auto; padding: 0 1rem; } #k_title ul li { line-height: 2rem; white-space: nowrap; } #k_title ul li, #k_title ul li a { color: var(--theme-white); font-size: .9rem; } #k_title ul li a span { font-size: inherit; } #k_title ul li a:hover { color: var(--theme-text); text-decoration: underline; } #k_title ul li:nth-child(1), #k_title ul li:nth-child(2) { display: none; } #k_title ul li a.active { font-weight: bold; } .ausrichter { padding: 0; } #kopf_top_line_inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; padding: 0; } #k_logo, #k_icons { height: 4rem; } #k_logo { width: 34%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400.05 103.05"><defs><style>.a{fill:%23d51317;}.b{fill:%23636361;stroke:%23636361;stroke-miterlimit:10;}</style></defs><title>Haflingerversand_3fbg</title><path class="a" d="M187.63,49.2s-3.34-3.88-4-7.19a30,30,0,0,1,0-9c.22-1,4.52-5.62,5.51-7.82s2.64-5.08,3-6.84a7.84,7.84,0,0,1,1.43-4c1-1.32,7.55-6.27,9.48-6.83,2.22-.65,9.48,0,9.48,0s.55-2.87,1.54-4S217.19-.19,217.58,0s-.47,1.51-.47,2.63.47,1,.8,1.78a5.34,5.34,0,0,1,.34,2.76c-.11,1.1.32,2,.77,2s5.14-6.59,5.73-5.95c.3.32,0-.11.11,1.76a27,27,0,0,1-.33,6c-.33,1.88,0,1.77.55,2.76a14.28,14.28,0,0,0,2.31,2.76c.78.77,1,1.21,1.44,3.08a67.76,67.76,0,0,0,2.64,7.61c.67,1.54,2.76,5.07,3,6.39s1,2.43.33,3.53a14.47,14.47,0,0,1-2.64,3c-.67.55-.45,1.1-1.33,1.1s-3-2.86-3.64-3.64-1.1-.33-1.1-.33a24.15,24.15,0,0,0,.44,2.43c.22.77.88,1.65.33,1.87s-.88.77-1.65.22-4.78-7.07-6.17-8.16a31.34,31.34,0,0,0-4.63-3.3,45.84,45.84,0,0,0-4.75-1.55s3.31,3,3.86,3.75A50.73,50.73,0,0,1,217,36.83c1,1.65,3,5,3.31,6.51a31.43,31.43,0,0,1-.08,5.86Z"/><path d="M0,48.86a12,12,0,0,1,.14-1.75L3,46.56a10.55,10.55,0,0,0,1.25-.39L4.51,40c-.06-2.22-.09-3.89-.09-5l0-.59c0-.67.06-2.37.06-5.09l-.06-.72.06-2.08,0-2.15V23.28c0-1-.07-2.07-.19-3.36a5.23,5.23,0,0,0-.17-.59,1.38,1.38,0,0,0-.4-.1,3.39,3.39,0,0,1-.44-.08,17.38,17.38,0,0,0-1.89-.24L1,18.81a4.15,4.15,0,0,1-.93-.2c0-.48-.07-.78-.07-.92a3.5,3.5,0,0,1,.14-.81,5.9,5.9,0,0,1,1.26-.1c.54,0,.91,0,1.12,0,1.83.22,3.19.33,4.07.35.41,0,.82,0,1.23,0l1.09,0c.49,0,1.7-.08,3.62-.24a3.72,3.72,0,0,1,1-.13,9,9,0,0,1,1.4.1c0,.35,0,.6,0,.74a6.34,6.34,0,0,1-.09,1l-4,.69a.79.79,0,0,0-.48.72l.06.91v1.49l0,.84v.2a2.88,2.88,0,0,1,0,.47l0,3.14c0,.3,0,.52,0,.67s0,.34,0,.79c0,.26,0,.53,0,.81s0,.84,0,1.76a9.2,9.2,0,0,0,1.06.15l3.31.07h1.62l4,0,3.93-.12a7.86,7.86,0,0,0,1.61-.18c0-.56.05-1.94.07-4.13l0-1.11-.13-4.21-.16-1.73a.72.72,0,0,0-.31-.32,12.94,12.94,0,0,0-3.15-1.11,6.24,6.24,0,0,1-.8-.25,7.63,7.63,0,0,1,.18-1.41l.6,0,2.17,0a29.91,29.91,0,0,0,4.24.3c.33,0,.59,0,.79,0l2.91-.1.79-.05A7,7,0,0,1,35,16.7c.44,0,1,0,1.57.08,0,.64,0,1.23-.11,1.75-1.37.32-2.27.55-2.69.68a7.65,7.65,0,0,0-1.28.59l-.14.49v.42l0,.64,0,.33a7.36,7.36,0,0,0-.06.79v.62c0,.74,0,1.15,0,1.23v3.14l0,2.38L32.29,33c0,.73,0,2.21.09,4.45V41l0,2.92c0,.54,0,1.2,0,2,.31.1.6.19.87.25a16.19,16.19,0,0,1,3.17,1l.06,1.73-1,0A23.35,23.35,0,0,1,33,48.71a57.48,57.48,0,0,0-5.91-.22,46.46,46.46,0,0,0-4.76.32,2.47,2.47,0,0,1-.76-.15,11.74,11.74,0,0,1,.11-1.6l1.73-.45,1.82-.32.7-.22q.24-2,.27-6.66l0-2.1A31,31,0,0,1,26,34.17c-.55-.05-1.15-.08-1.79-.1L13.85,34l-.2,0-.16,0a2.36,2.36,0,0,0-.36,0l-1,0h-.62a3.05,3.05,0,0,0-1,.17L10.44,36v.33c0,.44,0,.73,0,.86v7.67c0,.43,0,.87.07,1.31l.21.15,3.31.57a1.6,1.6,0,0,0,.39.12,1.39,1.39,0,0,1,.49.23A6.6,6.6,0,0,1,15,48a6,6,0,0,1-.09.89l-1.37,0c-.33,0-.64,0-.92,0l-.39,0-3.17-.15a31.37,31.37,0,0,0-3.14-.12l-.48,0c-.63,0-1,.06-1.1.07A32.74,32.74,0,0,1,0,48.86Z"/><path d="M37.74,48.94l0-1.69c.28-.09.78-.22,1.5-.37a6.68,6.68,0,0,0,2.1-.66,4.48,4.48,0,0,0,.91-1.44l4.53-13.07,5.32-15.38h2.44l.2.45L58.7,27q1.32,3.24,2.37,6.3c.71,2,1.31,3.69,1.82,5,.3.78.71,1.94,1.23,3.49a33.62,33.62,0,0,0,1.24,3.16A4,4,0,0,0,66,46.12a2.46,2.46,0,0,0,1.31.49,7.65,7.65,0,0,1,2,.57,10.76,10.76,0,0,1,.11,1.21c0,.12,0,.3,0,.55q-1.66,0-3.66-.18c-1.33-.11-2.53-.17-3.59-.17s-2,0-2.56,0l-3.82.22-1.1,0c0-.58,0-1.13.07-1.66l2.49-.59a4.46,4.46,0,0,0,1.3-.49.85.85,0,0,0,.23-.57,2,2,0,0,0-.12-.67l-.89-2.43L56,37.66l-8.57,0q-.48,1.18-2,5.81A7.34,7.34,0,0,0,45,45.23a1.15,1.15,0,0,0,.31.91,3.8,3.8,0,0,0,2,.67l1.59.27c0,.6,0,1,0,1.24a3.82,3.82,0,0,1,0,.57q-1.4,0-6.65-.42l-.92.17a17.84,17.84,0,0,1-3.17.3ZM48.3,35l6.19.08.56,0Q54.38,32.89,53.3,30t-1.75-4.46Z"/><path d="M69.85,49.11l0-1.8c.33-.09.88-.21,1.64-.38s1.53-.35,2.29-.57l.43-.29a9.15,9.15,0,0,0,.22-2v-.15l-.09-5.71,0-2.39-.09-3.54,0-4.2-.27-8.28a5.22,5.22,0,0,0-2.18-.69,13.39,13.39,0,0,1-1.3-.4l-.54-.15V16.8l3,.13q2.7.29,7.92.29c1.75,0,3.57,0,5.47-.14l.43,0,1.1,0,.45,0h.94l4-.15a5.18,5.18,0,0,0,.71,0c.29,0,.57-.06.82-.07a12.45,12.45,0,0,1,.18,1.48l.34,4.65a3.65,3.65,0,0,1-.14,1.14,9,9,0,0,1-1.19.12,1.09,1.09,0,0,1-.72-.22,5.5,5.5,0,0,1-.51-1.11,7.33,7.33,0,0,0-1.6-3c-.45-.3-1.67-.45-3.69-.45l-3.09.09a18.45,18.45,0,0,0-3.12.25,4.47,4.47,0,0,0-.72.25,3.27,3.27,0,0,0-.29,1.46l.07,2.95-.07,3.37A17.39,17.39,0,0,0,80.49,31a.86.86,0,0,0,.33.17l1.6,0H85.1a24.43,24.43,0,0,0,2.76-.25,4.27,4.27,0,0,0,1.57-.4,2.22,2.22,0,0,0,.77-1,12.56,12.56,0,0,0,.35-3l.6,0,.43,0c.16,0,.49,0,1,.08l-.14,4c0,.84,0,1.56-.07,2.17l0,.55c0,.16,0,1.38,0,3.66,0,.15,0,.39,0,.74a3.07,3.07,0,0,1-.68.1,6.12,6.12,0,0,1-.89-.15,13.4,13.4,0,0,1-.45-1.36c-.34-1.3-.71-2.06-1.12-2.27-.71-.4-3-.6-6.76-.6a13.17,13.17,0,0,0-1.93.17,15.64,15.64,0,0,0-.16,2.4l.11,7.43a5,5,0,0,0,.41,2.52,3.64,3.64,0,0,0,1.68.59l.45.05a7.78,7.78,0,0,1,1.77.32l.61.15a8,8,0,0,1,.09,1,7.57,7.57,0,0,1-.07,1l-.42,0-.7,0-3.19-.2c-.36,0-2,0-5,0a17.63,17.63,0,0,0-2.35.15c-1.19.15-1.83.22-1.93.22C70.87,49.13,70.21,49.13,69.85,49.11Z"/><path d="M97.8,46.91a14.45,14.45,0,0,1,2-.43c.85-.13,1.35-.2,1.5-.2a1.84,1.84,0,0,0,1.17-.31,4.63,4.63,0,0,0,.13-1l0-3.17.13-3.22V36.53l0-2.42,0-2.58.09-5.52,0-2.5v-.35a16.32,16.32,0,0,0-.3-2.86,2.91,2.91,0,0,0-1.3-.65l-.85-.37a5.31,5.31,0,0,0-1-.35,2.74,2.74,0,0,1-1.1-.52c0-.43,0-.76,0-1s0-.33,0-.59a.83.83,0,0,1,.43-.13c.35,0,1.66.07,3.9.2l3.21,0,2.38.05c1,0,2.36-.07,4-.21l.83-.07a.54.54,0,0,1,.47.2,1.9,1.9,0,0,1,.18,1,1.25,1.25,0,0,1-.25.85q-.14.18-1,.3l-2.78.72a3.82,3.82,0,0,0-.38.2,2.45,2.45,0,0,0-.14.29l0,.7-.07,1.56v.71c0,.09,0,.54,0,1.37,0,.21,0,.43,0,.64s0,.71,0,1.34c0,1,.07,1.86.07,2.6s0,1.84-.07,3c0,.41,0,.94,0,1.6l-.09,11.74a1.44,1.44,0,0,0,.22,1l2.14.09,1.32,0,1.42,0a14.39,14.39,0,0,0,5.68-.91,4.9,4.9,0,0,0,2-1.38,7.17,7.17,0,0,0,1.24-1.6,15.75,15.75,0,0,0,1.09-2.86h.72a7.87,7.87,0,0,1,1.21.1v.69c0,1.18-.13,3.26-.4,6.22a11,11,0,0,1-.32,2.17,6.2,6.2,0,0,1-.65.1h-.83l-1.17,0-2.67-.2-4.29-.17c-2.56-.1-5.06-.15-7.52-.15l-4.58.15c-1.76,0-3.42.14-5,.27h-.34l-.42,0a3,3,0,0,1,0-.47A5,5,0,0,1,97.8,46.91Z"/><path d="M127.82,49V47.18q.44-.15,1.47-.42a8.91,8.91,0,0,0,2.16-.82,4.59,4.59,0,0,0,.41-2.12l0-2.92,0-5.64,0-1.34c.12-3.26.18-5,.18-5.05l0-3.29.07-1.33L132,21.43l0-1.06a5.09,5.09,0,0,0-.15-.8,8.13,8.13,0,0,0-3-.59c-.33,0-.59,0-.79-.07l0-2.18,6.42.3,1.48,0c.88,0,2.3-.07,4.24-.2,1.09-.09,1.78-.13,2.07-.15,0,.31,0,.58,0,.79s0,.64,0,1.09a19.24,19.24,0,0,1-2.05.65,13.26,13.26,0,0,0-1.89.64,9.42,9.42,0,0,0-.14,1.85c0,.71,0,1.29.07,1.73,0,2.79-.07,4.93-.07,6.43l0,6.53-.12,3.32.09,5-.06.94a1.82,1.82,0,0,0,.13.57,21.09,21.09,0,0,0,2.48.44l1.36.2A10.58,10.58,0,0,1,142,48.1c0,.18,0,.46,0,.84a2.7,2.7,0,0,0-.45,0c-.48,0-.76,0-.83,0a3.7,3.7,0,0,1-.58-.07c-.21,0-1.21-.15-3-.35l-4-.05a33.08,33.08,0,0,0-3.46.25C128.76,48.89,128.12,48.94,127.82,49Z"/><path d="M144.43,18.88l-.09-1.73h1.91l.65,0c.9,0,1.52-.07,1.87-.07l1.57.05a4.54,4.54,0,0,0,.49,0l1.42,0c.8,0,1.26,0,1.36,0s.4,0,.7,0c2.31,2.31,4.18,4.3,5.64,6s6.75,7.5,15.89,17.49v-.62L175.75,37q-.06-2.52-.18-4c-.07-1-.12-2.15-.13-3.51s-.07-2.6-.16-3.7c-.18-2.16-.27-3.41-.27-3.74a3.88,3.88,0,0,0-.31-1.95,3.83,3.83,0,0,0-2.16-.82,6.07,6.07,0,0,1-1.84-.57l0-1.46.59-.07,4.42-.15,4.94-.15.94,0,0,1.61a4.78,4.78,0,0,1-1,.44,9,9,0,0,0-1.66.52,6.69,6.69,0,0,0-1.24.87,1.66,1.66,0,0,0-.2.91c0,.1,0,.45.05,1,0,.3,0,1,0,2.08,0,2.39.07,4.28.18,5.66,0,.45.05.95.07,1.51L178,40.2c0,.61,0,1,0,1.29v3l.07,1.29-.07,1.34c.06.67.09,1.08.09,1.21v1.31l-2.58.1-2.67-3.05-5.46-6-3.81-4.2-2.81-3.17c-1.82-2-3.49-3.72-5-5.22l-3.66-3.63.2,9.2c0,.56,0,1.14,0,1.73l0,1.76.13,3.24c.05,1.35.13,2.82.25,4.4a6.32,6.32,0,0,0,.11.9c0,.18.14.43.27.76a15.78,15.78,0,0,0,3.82.52c.14,0,.33.09.58.17l.09,2-.87,0c-.48,0-2-.13-4.54-.37-2.38,0-4,.08-4.76.15l-1.3.09a4.15,4.15,0,0,1-.74-.09c0-.38,0-.71,0-1s0-.48,0-.89a5,5,0,0,1,1-.13l.88,0a4.41,4.41,0,0,0,2.23-.31c.23-.2.36-.76.39-1.67.11-2.62.16-4.22.16-4.8V38.94l0-8-.06-5a17.61,17.61,0,0,0-.34-4,2.15,2.15,0,0,0-.52-1,5.29,5.29,0,0,0-1.75-1.34A16.54,16.54,0,0,0,144.43,18.88Z"/><path d="M264.91,19a26.5,26.5,0,0,1,.36,2.84c.14,1.41.2,2.43.2,3.08a3.55,3.55,0,0,1-.15.91,6.8,6.8,0,0,1-1.64-.2A24.67,24.67,0,0,0,261.27,22a10.67,10.67,0,0,0-3.34-2.35,7.93,7.93,0,0,0-3.46-.72q-3.75,0-6.6,3.71t-2.85,11a20.38,20.38,0,0,0,1.11,6.67,11,11,0,0,0,3.33,5.08,8,8,0,0,0,5.24,1.84,12.89,12.89,0,0,0,3.09-.41,2.55,2.55,0,0,0,1.35-.79,2.17,2.17,0,0,0,.47-1.18,34.91,34.91,0,0,0,.18-4.07c0-1.71,0-2.88-.06-3.52a1.19,1.19,0,0,0-.31-.48,5,5,0,0,0-.91-.36l-2-.59a1.3,1.3,0,0,1-.8-.42,4,4,0,0,1-.05-.47,3.93,3.93,0,0,1,.16-1,1.93,1.93,0,0,1,.56-.15c1.63,0,3.05.06,4.24.18.42,0,.88,0,1.37,0l3.55,0L267,34a14,14,0,0,1,1.51.05c0,.43,0,.79,0,1.09a1.46,1.46,0,0,1-.16.62,9.39,9.39,0,0,1-1.3.63,4.58,4.58,0,0,0-1,.5,1.23,1.23,0,0,0-.25.62c0,.28-.07,1.26-.07,2.94,0,1.94,0,3.1,0,3.48q-.09,1.83-.09,2.07a1.82,1.82,0,0,1-.22,1.14c-.42.46-1.72,1-3.9,1.57a29.67,29.67,0,0,1-7.6.88,22.58,22.58,0,0,1-5.26-.54,11.8,11.8,0,0,1-3.81-1.57A14.55,14.55,0,0,1,239,39.81a21.47,21.47,0,0,1-1-6.51,19.35,19.35,0,0,1,1.53-7.37,15.93,15.93,0,0,1,3.15-4.86,14.78,14.78,0,0,1,5.09-3.45,16.87,16.87,0,0,1,6.64-1.29,12.15,12.15,0,0,1,1.46.13,17,17,0,0,1,5.12.75A15.83,15.83,0,0,1,264.91,19Z"/><path d="M270.3,16.93c.85.05,1.59.12,2.22.22a27.56,27.56,0,0,0,4.11.27c.54,0,1.92-.05,4.15-.15q5-.22,9.05-.22L293.9,17a31.5,31.5,0,0,1,4,.37,2.06,2.06,0,0,1,.4,1.34V23.8l.05,1c0,.1,0,.25,0,.44l-.92,0c-.12,0-.37,0-.76,0-.13-.33-.31-.81-.54-1.46l-.9-1.75a11.65,11.65,0,0,0-1.43-2.28,6,6,0,0,0-1.44-.2L291,19.45c-1.39-.13-2.89-.2-4.49-.2-1.83,0-3.46,0-4.89.1-.05.41-.07,2-.07,4.87l0,4.16V31.5a7.47,7.47,0,0,0,1,.07c2.68,0,4.6-.06,5.74-.17a5.34,5.34,0,0,0,2.11-.48,2.6,2.6,0,0,0,.72-1.08,34.39,34.39,0,0,0,.79-3.64l.29,0,1.3,0c.06,1.47.09,2.58.09,3.34,0,1.73,0,2.85,0,3.34s0,.88,0,1.16c0,.45,0,1.16.06,2.14s.07,1.72.07,2.19v.55h-1.59c-.06-.27-.18-.81-.34-1.63a10.64,10.64,0,0,0-.81-2.87,1.63,1.63,0,0,0-.9-.67,15.59,15.59,0,0,0-3.33-.18,48.75,48.75,0,0,0-5.11.2v.84c0,2,0,3.6.09,4.9l0,5.34a1.36,1.36,0,0,0,.6,1.29c.62.35,2.49.52,5.64.52a23,23,0,0,0,5.3-.52,5.22,5.22,0,0,0,2.65-1.66,12.85,12.85,0,0,0,2.53-4.65,11,11,0,0,1,1.15-.07l.74,0c-.05.42-.08.76-.11,1l-.14.74-.81,4.68-.4,2.82c-1,0-1.75.07-2.32.07q-1.24,0-6.71-.24c-2.57-.12-5.65-.18-9.26-.18-1.8,0-4,.09-6.63.25h-.94l-2.72.1V47.35a13.33,13.33,0,0,1,1.7-.27,10.12,10.12,0,0,0,3.24-.79,5.79,5.79,0,0,0,.24-1.81c0-.28,0-.75,0-1.43l0-.77L275.31,33l0-2.8-.11-4,0-2.79-.2-3.07c0-.08,0-.25-.05-.49a1,1,0,0,0-.67-.35l-.68-.15a13.74,13.74,0,0,0-2.46-.35q-.44,0-1-.09Z"/><path d="M303.86,47.43a4.89,4.89,0,0,1,1.73-.51,8.7,8.7,0,0,0,2.07-.53,6.35,6.35,0,0,0,.13-.72c0-.23,0-1,0-2.37l0-5.52.09-3-.05-2.3.05-1.33c0-1.8.06-3.48.06-5.05,0-3.43,0-5.62-.11-6.58l-1.32-.3a20.14,20.14,0,0,1-2.43-.25l0-1.48.09-.27a12,12,0,0,1,2.06-.2l2.09,0,1.75.14,1.19-.07,2.81-.15a48.87,48.87,0,0,1,5.54-.3,10.19,10.19,0,0,1,7.32,2.59,8,8,0,0,1,2.72,5.92,7.58,7.58,0,0,1-1.47,4.54,8.81,8.81,0,0,1-4.51,3.08c.18.35.42.75.72,1.22.63,1,1.13,1.83,1.52,2.52l3.58,6.41a21,21,0,0,0,1.76,3,5.54,5.54,0,0,0,1.72,1,6.73,6.73,0,0,1,1.55.84,2.5,2.5,0,0,1,.14.74q0,.23,0,.57H334l-.45,0-1.17-.18h-.92a11,11,0,0,0-1.77-.12l-2.25,0c-.16,0-.69.06-1.57.18l-1,.12-.76-1.63c-.63-1.24-1.07-2.16-1.32-2.77q-1-2.4-3.39-7.65a9.59,9.59,0,0,0-1.58-2.74,3.84,3.84,0,0,0-2.31-.52l-1.52,0a16.94,16.94,0,0,0-.07,1.71l.11,5.49L314,45.6a4.74,4.74,0,0,0,1.63.64,17.06,17.06,0,0,1,3,.94A13.71,13.71,0,0,1,318.5,49L318,49,317,49c-3.21-.32-5.12-.47-5.72-.47-.39,0-.67,0-.83,0l-3.1.22a20.51,20.51,0,0,1-2.58.18h-1c0-.42,0-.68,0-.8A6.75,6.75,0,0,1,303.86,47.43Zm10.11-16c.72,0,1.24,0,1.57,0,2.54,0,4.35-.5,5.41-1.51a5.29,5.29,0,0,0,1.59-4,10.64,10.64,0,0,0-.39-2.93,5.24,5.24,0,0,0-1-2A5.18,5.18,0,0,0,319,19.5a9.67,9.67,0,0,0-3.16-.37,11.18,11.18,0,0,0-1.77.12l0,.47,0,3.34-.07,2,0,2.7c0,.76-.06,1.74-.07,2.94Z"/><path class="b" d="M260.44,96.31a4.3,4.3,0,0,1-1.55.3c-.21-.06-.49-.44-.85-1.17q-1.6-4.34-3.75-10T250,73.92q-2.14-5.78-4.1-11.09t-3.17-9a.56.56,0,0,1,.51-.58,4,4,0,0,1,1.12-.07,3.83,3.83,0,0,1,1.12.24c.34.13.5.27.5.43,1.17,3.56,2.23,6.76,3.17,9.57s1.9,5.59,2.87,8.3,2,5.52,3.21,8.42,2.58,6.2,4.22,9.93Q261.9,81,263.6,72.32t2.71-15.55q1-6.9,1.48-11.26c.32-2.92.54-4.58.64-5s.16-.44.47-.54a3,3,0,0,1,1-.16,2.42,2.42,0,0,1,1,.2c.29.13.43.3.43.51q-.24,1.69-.92,6.27t-1.64,10.52q-.94,6-2.11,12.49T264.37,82q-1.11,5.64-2.17,9.59T260.44,96.31Z"/><path class="b" d="M280.2,74.09l1.32-.42a2.94,2.94,0,0,1,1.78-.1,4.32,4.32,0,0,1,3.44,1.17q1.2,1.24.18,4.8A19.85,19.85,0,0,1,283,86.11a39.1,39.1,0,0,1-5.79,5,3.05,3.05,0,0,0,2.31,2.25,5.85,5.85,0,0,0,3.25-.49,15.33,15.33,0,0,0,3.34-2c1.09-.82,2-1.54,2.64-2.15,1.09-.93,2-1.71,2.61-2.35a26.52,26.52,0,0,0,2.06-2.36c.16-.1.24-.08.27,0a1.56,1.56,0,0,1,0,.58q-.08.38-.24,1.08a8.61,8.61,0,0,1-.47,1,4.75,4.75,0,0,1-.66.93c-.28.34-.66.73-1.13,1.2s-1,1.07-1.71,1.85-1.53,1.42-2.25,2.12a14.92,14.92,0,0,1-2.3,1.8,7.7,7.7,0,0,1-2.63,1.08,8.67,8.67,0,0,1-3.29,0,10.68,10.68,0,0,1-2.48-1.17,5.83,5.83,0,0,1-1.42-1.28,5.47,5.47,0,0,1-.73-1.21,4.37,4.37,0,0,1-.31-.93,16.11,16.11,0,0,1-.29-4.18,23.85,23.85,0,0,1,1.58-6.81,19.87,19.87,0,0,1,2.18-3.67A8.9,8.9,0,0,1,280.2,74.09Zm-3.46,13.7a22.91,22.91,0,0,0,2.36-1.5,17.93,17.93,0,0,0,2.57-2.24,15.43,15.43,0,0,0,2.1-2.82,7.08,7.08,0,0,0,1-3.24,2.37,2.37,0,0,0-.07-1.63c-.11-.15-.21-.23-.31-.23a2.41,2.41,0,0,0-2.64.37,9.72,9.72,0,0,0-2.41,2.86,20.81,20.81,0,0,0-1.84,4.13A13.77,13.77,0,0,0,276.74,87.79Z"/><path class="b" d="M292.84,71.6c0-.47.19-.58.73-.35l1.67.74c.2,1.19.35,2.13.45,2.83s.17,1.36.22,2,.1,1.29.15,2,.12,1.68.22,2.87A17.24,17.24,0,0,1,298,78.4a9.6,9.6,0,0,1,2.61-2.59,11,11,0,0,1,3.8-1.57,19.81,19.81,0,0,1,5.31-.32,1.47,1.47,0,0,1-.43,1,3.93,3.93,0,0,1-2,.65,10,10,0,0,0-3.92,1.49,13.45,13.45,0,0,0-4.82,5.71c-.5,1.11-.9,2.13-1.22,3,0,.47-.12,1.13-.2,2s-.14,1.75-.17,2.71-.06,1.88-.09,2.78a9.92,9.92,0,0,0,.11,2.13.5.5,0,0,1-.35.58,3.54,3.54,0,0,1-1,.27,2.26,2.26,0,0,1-1-.08c-.31-.11-.46-.29-.46-.55a116.41,116.41,0,0,0-.36-13.74C293.47,78.09,293.13,74.64,292.84,71.6Z"/><path class="b" d="M315.52,71.78a14.17,14.17,0,0,1,3.21.86,7.46,7.46,0,0,1,2,1.21,6.47,6.47,0,0,1,1.16,1.36l.8,1.32c-.05.21-.29.18-.73-.08s-.87-.52-1.28-.78a9.12,9.12,0,0,0-4.09-1.33,13.07,13.07,0,0,0-4.46.25,6.86,6.86,0,0,0-3.3,1.72,2.7,2.7,0,0,0-.63,3,7,7,0,0,0,2.19,3.11,22.36,22.36,0,0,0,3.52,2.38c1.28.7,2.57,1.34,3.86,1.91A19.67,19.67,0,0,1,321,88.45c1-.56,1.91-1,2.64-1.42s1.37-.74,1.94-1.08,1.15-.64,1.74-.92l2.06-1a.6.6,0,0,1,.27-.07c.08,0,.08.06,0,.19a3.79,3.79,0,0,1-.62.62c-.34.28-.87.68-1.6,1.19-.36.26-1,.69-2,1.31l-3.18,2a7.38,7.38,0,0,1,1.46,1.78,6.19,6.19,0,0,1,.65,1.82,2.9,2.9,0,0,1-.35,2,13.67,13.67,0,0,1-7.08,5.77,4.13,4.13,0,0,1-2.4.07,3.75,3.75,0,0,1-2.08-1.25A2.74,2.74,0,0,1,312,97a7.62,7.62,0,0,1,1.45-2.47,18,18,0,0,1,2.33-2.27c.88-.72,1.66-1.36,2.33-1.93a11.59,11.59,0,0,0-2.7-1.91c-1.34-.75-2.71-1.58-4.13-2.49A28.42,28.42,0,0,1,307.42,83a5,5,0,0,1-1.84-3.11,5.36,5.36,0,0,1,.44-3.29,8,8,0,0,1,2.18-2.78A9.5,9.5,0,0,1,311.53,72,8.9,8.9,0,0,1,315.52,71.78Zm-.81,26.55a2.52,2.52,0,0,0,1.93,0,7.92,7.92,0,0,0,2.06-1.11,10.16,10.16,0,0,0,1.71-1.62,5.41,5.41,0,0,0,1-1.58,1.35,1.35,0,0,0-.42-1.36,7.45,7.45,0,0,0-1.35-1.21c-.57.41-1.22.94-1.95,1.58a16.62,16.62,0,0,0-1.9,2,7.9,7.9,0,0,0-1.21,1.93C314.3,97.55,314.35,98,314.71,98.33Z"/><path class="b" d="M345.63,73.54c-.05.31-.17.95-.35,1.93s-.39,2.13-.6,3.44-.4,2.7-.56,4.15-.26,2.81-.29,4.1a15.32,15.32,0,0,0,.22,3.29c.18.9.47,1.46.88,1.67a3.3,3.3,0,0,0,3.64-.57,29.86,29.86,0,0,0,4.36-4.35c.15,0,.17.21,0,.62a7.13,7.13,0,0,1-.62,1.35l-.86,1.47a5.56,5.56,0,0,1-.66,1A12.5,12.5,0,0,1,349,93.34a10.44,10.44,0,0,1-2.49,1.53,5.29,5.29,0,0,1-2.51.5,2.49,2.49,0,0,1-2-1.41,6.91,6.91,0,0,1-.46-2.28,25.26,25.26,0,0,1,0-2.75c.05-.93.13-1.78.24-2.56l.24-1.7a41,41,0,0,1-3.74,5.71,22.62,22.62,0,0,1-4.13,4.24,7,7,0,0,1-3.72,1.65c-1.14.08-2-.59-2.62-2a9.5,9.5,0,0,1,0-4.53,17.1,17.1,0,0,1,1.64-4.53A50.68,50.68,0,0,1,333,80.14a23.79,23.79,0,0,1,3.81-3.93A13.39,13.39,0,0,1,341,73.87,9.38,9.38,0,0,1,345.63,73.54ZM331,93.14c.51.11,1.34-.28,2.48-1.15a21.19,21.19,0,0,0,3.58-3.66,29.35,29.35,0,0,0,3.39-5.48,21.8,21.8,0,0,0,2-6.62h-.89a2.74,2.74,0,0,0-1.36.46,21.49,21.49,0,0,0-5.05,4.51,25.32,25.32,0,0,0-3.28,5,14.46,14.46,0,0,0-1.41,4.37C330.3,91.87,330.47,92.72,331,93.14Z"/><path class="b" d="M355.32,72.73c0,1.45,0,2.89-.06,4.34s-.07,2.84-.1,4.18-.06,2.6-.09,3.79-.08,2.25-.13,3.17a8.18,8.18,0,0,1,.35-1.5c.24-.8.56-1.72,1-2.75s.88-2.12,1.37-3.28a22.2,22.2,0,0,1,1.6-3.09A9.54,9.54,0,0,1,361,75.47a1.58,1.58,0,0,1,1.67-.46,4.66,4.66,0,0,1,2.39,2.25,12.64,12.64,0,0,1,1,3.38c.2,1.26.4,2.67.6,4.22A18.71,18.71,0,0,0,368,89.74a3.31,3.31,0,0,0,1.34,1.71,6.93,6.93,0,0,0,1.7.79,6.84,6.84,0,0,0,1.32.27c.33,0,.45.12.35.28-1.3,1-2.41,1.3-3.34,1A4.46,4.46,0,0,1,367,91.71a14.77,14.77,0,0,1-1.57-3.8c-.41-1.47-.78-2.89-1.1-4.26s-.63-2.53-.88-3.49-.54-1.43-.85-1.43-1,.48-1.51,1.31a22.84,22.84,0,0,0-1.68,3.08c-.57,1.24-1.12,2.59-1.64,4.06s-1,2.85-1.46,4.14-.79,2.39-1.05,3.32-.43,1.5-.48,1.7a7.87,7.87,0,0,0-1.43.07c-.18,0-.48-.2-.89-.77q.42-6.81.33-12.89t-.3-10.57c0-.47.12-.7.35-.7a1.42,1.42,0,0,1,.78.31c.28.21.57.42.88.63A1.57,1.57,0,0,0,355.32,72.73Z"/><path class="b" d="M399.53,55.82c-.16.93-.35,1.91-.56,2.94s-.43,2-.67,2.94-.43,1.72-.59,2.39-.26,1.09-.32,1.24c-.31.88-.73,2-1.25,3.4S395,71.58,394.3,73.1s-1.5,3-2.38,4.56a25.83,25.83,0,0,1-2.73,3.89c0,.78.08,2.08.25,3.92s.39,3.81.63,5.92.49,4.2.71,6.24.36,3.63.41,4.76c-.26.26-.5.21-.7-.16s-.51-1-.92-1.86q-.45-2-.72-3.72c-.18-1.13-.34-2.28-.49-3.45l-.48-3.68c-.18-1.29-.44-2.76-.8-4.41q-1.47,1.85-3.54,4.2a34.77,34.77,0,0,1-4.28,4.16A14,14,0,0,1,374.92,96a3.45,3.45,0,0,1-3.68-.68,4.2,4.2,0,0,1-.8-2.9,9.58,9.58,0,0,1,.95-3.41,19.66,19.66,0,0,1,2.1-3.43c.86-1.13,1.73-2.19,2.61-3.17s1.71-1.82,2.49-2.54,1.35-1.23,1.71-1.54q1.08-.69,1.83-1.11a13.24,13.24,0,0,1,1.31-.69,5.18,5.18,0,0,1,1.21-.39,6.35,6.35,0,0,1,1.54,0c-.09-1.19-.15-2.61-.17-4.26s0-3.31,0-5,.1-3.24.18-4.69a24,24,0,0,1,.36-3.32,17.44,17.44,0,0,1,.75-3.56,23.53,23.53,0,0,1,1.49-3.6,18.34,18.34,0,0,1,2-3.08,6.57,6.57,0,0,1,2.37-1.93,4,4,0,0,1,2.63-.26,5.5,5.5,0,0,1,3.74,5.25C399.54,53,399.53,54.37,399.53,55.82ZM378,83.59a18.74,18.74,0,0,0-3.07,4,35.62,35.62,0,0,0-1.61,3.36v.74a4.35,4.35,0,0,0,.11,1,1.77,1.77,0,0,0,.46.82,1.22,1.22,0,0,0,1.13.2,8.05,8.05,0,0,0,2.21-1.27c.28-.23.59-.47.93-.73l1.28-1c.73-.77,1.62-1.65,2.69-2.62a23,23,0,0,0,2.8-3.09,9,9,0,0,0,1.6-3.32,3.72,3.72,0,0,0-1-3.33,3.78,3.78,0,0,0-1.13.15,5.12,5.12,0,0,0-1.43.72,24.2,24.2,0,0,0-2.06,1.62C380.07,81.48,379.09,82.41,378,83.59Zm11.26-7.15a15.89,15.89,0,0,0,2.34-3.28q.94-1.72,2.11-4.13a28.16,28.16,0,0,0,1.84-5.33,44,44,0,0,0,1.16-6.39,24.21,24.21,0,0,0,0-5.45c-.2-1.55-.71-2.38-1.54-2.49a2.26,2.26,0,0,0-2,.8,11,11,0,0,0-1.72,2.4,19.51,19.51,0,0,0-1.33,3,23.63,23.63,0,0,0-.79,2.86c-.21,1-.35,2-.44,2.79s-.13,1.69-.16,2.59-.07,1.88-.13,2.94-.17,2.36-.33,3.91a22.52,22.52,0,0,0,.11,2.32,14,14,0,0,0,.3,2,10.9,10.9,0,0,0,.34,1.24C389.08,76.54,389.16,76.6,389.21,76.44Z"/></svg>') no-repeat 0 50%; margin-left: .5rem; } #suchbox { display: none; } #k_icons { display: flex; align-items: center; justify-content: flex-end; } #k_lupe_2 { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 60.7 60.7" style="enable-background:new 0 0 60.7 60.7;" xml:space="preserve"><style type="text/css"> .st0{fill:none;stroke:%233C3C3C;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;} .st1{fill:none;stroke:%233C3C3C;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(https://img.haflingerversand.de/bg-merkliste.svg); background-repeat: no-repeat; background-position: 50%; } #k_account { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 60.7 60.7" style="enable-background:new 0 0 60.7 60.7;" xml:space="preserve"><style type="text/css"> .st0{fill:%233C3C3C;}</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:%233C3C3C;}</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; } #powermenue-schalter { width: 15%; } .k_link { display: none; } #k_account[data-online="0"] .k_link { display: block; height: 100%; width: 100%; } @media (hover: hover) { .k_link { display: block; height: 100%; width: 100%; } } #k_icons > div > .shBagInh { position: fixed; left: var(--padding); right: var(--padding) !important; width: auto; top: 5.4rem; z-index: 99; padding: 1rem; pointer-events: none; transform: translateY(-1rem); opacity: 0; background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); transition: opacity .2s ease-out, transform .2s ease-out; } #k_icons > div:hover > .shBagInh { pointer-events: all; transform: translateY(0); opacity: 1; overflow: hidden; } #k_icons > div > .shBagInh .wk-empty { display: none; } #k_icons > div[data-num="0"] .shBagInh .wk-empty, #k_icons > div[data-num=""] .shBagInh .wk-empty { display: block; text-align: center; font-weight: bold; height: 10rem; line-height: 10rem; } .wk-heading { text-align: center; font-weight: bold; padding: 1rem 0; border-bottom: var(--theme-divider); color: var(--theme-accent-medium); } .wk-heading > a { color: inherit!important; } #k_icons > div[data-num="0"] .wk-heading, #k_icons > div[data-num=""] .wk-heading { display: none; } ul.alt-list { list-style: none; padding: 0; margin: 0; max-height: calc(100vh - 30rem); overflow-y: auto; } ul.alt-list > li { display: block; } ul.alt-list > li > a { display: block; padding: .5rem; background-position: 0 .5rem; background-size: 3rem; background-repeat: no-repeat; } ul.alt-list.items > li > a { padding: .5rem .5rem .5rem 4rem; min-height: 5rem; 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-white); 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-orange); } #k_merk:before { background-color: var(--theme-accent-orange); } .shBagInh .Wkbuttons { padding: 1rem; text-align: right; display: flex; justify-content: end; } .shBagInh .Wkbuttons .button { font-weight: bold; padding: 1rem; } .shBagInh .Wkbuttons #wkbutton { margin-right: 1rem; } #powermenue-schalter { margin-left: 0; margin-right: 0; background: url(https://img.haflingerversand.de/powermenue_open.svg) no-repeat 50%; background-size: 2rem; } #shopLayer.powermenue-open #k_title { display: none; } /* such feld */ #shopLayer.suche-offen #suchbox { display: block; margin: 1rem; } #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; padding-bottom: 1rem; } #shopLayer.suche-offen #h-ps-close { display: inline-block; height: 2.5rem; background-image: url(https://img.haflingerversand.de/powermenue_close.svg); background-position: center; background-repeat: no-repeat; background-size: 36%; } input#menSuchStr { max-width: 100%; } #shopLayer #k_lupe_3 > div { width: 100%; position: relative; } #shopLayer #k_lupe_3 #menSuchStrIcon { position: absolute; height: 100%; aspect-ratio: 1 / 1; top: 0; right: 0; pointer-events: none; background-image: url(https://img.haflingerversand.de/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-light); } .foot_infos { padding: 1rem; width: 100%; max-width: var(--header-width); margin: 0 auto; position: relative; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .foot_infos ul { width: 100%; } .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: 2.5rem; text-transform: uppercase; letter-spacing: 0.10em; white-space: nowrap; margin-bottom: 0; } .foot_infos #info_zahl { display: flex; flex-wrap: wrap; justify-content: center; margin-top: .5rem; } .foot_infos #info_zahl img { width: 4rem; margin: .5rem; height: 100%; } .foot_infos ul.soc li a {display:inline-block;width:2rem;height:2rem;margin: .5rem;padding:0;} #shopFooter #f_text { text-align: center; padding: 1rem 1rem 2rem 1rem; background-color: var(--theme-white); } #shopFooter #f_text > span { display: block; font-size: .8rem; } #shopFooter .unten #f_text span.br { display:block;height:0; } #shopFooter .unten #f_text span.pipe { display:none; } #shopFooter a:hover { color: var(--theme-accent-dark); } #shopFooter .unten a { color: var(--theme-text); } #shopFooter .unten a:hover { color: var(--theme-text-hover); } .zul_anges_art { background: var(--theme-light); } .zuletzt_items { display: flex; flex-wrap: wrap; padding: 0 0 5rem 0; gap: .3rem; } .zuletzt_items .zuletzt { } .zuletzt_items .zuletzt a { display: block; border: var(--theme-border) ;border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); background-color: white; transition: box-shadow .3s ease-out; overflow: hidden; } .zuletzt_items .zuletzt:hover a { box-shadow: var(--shadow-elevation-high); } .zuletzt_items .zuletzt a img { width: 5rem; height: 5rem; object-fit: contain; } .zuletzt_fix { padding-top: 2rem; } .zuletzt_fix .ueb { display:block; margin-bottom:.5rem; } .animate { transition: all .1s ease-out; } .loading { opacity: 0; transform: scale(.9) skew(5deg, 5deg); } /* rating */ .rat_stars { display: block; height: 1.5rem; } .rat_stars * { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><style type="text/css">.st0{fill:RGB(238,177,29);}</style><path class="st0" d="M13 5h-4.7l-1.8-5-1.8 5h-4.7l3.9 2.9-1.4 5.1 4-3.1 4 3.1-1.4-5.1 3.9-2.9zm-6.5 3.5l-2.2 1.8.9-2.6-2.1-1.7 2.6.1.8-3 .8 3 2.6-.1-2.1 1.7.9 2.6-2.2-1.8z"/></svg>'); height: 1.5rem; width: 1rem; margin-right: .2rem; 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(https://img.haflingerversand.de/star-outline-h.svg); } .rattext { min-height: 6rem; } /* card */ .card { display: block; position: relative; box-shadow: var(--shadow-elevation-medium); border: var(--theme-border); background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); padding: var(--card-padding) calc(var(--card-padding) * 1.5); overflow: hidden; transition: box-shadow .3s ease-out; transition: all .3s ease-out; } a.card:hover { box-shadow: var(--shadow-elevation-high); } .card.login-div { overflow: unset; } .card.p-0 { padding: 0; } .card .full, .card .card-info { margin: 0 calc(var(--card-padding) * -2); width: calc(100% + calc(var(--card-padding) * 4)); max-width: calc(100% + calc(var(--card-padding) * 4)); } .card.p-0 .full, .card.p-0 .card-info { margin: 0; } .card.p-0 .card-info { width: 100%; max-width: 100%; } .card img.full.top { margin-top: calc(var(--card-padding) * -1); } .card > h1:first-child, .card > h2:first-child, .card > h3:first-child, .card-info > h3:first-child { margin-top: calc(var(--card-padding) / 2); } .card.accent, .card.accent a, .card .card-info.accent, .card .card-info.accent a { background-color: var(--theme-accent-medium); color: var(--theme-accent-text); } .card.accent h1, .card.accent h2, .card.accent h3, .card.accent h4, .card.accent h5, .card.accent h6 { color: var(--theme-accent-text); } .card .card-info { padding: 1rem 2rem; border-top: var(--theme-divider); border-bottom: var(--theme-divider); } .card .card-info:first-child { border-top: none; border-bottom: none; } .card:not(.p-0) .card-info:first-child { margin-top: calc(var(--card-padding) * -1); } .card .card-info:last-child { margin-bottom: calc(var(--card-padding) * -1); border-bottom: none; } .mt-0 { margin-top: 0; } .mt-1 { margin-top: .5rem; } .mt-2 { margin-top: 1rem; } .mt-4 { margin-top: 2rem; } .mt-6 { margin-top: 3rem; } .mt-4 { margin-top: 2rem; } .mb-0 { margin-bottom: 0; } .mb-2 { margin-bottom: 1rem; } .mb-4 { margin-bottom: 2rem; } .mb-6 { margin-bottom: 3rem; } .mbt-0 { margin: 0; } .mb { margin-bottom: var(--padding); } .p-4 { padding: 2rem; } .p-2 { padding: 1.5rem; } .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-accent-dark); border: none; padding: 1rem 2rem; font-size: 1rem; text-transform: uppercase; color: var(--theme-white); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); cursor: pointer; transition: all .3s ease-out; user-select: none; } button:hover, .button:hover { box-shadow: var(--shadow-elevation-high); color: var(--theme-white); } button.big, .button.big { width: 100%; padding: 1rem; font-size: 1.25rem; text-align: center; text-transform: uppercase; } button.big.icon:before, .button.big.icon:before { content: ''; background-repeat: no-repeat; background-position: center; display: inline-block; margin-right: 1rem; margin-top: -0.5rem; height: 2rem; width: 2rem; vertical-align: middle; } button:disabled, .button:disabled { opacity: .5; cursor: no-drop; } button.cancel, .button.cancel, button.secondary, .button.secondary { background-color: var(--theme-accent-light); color: var(--theme-text); margin-top: 1rem; } .button-group { display: grid; grid-gap: var(--padding); grid-template-columns: 1fr 1fr; } .button-group > .button, .button-group > button { text-align: center; } .button2 { background-color: var(--theme-dark); margin-bottom: 1rem; padding: 1rem; text-transform: unset; } /* 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: none!important; background-color: var(--theme-light); padding: 0.5rem .8rem; color: var(--theme-text); font-size: 1rem; height: 2.5em; font-family: inherit; } textarea { min-height: 10rem; resize: vertical; } input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus { outline: none; border-bottom: 1px solid var(--theme-accent-medium); } input[type="number"] { max-width: 5rem; } .inp_wrapper[data-typ="number"] { display: inline-block; margin-right: 0.5rem; } .inp_wrapper.error div { font-size: .9rem; color: var(--theme-error-text); background-color: var(--theme-error); padding: .4rem .8rem; margin-top: .2rem; border-radius: var(--theme-radius-small); } .inp_wrapper[data-typ="checkbox"] { display: flex; align-items: start; } .inp_wrapper[data-typ="checkbox"] > input { margin: 0; margin-top: .3rem; height: 1.25rem; width: 1.25rem; } .inp_wrapper[data-typ="checkbox"] input + label { display: block; margin-left: .7rem; position: relative; top: unset; left: unset; transform: unset !important; pointer-events: all; font-size: .95rem; max-width: 22.5rem; width: 22.5rem; text-align: left; } .inp_wrapper[data-type="radio"] { margin-top: 0.2rem; } .radio-group { margin-top: 1.5rem;} input[disabled] + label, input[disabled] + label * { opacity: .7; } .inp_wrapper .inp_error { border-bottom: 2px dashed var(--theme-error) !important; } /* geht nicht in firefox weil input & :before da nicht geht input[type="checkbox"] { visibility: hidden; } input[type="checkbox"]:after { content: ' '; visibility: visible; width: 1rem; height: 1rem; background: var(--theme-white); border-radius: .25rem; display: block; margin: .1rem .5rem 0 0; border: .1rem solid rgb(204,204,204); } input[type="checkbox"]:checked:after { background: var(--theme-accent-medium) !important; } */ /* - + input */ .inp_wrapper[data-typ="number-custom"] > div.inc, .inp_wrapper[data-typ="number-custom"] > div.dec { float: left; width: 1.6rem; height: 2.5rem; margin-top: 0; text-align: center; line-height: 2.2rem; background-color: var(--theme-medium); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); cursor: pointer; user-select: none; } .inp_wrapper[data-typ="number-custom"] > div.dec { border-top-right-radius: 0; border-bottom-right-radius: 0; } .inp_wrapper[data-typ="number-custom"] > div.inc { border-top-left-radius: 0; border-bottom-left-radius: 0; } .inp_wrapper[data-typ="number-custom"] { height: 4rem; width: 8.2rem; margin: 0 auto; display: inline-block; } .inp_wrapper[data-typ="number-custom"] input { float: left; width: 2.7rem; text-align: center; margin-top: 0; padding-left: 0; padding-right: 0; border-radius: 0; z-index: 2; position: relative; } .inp_wrapper[data-typ="number-custom"] input::-webkit-outer-spin-button, .inp_wrapper[data-typ="number-custom"] input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .inp_wrapper[data-typ="number-custom"] input[type=number] { -moz-appearance: textfield; } .inp_wrapper.delete[data-typ="number-custom"] { height: 3rem; } .inp_wrapper[data-typ="number-custom"] > div.del { width: 2rem; height: 2.5rem; float: left; font-size: 0; cursor: pointer; user-select: none; background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" width="512px" height="512px"><g id="Urn"> <path d="M51.8656998,5.4326H40.6636009V5.4159999c0-1.4462998-0.5634995-2.8055999-1.5870018-3.8290999 C38.0531998,0.5635,36.6927986,0,35.2456017,0H29.9438c-1.4237823,0-2.7626991,0.5537-3.7684994,1.5596 C25.1693993,2.5655,24.6147003,3.9043,24.6147003,5.3291001V5.4326H12.0991001 c-2.9579992,0-5.3651996,2.4063001-5.3651996,5.3642998v5.1416006c0,0.5526991,0.4472003,0.999999,1,0.999999h2.8309999v37.1523018 c0,2.6455002,1.0313005,5.1338005,2.9033003,7.006897C15.3393002,62.9696999,17.8285999,64,20.4761009,64h23.2402 c2.5967178,0,5.0380974-1.0107002,6.872097-2.8466988c1.8359032-1.8369026,2.8466187-4.2763023,2.8466187-6.8701019V16.9384995 h2.8310814c0.5527,0,1-0.4473,1-0.999999v-5.1055002C57.266098,7.8555002,54.8432007,5.4326,51.8656998,5.4326z  M51.4350166,54.2831993c0,2.0596008-0.8027153,3.9971008-2.2607155,5.4561005C47.7173004,61.1973,45.778801,62,43.716301,62 h-23.2402c-2.1133003,0-4.0997009-0.8222008-5.5938005-2.3163986c-1.4727001-1.4736023-2.3174-3.5116997-2.3174-5.5928001 V16.9384995h38.8701172V54.2831993z M55.266098,14.9385004h-2.8310814H11.5649004H8.733901v-4.1416006 c0-1.8555002,1.5096998-3.3642998,3.3651991-3.3642998h13.5156002c0.5527992,0,1-0.4471998,1-1V5.3291001 c0-0.8906002,0.3456993-1.7265,0.9745998-2.3545001C28.2084999,2.3555,29.0669003,2,29.9438,2h5.3018017 c0.8994179,0,1.7802963,0.3652999,2.4169998,1.0009999c0.6455002,0.6455002,1.0009995,1.5029001,1.0009995,2.415V6.4326 c0,0.5528002,0.4472008,1,1,1h12.2020988c1.875,0,3.4003983,1.5254002,3.4003983,3.4004002V14.9385004z" fill="rgb(90,90,90)"/> <path d="M22.1557007,52.2344017c0.5527992,0,1-0.4473,1-1V26.2334003c0-0.5527-0.4472008-1-1-1c-0.5526829,0-1,0.4473-1,1 v25.0010014C21.1557007,51.7871017,21.6030178,52.2344017,22.1557007,52.2344017z" fill="rgb(90,90,90)"/> <path d="M32.4673004,52.2344017c0.5527191,0,1-0.4473,1-1V26.2334003c0-0.5527-0.4472809-1-1-1c-0.5528011,0-1,0.4473-1,1 v25.0010014C31.4673004,51.7871017,31.9144993,52.2344017,32.4673004,52.2344017z" fill="rgb(90,90,90)"/> <path d="M42.7798004,52.2344017c0.5527,0,1-0.4473,1-1V26.2334003c0-0.5527-0.4473-1-1-1c-0.552784,0-1,0.4473-1,1v25.0010014 C41.7798004,51.7871017,42.2270164,52.2344017,42.7798004,52.2344017z" fill="rgb(90,90,90)"/></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; } /* toggle (css only radio group) */ .toggle { display: flex; border: var(--theme-border); box-shadow: var(--shadow-elevation-low); background-color: var(--theme-light); } .toggle > button { flex: 1; padding: 1rem; border-radius: 0; background-color: transparent; color: var(--theme-text); box-shadow: none; transition: color .3s ease-out; border-left: var(--theme-border); z-index: 2; } .toggle > button.active { color: var(--theme-white); } .toggle > button:first-of-type { border-left: none; } .toggle:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; background-color: var(--theme-dark); transition: left .4s ease-out; border-radius: var(--theme-radius-small); } .toggle-slide-content { position: relative; border-bottom: var(--theme-divider); } .toggle-slide-content > div { position: absolute; top: var(--padding); left: 0; width: 100%; transform: translateX(-2rem); opacity: 0; visibility: hidden; z-index: -1; transition: all ease-out .3s; } /* default table */ .table { max-width: 100%; overflow-x: auto; } .table table { width: 100%; } .table th { text-align: left; min-width: 8rem; padding: calc(var(--padding) / 1.5) var(--padding); border-bottom: var(--theme-divider); background-color: var(--theme-card-background); font-size: 1rem; color: var(--theme-text); } .table td { padding: calc(var(--padding) / 2) var(--padding); border-bottom: var(--theme-divider); color: var(--theme-text); } .table td a { color: var(--theme-text); } .table td.no-border { border-bottom: none; } .table.clickable tr.clickable { cursor: pointer; background-color: var(--theme-card-background); transition: background .1s ease-out; } .table.clickable tr.clickable:hover { background-color: var(--theme-light); } .table.clickable td.clickable-link { padding: 0; } .table.clickable td.clickable-link > a { display: block; padding: calc(var(--padding) / 2) var(--padding); } .table.clickable tr.clickable.active { background-color: var(--theme-accent-dark); } .table.clickable tr.clickable.active > td > a { color: var(--theme-white); } .table tr:empty { display: none; } /* css dropdown */ .css_dropdown { position: relative; } .css_dropdown > div { cursor: pointer; padding: var(--padding); background-color: var(--theme-card-background); border: var(--theme-border); border-radius: var(--theme-radius-small); box-shadow: var(--shadow-elevation-medium); } .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: var(--padding); text-align: left; color: var(--theme-text); cursor: pointer; } .css_dropdown ul li:nth-child(odd) { background-color: var(--theme-accent-light); color: var(--theme-text); } .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted var(--theme-text); } .tooltip .tooltiptext { opacity: 0; visibility: hidden; transform: translate(0%, 1rem); bottom: 100%; left: 0%; width: 15rem; background-color: black; color: white; text-align: left; padding: var(--padding); border-radius: var(--theme-radius-small); position: absolute; z-index: 1; transition: all .3s ease-out; } .tooltip.bottom .tooltiptext { transform: translate(0%, -1rem); bottom: unset; top: 100%; } .tooltip:hover .tooltiptext { opacity: 1; visibility: visible; transform: translate(0%, 0); } .tooltip .tooltiptext.wide { width: 23rem; } .PGerror, .PGwarning, .PGsuccess { border-radius: var(--theme-radius-small); padding: var(--padding); display: flex; gap: var(--padding); align-items: center; justify-content: center; border-left: 3px solid transparent; } .PGerror > img, .PGwarning > img, .PGsuccess > img { height: 4rem; } .error-div, .warning-div, .success-div { padding: .4rem .8rem; border-radius: var(--theme-radius-small); } .PGerror, .user-feedback.error, .user-feedback.error > h3, .error-div { background-color: var(--theme-error); color: var(--theme-error-text); } .PGwarning, .user-feedback.warning, .user-feedback.warning > h3, .warning-div { background-color: var(--theme-warning); color: var(--theme-warning-text); } /* .PGsuccess, .user-feedback.success, .user-feedback.success > h3, .success-div { background-color: var(--theme-success); color: var(--theme-success-text); } */ .error-div:empty, .warning-div:empty, .success-div:empty { display: none; } #filter_anzeigen:before, #scrolling-filter:before { background-color: var(--theme-accent-orange)!important; color: var(--theme-white)!important; } #scrolling-filter { height: 3rem; font-size: 1em!important; margin-bottom: 1rem!important; box-shadow: var(--shadow-elevation-medium); background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 660.7 585.2" style="enable-background:new 0 0 660.7 585.2;" xml:space="preserve"><style type="text/css"> .st0{fill:none;stroke:%23FFFFFF;stroke-width:30;stroke-linecap:round;stroke-miterlimit:10;}</style><line class="st0" x1="15" y1="85.5" x2="143.3" y2="85.5"/><line class="st0" x1="372" y1="85.5" x2="645.7" y2="85.5"/><circle class="st0" cx="257.4" cy="85.5" r="70.5"/><line class="st0" x1="645.7" y1="291.7" x2="517.5" y2="291.7"/><line class="st0" x1="288.7" y1="291.7" x2="15" y2="291.7"/><ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -88.1163 370.6285)" class="st0" cx="403.3" cy="291.7" rx="70.5" ry="70.5"/><line class="st0" x1="645.7" y1="499.8" x2="427.4" y2="499.8"/><line class="st0" x1="198.6" y1="499.8" x2="15" y2="499.8"/><ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -261.6461 367.8904)" class="st0" cx="313.3" cy="499.8" rx="70.5" ry="70.5"/></svg>'); background-size: 1.25rem; background-repeat: no-repeat; background-position: 1rem 50%; padding-left: 3rem!important; } #user-feedback-wrapper { position: fixed; z-index: 101; pointer-events: none; top: 10rem; 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: .25rem; display: inline-block; } #pers_submen a { background-color: var(--theme-dark); } #pers_submen a.active, #pers_submen a:hover { background-color: var(--theme-accent-medium); color: var(--theme-white); } #pers_submen { margin-bottom: 2rem; display: flex; flex-wrap: wrap; justify-content: center; } #pers_submen .button { text-transform: unset; } .picva { width: 5rem; display:block; } .tab_k { margin-bottom: .5rem; } #bestellabschluss { text-align: center; } #megaBestellabschluss { display:block; height: 12rem; width: 12rem; border-radius: 12rem; background: var(--theme-accent-dark); margin: 2rem auto; position:relative; } #megaBestellabschluss:before { content:' '; display:block; height:inherit; width:inherit; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10"><style type="text/css">.st0{fill:%23FFF;}</style><path class="st0" d="M0 5l2.9 2.9 2.1 2.1 2.2-2.1 5.7-5.8-2.2-2.1-5.7 5.7-2.8-2.8z"/></svg>') no-repeat 50% 50%; background-size: 8rem; animation: wobbel 1s 1 linear} #bestellabschluss p {text-align:center;font-size: 1.25rem;} #bestellabschluss form { width: max-content; margin: 0 auto;} #bestellabschluss form button { margin-top: 2rem; } /* besteallabschluss tabelle */ #best-details { display: grid; margin-top: 4rem; grid-template-areas: "bestnr" "zart" "email" "details" "rech"; grid-gap: var(--padding); } #best-details > div > span { display: block; background-color: var(--theme-light); padding: calc(var(--padding)* 0.7) var(--padding); margin-top: calc(var(--card-padding)* -1); margin-left: calc(var(--card-padding)* -1.5); margin-right: calc(var(--card-padding)* -1.5); } #best-details > div > div { margin-top: var(--padding); text-align: left; } #best-details > div.center > span, #best-details > div.center > div { text-align: center; } #best-bestnr { grid-area: bestnr; } #best-zart { grid-area: zart; } #best-email { grid-area: email; } #best-best { grid-area: details; } #best-rech { grid-area: rech; } #best-best div.scroll { overflow-x: scroll; } #best-best div.scroll > table { width: 992px; } .datenschutz-grid + input.button { float: right; } .card[data-za="2"] .zacheck .icon, .zacheckbue[data-za="2"] { background-image: url(https://img.haflingerversand.de/f_ls.svg); } .card[data-za="3"] .zacheck .icon, .zacheckbue[data-za="3"] { background-image: url(https://img.haflingerversand.de/pg_zahlart3.png); } .card[data-za="4"] .zacheck .icon, .zacheckbue[data-za="4"] { background-image: url(https://img.haflingerversand.de/f_dhl-nachnahme.svg); } .card[data-za="5"] .zacheck .icon, .zacheckbue[data-za="5"] { background-image: url(https://img.haflingerversand.de/f_bar.svg); } .card[data-za="6"] .zacheck .icon, .zacheckbue[data-za="6"] { background-image: url(https://img.haflingerversand.de/Amazon_Pay_logo.svg); } .card[data-za="7"] .zacheck .icon, .zacheckbue[data-za="7"] { background-image: url(https://img.haflingerversand.de/pg_zahlart7.png); } .card[data-za="8"] .zacheck .icon, .zacheckbue[data-za="8"] { background-image: url(https://img.haflingerversand.de/f_pp.svg); } .card[data-za="9"] .zacheck .icon, .zacheckbue[data-za="9"] { background-image: url(https://img.haflingerversand.de/pg_zahlart9.png); } .zacheckbue { height: 3rem; width: 5rem; background-position: center; background-size: contain; background-repeat: no-repeat;} #shopLayer[data-pp="perart"] #pag_se_all {display:none!important;} ul.mleft li { margin-left: 1rem; padding: .5rem 0; list-style: disc !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;} #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; } .breadcrumb { margin-bottom:.5rem!important; } .menu-oben { display: flex; width: 100%; justify-content: space-around; } .menu-oben a:hover { color: var(--theme-text-hover); } .menu-oben .desktop { display: none; } .menu-oben .mobile { padding: .5rem; background: var(--theme-light); flex: 1; text-align: center; margin-right: .15rem; } .menu-oben .mobile:last-child { margin-right: 0; } .menu-oben .desktop.home { } .menu-oben .desktop.damen, .menu-oben .desktop.herren { font-weight: 600; } /* .menu-oben .desktop.sale { color: var(--theme-error); } */ .menu-oben .mobile.sale, .menu-oben .mobile.kinder, .menu-oben .mobile.sommer, .menu-oben .mobile.winter { display: none; } .menu-oben .desktop[aria-current="page"] { color: var(--theme-accent-dark); font-weight: 600; } #k_logo { order: 1; } #k_icons { order: 2; width: 45%; } #powermenue-schalter { order: 3; } .menu-oben { order: 4; } #btn-to-top { background-image: url(https://img.haflingerversand.de/weiter-w.svg)!important; background-size: 1rem; height: 3rem!important; width: 3rem!important; } .tab-nav > [data-tab] { min-width: 6rem!important; padding: .5rem!important; background-color: var(--theme-lighter)!important; } .tab-nav > [data-tab].tab-active { background-color: var(--theme-accent-medium)!important; } .tab-nav { flex-direction: unset!important; margin-bottom: 0!important; } .tab-nav > [data-tab].tab-active { color: var(--theme-white); } .tab-nav > [data-tab], .tab-nav > [data-tab] a { font-size: 0.9rem; color: var(--theme-text); } .tab-nav > [data-tab].tab-active a { color: var(--theme-white); } .tab-nav > [data-tab] { border-left: 0!important; border-right: var(--theme-divider); border-top: var(--theme-divider);} .tab-nav { gap: unset!important; } nav.tab_see.open { box-shadow: unset; } #mobile-filter-background.open { z-index: 105!important; background-color: rgba(0,0,0,0.5)!important; } nav.tab_see { z-index: 106!important; background-color: var(--theme-white) !important; } .mobile-filter-anz-toggle {text-align: center; padding: .5rem 1rem; background-color: var(--theme-light);} #bio_ep_close { width: 2rem; height: 2rem; font-size: 1.25rem; } #bio_ep_bg { opacity: .5!important; } .separate-rating { padding: 1rem; } #c-cookie-min { order: 3; background-color: var(--theme-dark); } #c-cookie-settings { order: 2; background-color: var(--theme-accent-dark); } #c-cookie-all { order: 1; } /* Cookies neu */ .blackBody {width:0 !important;height:0 !important;} .cook-head {display:none;} #c-cookie-x {display:none !important;} #c-cookie-banner {padding:0 !important;} #c-cookie-banner .ausrichter {display:flex;flex-direction:column;padding:0.5rem;margin:0;align-items:center;max-width:unset;justify-content:space-between;gap:0.5rem;} #c-cookie-banner .c-cookie-info {margin:0 !important;} #c-cookie-banner .cook-content {text-align:left;padding:0;font-size:14px;} #c-cookie-banner .cook-content .cook-lin {white-space:nowrap;} #c-cookie-banner .c-cookie-buttons {gap: 0.5rem 0;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%;min-width:fit-content;} #c-cookie-banner .c-cookie-buttons button {padding:12px;width:calc(50% - 0.25rem);min-width:fit-content;font-size:16px;background-color: var(--theme-dark);color:white;} #c-cookie-banner .c-cookie-buttons button:last-child {width:100%;background-color: var(--theme-accent-dark);} #c-cookie-banner .c-cookie-buttons button:hover {box-shadow:none !important;} #c-cookie-banner .c-cookie-buttons button:not(:last-child):active {background-color: rgb(143, 139, 118) !important;} #c-cookie-banner .c-cookie-buttons button:last-child:active {background-color: rgb(9, 92, 163);} /* Bestellübersicht (Konto) */ #service_wrapper .card .grid-6 .status_container p {margin:0;} #service_wrapper .card .grid-6 .status_container p:first-of-type {margin-bottom:1rem;} /* Danke-Seite Artikel mobile */ #best-best .scroll table, #best-best .scroll tbody, #best-best .scroll tr{ display:block; width:100% !important; } #best-best .scroll td{ display:inline; white-space:normal !important; overflow-wrap:anywhere; word-break:break-word; padding:0; } #best-details .scroll table tbody > tr:nth-child(odd):not(:nth-last-child(2)) { margin-bottom:1.5rem; } /* Wenn man auf "Sandalen" ist, soll "Hausschuhe" (wo "Sandalen" auch drin ist) im Menü nicht auch aktiv/blau sein */ [data-dhe=HAFLINGER-Hausschuhe-Ledersandalen-Pantoletten] #powermenue-menuepunkt-3 a {color:var(--theme-text) !important;} /* Custom-Filter erstmal ausblenden */ #dd_f2, #dd_f3, #dd_f4 {display:none !important;} /* Filter neu */ #dd_zk1, #dd_zk2 {display:none;} #dd_f2, #dd_f3, #dd_f4 {display:block !important;} .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 { justify-content: space-between; } #k_title ul li:nth-child(2) { display: block; } .menu-oben .mobile.sale, .menu-oben .mobile.kinder { display: unset; } #k_logo { width: 12rem; } #powermenue-schalter { width: 10%; } .foot_infos { overflow: auto; margin-bottom: 0; text-align: left; padding: 1rem 2rem; } .foot_infos .foot_ueb { display: block; } .foot_infos > ul { width: 50%; min-height: 15rem; } .foot_infos #info_zahl { justify-content: start; } .foot_infos #info_zahl img { margin: 0 1rem 1rem 0;} .foot_infos ul.soc li a { margin: .5rem 1rem 1rem 0; } .sm-hide { display: none; } .sm-block { display: block; } tr.sm-block { display: table-row; } body { --padding: 1rem; } .tab-nav > [data-tab] { padding: 1rem!important; } .tab-nav > [data-tab], .tab-nav > [data-tab] a { font-size: 1.25rem; } /* Cookies neu */ .c-cookie-info {padding:0.5rem;} .c-cookie-buttons {padding:0.5rem;} #c-cookie-banner .ausrichter {gap:0;} /* Danke-Seite Artikel Desktop */ #best-details .scroll table tbody > tr:nth-child(odd):not(:nth-last-child(2)) { margin-bottom:0.5rem; }  }
@media (min-width: 768px) { .shopHeader { position: relative; } .menu-oben .mobile.kinder { display: unset; } html { scroll-padding-top: 1rem; } h1 { font-size: 1.75em; } h2 { font-size: 1.75em; } h3 { font-size: 1.25em; } #k_title ul li, #k_title ul li a { color: var(--theme-white); font-size: 1rem; } #k_title ul li:nth-child(1) { display: block; } .k_ausrichter { display: block; } #kopf_top_line { position: relative; } #kopf_top_line.box-shadow { } #kopf_top_line_inner { height: 6.7rem; } #k_logo, #k_icons { width: 12rem; } #k_lupe_2, #k_merk, #k_account, #k_wk, #powermenue-schalter { height: 4rem; width: 3rem; margin-left: 0.5rem; background-size: 2rem; } #k_icons > div > .shBagInh { position: absolute; left: unset; right: calc(var(--padding) * -1); top: 2.8rem; width: calc(100vw - calc(var(--padding) * 2)); } #k_icons > #k_account > .shBagInh { right: calc(var(--padding) * -1); } #k_icons > #k_wk > .shBagInh, #k_icons > #k_merk > .shBagInh { width: 30rem; } #k_icons > #k_account > .shBagInh { width: 17rem; } ul.alt-list { max-height: 30rem; } #shopMain { margin-top: 0; } .foot_infos > ul { width: 33.33%; float: left; min-height: 15rem; text-align: left;} #shopFooter .unten #f_text span.br { display:none; } #shopFooter .unten #f_text span.pipe { color:inherit;font-size:inherit;display: inline;padding: 0; } #user-feedback-wrapper { top: 11rem; z-index: 200; } .md-hide { display: none; } .md-block { display: block; } tr.md-block { display: table-row; } .menu-oben .mobile.service { display: unset; } .tab-nav > [data-tab]:first-of-type { border-top-left-radius: var(--theme-radius-small)!important; } .shBagInh .Wkbuttons .button { padding: 1rem 2rem; } #best-details { grid-template-columns: 1fr 1fr; grid-template-areas: "bestnr zart" "email email" "details details" "rech rech"; } /* #c-cookie-min { order: 1; } #c-cookie-settings { order: 2; } #c-cookie-all { order: 3; } */ /* Cookies neu */ @media (min-width: 890px) { #c-cookie-min { order: 1; } #c-cookie-settings { order: 2; } #c-cookie-all { order: 3; } #c-cookie-banner .ausrichter {flex-direction:row;padding:16px 24px;} #c-cookie-banner .cook-content {font-size:16px;} #c-cookie-banner .c-cookie-info {padding:0 2rem 0 0;} #c-cookie-banner .c-cookie-buttons {flex-wrap:nowrap;gap:1rem;width:fit-content;padding:0;} #c-cookie-banner .c-cookie-buttons button {width:fit-content !important;padding:12px 2rem;font-size:18px;} #c-cookie-banner .c-cookie-buttons button:not(:last-child):hover {background-color: rgb(143, 139, 118) !important;box-shadow:none !important;} #c-cookie-banner .c-cookie-buttons button:last-child:hover {background-color: rgb(9, 92, 163);box-shadow:none !important;} } .menu-oben .mobile.sale, .menu-oben .mobile.kinder { display: block; } }
@media (min-width: 992px) { html { scroll-padding-top: 8rem; } .menu-oben .mobile.sommer, .menu-oben .mobile.winter { display: unset; } #kopf_top_line { position: sticky; } #kopf_bottom_line { position: sticky; top: 80px; z-index: 103; } #suchbox { } #k_lupe_3 { width: 100%; } #k_lupe_3 input#menSuchStr { width: 100%; max-width: 100%; padding: 0.8rem 1rem;background-color: var(--theme-light); } #k_lupe_3 > div.lupe { background: rgb(255,255,255) url(https://img.haflingerversand.de/search.svg) no-repeat 97% 50%; } #h-ps-filter-toggle, #h-ps-close { display: none; } #shopLayer.suche-offen #k_logo, #shopLayer.suche-offen #k_icons { display: flex; } #shopLayer.suche-offen #suchbox { width: 50%; margin: 1rem auto 1rem auto; } .foot_infos > ul { width: 25%; } .lg-hide { display: none; } .lg-block { display: block; } tr.lg-block { display: table-row; } nav.tab_see { z-index: 99!important; } .toggle-slide-content { border-bottom: 0; } #best-best div.scroll { overflow-x: unset; } #best-best div.scroll > table { width: unset; } #k_icons > div > .shBagInh { display: block; } /* Filter neu */ @media (min-width: 992px) { #dd_groe, #dd_farb, #dd_f2 {z-index:21;} #shopLayer form[name="dd_aug_form"] {position:relative;display: grid;grid-template-columns: 1fr 1fr 1fr !important;padding: 3rem 0.5rem 0.5rem 0.5rem;border-radius: 8px;background-color: var(--theme-light);border: var(--theme-divider);grid-gap:0.5rem;} #multi_auswahl_form:before { content: 'Finden Sie mit unseren Filtern noch schneller Ihre neuen Lieblings-Hausschuhe:'; position: absolute; top: 0.75rem; left: 1rem; font-size: 16px; letter-spacing: 1px; } #shopLayer form[name="dd_aug_form"] > ul {border: var(--theme-divider) !important; border-radius: 8px;} #shopLayer form[name="dd_aug_form"] > ul:after {height:1rem !important;top:13.5px !important;pointer-events:none;} #shopLayer form[name="dd_aug_form"] > ul .dd_list {border-radius:8px;} #shopLayer form[name="dd_aug_form"] > ul .dd_list.active {border-top: var(--theme-divider);} #shopLayer .see_alle_dd [class*="dd_"][class*="kopf"] {padding: 0.5rem 0.5rem 0.5rem 0.75rem !important; background-color: white; border-radius: 8px; border: 0 !important;} #shopLayer .see_alle_dd [class*="dd_"][class*="kopf"] a {font-size:16px !important;font-weight:400 !important;} /* #shopLayer .see_alle_dd > form > ul#dd_groe li .dd_list ul li.see_li.see_li_gr {border:0;border-bottom:var(--theme-divider);} */ #shopLayer .see_alle_dd > form > ul#dd_groe li .dd_list ul li.see_li.see_li_gr:nth-child(odd) { border-right: var(--theme-divider);} #shopLayer .see_alle_dd > form > ul#dd_groe li .dd_list ul li.see_li.see_li_gr:nth-last-child(-n+2):nth-child(odd) {border-bottom:none;} } }
@media (min-width: 1200px) { #k_title ul { max-width: var(--header-width); } .k_ausrichter, .ausrichter { max-width: var(--header-width); margin: 0 auto; } #shopLayer.suche-offen #suchbox { margin-top: 0; } #k_logo, #k_icons { width: 35rem; } .menu-oben .desktop { display: block; } .menu-oben .mobile { display: none; } .foot_infos > ul { width: 20%; } .xl-hide { display: none; } .xl-block { display: block; } tr.xl-block { display: table-row; } #k_men_zeile { height: 3rem; } #kopf_top_line { box-shadow: none; } #kopf_top_line_inner { flex-wrap: unset; padding: 0 1rem; height: 5rem; } #k_logo { order: 1; margin-left: 0; } #k_icons { order: 3; } #powermenue-schalter { order: 4; } .menu-oben { order: 2; justify-content: center; } .menu-oben .desktop { padding: .5rem 1rem; } .menu-oben .mobile.service { display: none; } .menu-oben .mobile.sale, .menu-oben .mobile.kinder, .menu-oben .mobile.sommer, .menu-oben .mobile.winter { display: none; } html { scroll-padding-top: 9.5rem; } }
/* ### htm ### */
.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); } .grid-6.one { grid-template-columns: 1fr; } #html-blog .grid-4 { grid-template-columns: 1fr; } .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 picture img { width: 100%; height: auto; } .card span.text1 { position: absolute; bottom: 10%; left: 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: 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"; } .card span.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 span.text1 { font-size: 2rem; bottom: 40%; right: 0; border-radius: 0; } .grid-1 .card span.text1a { display: block; font-size: 1.25rem; text-align: right; } .grid-2 .card span.text1 { right: 0; left: auto; } #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: 2rem 0; background-color: var(--theme-card-background); box-shadow: var(--shadow-elevation-medium); margin-bottom: 2rem; } .ausrichter p { text-align: left; } .starttext h1, .starttext h2 { text-align: left; } .start_box h2 { margin-bottom: .5rem; 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 h1, .htm_include h2 { text-align: center; } .ausrichter h1, .ausrichter h2 { text-align: center; } .flex-box .flex-menu nav ul { margin: 0; } .flex-box .flex-menu nav ul li h1 { margin: 0; font-size: 1.5rem; } .flex-box .flex-content { width: 100%; } .flex-box .flex-content img.full { margin: 0; } .zul_anges_art { display:none; } .start_service {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;background-color: var(--theme-light);padding: 1rem;margin: auto; } .start_service a {width: 100%;height: 100%;padding: 5.5rem 0 1rem 0;background-position: 50% 1rem; background-size: 4rem; background-repeat: no-repeat; } .start_service a.box1 {background-image: url(https://img.haflingerversand.de/bg-merkliste.svg); } .start_service a.box2 {background-image: url(https://img.haflingerversand.de/bg-merkliste.svg); } .start_service a.box3 { background-image: url(https://img.haflingerversand.de/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-accent-dark); } .start_service span.tex2 { font-size: 1rem; } .faq_gruppe { background: var(--theme-dark); color: var(--theme-white); } .faq_hr { display: none; } .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 1rem 1rem 1rem; background-color: var(--theme-light); } .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; width: 32%; } .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(https://img.haflingerversand.de/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; text-align: center; } .blog_vorschau a { color: var(--theme-text); } .blog_vorschau .mehr { color: var(--theme-accent-medium); } .blog_vorschau h2 { font-size: 1.5rem; } .blog_vorschau .blogdat { display: block; font-size: .8rem; margin-bottom: .5rem; } .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; } .colored-text {position: absolute;color: white;background-color: rgba(0, 128, 0, 0.5);padding: 1rem;border-radius: .25rem;z-index: 1;} .left-bottom {bottom: 0;left: 0;} .right-bottom {bottom: 0;right: 0;} .overlay_oben {position:absolute;top:0%;padding:1rem 0;width:100%;text-align:center;font-size:1.5rem;background: rgba(245,246,247,0.8);font-weight:600;border-top-left-radius: .25rem;border-top-right-radius: .25rem; color: var(--theme-text);} .button_unten { color: var(--theme-white); border-radius:.25rem; background: var(--theme-accent-dark); padding: 0.5rem 2rem;position: absolute;bottom: 0.5rem;right: 0.5rem;font-size: 1.5rem;} .start_5 {width: 100%;margin: 0;display: inline-block;} .start_5 div {width: 18.4%;height: 16rem;margin: 0 2% 2% 0;display: block;float: left;position: relative;padding: 1rem;background: var(--theme-light); } .start_5 div#farb5 {margin-right:0;} .start_5 div span.text1 {display:block;font-size:2rem;color:rgb(255,255,255);margin-bottom:1rem;text-align:center;} .start_5 div span.text2 {display:block;margin-top:1.5rem;margin-bottom:1rem;text-align:center; font-size: 1rem; } /* grüner Kreis mit Farbverlauf und weißem Rahmen */ .kreis { position: absolute; top: -10%; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; background:#1D70B7; border-radius: 50%; border: 2px solid white; padding: 1rem; display: flex; justify-content: center; align-items: center; } .zahl {color: white;font-size: 3rem;font-weight: bolder;} @media (max-width:992px) { .start_2a div {width:100%;margin-right:0;} .start_5 div#farb1, .start_5 div#farb2, .start_5 div#farb3 {width: 32%;height: 18rem;} .start_5 div#farb3 {margin-right:0;} .start_5 div#farb4, .start_5 div#farb5 {width: 49%;height: 12rem;} } @media (max-width:768px) { .start_5 div#farb1 {width:100%;margin-right:0;height:12rem;} .start_5 div#farb2, .start_5 div#farb3, .start_5 div#farb4, .start_5 div#farb5,.start_5 div#farb6 {width: 49%;height: 18rem;} } h1 span, h2 span { display: block; font-size: 1rem; } .box_team { width: 100%; margin: 0 0 1rem 0; display: flex; flex-direction: column; } .box_team div { width: 100%; height: auto; margin: 0; position: relative; } .box_team div.FS_text { width: 100%; } .box_team div#team_text, .box_team div#team_picture { width: 100%; height: auto; background: var(--theme-lighter); padding: 1rem; } .box_team div#team_picture { margin-right: 0; } .box_team div#team_picture img { margin-top: 1rem; margin-bottom: 1rem; } .FS_bg {font-size: 1.5rem; background: var(--theme-lighter); padding: 1rem 0; text-align: center; margin: 2rem 0 1rem 0;} .FS_bg_frame {text-align: center; padding: 1rem; background: var(--theme-lighter); margin-bottom: 1rem; font-weight: bold; display: block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative;} .FS_bg_frame:before { content: ''; position: absolute; border: .15rem solid var(--theme-white); top: .5rem; left: .5rem; right: .5rem; bottom: .5rem; } .ban_6fs { width: 100%; margin: 0; display: flex; justify-content: space-between; flex-wrap: wrap; } .ban_6fs img { width:100%; height:auto; display:block; border-radius: var(--theme-radius-small); } .ban_6fs a:nth-child(6), .ban_6fs a:nth-child(6){margin-right:0;} .ban_6fs a { width: 32.29%; height:auto; margin:0 1% 1% 0; display: block; position:relative; border-radius: var(--theme-radius-small); } .ban_6fs a:nth-child(3) {margin-right:0;} .ban_6fs .bantext_6fs { font-size:1.2em; display:block; color: var(--theme-white); background:rgba(61,94,242,0.1); width:100%; padding:.25rem; text-align: center; bottom: 0; position:absolute; border-radius: var(--theme-radius-small); } .ban_6fs a:hover, .ban_4fs a:hover, .ban_3X2fs a:hover, .ban_2fs a:hover, .oben1 a:hover, .Shop-Bewertungen.start_FS-bg:hover { box-shadow: var(--shadow-elevation-high); } .ban_2fs { display: flex; justify-content: center; } .ban_2fs a img {width:100%; border-radius: var(--theme-radius-small); } .ban_2fs > a { width: 50%;margin: 1rem 1% 0 0; border-radius: var(--theme-radius-small); } .ban_2fs a:nth-child(2) {margin-right:0;} .ban_4fs { width: 100%; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .ban_4fs img { width:100%; height:auto; display:block; border-radius: var(--theme-radius-small); } .ban_4fs a:nth-child(4), .ban_4fs a:nth-child(4){margin-right:0;} .ban_4fs a { width:48.5%; height:auto; margin:0 2% 2% 0; display:block; position:relative; border-radius: var(--theme-radius-small); } .ban_4fs a:nth-child(2) { margin-right:0; } .ban_4fs .bantext_4fs {font-size: 1rem; display:block; color: var(--theme-white); background:rgba(139,164,55,0.8); width:100%; padding:.25rem; text-align: center; bottom: 0; position:absolute; border-bottom-left-radius:.5rem; border-bottom-right-radius:.5rem;} .bantext_4fs {font-size: 1.25rem; padding:.25rem; } .buttonFSbreit { width:100%;padding:1rem;background: var(--theme-accent-dark);transition: all 0.2s ease-in; color: var(--theme-white); text-align: center;font-weight:600;margin-bottom: 1rem 0;display: inline-block;text-transform:uppercase;border-radius: var(--theme-radius-small);font-size:1.5rem;text-decoration: none;} .buttonFSbreit:hover {background: var(--theme-accent-orange);} .oben1 { display: flex; flex-direction:row; gap:1rem; flex-wrap:wrap; } .oben2 { width:100%; aspect-ratio:1; border-radius: 8px; background-size:cover; position:relative; } .oben1 a, .Shop-Bewertungen.start_FS-bg {transition: all 0.5s; color: var(--theme-text); } .oben2 { overflow:hidden; } .oben2 img { width:100%; } /* Bewertungs-Kasten */ .Shop-Bewertungen.start_FS-bg a {border-radius:0.5rem;box-shadow:0px 0px 10px rgba(204,204,204,0.6);} .ratings-2 span { font-size:1.25rem; } .ratings-2 .tex-1 span { color: var(--theme-accent-dark); } .ratings-2 nobr img { width:1rem;padding-bottom:.5rem;filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.2));} .Shop-Bewertungen {margin-bottom:1.5rem;} .Shop-Bewertungen.start_FS-bg a { margin-top:1.5rem; padding:1.5rem; background-color: var(--theme-white); display:flex;flex-direction:column; color: var(--theme-text); } .ratings-1 {display:flex;flex-direction:column;justify-content:center;align-items:center;} .ratings-2 {display:flex;justify-content:center;} .ratings-1 p {font-size:1.25rem;text-align:center;} .box_bew {text-align:center;} .ratings-1 p:first-child { margin: 0; } .ratings-1 p:last-child { margin-bottom: .5rem; } .start_bewertungen .Shop-Bewertungen a #box_bew {background-color: var(--theme-light);} .banner-txt-fs-unten h3 { color: var(--theme-accent-dark); } .banner-txt-fs-unten a { color: var(--theme-accent-dark); } .banner-txt-fs-unten a:hover { color: var(--theme-accent-orange); } .txtFormFS p { margin: 0; } .ban_4fsIcon { display: flex; flex-wrap: wrap; } .ban_4fsIcon a { display: block; width:49.5%; height: auto; margin:0 0 3rem 0; position:relative; border-radius: var(--theme-radius-small); } .ban_4fsIcon img { width:100%; height:auto; display:block; max-width: 306px!important; margin: 0 auto; } .ban_4fsIcon .bantext_4fsIcon {font-size:1.5rem; display:block; background:rgba(255,255,255,0.0); width:100%; padding:0.5rem; text-align: center; bottom:-2rem; position:absolute;} .ban_4fsIcon a:hover {transform: scale(1.02); filter: grayscale(100%);} .bg-frame-hinweis {padding: 1rem 1.5rem; background: var(--theme-lighter); margin-bottom: 1rem; margin-top: 1.5rem; border-left: 1rem solid var(--theme-accent-orange); border-radius: var(--theme-radius-small);} .icon_2 {margin: 2rem 0 4rem 0; } .txt-on-off { margin-top: 1rem;background: var(--theme-accent-dark);display: inline-block;text-align:center;border-radius: .5rem;padding: .5rem 1.5rem;transition: all 0.2s ease-in; color: var(--theme-white); box-shadow: var(--shadow-elevation-medium);} .txt-on-off:hover {background: var(--theme-accent-orange);} .fs_animate-bottom{position:relative;animation:animatebottom 0.8s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}} .txtFormFS p, .txtFormFS b { text-align:center; } .txtFormFS img { width:1rem; } .frame { border: var(--theme-divider); background-color: var(--theme-lighter); padding:1rem ; border-radius: .5rem; text-align: center; } #kontaktform { width: fit-content; margin: 0 auto; max-width: 650px; } #kontaktform input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], #kontaktform input[type="date"], textarea, select { max-width: 40rem; } #kontaktform .inp_wrapper[data-typ="checkbox"] input + label { max-width: 38rem; width: auto; } .discount_button { font-size:1.5rem; width: max-content; margin: 0 auto; display: block; } .start4FS { width:100%; margin:0; display: flex; flex-wrap: wrap; justify-content: space-between; } .start4FS img { width:100%; height:auto; display: block; max-width:100%; } .start4FS p { width:49%; height:auto; margin:0 2% 2% 0; display: block; position: relative; } .start4FS p:nth-child(2n) { margin-right:0; } #sortiment .ban_4fs .bantext_4fs {background: var(--theme-accent-dark); } #sortiment .ban_4fs a { box-shadow: var(--shadow-elevation-medium); } #sortiment .ban_4fs a:hover { box-shadow: var(--shadow-elevation-high); } .flex-container { width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .flex-container > div { background-color: var(--theme-lighter); width: 100%; padding: 1rem; text-align: center; border-radius: var(--theme-radius-small); } #frascheTabelle { width: 100%; border-collapse: collapse; } .txt-frasche p a { color: var(--theme-accent-dark); } .txt-frasche p a:hover { color: var(--theme-accent-orange); } #faq .accordion { background-color: var(--theme-lighter); position: relative; color: var(--theme-text); cursor: pointer; padding-left: 1rem; padding-right: 1rem; width: 100%; text-align: left; transition: 0.4s;margin-bottom: .5rem;} #faq .active, .accordion:hover { background-color: var(--theme-lighter); box-shadow: var(--shadow-elevation-high); } #faq .accordion:after {content: '\002B';font-weight: bold;font-size: 2rem; position: absolute; right: 1.5rem; top: .3rem; } #faq .active:after { content: "\00d7"; color: var(--theme-error); } #faq .panel {padding: 0 1rem; background-color: var(--theme-light); font-style: italic; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; margin-bottom: .5rem;} .panel p {margin-bottom: 1rem; margin-top: 1rem;} .faq_gruppeFS {margin:2rem 0 1rem 0; background-color: var(--theme-accent-dark); padding: .5rem 1rem; text-align: center; font-size: 1.5rem; color: var(--theme-white); border-radius: var(--theme-radius-small); } .faq_antwort a { color: var(--theme-accent-dark); font-size: 1rem;} .faq_antwort a:hover {color: var(--theme-accent-orange); } #retoure .bg-frame-hinweis { border-left: 1.5rem solid var(--theme-accent-dark); } #retoure .flex-container > div { width: 100%; } .retourenportale { display:flex; flex-wrap: wrap; justify-content: space-between; } #pflegetipps .row {display: flex; flex-wrap: wrap; flex-direction: column; } #pflegetipps .side {flex: 30%; background-color: var(--theme-lighter); padding: 1rem;} #pflegetipps .side2 { flex: 100%; background-color: var(--theme-lighter); padding: 1rem 1rem 0 1rem;} #pflegetipps .main {flex: 70%; background-color: var(--theme-lighter); padding: 1rem;} #pflegetipps .main2 {flex: 70%; background-color: var(--theme-lighter); padding: 1rem;} #pflegetipps .media-ban-fs img {width: 100%;} #marken .her_container {display: flex; flex-wrap:wrap; margin-bottom: 2rem;justify-content: space-between;} #marken .her_items { position: relative; width:calc(50% - 1%); height: 150px; align-items: center; display: flex; margin: 1% 0; padding: 1rem; border: var(--theme-divider); background-color: var(--theme-lighter); border-radius: var(--theme-radius-small); transition:all 0.3s ease-out;} #marken .her_logos { width: 100%; max-height: 100%; display:block; } #marken .her_logos a { display: flex; justify-content: center; align-items: center; } #marken .her_logos a img { display: block; height:104px; transition:all 0.3s ease-out; } #marken .her_items:hover { box-shadow: var(--shadow-elevation-high); } #marken .her_NEU {display: inline-block;font-size:1.6rem; display:block; color:rgb(255,255,255); background:rgba(139,164,55,0.8); width:100%; padding:5px 5px 5px 5px; text-align: center; box-sizing:border-box;top: 10px; position:absolute; border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;} #marken .overlay_FS { position: absolute; top: 0; left:0; background: var(--theme-accent-orange); color: var(--theme-white); padding: .25rem; text-align: center; border-top-left-radius:.5rem; border-bottom-right-radius:.5rem; } #marken .overlay_FS.turk { background: #3C9D9E; } #htm-groessen .row { margin-bottom: 1rem; } #htm-groessen .row { display: flex; flex-wrap: wrap; } #htm-groessen .side, #htm-groessen .side2, #htm-groessen .side3 { flex: 100%; background-color: var(--theme-lighter); padding: 1rem;} #htm-groessen .main, #htm-groessen .main2 { flex: 100%; background-color: var(--theme-lighter); padding: 1rem;} #htm-groessen .main3 { flex: 100%; background-color: var(--theme-lighter); padding: 1rem;} #htm-groessen .side img, #htm-groessen .side2 img, #htm-groessen .side3 img { margin: .5rem; width: 100%;} #frascheTabelle td { border: var(--theme-divider);padding: .5rem;text-align: center; font-size:1.2rem; } #frascheTabelle tr:nth-child(even){background-color: var(--theme-lighter);} #frascheTabelle tr:hover { background-color: var(--theme-light); } #frascheTabelle th { border: var(--theme-divider); padding-top: .5rem; padding-bottom: .5rem;text-align: center;background-color: var(--theme-dark);color: white;font-size:1.4rem;} #htm-versand #frascheTabelle td, #htm-versand #frascheTabelle th {border: var(--theme-divider);padding: .5rem;text-align: center;font-size:1rem;} #htm-versand #frascheTabelle tr:nth-child(even){background-color: var(--theme-lighter);} #htm-versand #frascheTabelle tr:hover {background-color: var(--theme-light);} #htm-versand .ban_4fsIcon img { height: 9rem; } #htm-versand .ban_4fsIcon .bantext_4fsIcon { font-size: 1rem; position: static; } #htm-versand .flex-container {display: flex; flex-wrap: wrap; } #htm-versand .flex-container .frame50 {width: 100%; margin-bottom: 1rem; } #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;} #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; } #einzelne_bewertung_all { display: flex; flex-direction: column; justify-content: space-between; } #einzelne_bewertung_einzel { width: 100%; border: var(--theme-divider); padding: 1rem; margin: 0 0 1rem 0; } #einzelne_bewertung_einzel a img { margin-right: 3%; } #box_bew { width: 100%; margin: 0 auto; padding: 1rem 0; text-align: center; } #box_bew span.FS_bew, #box_bew span.FS_bew span {font-size:1.25rem;} #box_bew img { width: 1rem; padding-bottom: .5rem; filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)); } .headline_colors { margin:2rem 0; padding:1rem; background-color: var(--theme-lighter); } #bunte .headline { margin:2rem 0; border: var(--theme-divider); border-image: linear-gradient(45deg, red, yellow, lime, aqua, blue, magenta); border-image-slice: 1; padding:10px; border-radius: 8px; background-color: var(--theme-lighter); } #bunte .zitat { margin: 2rem auto; max-width: 100%; } #bunte .headline h3, #bunte .headline_colors h3, #bunte .headline h4 { text-align: center; } #bunte .red_fs { border-left: 2rem solid #DF0101; } #bunte .gelb_fs { border-left: 2rem solid #FFE500;} #bunte .blau_fs { border-left: 2rem solid #0101DF;} #bunte .orange_fs { border-left: 2rem solid #FFBF00;} #bunte .rosa_fs { border-left: 2rem solid #F5A9BC;} #bunte .lila_fs { border-left: 2rem solid #8800ff;} #bunte .gruen_fs { border-left: 2rem solid #04B404;} #bunte .braun_fs { border-left: 2rem solid #703E23;} #bunte .bunt_fs { border-left: 2rem solid; border-right: 0 solid; border-top: 0 solid; border-bottom: 0 solid; border-image: linear-gradient(180deg, red, yellow, aqua, blue); border-image-slice: 1; } #bunte .buttonleiste { display: flex; flex-wrap: wrap; justify-content: center; } #bunte .buttonleiste a { flex: 1; margin: 0 .5rem .5rem 0; text-align: center; white-space: nowrap; } #bunte .buttonleiste a:hover:nth-child(1) {background: #DF0101;} #bunte .buttonleiste a:hover:nth-child(2) {background: #FFE500; color: #3f3f3f !important;} #bunte .buttonleiste a:hover:nth-child(3) {background: #0101DF;} #bunte .buttonleiste a:hover:nth-child(4) {background: #FFBF00;} #bunte .buttonleiste a:hover:nth-child(5) {background: #F5A9BC; color: #3f3f3f !important;} #bunte .buttonleiste a:hover:nth-child(6) {background: #8800FF;} #bunte .buttonleiste a:hover:nth-child(7) {background: #04B404;} #bunte .buttonleiste a:hover:nth-child(8) {background: #703E23;} #bunte .buttonleiste a:hover:nth-child(9) {background: linear-gradient(-45deg, red,orange,yellow,green,blue,indigo,violet);} #bunte .aufz_rot li::before {content: '\25A0' '\A0'; color: #DF0101;} #bunte .aufz_gelb li::before {content: '\25A0' '\A0'; color: #FFE500;} #bunte .aufz_blau li::before {content: '\25A0' '\A0'; color: #0101DF;} #bunte .aufz_orange li::before {content: '\25A0' '\A0'; color: #FFBF00;} #bunte .aufz_rosa li::before {content: '\25A0' '\A0'; color: #F5A9BC;} #bunte .aufz_lila li::before {content: '\25A0' '\A0'; color: #8800FF;} #bunte .aufz_gruen li::before {content: '\25A0' '\A0'; color: #04B404;} #bunte .aufz_braun li::before {content: '\25A0' '\A0'; color: #703E23;} .aufz_rot li, .aufz_gelb li, .aufz_blau li, .aufz_orange li, .aufz_rosa li, .aufz_lila li, .aufz_gruen li, .aufz_braun li { list-style: none; } .borderframe { padding: 1rem; order-left: 1rem solid var(--theme-accent-dark); border-right: .1rem var(--theme-divider); border-top: .1rem var(--theme-divider); border-bottom: .1rem var(--theme-divider); margin-top:1rem; margin-bottom: 2rem; } .border_4fs { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;} .border_4fs:before { content: ''; position: absolute; border: rgb(250,250,250) solid 3px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity;} .border_4fs:hover:before, .border_4fs:focus:before, .border_4fs:active:before { opacity: 1; z-index:100; } .FSban_1 a:hover, .FSban_2 a:hover, .FSban_3 a:hover, .FSban_4 a:hover, .FSban_6 a:hover { transform: scale(1.01); -webkit-filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.7)) opacity(1) contrast(110%); filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.7)) opacity(1) contrast(110%); } .FSban_1, .FSban_2, .FSban_6 { width:100%; margin:0; display: flex; flex-wrap: wrap; } .FSban_1 { margin-bottom: 1rem; } .FSban_1 img, .FSban_2 img, .FSban_6 img { width:100%; height:auto; display: block; } .FSban_1 a { width:100%; height: auto; display: block; position:relative; overflow: hidden; } .FSban_2 a { width:100%; height: auto; display: block; margin:0 2% 1rem 0; position:relative; } .FSban_2 a:last-child, .FSban_3 a:last-child, .FSban_4 a:last-child, .FSban_6 a:nth-child(3n) { margin-right:0; } .FSban_1 .text1, .FSban_2 .text1, .FSban_4 .text1, .FSban_6 .text1{width: 100%;font-size: 1.25rem; display: block;color:#fff;background: rgba(0,0,0,0.5);padding: 0.5rem; bottom: 0;right:0;position: absolute; text-align:center;} .FSban_4 { width:100%; margin:0; display: flex; flex-wrap: wrap; } .FSban_4 img { width:100%; height:auto; display: block; max-width:100%; } .FSban_4 a { width: 49%; height:auto; margin:0 2% 2% 0; display: block; position: relative; } .FSban_4 a:nth-child(2n) {margin-right:0;} .produktauswahl h2, .vorteile h2 { margin-top: 0; } .FSban_6 p { width:49%; height:auto; margin:0 2% 2% 0; display: block;float: left;transition:all 0.5s;-webkit-transition:all 0.5s;position: relative;box-sizing:border-box;} .FSban_6 p:nth-child(2n) {margin-right:0;} .FSban_6 p:hover:nth-child(2n+1) { transform: scale(2,2) translate(26%,0); z-index: 100; } .FSban_6 p:hover:nth-child(2n+2) { transform: scale(2,2) translate(-26%,0);z-index: 100; } .vframe { margin: 1rem 0; padding:1rem; border: var(--theme-divider); background-color: var(--theme-lighter); border-radius: var(--theme-radius-small); } .vframe iframe { aspect-ratio: 16/9; } .htm_include .scroll { width:100%; overflow-x: scroll; } .htm_include .box { width: 1100px; } .htm_include table.scrollx { width: 1600px; } .serienblocke { width:100%; column-count: 1; margin-bottom:2rem; } .serienblock { padding:0 2% 2% 0; } .serienblock img {width:100%;} 
@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-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_5 div span.text2 { font-size: 1.25rem; }  }
@media (min-width: 768px) { .start_service a { width: 33.33%; } .grid-1 .card span.text1 { right: 5%; left: auto; font-size: 3rem; } .grid-6.one { grid-template-columns: repeat(2, 1fr); } #html-blog .grid-4 { grid-template-columns: 1fr 1fr; } .flex-box { display: flex; } .flex-box .flex-content h1 { margin-top: 0; } .flex-box .flex-menu { display: block; width: 17rem; margin-right: 1rem;} .faq .button-group { grid-template-columns: 1fr 1fr 1fr; } .ausrichter p { text-align: center; } .starttext h1, .starttext h2 { text-align: center; } .blog_vorschau h2 { height: 5rem; overflow: hidden; } .flex-box { flex-wrap: nowrap; } .overlay_oben, .button_unten { font-size: 1rem; } .Shop-Bewertungen {margin-bottom:2rem;} .Shop-Bewertungen.start_FS-bg a {margin-top:2rem; padding: 2rem 2rem 2rem 4rem; background-color: var(--theme-white); color: var(--theme-text); flex-direction:unset; } .ratings-1, .ratings-2 {width:50%;} .ratings-1 {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;} .ratings-1 p { font-size: 1.5rem; font-weight:400; text-align:left; margin: 0; } .ratings-2 {display:flex;align-items:center;justify-content:center;} #box_bew {width:100% !important;text-align:center;} .ban_4fsIcon {width: 100%; margin: 0; } .ban_4fsIcon a:nth-child(4), .ban_4fs a:nth-child(4) {margin-right:0;} .oben2 { width: calc(33% - (2rem / 3)); } .ban_6fs a { width:24%; } .ban_6fs a:nth-child(3) { margin-right: 1%; } .ban_6fs a:nth-child(4) { margin-right: 0; } .FSban_2 a { width: 49%; } .FSban_2 a:nth-child(2n) { margin-right:0; } .FSban_6 p:hover:nth-child(2n+1) { transform: unset; } .FSban_6 p:hover:nth-child(2n+2) { transform: unset; } #retoure .frame { width: 49%; margin-right: 2%; } #retoure .frame:last-child { margin-right: 0; } #pflegetipps .row { flex-direction: unset; } #pflegetipps .side2 { flex: 30%; padding: 2rem 2rem 0 2rem; } #marken .her_items { width:31.5%; } #htm-groessen .row { flex-wrap: nowrap; } #htm-groessen .side, #htm-groessen .side2, #htm-groessen .side3 { flex: 40%; } #htm-groessen .main3 { flex: 60%; } #htm-versand .flex-container .frame50 {width: 49%; } #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;} .serienblocke {column-count: 2;}  }
@media (min-width: 992px) { .grid-4 { grid-template-columns: repeat(4, 1fr); } .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%; margin: 0 3% 1rem 0; 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; } .overlay_oben, .button_unten { font-size: 1.5rem; } .ban_4fsIcon { flex-wrap: nowrap; justify-content: space-between; } .ban_4fs a, .ban_4fsIcon a { width: 23.25%; } .ban_4fs a:nth-child(2) { margin-right: 1%; } .ban_4fs a:nth-child(4) { margin-right: 0; } .ban_6fs { display: flex; justify-content: space-between; } .ban_6fs a { width:15%; } .ban_6fs a:nth-child(4) { margin-right: 1%; } .flex-container > div { width: 30%; } .start4FS { flex-wrap: nowrap; } .start4FS p { width:23%; } .start4FS p:nth-child(2n) { margin-right: 2%; } .start4FS p:nth-child(4n) { margin-right: 0; } #marken .her_items { width:23.2%; } #bunte .zitat { margin: 2rem auto; max-width: 80%; } #einzelne_bewertung_all { flex-direction: unset; } #einzelne_bewertung_einzel { width: 49%; } .box_team { flex-direction: unset; } .box_team div { width: 50%; } .FSban_4 a { width:23.5%; } .FSban_4 a:nth-child(2n) { margin-right: 2%; } .FSban_4 a:nth-child(4n) { margin-right: 0; } .FSban_6 a, .FSban_6 p { width:32%; margin-right:2%!important; } .FSban_6 a:nth-child(2n), .FSban_6 p:nth-child(2n) { margin-right:0!important; } .htm_include .scroll { overflow-x: unset; } .htm_include .box { width: 100%; } .htm_include table.scrollx { width: 100%; }  }
@media (min-width: 1200px) { .html_herst_liste { grid-template-columns: repeat(27, 1fr); } .grid-6.one { grid-template-columns: repeat(3, 1fr); } .alle_her_box { grid-template-columns: repeat(6, 1fr); } #html-blog .grid-4 { grid-template-columns: 1fr 1fr 1fr; } #marken .her_items { width:18.3%; } .serienblocke {column-count: 3;}  }
@media (min-width: 1400px) { #html-blog .grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } }
/* ### kachel ### */
body {--kachel-max-height: 29rem;} 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; } .art_box, .se_banner { height: var(--kachel-max-height); display: block; position: relative; border: var(--theme-divider); box-shadow: var(--shadow-elevation-medium); background-color: var(--theme-card-background); border-radius: var(--theme-radius-small); overflow: hidden; transition: all .3s ease-out; will-change: transform; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } ul.se > li:hover:not(.se_banner):not(.no_hover) { box-shadow: var(--shadow-elevation-high); transform: translateY(-.2rem) translateZ(0); } .art_box > .se_kachel { display: block; height: calc(100% - 2rem); } .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 { display: inline; justify-content: center; transition: all .1s ease-out; } .se_kachel:hover .rat_stars { opacity: 1; filter: grayscale(0); } #se_rat_full { display: flex; flex-wrap:wrap;align-items:center; justify-content: center; position: absolute; width: 100%; } .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: 12rem; 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 { display: block; width: 3.5rem; background-color: var(--theme-error); color: rgb(255,255,255); text-align: center; border-bottom-right-radius: var(--theme-radius-medium); font-size: 1rem; margin-top: 0; } .suchtemp_azu_her { } .cs_azu { height: 3rem; width: 3rem; background-size: 100%; background-repeat: no-repeat; background-position: center; margin: 0.5rem; } /* azu icons */ .cs_azu[title] { cursor: help; } .cs_azu.azu5 { 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 66.6 49.5" style="enable-background:new 0 0 66.6 49.5;" xml:space="preserve"><style type="text/css"> .st0{fill:rgb(60,60,60);} .st1{fill:rgb(185,159,89);}</style><g> <path class="st0" d="M20.1,25.7h-3.4L2.6,4.1H2.5c0.2,2.5,0.3,4.9,0.3,7v14.6H0V0h3.4l14,21.5h0.1c0-0.3-0.1-1.3-0.2-3  s-0.1-2.9-0.1-3.7V0h2.8V25.7z"/> <path class="st0" d="M41.5,25.7H27.1V0h14.3v2.7H30.1v8.3h10.7v2.6H30.1V23h11.3V25.7z"/> <path class="st0" d="M66.6,0v16.6c0,2.9-0.9,5.2-2.7,6.9s-4.2,2.5-7.3,2.5s-5.5-0.8-7.2-2.5s-2.5-4-2.5-7V0h3v16.8  c0,2.1,0.6,3.8,1.8,4.9s2.9,1.7,5.2,1.7c2.2,0,3.8-0.6,5-1.7s1.8-2.8,1.8-5V0H66.6z"/></g><g> <path class="st1" d="M0.3,33c0-0.3,0.1-0.6,0.2-0.7S0.9,32,1.1,32c0.2,0,0.4,0.1,0.6,0.2S2,32.6,2,33s-0.1,0.6-0.3,0.7  c-0.2,0.2-0.4,0.2-0.6,0.2c-0.2,0-0.5-0.1-0.6-0.2C0.3,33.5,0.3,33.3,0.3,33z M1.8,45.2H0.4v-9.6h1.5V45.2z"/> <path class="st1" d="M17.2,45.2v-6.3c0-0.8-0.2-1.3-0.5-1.7c-0.3-0.4-0.8-0.6-1.5-0.6c-0.9,0-1.6,0.3-2,0.8s-0.7,1.3-0.7,2.4v5.4  h-1.5v-6.3c0-0.8-0.2-1.3-0.5-1.7c-0.3-0.4-0.8-0.6-1.5-0.6c-0.9,0-1.6,0.3-2,0.8c-0.4,0.5-0.6,1.4-0.6,2.7v5.1H4.9v-9.6h1.2  l0.2,1.3h0.1c0.3-0.5,0.7-0.8,1.2-1.1s1.1-0.4,1.7-0.4c1.5,0,2.5,0.5,3,1.6h0.1c0.3-0.5,0.7-0.9,1.2-1.2s1.2-0.4,1.9-0.4  c1.1,0,1.9,0.3,2.4,0.8s0.8,1.5,0.8,2.7v6.3H17.2z"/> <path class="st1" d="M33.8,41.8c0,1.1-0.4,2-1.2,2.6s-1.9,0.9-3.3,0.9c-1.5,0-2.7-0.2-3.5-0.6v-1.4c0.5,0.2,1.1,0.4,1.7,0.5  s1.2,0.2,1.8,0.2c1,0,1.7-0.2,2.3-0.6c0.5-0.4,0.8-0.9,0.8-1.6c0-0.4-0.1-0.8-0.3-1.1c-0.2-0.3-0.5-0.5-0.9-0.8s-1.1-0.5-1.9-0.8  c-1.2-0.4-2-0.9-2.6-1.5s-0.8-1.4-0.8-2.3c0-1,0.4-1.8,1.1-2.4s1.7-0.9,3-0.9c1.3,0,2.5,0.2,3.5,0.7L33,34.2  c-1.1-0.4-2.1-0.7-3.1-0.7c-0.8,0-1.4,0.2-1.9,0.5s-0.7,0.8-0.7,1.4c0,0.4,0.1,0.8,0.2,1.1c0.2,0.3,0.4,0.5,0.8,0.8  c0.4,0.2,1,0.5,1.8,0.8c1.3,0.5,2.3,1,2.8,1.5S33.8,40.9,33.8,41.8z"/> <path class="st1" d="M42.8,45.2V39c0-0.8-0.2-1.4-0.5-1.8s-0.9-0.6-1.7-0.6c-1,0-1.8,0.3-2.2,0.8s-0.7,1.5-0.7,2.7v5h-1.5V31.5h1.5  v4.1c0,0.5,0,0.9-0.1,1.2h0.1c0.3-0.5,0.7-0.8,1.2-1.1c0.5-0.3,1.1-0.4,1.8-0.4c1.2,0,2.1,0.3,2.7,0.8c0.6,0.6,0.9,1.4,0.9,2.7v6.3  H42.8z"/> <path class="st1" d="M55.6,40.4c0,1.6-0.4,2.8-1.2,3.7s-1.9,1.3-3.3,1.3c-0.9,0-1.6-0.2-2.3-0.6s-1.2-1-1.5-1.7s-0.5-1.6-0.5-2.7  c0-1.6,0.4-2.8,1.2-3.7s1.9-1.3,3.3-1.3c1.3,0,2.4,0.4,3.2,1.3S55.6,38.8,55.6,40.4z M48.3,40.4c0,1.2,0.2,2.2,0.7,2.8s1.2,1,2.2,1  s1.7-0.3,2.2-1c0.5-0.6,0.7-1.6,0.7-2.8c0-1.2-0.2-2.2-0.7-2.8c-0.5-0.6-1.2-1-2.2-1c-1,0-1.7,0.3-2.2,0.9S48.3,39.1,48.3,40.4z"/> <path class="st1" d="M62.6,45.4c-0.6,0-1.2-0.1-1.7-0.3c-0.5-0.2-1-0.6-1.3-1.1h-0.1c0.1,0.6,0.1,1.1,0.1,1.6v4h-1.5v-14h1.2  l0.2,1.3h0.1c0.4-0.5,0.8-0.9,1.3-1.1s1.1-0.4,1.7-0.4c1.3,0,2.3,0.4,3,1.3c0.7,0.9,1,2.1,1,3.7c0,1.6-0.4,2.8-1.1,3.7  C64.9,44.9,63.9,45.4,62.6,45.4z M62.4,36.6c-1,0-1.7,0.3-2.1,0.8s-0.7,1.4-0.7,2.6v0.3c0,1.4,0.2,2.3,0.7,2.9s1.2,0.9,2.2,0.9  c0.8,0,1.5-0.3,2-1s0.7-1.6,0.7-2.8c0-1.2-0.2-2.1-0.7-2.8C63.9,37,63.3,36.6,62.4,36.6z"/></g></svg>'); } .se_unten { display: flex; flex-direction: column; align-content: space-between; justify-content: space-evenly; position: absolute; top: 11.5rem; left: 0; right: 0; bottom: 0; } .se_name { height: 6rem; line-height: normal; padding-top: 2rem; overflow: hidden; } .se_name span { display: block; text-align: center; padding: 0 .25rem; color: var(--theme-text); text-wrap: balance; font-size: .9rem; } .se_anz_rat { font-size: .9rem; } .se-minanz { display: block; text-align: center; font-size: .8rem; } .se_preis { height: 2rem; } .se-preis, .se-preis > .vk-text { font-size: 1rem; color: var(--theme-accent-dark); font-weight: 600; } .se-preis .cur { font-size: inherit; } .se_preis .se_vk { color: var(--theme-text); font-size: 1rem; text-align: center; display: flex; justify-content: center; font-weight: bold; white-space: nowrap; } .se_preis .se_vk strike { display: block; color: var(--theme-text); font-weight: 300; font-size: 1rem; float: left; font-size: inherit; 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_vk strike { opacity: .5; transition: opacity .1s ease-out; color: rgb(189,64,40); font-size: 1rem;} li .se_preis .se_litp { opacity: .8; transition: opacity .1s ease-out; font-size: .8rem; } li:hover .se_preis .se_vk strike, li:hover .se_preis .se_litp { opacity: 1; } li:hover .se_preis .se_vk strike, 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 .banner.left > a { background-position: left; } ul.se .banner.right > a { background-position: right; } ul.se .banner.right.top > a { background-position: right top; } ul.se li.se_banner p a { color: var(--theme-accent-dark); } ul.se li.se_banner p a:hover { color: var(--theme-accent-orange); } ul.se li.se_banner.sb { padding: 0 1rem; } ul.se li.se_banner.sb h2 { margin-bottom: 0; } ul.se .banner > a > h1, ul.se .banner > a > h2 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: .5rem 1rem; background-color: rgba(241,240,235,.75); font-weight: normal; } 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 > .banner, ul.slides > li > a > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } ul.slides > li > a > .banner { z-index: 2; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } ul.slides > li > a > .banner > div > h3 { margin: 0; font-size: 2rem; text-shadow: var(--theme-text-shadow); } ul.slides > li > a > .banner > div { text-align: center; } ul.slides > li > a > .banner > div > .subtitle { opacity: .8; text-shadow: var(--theme-text-shadow); } ul.slides-nav { position: absolute; bottom: 0; left: 0; right: 0; padding: var(--padding); list-style: none; display: flex; justify-content: center; margin: 0; z-index: 3; gap: var(--padding); } ul.slides-nav > li { height: 1.5rem; width: 1.5rem; line-height: 1.5rem; text-align: center; background-color: var(--theme-light); color: var(--theme-text); border-radius: 50%; cursor: pointer; } ul.slides-nav > li.active { background-color: var(--theme-accent-medium); color: var(--theme-accent-text); } ul.se > li .quick-buy, ul.se > li > a.se_beobachten { display: flex; align-items: center; justify-content: center; height: 2rem; width: 100%; padding-left: 1.5rem; opacity: 1; transition: all .5s ease-out; z-index: 2; background-size: 1.5rem; background-position: .5rem; background-repeat: no-repeat; cursor: pointer; background-image: url(https://img.haflingerversand.de/bg-merkliste.svg); background-color: var(--theme-light); transition-delay: .2s; font-size: .9rem; } 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-color: var(--theme-accent-orange); background-image: url(https://img.hausschuh.com/bg-merkliste-w.svg)!important; color: var(--theme-white); } ul.se > li .quick-buy { right: 4.5rem; transform: translateX(50%); transition-delay: 1.2s; transition-duration: .4s; 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 57.7 51.2" style="enable-background:new 0 0 57.7 51.2;" xml:space="preserve"><style type="text/css"> .st0{fill:rgb(100,100,100);}</style><g> <g>  <path class="st0" d="M50,37.3H16.5c-0.8,0-1.5-0.5-1.8-1.3L5.4,7.4L0.6,3.2c-0.8-0.7-0.8-1.8-0.2-2.6c0.7-0.8,1.8-0.8,2.6-0.2 L8.3,5c0.3,0.2,0.4,0.5,0.5,0.8l9,27.8h30.7l4.9-20.5H15.2c-1,0-1.8-0.8-1.8-1.8s0.8-1.8,1.8-1.8h40.7c0.6,0,1.1,0.3,1.5,0.7 c0.3,0.4,0.5,1,0.3,1.6l-5.8,24.2C51.6,36.7,50.9,37.3,50,37.3z"/> </g> <g>  <path class="st0" d="M47.4,25.2H18.6c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8h28.8c1,0,1.8,0.8,1.8,1.8 C49.3,24.4,48.4,25.2,47.4,25.2z"/> </g> <g>  <path class="st0" d="M19.2,51.2c-3.1,0-5.6-2.5-5.6-5.6c0-3.1,2.5-5.6,5.6-5.6c1,0,1.8,0.8,1.8,1.8c0,1-0.8,1.8-1.8,1.8 c-1,0-1.9,0.8-1.9,1.9c0,1,0.8,1.9,1.9,1.9c1,0,1.9-0.8,1.9-1.9c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8 C24.8,48.7,22.3,51.2,19.2,51.2z"/> </g> <g>  <path class="st0" d="M45.6,51.2c-3.1,0-5.6-2.5-5.6-5.6c0-3.1,2.5-5.6,5.6-5.6c1,0,1.8,0.8,1.8,1.8c0,1-0.8,1.8-1.8,1.8 c-1,0-1.9,0.8-1.9,1.9c0,1,0.8,1.9,1.9,1.9c1,0,1.9-0.8,1.9-1.9c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8 C51.2,48.7,48.7,51.2,45.6,51.2z"/> </g></g></svg>'); } .gr_1x2, .gr_2x2 { grid-column: span 2; max-height: 23rem; } .gr_2x1, .gr_2x2 { grid-row: span 2; } .se_groessen_farben { position: absolute; bottom: 0.5rem; left: 0; right: 0; } .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.1rem; width: 1.1rem; text-align: center; line-height: .9rem; border-radius: 50%; background-color: var(--theme-light); color: var(--theme-text); overflow: hidden; } .lief_gr_farbe_tab ul li span { font-size: 0.7rem; } /* #pag_se ul { list-style: none; padding: 0; display: flex; align-items: center; place-content: center; } #pag_se ul > li > div { height: 2.5rem; background-color: var(--theme-accent-medium); color: var(--theme-white); padding: 0 1rem; line-height: 2.5rem; border-radius: var(--theme-radius-medium); box-shadow: var(--shadow-elevation-medium); } #pag_se ul > li > #linkpagzur, #pag_se ul > li > #linkpagvor { cursor: pointer; display: block; height: 1.8rem; width: 1.8rem; background-color: var(--theme-accent-medium); border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 32%; margin: 0 1rem; box-shadow: var(--shadow-elevation-medium); transition: box-shadow .3s ease-out; background-image: url(https://img.haflingerversand.de/weiter-w.svg); } #shopLayer #pag_se ul > .nopag { opacity: .5; } #pag_se ul > li > *[href]:hover { box-shadow: var(--shadow-elevation-high); } #pag_se ul > li > #linkpagzur { transform: rotate(180deg); } */ #pag_se ul { list-style: none; padding: 0; display: flex; align-items: center; place-content: center; } #pag_se ul > li > div { height: 2.5rem; background-color: var(--theme-accent-medium); color: var(--theme-accent-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-accent-medium); border-radius: 20%; background-repeat: no-repeat; background-position: center; background-size: 32%; margin: 0 1rem; box-shadow: var(--shadow-elevation-medium); transition: box-shadow .3s ease-out;} #shopLayer #pag_se ul > .nopag { opacity: .5; } #pag_se ul > li > *[href]:hover { box-shadow: var(--shadow-elevation-high); } .pag{font-size: 1.2em !important;text-align: center;color: var(--theme-accent-text);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); transition: .1s linear all; } .se_farben .lief_gr_farbe1_k:hover, .se_farben .lief_gr_farbe1_k.active { transform: scale(1.3); } .se_farben { position: absolute; z-index: 2; top: 19.5rem; width: 100%; max-height: 3.5rem; text-align: center; padding: .5rem; overflow: hidden; } .suchtemp_azu_her span { display: block;float: left; width: 3rem; margin-right: 1%; color: white; border-bottom-right-radius: .5rem;text-align: center;} .se_neu { background: rgb(226,6,18); } .se_eco { background: rgb(27,168,41); } .se_top { background: rgb(29,112,183); } .se_tipp { background: rgb(237,175,28); } /* Bewertungen neu */ .se_kachel .se_anz_rat {width: 100%; text-align: center; font-size: 14px;} .se_kachel .rat_note { position:relative; font-weight: 600; font-size:1rem; color: #1d70b7 padding: 2px 0px; } .se_kachel .rat_stars { padding: 2px 4px; height: auto; } .art_box > .se_kachel > div > figure img {height:14rem;} .se_anz_rat {color:#646464;}
@media (min-width: 576px) { body { --grid-column-count: 6; --grid-item--min-width: 13rem; --kachel-max-height: 29rem; --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)); } .se-preis, .se-preis > .vk-text { font-size: 1.25rem; } li .se_preis .se_vk strike { font-size: 1.25rem; } 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 { background-position: 1rem; font-size: 1rem; } 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: 12rem !important;} .se_preis .se_vk strike { margin: 0 .5rem; } .se_name span, .se_anz_rat { font-size: 1rem; } .gr_1x2, .gr_2x2 { max-height: var(--kachel-max-height); } .se_farben {top:20.5rem;} /* Bewertungen neu */ .art_box > .se_kachel > div > figure img {height: 15rem !important;} .se_kachel .rat_stars {padding-right:2px;} }
@media (min-width: 768px) { body {--kachel-max-height: 29rem;} #dd_sort_top, #filter_anzeigen { font-size: 1rem; } #pag_se ul > li > #linkpagzur, #pag_se ul > li > #linkpagvor { height: 2.5rem; width: 2.5rem; margin: 0 2rem; }  }
@media (min-width: 992px) { body { --grid-item--min-width: 14rem; } ul.se.row > li:nth-child(-n+4) { display: block; }  }
@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; } }
/* ### to-top-button ### */
#btn-to-top { display: block; opacity: 0; transform: translateY(2rem); visibility: hidden; position: fixed; bottom: 1rem; right: 1rem; height: 4rem; width: 4rem; background-color: var(--theme-accent-medium); border: none; border-radius: 50%; box-shadow: var(--shadow-elevation-medium); z-index: 90; transition: all .2s ease-out; background-image: url(https://img.haflingerversand.de/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 .menu-oben { display: none; } .powermenue a:not(.button), .powermenue div {color: var(--theme-text);} .powermenue { display: flex; position: fixed; z-index: 99; top: 4rem; left: 0; right: 0; bottom: 0; background-color: var(--theme-light); overflow-y: auto; overflow-x: hidden; opacity: 0; visibility: hidden; transform: translateX(-2rem); transition: all .3s ease-out; } nav.powermenue.open {opacity: 1;visibility: visible;transform: translateX(0);background-color:white;} #powermenue-strukturen-ueberschrift {display: flex;background-color: var(--theme-accent-medium);padding: 0.5rem 0;align-items: center;justify-content: center;} .powermenue-head { width: 100%;flex-direction: column; align-items: stretch;left: 0px;position: absolute; margin: 0; opacity: 1; pointer-events: all; transition: all .2s ease out; } .powermenue-head.hidden { opacity: 0; pointer-events: none; } .powermenue-head li { padding: 0 1rem;background-color: var(--theme-white); margin: 0; border-bottom: 1px solid var(--theme-light); display: flex;align-items: center;justify-content: space-between;cursor: pointer; } /* .powermenue-head li:last-child { border-bottom: 0; } */ .powermenue-head a { font-size: 1.25rem; padding: 1rem 0; } .powermenue-head a:hover, .powermenue-modul-auflistung li a:hover, #shopLayer .powermenue .powermenue-strukturen a:hover { color: var(--theme-accent-medium); } .powermenue-head li.powermenue-aktiv a { color: var(--theme-text-hover); } .powermenue-strukturen {position: absolute;display: block;top: 0;left: 0;right: 0;bottom: 0;padding: 0;background-color: var(--theme-light);transition: all .3s ease-out;box-shadow: none;} .powermenue-strukturen.hidden {opacity: 0;visibility: hidden;transform: translateX(-2rem);display: none; } .powermenue-struktur.hidden, .powermenue-struktur-module.hidden { display: none; } .powermenue-struktur-module { display: flex; width: 100%; padding: 1rem;box-sizing: border-box; } .powermenue-struktur-module {flex-direction: column;padding: 0;} .powermenue-modul-ueberschrift {margin: 0;} .powermenue-modul-ueberschrift {display: block;width: 100%;margin-bottom:.5rem;} .powermenue-modul-ueberschrift-wrapper {background-color: var(--theme-accent-light);padding: .5rem 1rem;box-sizing: border-box;border-bottom: 0;} .powermenue-modul-ueberschrift-icon {height: 1.5rem;width: 1.5rem;} .powermenue-modul { width: 100%;margin: 0;} .powermenue-modul a, .powermenue-modul p {font-size: 1rem;} .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] {display: flex;align-items: center;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;} .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] li { width: 50%; } .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: .25rem 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: 2rem;height: 2rem;object-fit: contain;margin-right: .25rem;} .powermenue-auflistung-mit-icon img {width: 3rem;height: 3rem;margin: 0.5rem 1rem 0.5rem 0;} .powermenue-auflistung-mit-icon a, .powermenue-icons-mit-text a, .powermenue-top-marke a {display: flex;justify-content: flex-start;align-items: center;} .powermenue-icons-mit-text img { width: 4rem; height: 4rem; } .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: .9rem; margin-top: 0; margin-bottom: .5rem; text-align:center;} .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; padding: 0 0 4rem 0; margin: 0; } .powermenue-modul-icons li.powermenue-icons-mit-text { width: 50%; } .powermenue-modul-icons li.powermenue-icons-mit-text a { border-right: var(--theme-divider); border-bottom: var(--theme-divider); height:100%;} .powermenue-modul-icons li.powermenue-icons-mit-text:nth-child(2n) a { border-right: 0; } ul.powermenue-modul-auflistung.powermenue-modul-icons { border-top: var(--theme-divider); } .powermenue-modul-auflistung li.powermenue-top-artikel { background-color:rgb(255,255,255); border:1px solid rgb(221,221,221); padding:.5rem; margin-right:2rem; } .powermenue-top-artikel {width: 100%;} .powermenue-top-artikel a {align-items: center; } .powermenue-top-artikel-rechts .powermenue-top-artikel-preis {font-size: 1.5rem;} .powermenue-mehr-anzeigen-button {margin-bottom: 0.5rem; } .powermenue-modul-auflistung li a {display: flex;} .powermenue-top-marke img, .powermenue-top-artikel img {max-width: 100px;max-height: 100px;object-fit: contain;} .powermenue-top-artikel a {display: flex;align-items: center;justify-content: flex-start;} .powermenue-top-artikel-rechts {margin-left: 5px;} .powermenue-top-artikel-name {font-size: .8rem;margin-bottom: 10px;} .powermenue-top-artikel-preis {font-size: 1rem;} .powermenue-zwei-spalten-rechts {display: none;} .powermenue-mehr-anzeigen {display: none;} .powermenue-mehr-anzeigen-button {cursor: pointer;display: flex; align-items: center;justify-content: center;margin-top: .5rem;} .powermenue-pfeil-unten {margin-left: .5rem;transform: rotate(90deg);} #powermenue-zurueck {position: absolute;background: transparent url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"  viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><style type="text/css"> .st0{fill:%23FFFFFF;}</style><polygon class="st0" points="352,128.4 319.7,96 160,256 160,256 160,256 319.7,416 352,383.6 224.7,256 "/></svg>') no-repeat 50% 50%;background-size: auto 50px;z-index: 1000;cursor: pointer;width: 4rem;height: 2rem;left: 0;padding: 1rem 1rem 1rem 0;} #powermenue-zurueck-text {font-size: 1.5rem;color: var(--theme-white);} .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: .25rem;} .powermenue-modul-html img {max-width: 100%;} .powermenue-auflistung-hoch {font-weight: bold;} .powermenue-head-mobile-pfeil {display: block;background: transparent url(https://img.haflingerversand.de/powermenue_arrow.svg) no-repeat 50% 50%; background-size: auto 2rem; width: 2rem;height: 2rem;transform: rotate(180deg);margin: 0; } .powermenue-modul[data-modul-typ='zwei-spalten-rechts'] { display: none; } .alle-struktur-artikel-anzeigen {display: flex;align-items: center;justify-content: space-between;width: 100%;margin: 0;padding: .5rem 1rem;} .alle-struktur-artikel-anzeigen p:first-child { font-size: 1rem; margin: 0; } .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; } #shopLayer.powermenue-open .powermenue-head { padding-bottom: 4rem; } #shopLayer.powermenue-open .mob-footer { display: flex!important; justify-content: space-between; align-items: center; width: 100%; height: 4rem; background-color: var(--theme-medium); text-align: center; position: fixed; bottom: 0; z-index: 10000; } #shopLayer.powermenue-open .mob-footer a { border-right: .15rem solid white; flex: 1; height: 100%; display: flex; align-items: center; } #shopLayer.powermenue-open .mob-footer a:last-child { border: 0; } #shopLayer.powermenue-open .mob-footer a { background-position: .75rem 50%; background-repeat: no-repeat; background-size: 1.5rem; padding-left: 2.75rem; } #shopLayer.powermenue-open .mob-footer a.my-fon { background-image: url(https://img.haflingerversand.de/bg-kontakt.svg); } #shopLayer.powermenue-open .mob-footer a.my-merkliste { background-image: url(https://img.haflingerversand.de/bg-merkliste.svg); } #shopLayer.powermenue-open .mob-footer a.my-account { background-image: url(https://img.haflingerversand.de/bg-konto.svg); } .powermenue-head li a { padding-left: 5rem; background-size: 2.5rem; background-position: 1rem 50%; background-repeat: no-repeat; } #powermenue-menuepunkt-1 a { background-image: url(https://img.haflingerversand.de/filzhausschuhe.svg); } #powermenue-menuepunkt-2 a { background-image: url(https://img.haflingerversand.de/pantoffeln.svg); } #powermenue-menuepunkt-3 a { background-image: url(https://img.haflingerversand.de/huettenschuhe.svg); } #powermenue-menuepunkt-4 a { background-image: url(https://img.haflingerversand.de/lammfellhausschuhe.svg); } #powermenue-menuepunkt-5 a { background-image: url(https://img.haflingerversand.de/slipper.svg); } #powermenue-menuepunkt-6 a { background-image: url(https://img.haflingerversand.de/ballerinen.svg); } #powermenue-menuepunkt-7 a { background-image: url(https://img.haflingerversand.de/problemfuesse-einlagen.svg); } #powermenue-menuepunkt-8 a { background-image: url(https://img.haflingerversand.de/lederfellhausschuhe.svg); } #powermenue-menuepunkt-9 a { background-image: url(https://img.haflingerversand.de/men_problemfuesse.svg); } #powermenue-menuepunkt-10 a { background-image: url(https://img.haflingerversand.de/men_sale.svg); } #powermenue-menuepunkt-11 a { background-image: url(https://img.haflingerversand.de/men_kinder.svg); } #powermenue-menuepunkt-12 a { background-image: url(https://img.haflingerversand.de/sommerhausschuhe.svg); } #powermenue-menuepunkt-13 a { background-image: url(https://img.haflingerversand.de/icon-winter.svg); } .powermenue-struktur.powermenue-struktur-nummer-3 ul.powermenue-modul-auflistung.powermenue-modul-icons li:last-child a { border-right: 0; } #m1-p9-modul1-aug2-31 a { border-right: 0; } #m1-p8-modul1-aug2-17 a { border-left: var(--theme-divider); } /* Powermenue-2 */ #powermenue-2 #powermenue-menuepunkt-1 a { background-image: url(https://img.haflingerversand.de/sommerhausschuhe.svg); } #powermenue-2 #powermenue-menuepunkt-2 a { background-image: url(https://img.haflingerversand.de/filzhausschuhe.svg); } #powermenue-2 #powermenue-menuepunkt-3 a { background-image: url(https://img.haflingerversand.de/pantoffeln.svg); } #powermenue-2 #powermenue-menuepunkt-4 a { background-image: url(https://img.haflingerversand.de/huettenschuhe.svg); } #powermenue-2 #powermenue-menuepunkt-5 a { background-image: url(https://img.haflingerversand.de/lammfellhausschuhe.svg); } #powermenue-2 #powermenue-menuepunkt-6 a { background-image: url(https://img.haflingerversand.de/slipper.svg); } #powermenue-2 #powermenue-menuepunkt-7 a { background-image: url(https://img.haflingerversand.de/ballerinen.svg); } #powermenue-2 #powermenue-menuepunkt-8 a { background-image: url(https://img.haflingerversand.de/problemfuesse-einlagen.svg); } #powermenue-2 #powermenue-menuepunkt-9 a { background-image: url(https://img.haflingerversand.de/lederfellhausschuhe.svg); } #powermenue-2 #powermenue-menuepunkt-10 a { background-image: url(https://img.haflingerversand.de/men_problemfuesse.svg); } #powermenue-2 #powermenue-menuepunkt-11 a { background-image: url(https://img.haflingerversand.de/men_sale.svg); } #powermenue-2 #powermenue-menuepunkt-12 a { background-image: url(https://img.haflingerversand.de/men_kinder.svg); } #powermenue-2 #powermenue-menuepunkt-13 a { background-image: url(https://img.haflingerversand.de/sommerhausschuhe.svg); } #powermenue-2 #powermenue-menuepunkt-14 a { background-image: url(https://img.haflingerversand.de/icon-winter.svg); } #powermenue-2 .powermenue-struktur-nummer-9 .powermenue-modul-icons { justify-content: center; } #powermenue-2 .powermenue-struktur-nummer-9 .powermenue-icons-mit-text:first-of-type { border-left: var(--theme-divider); } #powermenue-2 .powermenue-struktur-nummer-6 .powermenue-modul-icons {justify-content:space-between;} #powermenue-2 .powermenue-struktur-nummer-6 .powermenue-icons-mit-text {width:33.3%;} #powermenue-2 .powermenue-struktur-nummer-3 .powermenue-modul-icons { justify-content: flex-start; } #powermenue-2 .powermenue-struktur-nummer-3 .powermenue-icons-mit-text:last-of-type { border-right: var(--theme-divider); } /* Navi Hover Fix */ .powermenue-head li {height:100%;} .powermenue-head li a {height:100%;display:flex;align-items:center;} /* powermenue-3 mobile */ #powermenue-3 .powermenue-icons-mit-text {width:50%;} #powermenue-3 .powermenue-head li a {background-size:36px 36px;} #powermenue-3 #powermenue-menuepunkt-3 a {background-size:40px 40px;} #powermenue-3 #powermenue-menuepunkt-1 a { background-image: url(https://img.haflingerversand.de/icon-startseite.svg); } #powermenue-3 #powermenue-menuepunkt-2 a { background-image: url(https://img.haflingerversand.de/icon-service.svg); } #powermenue-3 #powermenue-menuepunkt-3 a { background-image: url(https://img.haflingerversand.de/pantoffeln.svg); } #powermenue-3 #powermenue-menuepunkt-4 a { background-image: url(https://img.haflingerversand.de/men_damen.svg); } #powermenue-3 #powermenue-menuepunkt-5 a { background-image: url(https://img.haflingerversand.de/men_herren.svg); } #powermenue-3 #powermenue-menuepunkt-6 a { background-image: url(https://img.haflingerversand.de/men_kinder.svg); } #powermenue-3 #powermenue-menuepunkt-7 a { background-image: url(https://img.haflingerversand.de/men_problemfuesse.svg); } #powermenue-3 #powermenue-menuepunkt-8 a { background-image: url(https://img.haflingerversand.de/problemfuesse-einlagen.svg); } #powermenue-3 #powermenue-menuepunkt-9 a { background-image: url(https://img.haflingerversand.de/reviewtest1.svg); } #powermenue-3 #powermenue-menuepunkt-10 a { background-image: url(https://img.haflingerversand.de/men_neu.svg); } #powermenue-3 #powermenue-menuepunkt-11 a { background-image: url(https://img.haflingerversand.de/men_sale.svg); } /* powermenue-4 mobile */ #powermenue-4 .powermenue-icons-mit-text {width:50%;} #powermenue-4 .powermenue-head li a {background-size:36px 36px;} #powermenue-4 #powermenue-menuepunkt-3 a {background-size:40px 40px;} #powermenue-4 #powermenue-menuepunkt-1 a { background-image: url(https://img.haflingerversand.de/icon-startseite.svg); } #powermenue-4 #powermenue-menuepunkt-2 a { background-image: url(https://img.haflingerversand.de/icon-service.svg); } #powermenue-4 #powermenue-menuepunkt-3 a { background-image: url(https://img.haflingerversand.de/pantoffeln.svg); } #powermenue-4 #powermenue-menuepunkt-4 a { background-image: url(https://img.haflingerversand.de/sommerhausschuhe.svg); } #powermenue-4 #powermenue-menuepunkt-5 a { background-image: url(https://img.haflingerversand.de/men_damen.svg); } #powermenue-4 #powermenue-menuepunkt-6 a { background-image: url(https://img.haflingerversand.de/men_herren.svg); } #powermenue-4 #powermenue-menuepunkt-7 a { background-image: url(https://img.haflingerversand.de/men_kinder.svg); } #powermenue-4 #powermenue-menuepunkt-8 a { background-image: url(https://img.haflingerversand.de/men_problemfuesse.svg); } #powermenue-4 #powermenue-menuepunkt-9 a { background-image: url(https://img.haflingerversand.de/problemfuesse-einlagen.svg); } #powermenue-4 #powermenue-menuepunkt-10 a { background-image: url(https://img.haflingerversand.de/reviewtest1.svg); } #powermenue-4 #powermenue-menuepunkt-11 a { background-image: url(https://img.haflingerversand.de/men_neu.svg); } #powermenue-4 #powermenue-menuepunkt-12 a { background-image: url(https://img.haflingerversand.de/men_sale.svg); }
@media (min-width: 576px) { .powermenue-head li a { padding-left: 5rem; } #powermenue-menuepunkt-14 { display: none; }  }
@media (min-width: 768px) { nav.powermenue.open { max-width: 600px; box-shadow: 0px 12px 24px -10px rgba(0,0,0,1); } #shopLayer.powermenue-open #kopf_top_line_inner { height: auto; } .powermenue-modul-icons li.powermenue-icons-mit-text { width: 25%; } .powermenue-modul-icons li.powermenue-icons-mit-text a:hover { background: var(--theme-light-hover); } .powermenue-modul-icons li.powermenue-icons-mit-text:nth-child(2n) a { border-right: var(--theme-divider); } /* .powermenue-modul-nummer-1 .powermenue-modul-icons li.powermenue-icons-mit-text:nth-child(4n) a { border-right: 0; } .powermenue-modul-nummer-6 .powermenue-modul-icons li.powermenue-icons-mit-text:nth-child(4n) a { border-right: 0; } .powermenue-modul-nummer-2 .powermenue-modul-icons li.powermenue-icons-mit-text { width: 20%; } .powermenue-modul-nummer-2 .powermenue-modul-icons li.powermenue-icons-mit-text:nth-child(5n) a { border-right: 0; } .powermenue-modul-nummer-3 .powermenue-modul-icons li.powermenue-icons-mit-text { width: 25%; } .powermenue-modul-nummer-3 .powermenue-modul-icons li.powermenue-icons-mit-text:nth-child(5n) a { border-right: 0; } .powermenue-modul-nummer-4 .powermenue-modul-icons li.powermenue-icons-mit-text { width: 20%; } .powermenue-modul-nummer-4 .powermenue-modul-icons li.powermenue-icons-mit-text:nth-child(5n) a { border-right: 0; } .powermenue-modul-nummer-5 .powermenue-modul-icons li.powermenue-icons-mit-text { width: 20%; } .powermenue-modul-nummer-5 .powermenue-modul-icons li.powermenue-icons-mit-text:nth-child(5n) a { border-right: 0; } .powermenue-modul-nummer-7 .powermenue-modul-icons li.powermenue-icons-mit-text { width: 20%; } .powermenue-modul-nummer-7 .powermenue-modul-icons li.powermenue-icons-mit-text:nth-child(5n) a { border-right: 0; } */ #m1-p1-modul1-aug2-50 a { border-bottom: var(--theme-divider); } .powermenue-icons-mit-text a p, .powermenue-top-marke a p { font-size: .9rem; } #powermenue-menuepunkt-11 {display:none;} }
@media (min-width: 992px) { .powermenue {width: 100%; } .powermenue-modul-icons { padding-bottom: 0; }  }
@media (min-width: 1200px) { .powermenue-icons-mit-text a p, .powermenue-top-marke a p { font-size: 1rem; } .powermenue {width: 100%;display: flex;align-items: center;justify-content: flex-start;flex-direction: column; overflow: visible; opacity: 1; visibility: visible; position: relative; top: 0; background: none; transform: none; } .powermenue-modul { width: 100%!important; } #powermenue-schalter { display: none; } .powermenue-head { display: flex; flex-direction: row; justify-content: center; height: 3rem; align-items: center;padding: 0; margin-top: 0; } .powermenue-head li { margin: 0; padding: 0; background-color: unset; } .powermenue-head li a { padding: 0 1rem; } .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: var(--theme-light); display: block; box-shadow: 0px 12px 24px -18px rgba(0,0,0,0.75); padding:0;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: 0;box-sizing: border-box; } .powermenue-modul { width: 23%; margin: 0; } .powermenue-modul-ueberschrift-wrapper {display: flex;align-items: center;justify-content: flex-start;font-weight:bold; 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, .powermenue-icons-mit-text img { width: 3.5rem; height: 3.5rem; margin-top: .5rem; } .powermenue-modul-auflistung li.powermenue-icons-mit-text a { padding: .5rem 0; } .powermenue-head-mobile-pfeil { display: none; } .alle-struktur-artikel-anzeigen { display: none; } #powermenue-strukturen-ueberschrift { display: none; } .powermenue-head { padding-bottom: 0; } .powermenue-head li a { background-image: unset!important; } #powermenue-menuepunkt-12, #powermenue-menuepunkt-13 { display: none; } /* powermenue-3 Desktop */ #powermenue-3 #powermenue-menuepunkt-1, #powermenue-3 #powermenue-menuepunkt-2, #powermenue-3 #powermenue-menuepunkt-9, #powermenue-3 #powermenue-menuepunkt-10, #powermenue-3 #powermenue-menuepunkt-11 {display:none;} #powermenue-3 .powermenue-icons-mit-text {width:25%;} #powermenue-3 .powermenue-struktur-nummer-6 .powermenue-icons-mit-text {width:33.3%;} /* powermenue-4 Desktop */ #powermenue-4 #powermenue-menuepunkt-1, #powermenue-4 #powermenue-menuepunkt-2, #powermenue-4 #powermenue-menuepunkt-10, #powermenue-4 #powermenue-menuepunkt-11, #powermenue-4 #powermenue-menuepunkt-12{display:none;} #powermenue-4 .powermenue-icons-mit-text {width:25%;} #powermenue-4 .powermenue-struktur-nummer-7 .powermenue-icons-mit-text {width:33.3%;} }
@media (min-width: 1400px) { .powermenue-head li a { padding: 0 1.5rem; } }
@media (min-width: 1600px) { .powermenue-head li a { padding: 0 2rem; } }
/* ### search ### */
ul.se li em { font-weight: bold; font-style: normal; background-color: yellow !important; color: black !important; } .css_dropdown[data-group='ag'] { display: none; } #meili-search { min-height: 85vh; padding: 0 1rem 2rem 1rem; } #meili-search #meili-items li#faqs { grid-column: 1 / span 2; padding: var(--padding); height: auto; overflow-y: auto; } #meili-search #meili-items li#faqs p { padding: 0; } #meili-term { margin: 0; font-size: 1rem; font-weight: normal; } #meili-term:empty, #meili-active-filters:empty { display: none; } #meili-title { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 1rem; } #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: 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"; } #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);} /* Erstmal ausblenden, solange in der Suche keine Filter aktiv */ #meili-filters:empty {display:none;} #meili-title button {display:none;} #meili-filter-toggle.visible {display:none;}
@media (min-width: 576px) { #meili-filters { grid-template-columns: repeat(3, 1fr); } #meili-search #meili-items li#faqs { height: var(--kachel-max-height); } }
@media (min-width: 768px) { #meili-filters { display: grid; grid-template-columns: repeat(4, 1fr); } #meili-filter-toggle.visible { display: none; } #meili-search #meili-items li#faqs { grid-column: 1 / span 3; } }
@media (min-width: 992px) { #meili-filters { grid-template-columns: repeat(5, 1fr); } }
@media (min-width: 1200px) { #meili-filters { grid-template-columns: repeat(6, 1fr); } }
@media (min-width: 1400px) { #meili-filters { grid-template-columns: repeat(7, 1fr); } }
/* ### 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; } }
/* ### powermenue-extra ### */
/* */
/* ### powermenue-extra ### */
@media (pointer: fine) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }
/* ### powermenue-extra ### */
@media (pointer: fine) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }
@media (min-width: 992px) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }
/* ### powermenue-extra ### */
@media (pointer: fine) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }
@media (min-width: 992px) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }
/* ### powermenue-extra ### */
@media (pointer: fine) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }
@media (min-width: 992px) { .powermenue-head.hidden { opacity: 1; pointer-events: all; } }
/* ### 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; } }