/*!
Theme Name:   WooHoo kontur.us
Theme URI:    https://kontur.us
Author:       Eilert Behrends
Author URI:   https://4-c.info/
Description:  Theme for myrent.de
Version:      2.4.8
Tested up to: 6.5
Requires PHP: 7.4.0
Template:     storefront
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style, kontur, kontur

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WooHoo is based on Storefront which is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio.
You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass

FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
Images License: GNU General Public License v2 or later
*/
/*!
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 */




:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--base: #100018;
    --wp--preset--color--base-2: #010101;
    --wp--preset--color--contrast: #f9f9f9;
    --wp--preset--color--contrast-2: #d3a9d9;
    --wp--preset--color--contrast-3: #909090;
    --wp--preset--color--accent: #5F584F;
    --wp--preset--color--accent-2: #6D533C;
    --wp--preset--color--accent-3: #642A58;
    --wp--preset--color--accent-4: #4D5B48;
    --wp--preset--color--accent-5: #4F5959;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--gradient--gradient-1: linear-gradient(to bottom, #5F584F 0%, #272727 100%);
    --wp--preset--gradient--gradient-2: linear-gradient(to bottom, #6D533C 0%, #272727 100%);
    --wp--preset--gradient--gradient-3: linear-gradient(to bottom, #973C20 0%, #272727 100%);
    --wp--preset--gradient--gradient-4: linear-gradient(to bottom, #4D5B48 0%, #272727 100%);
    --wp--preset--gradient--gradient-5: linear-gradient(to bottom, #4F5959 0%, #272727 100%);
    --wp--preset--gradient--gradient-6: linear-gradient(to bottom, #909090 0%, #272727 100%);
    --wp--preset--gradient--gradient-7: linear-gradient(to bottom, #5F584F 50%, #272727 50%);
    --wp--preset--gradient--gradient-8: linear-gradient(to bottom, #6D533C 50%, #272727 50%);
    --wp--preset--gradient--gradient-9: linear-gradient(to bottom, #973C20 50%, #272727 50%);
    --wp--preset--gradient--gradient-10: linear-gradient(to bottom, #4D5B48 50%, #272727 50%);
    --wp--preset--gradient--gradient-11: linear-gradient(to bottom, #4F5959 50%, #272727 50%);
    --wp--preset--gradient--gradient-12: linear-gradient(to bottom, #A4A4A4 50%, #272727 50%);
    --wp--preset--font-size--small: 0.9rem;
    --wp--preset--font-size--medium: 1.05rem;
    --wp--preset--font-size--large: clamp(1.39rem, 1.39rem +((1vw - 0.2rem) * 0.767), 1.85rem);
    --wp--preset--font-size--x-large: clamp(1.85rem, 1.85rem +((1vw - 0.2rem) * 1.083), 2.5rem);
    --wp--preset--font-size--xx-large: clamp(2.5rem, 2.5rem +((1vw - 0.2rem) * 1.283), 3.27rem);
    --wp--preset--font-family--heading: "Orbitron", sans-serif;
    --wp--preset--font-family--body: "Roboto Flex", roboto, helvetica, arial, sans-serif;
    --wp--preset--font-family--system-sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    --wp--preset--font-family--system-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --wp--preset--spacing--20: min(1.5rem, 2vw);
    --wp--preset--spacing--30: min(2.5rem, 3vw);
    --wp--preset--spacing--40: min(4rem, 5vw);
    --wp--preset--spacing--50: min(6.5rem, 8vw);
    --wp--preset--spacing--60: min(10.5rem, 13vw);
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--spacing--10: 1rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);

    --4c--dark: #000;
    --4c--light: #eee;
    --4c--bright: #fff;
    --4c--color: #ce1139;

}


html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: rgba(0, 0, 0, 0)
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

body {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

body,
button,
input,
textarea {
    color: #43454b;
    font-family: "calibri", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1.618;
    text-rendering: optimizeLegibility;
    font-weight: 400
}

select {
    color: initial;
    font-family: "calibri", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    max-width: 100%
}

summary {
    display: list-item
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 300;
    margin: 0 0 .5407911001em;
    color: #131315
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: 300
}

h1,
.alpha {
    font-size: 2.617924em;
    line-height: 1.214;
    letter-spacing: -1px
}

h2,
.beta {
    font-size: 2em;
    line-height: 1.214
}

h2 + h3,
.beta + h3 {
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding-top: .5407911001em
}

h3,
.gamma {
    font-size: 1.618em
}

h4,
.delta {
    font-size: 1.41575em
}

.alpha,
.beta,
.gamma,
.delta {
    display: block
}

p + h2,
p + header h2,
p + h3,
p + h4,
ul + h2,
ul + header h2,
ul + h3,
ul + h4,
ol + h2,
ol + header h2,
ol + h3,
ol + h4,
table + h2,
table + header h2,
table + h3,
table + h4,
blockquote + h2,
blockquote + header h2,
blockquote + h3,
blockquote + h4,
form + h2,
form + header h2,
form + h3,
form + h4 {
    margin-top: 2.2906835em
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 0 0 1.41575em
}

p {
    margin: 0 0 1.41575em
}

ul,
ol {
    margin: 0 0 1.41575em 3em;
    padding: 0
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1em
}

dt {
    font-weight: 600
}

dd {
    margin: 0 0 1.618em
}

b,
strong {
    font-weight: 600
}

dfn,
cite,
em,
i {
    font-style: italic
}

blockquote {
    padding: 0 1em;
    border-left: 3px solid rgba(0, 0, 0, .05);
    font-style: italic
}

address {
    margin: 0 0 1.41575em
}

pre {
    background: rgba(0, 0, 0, .1);
    font-family: "Courier 10 Pitch", Courier, monospace;
    margin-bottom: 1.618em;
    padding: 1.618em;
    overflow: auto;
    max-width: 100%
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    background-color: rgba(0, 0, 0, .05);
    padding: .202em .5407911001em
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark,
ins {
    text-decoration: none;
    font-weight: 600;
    background: rgba(0, 0, 0, 0)
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    bottom: 1ex
}

sub {
    top: .5ex
}

small {
    font-size: 75%
}

big {
    font-size: 125%
}

figure {
    margin: 0
}

img {
    height: auto;
    max-width: 100%;
    display: block;
    border-radius: 3px
}

a {
    color: #2c2d33;
    text-decoration: none
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    outline: 2px solid #7f54b3
}

.storefront-cute * {
    font-family: "Comic Sans MS", sans-serif
}

* {
    box-sizing: border-box
}

body {
    background-color: #fff;
    overflow-x: hidden
}

.site {
    overflow-x: hidden
}

.site-content,
.header-widget-region {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.site-header {
    background-color: #000;
    padding-top: 1.618em;
    padding-bottom: 1.618em;
    color: #fcfcfc;
    background-position: center center;
    position: relative;
    z-index: 999;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.site-header .site-logo-anchor,
.site-header .site-logo-link,
.site-header .custom-logo-link {
    display: block;
    margin-bottom: 0
}

.site-header .site-logo-anchor img,
.site-header .site-logo-link img,
.site-header .custom-logo-link img {
    width: 100%;
    max-width: 210px
}

.site-header .widget {
    margin-bottom: 0
}

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
    margin-bottom: 4.235801032em
}

.no-wc-breadcrumb .site-header {
    margin-bottom: 4.235801032em
}

.no-wc-breadcrumb.page-template-template-homepage .site-header {
    margin-bottom: 0
}

.header-widget-region {
    position: relative;
    z-index: 99
}

.header-widget-region::before,
.header-widget-region::after {
    content: "";
    display: table
}

.header-widget-region::after {
    clear: both
}

.header-widget-region .widget {
    margin: 0;
    padding: 1em 0;
    font-size: .875em
}

.site-branding {
    float: left;
    margin-bottom: 0;
    width: calc(100% - 120px)
}

.site-branding .site-title {
    font-size: 2em;
    letter-spacing: -1px;
    margin: 0
}

.site-branding .site-title a {
    font-weight: 700
}

.site-branding .site-description {
    font-size: .875em;
    display: none
}

.site-branding .logo {
    margin: 0
}

.site-main {
    margin-bottom: 2.617924em
}

.site-content {
    outline: none
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 4.235801032em
}

.page-template-template-homepage .type-page {
    padding-top: 2.617924em;
    padding-bottom: 2.617924em;
    position: relative
}

.page-template-template-homepage .type-page .storefront-hero__button-edit {
    position: absolute;
    top: 1em;
    right: 1em;
    font-size: .875em
}

.page-template-template-homepage .entry-content {
    font-size: 1.1em
}

.page-template-template-homepage .entry-content p:last-child {
    margin-bottom: 0
}

.page-template-template-homepage .entry-header h1 {
    font-size: 3.706325903em;
    margin-bottom: .2360828548em
}

.page-template-template-homepage .entry-content,
.page-template-template-homepage .entry-header {
    max-width: 41.0994671405em;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
    background-size: cover;
    background-position: center center;
    padding-top: 6.8535260698em;
    padding-bottom: 6.8535260698em
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content,
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
    opacity: 0;
    transition: all, ease, .5s
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded,
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded {
    opacity: 1
}

.site-footer {
    background-color: #3b3c3f;
    color: #fcfcfc;
    padding: 1.618em 0 3.706325903em
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
    color: #333437
}

.site-footer a {
    color: #ccc;
    text-decoration: underline
}

.site-footer a:hover {
    text-decoration: none
}

.site-footer a.button,
.site-footer a.components-button:not(.is-link),
.site-footer a.wp-block-button__link {
    text-decoration: none
}

.site-info {
    padding: 2.617924em 0
}

.site-info span[role=separator] {
    padding: 0 .2360828548em 0 .3342343017em
}

.site-info span[role=separator]::before {
    content: "|"
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1em
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    display: block;
    font-weight: 700;
    height: auto;
    left: 0;
    line-height: normal;
    padding: 1em 1.618em;
    text-decoration: none;
    top: 0;
    width: auto;
    z-index: 100000;
    outline: none
}

.screen-reader-text.skip-link:focus {
    -webkit-clip-path: none;
    clip-path: none
}

.clear::before,
.clear::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after {
    content: "";
    display: table
}

.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
    clear: both
}

table {
    border-spacing: 0;
    width: 100%;
    margin: 0 0 1.41575em;
    border-collapse: separate
}

table caption {
    padding: 1em 0;
    font-weight: 600
}

table td,
table th {
    padding: 1em 1.41575em;
    text-align: left;
    vertical-align: top
}

table td p:last-child,
table th p:last-child {
    margin-bottom: 0
}

table th {
    font-weight: 600
}

table thead th {
    padding: 1.41575em;
    vertical-align: middle
}

table tbody h2 {
    font-size: 1em;
    letter-spacing: normal;
    font-weight: 400
}

table tbody h2 a {
    font-weight: 400
}

.error404 .site-content .widget_product_search {
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .025)
}

.error404 .site-content .widget_product_search form {
    margin: 0
}

.error404.right-sidebar .content-area,
.error404.left-sidebar .content-area {
    width: 100%
}

.error404 .fourohfour-columns-2 {
    padding: 2.617924em 0;
    border: 1px solid rgba(0, 0, 0, .05);
    border-width: 1px 0;
    margin-bottom: 2.617924em
}

.error404 .fourohfour-columns-2::before,
.error404 .fourohfour-columns-2::after {
    content: "";
    display: table
}

.error404 .fourohfour-columns-2::after {
    clear: both
}

.error404 .fourohfour-columns-2 ul.products li.product,
.error404 .fourohfour-columns-2 .widget {
    margin-bottom: 0
}

.error404 .fourohfour-columns-2 .col-1 ul.products {
    margin-bottom: 2.2906835em
}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product {
    width: 45.4545454545%;
    float: left;
    margin-right: 9.0909090909%
}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child {
    margin-right: 0
}

.error404 .fourohfour-columns-2 .col-2 {
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .025)
}

#comments {
    padding-top: 2.617924em
}

#comments .comments-title {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-bottom: .5407911001em;
    margin-bottom: 1.618em
}

#comments .comment-list {
    list-style: none;
    margin-left: 0
}

#comments .comment-list .comment-body::before,
#comments .comment-list .comment-body::after {
    content: "";
    display: table
}

#comments .comment-list .comment-body::after {
    clear: both
}

#comments .comment-list .comment-content {
    padding-bottom: 1.618em;
    margin-bottom: 1.618em
}

#comments .comment-list .comment-content .comment-text {
    padding: 1.618em;
    border-radius: 3px
}

#comments .comment-list .comment-content .comment-text p:last-child {
    margin-bottom: 0
}

#comments .comment-list .comment-meta {
    margin-bottom: 1em
}

#comments .comment-list .comment-meta .avatar {
    margin-bottom: 1em;
    max-width: 64px;
    height: auto
}

#comments .comment-list .comment-meta a.comment-date {
    font-size: .875em
}

#comments .comment-list .comment-meta cite {
    font-style: normal;
    clear: both;
    display: block
}

#comments .comment-list .reply {
    margin-bottom: 1.618em;
    padding-top: .6180469716em
}

#comments .comment-list .reply::before,
#comments .comment-list .reply::after {
    content: "";
    display: table
}

#comments .comment-list .reply::after {
    clear: both
}

#comments .comment-list .reply a {
    display: inline-block;
    margin-right: 1em
}

#comments .comment-list .reply a:last-child {
    margin-right: 0
}

#comments .comment-list .children {
    list-style: none
}

.comment-content a {
    word-wrap: break-word
}

#respond {
    clear: both;
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .0125);
    position: relative
}

#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
    width: 100%
}

#respond .form-submit,
#respond form {
    margin-bottom: 0
}

#respond #cancel-comment-reply-link {
    position: absolute;
    top: .5407911001em;
    right: .5407911001em;
    display: block;
    height: 1em;
    width: 1em;
    overflow: hidden;
    line-height: 1;
    font-size: 1.41575em;
    text-align: center;
    transition: transform, ease, .3s
}

#respond #cancel-comment-reply-link:hover {
    transform: scale(1.3)
}

.hentry {
    margin: 0 0 4.235801032em
}

.hentry .wp-post-image {
    margin-bottom: 1.618em;
    margin-left: auto;
    margin-right: auto
}

.hentry .entry-header {
    margin-bottom: 1em;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.hentry .entry-header .posted-on,
.hentry .entry-header .post-author,
.hentry .entry-header .post-comments,
.hentry .entry-header .byline {
    font-size: .875em
}

.hentry .entry-header .posted-on a,
.hentry .entry-header .post-author a,
.hentry .entry-header .post-comments a,
.hentry .entry-header .byline a {
    font-weight: 600;
    text-decoration: underline
}

.hentry .entry-header .posted-on a:hover,
.hentry .entry-header .post-author a:hover,
.hentry .entry-header .post-comments a:hover,
.hentry .entry-header .byline a:hover {
    text-decoration: none
}

.hentry .entry-content a {
    text-decoration: underline
}

.hentry .entry-content a:hover {
    text-decoration: none
}

.hentry .entry-content a.button,
.hentry .entry-content a.components-button:not(.is-link),
.hentry .entry-content a.wp-block-button__link {
    text-decoration: none
}

.hentry .entry-taxonomy {
    margin: 1.41575em 0 0;
    padding-top: 1em;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.hentry.type-page .entry-header {
    border-bottom: 0;
    margin-bottom: 0
}

.cat-links,
.tags-links {
    font-size: .875em
}

.cat-links a,
.tags-links a {
    color: #727272;
    font-weight: 600;
    text-decoration: underline
}

.byline,
.updated:not(.published) {
    display: none
}

.single .byline,
.group-blog .byline {
    display: inline
}

.page-links {
    clear: both;
    margin: 0 0 1em
}

form {
    margin-bottom: 1.618em
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
    border: 0;
    border-radius: 0;
    background: none;
    background-color: #43454b;
    border-color: #43454b;
    color: #fff;
    cursor: pointer;
    padding: .6180469716em 1.41575em;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    -webkit-appearance: none
}

button::after,
input[type=button]::after,
input[type=reset]::after,
input[type=submit]::after,
.button::after,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after,
.added_to_cart::after {
    display: none
}

button.cta,
button.alt,
input[type=button].cta,
input[type=button].alt,
input[type=reset].cta,
input[type=reset].alt,
input[type=submit].cta,
input[type=submit].alt,
.button.cta,
.button.alt,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,
.added_to_cart.cta,
.added_to_cart.alt {
    background-color: #2c2d33;
    border-color: #2c2d33
}

button.cta:hover,
button.alt:hover,
input[type=button].cta:hover,
input[type=button].alt:hover,
input[type=reset].cta:hover,
input[type=reset].alt:hover,
input[type=submit].cta:hover,
input[type=submit].alt:hover,
.button.cta:hover,
.button.alt:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover,
.added_to_cart.cta:hover,
.added_to_cart.alt:hover {
    background-color: #2c2d33
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
.added_to_cart:hover {
    color: #fff
}

button.loading,
input[type=button].loading,
input[type=reset].loading,
input[type=submit].loading,
.button.loading,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,
.added_to_cart.loading {
    opacity: .5
}

button.small,
input[type=button].small,
input[type=reset].small,
input[type=submit].small,
.button.small,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,
.added_to_cart.small {
    padding: .5407911001em .875em;
    font-size: .875em
}

button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
    opacity: .5 !important;
    cursor: not-allowed
}

button.disabled:hover,
button:disabled:hover,
input[type=button].disabled:hover,
input[type=button]:disabled:hover,
input[type=reset].disabled:hover,
input[type=reset]:disabled:hover,
input[type=submit].disabled:hover,
input[type=submit]:disabled:hover,
.button.disabled:hover,
.button:disabled:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled:hover,
.added_to_cart.disabled:hover,
.added_to_cart:disabled:hover {
    opacity: .5 !important
}

.button.woocommerce-MyAccount-downloads-file {
    overflow-wrap: anywhere;
    word-break: break-word;
    -ms-word-break: break-all
}

.wc-block-components-button:not(.is-link).disabled,
.wc-block-components-button:not(.is-link):disabled {
    opacity: .5;
    cursor: not-allowed
}

.wc-block-components-button:not(.is-link).disabled:hover,
.wc-block-components-button:not(.is-link):disabled:hover {
    opacity: .5
}

input[type=checkbox],
input[type=radio] {
    padding: 0
}

input[type=checkbox] + label,
input[type=radio] + label {
    margin: 0 0 0 .3819820591em
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type=search] {
    box-sizing: border-box
}

input[type=search]::placeholder {
    color: #616161
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
textarea,
.input-text {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125)
}

input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus,
.input-text:focus {
    background-color: #ededed
}

textarea {
    overflow: auto;
    padding-left: .875em;
    vertical-align: top;
    width: 100%
}

label {
    font-weight: 400
}

label.inline input {
    width: auto
}

fieldset {
    padding: 1.618em;
    padding-top: 1em;
    border: 0;
    margin: 0;
    margin-bottom: 1.618em;
    margin-top: 1.618em
}

fieldset legend {
    font-weight: 600;
    padding: .6180469716em 1em;
    margin-left: -1em
}

[placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity .5s .5s ease;
    transition: opacity .5s .5s ease;
    opacity: 0
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    display: inline-block;
    border-radius: 0
}

.wp-caption {
    margin-bottom: 1em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin: 0 auto
}

.wp-caption .wp-caption-text {
    text-align: left;
    font-style: italic;
    border-bottom: 2px solid rgba(0, 0, 0, .05);
    padding: 1em 0
}

.gallery {
    margin-bottom: 1em
}

.gallery::before,
.gallery::after {
    content: "";
    display: table
}

.gallery::after {
    clear: both
}

.gallery .gallery-item {
    float: left
}

.gallery .gallery-item .gallery-icon a {
    display: block
}

.gallery .gallery-item .gallery-icon img {
    border: none;
    height: auto;
    margin: 0 auto
}

.gallery .gallery-item .gallery-caption {
    margin: 0;
    text-align: center
}

.gallery.gallery-columns-1 .gallery-item {
    width: 100%
}

.gallery.gallery-columns-2 .gallery-item {
    width: 50%
}

.gallery.gallery-columns-3 .gallery-item {
    width: 33.3%
}

.gallery.gallery-columns-4 .gallery-item {
    width: 25%
}

.gallery.gallery-columns-5 .gallery-item {
    width: 20%
}

.gallery.gallery-columns-6 .gallery-item {
    width: 16.666666667%
}

.gallery.gallery-columns-7 .gallery-item {
    width: 14.285714286%
}

.gallery.gallery-columns-8 .gallery-item {
    width: 12.5%
}

.gallery.gallery-columns-9 .gallery-item {
    width: 11.111111111%
}

embed,
iframe,
object,
video {
    max-width: 100%
}


/* kontur Navigation */
.secondary-navigation {
    display: none
}

button.menu-toggle {
    cursor: pointer;
    text-align: left;
    float: right;
    position: relative;
    border: 2px solid rgba(0, 0, 0, 0);
    box-shadow: none;
    border-radius: 2px;
    background-image: none;
    padding: .6180469716em .875em .6180469716em 2.617924em;
    font-size: .875em;
    max-width: 120px
}

button.menu-toggle:hover {
    background-image: none
}

button.menu-toggle span::before {
    transition: all, ease, .2s
}

button.menu-toggle::before,
button.menu-toggle::after,
button.menu-toggle span::before {
    content: "";
    display: block;
    height: 2px;
    width: 14px;
    position: absolute;
    top: 50%;
    left: 1em;
    margin-top: -1px;
    transition: all, ease, .2s;
    border-radius: 3px
}

button.menu-toggle::before {
    transform: translateY(-4px)
}

button.menu-toggle::after {
    transform: translateY(4px)
}

.toggled button.menu-toggle::before,
.toggled button.menu-toggle::after {
    transform: rotate(45deg)
}

.toggled button.menu-toggle::after {
    transform: rotate(-45deg)
}

.toggled button.menu-toggle span::before {
    opacity: 0
}

.primary-navigation {
    display: none
}

.main-navigation::before,
.main-navigation::after {
    content: "";
    display: table
}

.main-navigation::after {
    clear: both
}

.main-navigation div.menu {
    display: none
}

.main-navigation div.menu:last-child {
    display: block
}

.main-navigation .menu {
    clear: both
}

.handheld-navigation,
.nav-menu,
.main-navigation div.menu > ul:not(.nav-menu) {
    overflow: hidden;
    max-height: 0;
    transition: all, ease, .8s
}

.handheld-navigation {
    clear: both
}

.handheld-navigation ul {
    margin: 0
}

.handheld-navigation ul.menu li {
    position: relative
}

.handheld-navigation ul.menu li button::after {
    transition: all, ease, .9s
}

.handheld-navigation ul.menu li button.toggled-on::after {
    transform: rotate(180deg)
}

.handheld-navigation ul.menu .sub-menu {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: all, ease, .9s
}

.handheld-navigation ul.menu .sub-menu.toggled-on {
    visibility: visible;
    max-height: 9999px;
    opacity: 1
}

.handheld-navigation .dropdown-toggle {
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    right: 0;
    display: block
}

.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled .menu > ul:not(.nav-menu),
.main-navigation.toggled ul[aria-expanded=true] {
    max-height: 9999px
}

.main-navigation ul {
    margin-left: 0;
    list-style: none;
    margin-bottom: 0
}

.main-navigation ul ul {
    display: block;
    margin-left: 1.41575em
}

.main-navigation ul li a {
    padding: .875em 0;
    display: block;
    color: var (--4c--bright);
}

.main-navigation ul li a:hover,
.main-navigation ul li:hover > a,
.site-title a:hover,
.site-header ul.menu li.current-menu-item > a {
    color: var (--4c--bright);
}

.main-navigation ul li a:hover {
    color: var (--4c--bright);
}

.site-main nav.navigation {
    clear: both;
    padding: 2.617924em 0
}

.site-main nav.navigation::before,
.site-main nav.navigation::after {
    content: "";
    display: table
}

.site-main nav.navigation::after {
    clear: both
}

.site-main nav.navigation .nav-previous a,
.site-main nav.navigation .nav-next a {
    display: inline-block
}

.site-main nav.navigation .nav-previous {
    float: left;
    width: 50%
}

.site-main nav.navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.pagination,
.woocommerce-pagination {
    padding: 1em 0;
    border: 1px solid rgba(0, 0, 0, .05);
    border-width: 1px 0;
    text-align: center;
    clear: both
}

.pagination ul.page-numbers::before,
.pagination ul.page-numbers::after,
.woocommerce-pagination ul.page-numbers::before,
.woocommerce-pagination ul.page-numbers::after {
    content: "";
    display: table
}

.pagination ul.page-numbers::after,
.woocommerce-pagination ul.page-numbers::after {
    clear: both
}

.pagination .page-numbers,
.woocommerce-pagination .page-numbers {
    list-style: none;
    margin: 0;
    vertical-align: middle
}

.pagination .page-numbers li,
.woocommerce-pagination .page-numbers li {
    display: inline-block
}

.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
    border-left-width: 0;
    display: inline-block;
    padding: .3342343017em .875em;
    background-color: rgba(0, 0, 0, .025);
    color: #43454b
}

.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #2c2d33;
    border-color: #2c2d33
}

.pagination .page-numbers li .page-numbers.dots,
.woocommerce-pagination .page-numbers li .page-numbers.dots {
    background-color: rgba(0, 0, 0, 0)
}

.pagination .page-numbers li .page-numbers.prev,
.pagination .page-numbers li .page-numbers.next,
.woocommerce-pagination .page-numbers li .page-numbers.prev,
.woocommerce-pagination .page-numbers li .page-numbers.next {
    padding-left: 1em;
    padding-right: 1em
}

.pagination .page-numbers li a.page-numbers:hover,
.woocommerce-pagination .page-numbers li a.page-numbers:hover {
    background-color: rgba(0, 0, 0, .05)
}

.rtl .pagination a.next,
.rtl .pagination a.prev,
.rtl .woocommerce-pagination a.next,
.rtl .woocommerce-pagination a.prev {
    transform: rotateY(180deg)
}

.widget {
    margin: 0 0 3.706325903em
}

.widget select {
    max-width: 100%
}

.widget .widget-search .search-submit {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.widget .widget-title,
.widget .widgettitle {
    font-size: 1.41575em;
    letter-spacing: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding: 0 0 1em;
    margin-bottom: 1em;
    font-weight: 300
}

.widget ul {
    margin-left: 0;
    list-style: none
}

.widget ul ul {
    margin-left: 1.618em
}

.widget-area .widget {
    font-size: .875em;
    font-weight: 400
}

.widget-area .widget h1.widget-title {
    font-size: 1.41575em
}

.widget-area .widget a {
    font-weight: 600;
    text-decoration: underline
}

.widget-area .widget a:hover {
    text-decoration: none
}

.widget-area .widget a.button,
.widget-area .widget a.components-button:not(.is-link),
.widget-area .widget a.wp-block-button__link {
    text-decoration: none
}

.widget-area .widget a.button {
    font-weight: 600 !important
}

.widget_search form:not(.wp-block-search),
.widget_product_search form:not(.wp-block-search) {
    position: relative
}

.widget_search form:not(.wp-block-search) input[type=text],
.widget_search form:not(.wp-block-search) input[type=search],
.widget_product_search form:not(.wp-block-search) input[type=text],
.widget_product_search form:not(.wp-block-search) input[type=search] {
    width: 100%
}

.widget_search form:not(.wp-block-search) input[type=submit],
.widget_search form:not(.wp-block-search) button[type=submit],
.widget_product_search form:not(.wp-block-search) input[type=submit],
.widget_product_search form:not(.wp-block-search) button[type=submit] {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
    top: 0;
    left: 0
}

.widget_recent_entries ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_recent_comments ul,
.widget_nav_menu ul,
.widget_links ul,
.widget_product_categories ul,
.widget_layered_nav ul,
.widget_layered_nav_filters ul {
    margin: 0
}

.widget_recent_entries ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_recent_comments ul li,
.widget_nav_menu ul li,
.widget_links ul li,
.widget_product_categories ul li,
.widget_layered_nav ul li,
.widget_layered_nav_filters ul li {
    list-style: none;
    margin-bottom: 1em;
    line-height: 1.41575em
}

.widget_recent_entries ul .children,
.widget_pages ul .children,
.widget_categories ul .children,
.widget_archive ul .children,
.widget_recent_comments ul .children,
.widget_nav_menu ul .children,
.widget_links ul .children,
.widget_product_categories ul .children,
.widget_layered_nav ul .children,
.widget_layered_nav_filters ul .children {
    margin-left: 0;
    margin-top: 1em
}

#wp-calendar th,
#wp-calendar td,
.wp-calendar-table th,
.wp-calendar-table td {
    padding: .236em;
    text-align: center
}

.widget_recent_entries ul ul.children,
.widget_pages ul ul.children {
    margin: .6180469716em 0 0 1.41575em
}

.widget_rating_filter .wc-layered-nav-rating {
    margin-bottom: .6180469716em
}

.widget_rating_filter .wc-layered-nav-rating a {
    text-decoration: none !important
}

.widget_rating_filter .wc-layered-nav-rating .star-rating {
    display: inline-block;
    height: 1em;
    line-height: 1
}

@media(min-width: 768px) {

    table.shop_table_responsive tbody tr td,
    table.shop_table_responsive tbody tr th {
        text-align: left
    }

    .site-header {
        padding-top: 2.617924em;
        padding-bottom: 0
    }

    .site-header .site-branding {
        display: block;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        clear: both
    }

    .site-header .site-branding img {
        height: auto;
        max-width: 230px;
        max-height: none
    }

    .woocommerce-active .site-header .site-branding {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%
    }

    .woocommerce-active .site-header .site-search {
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
        clear: none
    }

    .woocommerce-active .site-header .main-navigation {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%;
        clear: both
    }

    .woocommerce-active .site-header .site-header-cart {
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
        margin-bottom: 0
    }



    .storefront-sticky-add-to-cart img {

        border: 1px solid rgba(206, 17, 57, 1);
        border-radius: 250px;
    }


    .storefront-secondary-navigation .site-header .site-branding {
        width: 39.1304347826%;
        float: left;
        margin-right: 4.347826087%
    }

    .storefront-secondary-navigation .site-header .secondary-navigation {
        width: 56.5217391304%;
        float: right;
        margin-right: 0
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
        width: 47.8260869565%;
        float: left;
        margin-right: 4.347826087%
    }

    .site-branding .site-description {
        margin-bottom: 0;
        display: block
    }

    .site-branding,
    .site-search,
    .site-header-cart,
    .site-logo-anchor,
    .site-logo-link,
    .custom-logo-link {
        margin-bottom: 1.41575em
    }

    .site-header .subscribe-and-connect-connect {
        float: right;
        margin-bottom: 1em
    }

    .site-header .subscribe-and-connect-connect .icons {
        list-style: none;
        margin: 0
    }

    .site-header .subscribe-and-connect-connect .icons a {
        font-size: 1em !important
    }

    .site-header .subscribe-and-connect-connect .icons li {
        margin: 0 0 0 .5407911001em !important;
        display: inline-block
    }

    .col-full {
        max-width: 66.4989378333em;
        margin-left: auto;
        margin-right: auto;
        padding: 0 2.617924em;
        box-sizing: content-box
    }

    .col-full::before,
    .col-full::after {
        content: "";
        display: table
    }

    .col-full::after {
        clear: both
    }

    .col-full:after {
        content: " ";
        display: block;
        clear: both
    }

    .site-content::before,
    .site-content::after {
        content: "";
        display: table
    }

    .site-content::after {
        clear: both
    }

    .content-area {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%
    }

    .widget-area {
        width: 21.7391304348%;
        float: right;
        margin-right: 0
    }

    .right-sidebar .content-area {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%
    }

    .right-sidebar .widget-area {
        width: 21.7391304348%;
        float: right;
        margin-right: 0
    }

    .left-sidebar .content-area {
        width: 73.9130434783%;
        float: right;
        margin-right: 0
    }

    .left-sidebar .widget-area {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%
    }

    .storefront-full-width-content .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .content-area,
    .widget-area {
        margin-bottom: 2.617924em
    }

    .page-template-template-fullwidth-php .content-area,
    .page-template-template-homepage-php .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .footer-widgets {
        padding-top: 4.235801032em;
        border-bottom: 1px solid rgba(0, 0, 0, .05)
    }

    .footer-widgets::before,
    .footer-widgets::after {
        content: "";
        display: table
    }

    .footer-widgets::after {
        clear: both
    }

    .footer-widgets.col-2 .block {
        width: 47.8260869565%;
        float: left;
        margin-right: 4.347826087%
    }

    .footer-widgets.col-2 .block.footer-widget-2 {
        float: right;
        margin-right: 0
    }

    .footer-widgets.col-3 .block {
        width: 30.4347826087%;
        float: left;
        margin-right: 4.347826087%
    }

    .footer-widgets.col-3 .block.footer-widget-3 {
        float: right;
        margin-right: 0
    }

    .footer-widgets.col-4 .block {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%
    }

    .footer-widgets.col-4 .block.footer-widget-4 {
        float: right;
        margin-right: 0
    }

    .comment-list::before,
    .comment-list::after {
        content: "";
        display: table
    }

    .comment-list::after {
        clear: both
    }

    .comment-list .comment {
        clear: both
    }

    .comment-list .comment-meta {
        width: 17.6470588235%;
        float: left;
        margin-right: 5.8823529412%;
        text-align: right
    }

    .comment-list .comment-meta .avatar {
        float: right
    }

    .comment-list .comment-content {
        padding-bottom: 3.706325903em;
        margin-bottom: 3.706325903em
    }

    .comment-list .comment-content,
    .comment-list #respond {
        width: 76.4705882353%;
        float: right;
        margin-right: 0
    }

    .comment-list #respond {
        float: right
    }

    .comment-list #respond .comment-form-author,
    .comment-list #respond .comment-form-email,
    .comment-list #respond .comment-form-url {
        width: 100%;
        margin-right: 0
    }

    .comment-list .comment-body #respond {
        box-shadow: 0 6px 2em rgba(0, 0, 0, .2);
        margin-bottom: 2.617924em;
        margin-top: -1.618em
    }

    .comment-list .reply {
        clear: both;
        text-align: right
    }

    .comment-list ol.children {
        width: 88.2352941176%;
        float: right;
        margin-right: 0;
        list-style: none
    }

    .comment-list ol.children .comment-meta {
        width: 20%;
        float: left;
        margin-right: 6.6666666667%
    }

    .comment-list ol.children .comment-content,
    .comment-list ol.children #respond {
        width: 73.3333333333%;
        float: right;
        margin-right: 0
    }

    .comment-list ol.children ol.children {
        width: 86.6666666667%;
        float: right;
        margin-right: 0
    }

    .comment-list ol.children ol.children .comment-meta {
        width: 23.0769230769%;
        float: left;
        margin-right: 7.6923076923%
    }

    .comment-list ol.children ol.children .comment-content,
    .comment-list ol.children ol.children #respond {
        width: 69.2307692308%;
        float: right;
        margin-right: 0
    }

    .comment-list ol.children ol.children ol.children {
        width: 84.6153846154%;
        float: right;
        margin-right: 0
    }

    .comment-list ol.children ol.children ol.children .comment-meta {
        width: 27.2727272727%;
        float: left;
        margin-right: 9.0909090909%
    }

    .comment-list ol.children ol.children ol.children .comment-content,
    .comment-list ol.children ol.children ol.children #respond {
        width: 63.6363636364%;
        float: right;
        margin-right: 0
    }

    .comment-list ol.children ol.children ol.children ol.children {
        width: 81.8181818182%;
        float: right;
        margin-right: 0
    }

    .comment-list ol.children ol.children ol.children ol.children .comment-meta {
        width: 33.3333333333%;
        float: left;
        margin-right: 11.1111111111%
    }

    .comment-list ol.children ol.children ol.children ol.children .comment-content,
    .comment-list ol.children ol.children ol.children ol.children #respond {
        width: 55.5555555556%;
        float: right;
        margin-right: 0
    }

    #respond {
        padding: 2.617924em
    }

    #respond .comment-form-author,
    #respond .comment-form-email,
    #respond .comment-form-url {
        width: 29.4117647059%;
        float: left;
        margin-right: 5.8823529412%
    }

    #respond .comment-form-url {
        float: right;
        margin-right: 0
    }

    #respond .comment-form-comment {
        clear: both
    }

    .hentry .entry-header {
        margin-bottom: 2.617924em
    }

    /* 4c Navigation*/


    .storefront-primary-navigation {
        background: var(--4c--color);
    }

    .menu-toggle,
    .handheld-navigation,
    .main-navigation.toggled .handheld-navigation,
    .main-navigation.toggled div.menu {
        display: none
    }

    .primary-navigation {
        display: block
    }

    .main-navigation,
    .secondary-navigation {
        clear: both;
        display: block;
        width: 100%
    }

    .main-navigation ul,
    .secondary-navigation ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
        display: block
    }

    .main-navigation ul li,
    .secondary-navigation ul li {
        position: relative;
        display: inline-block;
        text-align: left
    }

    .main-navigation ul li a,
    .secondary-navigation ul li a {
        display: block
    }

    .main-navigation ul li a::before,
    .secondary-navigation ul li a::before {
        display: none
    }

    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul,
    .secondary-navigation ul li:hover > ul,
    .secondary-navigation ul li.focus > ul {
        left: 0;
        display: block
    }

    .main-navigation ul li:hover > ul li > ul,
    .main-navigation ul li.focus > ul li > ul,
    .secondary-navigation ul li:hover > ul li > ul,
    .secondary-navigation ul li.focus > ul li > ul {
        left: -9999px
    }

    .main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device,
    .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device,
    .secondary-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device,
    .secondary-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device {
        display: none;
        left: 0
    }

    .main-navigation ul li:hover > ul li:hover > ul,
    .main-navigation ul li:hover > ul li.focus > ul,
    .main-navigation ul li.focus > ul li:hover > ul,
    .main-navigation ul li.focus > ul li.focus > ul,
    .secondary-navigation ul li:hover > ul li:hover > ul,
    .secondary-navigation ul li:hover > ul li.focus > ul,
    .secondary-navigation ul li.focus > ul li:hover > ul,
    .secondary-navigation ul li.focus > ul li.focus > ul {
        left: 100%;
        top: 0;
        display: block
    }

    .main-navigation ul ul,
    .secondary-navigation ul ul {
        float: left;
        position: absolute;
        top: 100%;
        z-index: 99999;
        left: -9999px
    }

    .main-navigation ul ul.sub-menu--is-touch-device,
    .secondary-navigation ul ul.sub-menu--is-touch-device {
        display: none;
        left: 0
    }

    .main-navigation ul ul li,
    .secondary-navigation ul ul li {
        display: block
    }

    .main-navigation ul ul li a,
    .secondary-navigation ul ul li a {
        width: 200px
    }

    ul.menu li.current-menu-item > a {
        color: #43454b
    }

    .storefront-primary-navigation {
        clear: both
    }

    .storefront-primary-navigation::before,
    .storefront-primary-navigation::after {
        content: "";
        display: table
    }

    .storefront-primary-navigation::after {
        clear: both
    }

    .main-navigation div.menu {
        display: block
    }

    .main-navigation ul.menu,
    .main-navigation ul.nav-menu {
        max-height: none;
        overflow: visible;
        margin-left: -1em;
        transition: none
    }

    .main-navigation ul.menu > li > a,
    .main-navigation ul.nav-menu > li > a {
        padding: 1.618em 1em
    }

    .main-navigation ul.menu > li.menu-item-has-children:hover::after,
    .main-navigation ul.menu > li.page_item_has_children:hover::after,
    .main-navigation ul.nav-menu > li.menu-item-has-children:hover::after,
    .main-navigation ul.nav-menu > li.page_item_has_children:hover::after {
        display: block
    }

    .main-navigation ul.menu ul,
    .main-navigation ul.nav-menu ul {
        margin-left: 0
    }

    .main-navigation ul.menu ul li a,
    .main-navigation ul.nav-menu ul li a {
        padding: .875em 1.41575em;
        font-weight: 400;
        font-size: .875em
    }

    .main-navigation ul.menu ul li:last-child,
    .main-navigation ul.nav-menu ul li:last-child {
        border-bottom: 0
    }

    .main-navigation ul.menu ul ul,
    .main-navigation ul.nav-menu ul ul {
        margin-left: 0;
        box-shadow: none
    }

    .main-navigation ul.menu ul a:hover,
    .main-navigation ul.menu ul li:hover > a,
    .main-navigation ul.menu ul li.focus,
    .main-navigation ul.nav-menu ul a:hover,
    .main-navigation ul.nav-menu ul li:hover > a,
    .main-navigation ul.nav-menu ul li.focus {
        background-color: rgba(0, 0, 0, .025)
    }

    .main-navigation a {
        padding: 0 1em 2.2906835em
    }



    .secondary-navigation {
        margin: 0 0 1.618em;
        width: auto;
        clear: none;
        line-height: 1
    }

    .secondary-navigation .menu {
        font-size: .875em;
        width: auto;
        float: right
    }

    .secondary-navigation .menu > li:hover > a {
        text-decoration: none
    }

    .secondary-navigation .menu ul a {
        padding: .326em .875em;
        background: rgba(0, 0, 0, .05)
    }

    .secondary-navigation .menu ul li:first-child a {
        padding-top: 1em
    }

    .secondary-navigation .menu ul li:last-child a {
        padding-bottom: 1em
    }

    .secondary-navigation .menu ul ul {
        margin-top: -.6180469716em
    }

    .secondary-navigation .menu a {
        padding: 1em .875em;
        color: #737781;
        font-weight: 400
    }

    .secondary-navigation .menu a:hover {
        text-decoration: none
    }

    .error404 .fourohfour-columns-2 .col-1 {
        width: 47.8260869565%;
        float: left;
        margin-right: 4.347826087%
    }

    .error404 .fourohfour-columns-2 .col-1 ul.products {
        margin-bottom: 0
    }

    .error404 .fourohfour-columns-2 .col-2 {
        width: 47.8260869565%;
        float: right;
        margin-right: 0
    }
}

@media(max-width: 66.4989378333em) {
    .col-full {
        margin-left: 2.617924em;
        margin-right: 2.617924em;
        padding: 0
    }
}

@media(max-width: 568px) {
    .col-full {
        margin-left: 1.41575em;
        margin-right: 1.41575em;
        padding: 0
    }
}


/* kontur.us Adjustments */

.wc-block-active-filters .wc-block-active-filters__list>li:first-child {
margin: 0;
display: inline-block;
}



.wc-block-active-filters .wc-block-active-filters__list li {
list-style: none outside;
margin: 9px 5px 0;
padding: 0;
display: inline-block;
}


.wc-block-active-filters .wc-block-active-filters__list-item-type {
display: inline-block;

margin: 16px 0 0;

background: color(srgb 0.9466 0.412 0.2354);
color: white;
padding: 0px 5px 0px 5px;
}
.wc-block-active-filters .wc-block-active-filters__list-item-type {
display: inline-block;
font-size: .75em;
font-weight: 700;
letter-spacing: .1em;
margin: 16px 0 0;
text-transform: uppercase;
}
.wc-block-active-filters .wc-block-active-filters__list li {
list-style: none outside;
margin: 6px 0px 0px 10px;
padding: 0;
}
/* Bildersturm */
ul.products li.product img, .single-product div.product .woocommerce-product-gallery img {

border-radius: 50%;
border: 1px solid black;
}

/*Bubble*/

.kontur-bubble {
	position: relative;
	background: #fff;
	border-radius: 0em;
	padding:30px;
border: 1px solid #eee;
	margin-bottom:50px;
}

.kontur-bubble:after {
content: '';
position: absolute;
bottom: 0;
left: 20%;
width: 0;
height: 0;
border: 1.281em solid transparent;
border-top-color: #eee;
border-bottom: 0;
border-left: 0;
margin-left: -0.81em;
margin-bottom: -1.281em;
}
/*menue*/
.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle {
color: #fff;
}
.site-header ul.menu li.current-menu-item > a {font-weight:600;
color:#faf1d8;

}

.secondary-navigation ul ul, .main-navigation ul.menu > li.menu-item-has-children:after, .secondary-navigation ul.menu ul, .storefront-handheld-footer-bar, .storefront-handheld-footer-bar ul li > a, .storefront-handheld-footer-bar ul li.search .site-search, button.menu-toggle, button.menu-toggle:hover {
background-color: #f04a51;
}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover{
color: #000000;
}

.secondary-navigation ul.menu a {
color: #ffffff;
}

.secondary-navigation ul.menu a:hover {
color:var(--4c--color);
}

.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
background-color: #f25f4a;
}



.mb-0{margin-bottom:0;}
.mt-2{margin-top:10px;}

.product .woocommerce-tabs ul.tabs {
	width: 100%;
	float: none;
	margin-right: 5.8823529412%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	list-style: none;
	padding: 0 0 0 1em;
	margin: 0 0 0;
	overflow: hidden;
	position: relative;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	position: absolute;
	content: '  ';
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #d3ced2;
	z-index: 1;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 1px solid #d3ced2;
	background-color: #fcfcfc;
	display: inline-block;
	position: relative;
	z-index: 0;
	border-radius: 4px 4px 0 0;
	margin: 0 -5px;
	padding: 0 1em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: #000;
	z-index: 2;
	color:#fff;
	border-bottom-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	border: 1px solid #d3ced2;
	position: absolute;
	bottom: -1px;
	width: 0;
	height: 0;
	content: ' ';
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	left: -6px;
	border-bottom-right-radius: 4px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #ebe9eb;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
	box-shadow: 2px 2px 0 #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	right: -6px;
	border-bottom-left-radius: 4px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #ebe9eb;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
	box-shadow: -2px 2px 0 #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: .5em 0;
	font-weight: 400;
	color: #515151;
	text-decoration: none;
	font-size:80%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: inherit;
	text-shadow: inherit;
}


.storefront-full-width-content .woocommerce-tabs .panel {
width: 100%;
float: left;
margin-right: 0;
margin-bottom: 3.706325903em;
border: 1px solid rgb(230, 230, 230);
padding: 20px;
	padding-top: 60px;
}


@media (max-width: 768px){
.storefront-full-width-content .woocommerce-tabs .panel {
width: 100%;
float: left;
margin-right: 0;
margin-bottom: 3.706325903em;
border: 1px solid rgb(230, 230, 230);
padding: 15px;
	padding-top: 30px;
}}


@media (max-width: 66.4989378333em){
.col-full {
margin-left: auto;
margin-right: auto;
padding: 10px;
}}



.post-author, .post-comments {
display: none!important;
}
/*footer*/
.site-footer {
background-color: #000000;
color: #fcfcfc;
padding: 1.618em 0 3.706325903em;
}

.site-footer a:not(.button):not(.components-button) {
color: #e4e3e3;
}

/*Categories list block */
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
border: 1px solid #dfd4d4;

border-radius: 450px;

}
a > span.wc-block-product-categories-list-item__name {color:color(srgb 0.8073 0.0684 0.2234);
font-weight:400;

}

.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image img {
border-radius: 300px;
    border: 1px solid #fff;
}
/* messages */

.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button, .woocommerce-noreviews .button, p.no-comments .button {
float: none;
padding: 0;
background: var(--4c--color);
/* color: #a63e3e; */
box-shadow: none;
line-height: 1.618;
padding-left: 1em;
padding: 1em;
border-width: 1px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: black;

border: 1px solid black!important;
border-radius: 25px;
display: inline-block;
border-radius: 200px;
margin-top: 20px;
}

.woocommerce-message a.button:hover, .woocommerce-info a.button:hover, .woocommerce-error a.button:hover, .woocommerce-noreviews a.button:hover, p.no-comments a.button:hover {
opacity: .7;
background: red;
}



.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { background: var(--4c--color);
border-radius: 0em;
padding: 30px;
padding-top: 40px;
border: 1px solid var(--4c--color);
text-align:center;
margin-bottom: 50px;
border-radius:250px;
max-width: 600px;}

.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before, .woocommerce-noreviews::before, p.no-comments::before {
font-family: "Font Awesome 5 Free";
content: url('https://strand.kontur.us/wp-content/uploads/2026/03/myrent-logo.svg');
display: inline-block;
position: absolute;
top: 1.05em;
width:100px;
height:auto;
max-width:50vw:
left: 10%;
color: #fff;
}

.woocommerce-message::after, .woocommerce-info::after, .woocommerce-error::after, .woocommerce-noreviews::after, p.no-comments::after {
clear: both;
    content: '';
position: absolute;
bottom: 0;
left: 20%;
width: 0;
height: 0;
border: 20px solid transparent;
border-top-color: var(--4c--color);
border-bottom: 0;
border-left: 0;
margin-left: -0.81em;
	border-radius:0px;
margin-bottom: -1.281em;
	
border-color:	var(--4c--color) transparent  transparent  transparent;
}


.woocommerce-info h3 {color:#fff;}

/*add to*/
.single_add_to_cart_button.button.alt, button, input[type=button], input[type=reset], input[type=submit], .button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .added_to_cart  {
background-color: color(srgb 0.8073 0.0684 0.2234);
border-top-left-radius: 250px;
border-top-right-radius: 250px;
border-bottom-right-radius: 250px;
border-bottom-left-radius: 250px;
}

a:focus, input:focus, textarea:focus, button:focus {
outline: 2px solid #ffffff;
}

input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, .input-text:focus {
background-color: #f7f2f2;
border-radius: 250px;
}

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
padding: .6180469716em;
background-color: #ffffff;
color: #43454b;
border: 0;
-webkit-appearance: none;
border: 1px solid black;
border-radius: 250px;
box-sizing: border-box;
font-weight: 400;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125);
}


.product_title.entry-title {
font-weight: 600;
color: var(--4c--color);
}

.price, p.price,.single-product div.product p.price {

font-weight: 600;
}
ul.products li.product .price, ul.products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, .wc-block-grid__products .wc-block-grid__product .price {
display: block;
color: #43454b;
font-weight: 600;
margin-bottom: 1rem;
}

@media (min-width: 768px){
.single-product div.product .woocommerce-product-gallery {
width: 31.1764705882%;
float: right;
margin-right: 0;
margin-bottom: 3.706325903em;
margin-left: 5.8823529412%;
}

.single-product div.product .summary {
width: 62.9411764706%;
float: left;
margin-right: 0;
margin-left: 0;
}




}



.site-content {
outline: none;
/* height: auto; */
min-height: 60vh;
}

/*preise*/
.mwst-preis {
font-size: 80%;
}
.kntr-preishinweis {
font-weight: 300;
font-size: 80%;
}


/*info panel*/
.woocommerce-tabs .panel {
float:left;
padding: 0 10px;
border: 1px solid var(--4c--color);
	width:100%;
border-top: none;
margin-bottom: 5px;
min-height: 30vh;
padding: 20px;
padding-bottom: 60px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 60px;
background-color: rgb(252, 252, 252);
}

.woocommerce-tabs ul.tabs {border-top: 0px;}

a:focus, button:focus {
outline: 0px solid #ffffff;
}


/*warenkorb*/
.product_list_widget li {
padding: 1em 0;
border-bottom: 1px solid rgba(236, 11, 31, 0.36);
}


.col2-set .col-1, .col2-set .col-2 {
margin-bottom: 1.618em;
flex: 0 0 auto;
width: 100%;
}


.aws-container .aws-search-field {

border-radius: 25px!important;

}


.aws-container .aws-search-form .aws-form-btn
{
border-radius: 25px!important;
	background: #ffffff;
border: 1px solid var(--4c--color);
}

.aws-container .aws-search-form .aws-search-btn_icon {
fill: currentColor;
line-height: 24px;
color: var(--4c--color);
}


.secondary-navigation ul ul, .main-navigation ul.menu > li.menu-item-has-children:after, .secondary-navigation ul.menu ul, .storefront-handheld-footer-bar, .storefront-handheld-footer-bar ul li > a, .storefront-handheld-footer-bar ul li.search .site-search, button.menu-toggle, button.menu-toggle:hover {
background-color: var(--4c--color);
}

button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before {
background-color: #ffffff;
}
.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
color: #ffffff;
}

.storefront-handheld-footer-bar {

border-top: 1px solid rgba(255, 255, 255, 1);
	border-bottom: 1px solid rgba(255, 255, 255, 1);

}

.entry-title {

animation: bounce;
animation-duration:2s;
}

.animate-me {

animation: fadeIn;
animation-duration:2s;
}
.storefront-handheld-footer-bar ul li.eilert_kontaktieren > a:before {
content:'';

background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='wa' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.49 17.49'%3E%3Cpath id='wa-3c' d='M17.49,8.519c0,4.706-3.843,8.521-8.586,8.521-1.506,0-2.92-.385-4.15-1.06l-4.754,1.511,1.55-4.571c-.808-1.325-1.234-2.847-1.232-4.399,0-4.706,3.844-8.52,8.586-8.52s8.586,3.814,8.586,8.519M8.904,1.358c-3.98,0-7.218,3.214-7.218,7.163,0,1.567.51,3.018,1.374,4.2l-.901,2.66,2.774-.882c1.18.775,2.56,1.187,3.972,1.185,3.98,0,7.218-3.213,7.218-7.163S12.884,1.357,8.904,1.357M13.24,10.482c-.053-.087-.193-.138-.404-.243-.211-.104-1.246-.61-1.438-.679-.193-.069-.334-.104-.474.104-.141.209-.544.679-.667.818-.123.14-.246.157-.456.053-.21-.104-.888-.325-1.692-1.036-.625-.554-1.048-1.237-1.171-1.447-.122-.208-.012-.321.093-.426.095-.093.211-.244.316-.366.106-.122.141-.208.211-.348.071-.139.035-.261-.017-.366-.052-.104-.474-1.132-.649-1.55-.176-.418-.351-.348-.474-.348s-.263-.017-.404-.017-.369.052-.561.261c-.193.209-.736.714-.736,1.742s.754,2.021.858,2.16c.106.138,1.456,2.317,3.596,3.153,2.14.836,2.14.557,2.526.522.386-.034,1.245-.505,1.421-.993.175-.488.175-.906.122-.993' style='fill:%23fff;'/%3E%3C/svg%3E");
fill: white;
background-repeat: no-repeat;
background-position: center;
background-size: 32px 32px;
/* border: none; */
/* border-radius: 250px; */
}
.storefront-handheld-footer-bar ul li.search>a::before {
content: '';
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='suchmich' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.49 17.49'%3E%3Cpath id='lupe' d='M12.5,11h-.79l-.28-.27c.98-1.14,1.57-2.62,1.57-4.23,0-3.59-2.91-6.5-6.5-6.5S0,2.91,0,6.5s2.91,6.5,6.5,6.5c1.61,0,3.09-.59,4.23-1.57l.27.28v.79l5,4.99,1.49-1.49-4.99-5ZM6.5,11c-2.49,0-4.5-2.01-4.5-4.5S4.01,2,6.5,2s4.5,2.01,4.5,4.5-2.01,4.5-4.5,4.5Z' style='fill:%23fff;'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
background-position: center;
background-size: 32px 32px;
	
}


.storefront-handheld-footer-bar ul li.cart>a::before {
	content:'';
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.478 18.478'%3E%3Cpath id='_4c-box' d='M18.223,3.454c-.17-.244-.396-.418-.677-.522L9.728.089c-.163-.059-.326-.089-.489-.089s-.326.03-.489.089L.933,2.932c-.281.104-.507.278-.677.522-.17.244-.255.515-.255.811v8.528c0,.259.067.5.2.722.133.222.315.396.544.522l7.818,4.264c.207.119.433.178.677.178s.47-.059.677-.178l7.818-4.264c.23-.126.411-.3.544-.522.133-.222.2-.463.2-.722V4.264c0-.296-.085-.566-.255-.811ZM7.737,15.576l-5.811-2.975v-6.756l5.811,2.321v7.41ZM2.726,4.365l6.475-2.424,6.471,2.333-6.433,2.377-6.513-2.285ZM16.553,12.577l-6.74,3.513-.151-7.194,6.891-2.591v6.273Z' style='fill:%23fff;'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
background-position: center;
	
background-size: 42px 32px;
	
	
}

.storefront-handheld-footer-bar ul li.cart .count {



background-position: center;
background-size: 30px;
	width: auto;
	min-width:20px;
font-size: 9px;

}


.storefront-handheld-footer-bar ul li.my-account>a::before {
content:''!important;

background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.813 17.076'%3E%3Cg id='_4c-check'%3E%3Cpath d='M16.221,10.644h0c-.042,4.321-2.326,4.938-6.093,4.964h0s-2.599,0-2.599,0h0c-3.638.005-5.8-.464-5.86-4.964v-4.213h0c.042-4.321,2.326-4.938,6.093-4.964h0s2.599,0,2.599,0h0c2.442-.003,4.219.207,5.142,1.707l1.231-1.347C15.495.219,13.303-.007,10.361,0h0s-2.63.001-2.63.001h0C2.92.037.018.839,0,6.431v4.213c.044,5.861,2.831,6.442,7.529,6.431h0s2.63-.001,2.63-.001h0c4.811-.036,7.713-.837,7.731-6.43v-1.955l-1.669,1.825v.13h0Z' style='fill:%23fff;'/%3E%3Cpath d='M21.511.667c-.401-.367-1.056-.31-1.455.126l-8.242,9.013c-.399.436-.727.792-.728.79-.002-.002-.004-.002-.004-.002,0,0-.358-.325-.794-.724l-4.499-4.118c-.436-.399-1.094-.396-1.463.006s-.313,1.058.123,1.458l4.5,4.118c.436.399,1.122,1.027,1.525,1.395.403.368,1.059.313,1.458-.123L21.515,2.127c.399-.436.397-1.093-.004-1.46Z' style='fill:%23fff;'/%3E%3C/g%3E%3C/svg%3E");
	
background-repeat: no-repeat;
background-position: center;
	
background-size: 42px 32px;
	
	
}