: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--primary: #000000;--wp--preset--color--secondary: #fa61d9;--wp--preset--color--tertiary: #d982d2;--wp--preset--color--foreground: #0e1111;--wp--preset--color--dark: #000000;--wp--preset--color--mediumdark: #9992a3;--wp--preset--color--mediumlight: #cbc6d1;--wp--preset--color--base: #e9e6ed;--wp--preset--color--background: #ffffff;--wp--preset--color--darkest: #000000;--wp--preset--color--lightest: #ffffff;--wp--preset--color--transparent: rgb(255,255,255,0);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 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,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 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--primary-to-secondary: linear-gradient(135deg,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--secondary) 100%);--wp--preset--gradient--primary-to-tertiary: linear-gradient(135deg,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--tertiary) 100%);--wp--preset--gradient--secondary-to-primary: linear-gradient(135deg,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--primary) 100%);--wp--preset--gradient--background-to-primary: linear-gradient(235deg,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--background) 100%);--wp--preset--gradient--tertiary-to-primary: linear-gradient(135deg,var(--wp--preset--color--tertiary) 0%,var(--wp--preset--color--primary) 100%);--wp--preset--gradient--primary-to-background: linear-gradient(235deg,var(--wp--preset--color--background) 0%,var(--wp--preset--color--primary) 100%);--wp--preset--gradient--secondary-to-tertiary: linear-gradient(135deg,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--tertiary) 100%);--wp--preset--gradient--tertiary-to-secondary: linear-gradient(135deg,var(--wp--preset--color--tertiary) 0%,var(--wp--preset--color--secondary) 100%);--wp--preset--gradient--background-to-secondary: linear-gradient(235deg,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--background) 100%);--wp--preset--gradient--background-to-tertiary: linear-gradient(235deg,var(--wp--preset--color--tertiary) 0%,var(--wp--preset--color--background) 100%);--wp--preset--gradient--secondary-to-background: linear-gradient(235deg,var(--wp--preset--color--background) 0%,var(--wp--preset--color--secondary) 100%);--wp--preset--gradient--tertiary-to-background: linear-gradient(235deg,var(--wp--preset--color--background) 0%,var(--wp--preset--color--tertiary) 100%);--wp--preset--gradient--foreground-to-primary: linear-gradient(135deg,var(--wp--preset--color--foreground) 0%,var(--wp--preset--color--primary) 100%);--wp--preset--gradient--foreground-to-secondary: linear-gradient(135deg,var(--wp--preset--color--foreground) 0%,var(--wp--preset--color--secondary) 100%);--wp--preset--gradient--foreground-to-tertiary: linear-gradient(135deg,var(--wp--preset--color--foreground) 0%,var(--wp--preset--color--tertiary) 100%);--wp--preset--gradient--primary-to-foreground: linear-gradient(135deg,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--foreground) 100%);--wp--preset--gradient--secondary-to-foreground: linear-gradient(135deg,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--foreground) 100%);--wp--preset--gradient--tertiary-to-foreground: linear-gradient(135deg,var(--wp--preset--color--tertiary) 0%,var(--wp--preset--color--foreground) 100%);--wp--preset--gradient--background-to-mediumlight: linear-gradient(180deg,var(--wp--preset--color--background) 0%,var(--wp--preset--color--mediumlight) 100%);--wp--preset--gradient--lightest-to-mediumlight: linear-gradient(180deg,var(--wp--preset--color--lightest) 0%,var(--wp--preset--color--mediumlight) 100%);--wp--preset--gradient--mediumlight-to-dark: linear-gradient(180deg,var(--wp--preset--color--mediumlight) 0%,var(--wp--preset--color--dark) 100%);--wp--preset--gradient--mediumlight-to-background: linear-gradient(180deg,var(--wp--preset--color--mediumlight) 0%,var(--wp--preset--color--background) 100%);--wp--preset--gradient--mediumlight-to-lightest: linear-gradient(180deg,var(--wp--preset--color--mediumlight) 0%,var(--wp--preset--color--lightest) 100%);--wp--preset--gradient--dark-to-mediumdark: linear-gradient(180deg,var(--wp--preset--color--dark) 0%,var(--wp--preset--color--mediumdark) 100%);--wp--preset--gradient--vertical-background-to-primary: linear-gradient(180deg,var(--wp--preset--color--background) 0%,var(--wp--preset--color--primary) 100%);--wp--preset--gradient--vertical-background-to-secondary: linear-gradient(180deg,var(--wp--preset--color--background) 0%,var(--wp--preset--color--secondary) 100%);--wp--preset--gradient--vertical-background-to-tertiary: linear-gradient(180deg,var(--wp--preset--color--background) 0%,var(--wp--preset--color--tertiary) 100%);--wp--preset--gradient--vertical-primary-to-background: linear-gradient(180deg,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--background) 100%);--wp--preset--gradient--vertical-secondary-to-background: linear-gradient(180deg,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--background) 100%);--wp--preset--gradient--vertical-tertiary-to-background: linear-gradient(180deg,var(--wp--preset--color--tertiary) 0%,var(--wp--preset--color--background) 100%);--wp--preset--gradient--cut-foreground-transparent-1-4: linear-gradient(180deg,var(--wp--preset--color--foreground) 25%,var(--wp--preset--color--transparent) 25%);--wp--preset--gradient--cut-foreground-transparent-1-2: linear-gradient(180deg,var(--wp--preset--color--foreground) 50%,var(--wp--preset--color--transparent) 50%);--wp--preset--gradient--cut-foreground-transparent-3-4: linear-gradient(180deg,var(--wp--preset--color--foreground) 75%,var(--wp--preset--color--transparent) 75%);--wp--preset--gradient--cut-transparent-foreground-1-4: linear-gradient(180deg,var(--wp--preset--color--transparent) 25%,var(--wp--preset--color--foreground) 25%);--wp--preset--gradient--cut-transparent-foreground-1-2: linear-gradient(180deg,var(--wp--preset--color--transparent) 50%,var(--wp--preset--color--foreground) 50%);--wp--preset--gradient--cut-transparent-foreground-3-4: linear-gradient(180deg,var(--wp--preset--color--transparent) 75%,var(--wp--preset--color--foreground) 75%);--wp--preset--gradient--cut-foreground-transparent-1-4-horizontal: linear-gradient(90deg,var(--wp--preset--color--foreground) 25%,var(--wp--preset--color--transparent) 25%);--wp--preset--gradient--cut-foreground-transparent-1-2-horizontal: linear-gradient(90deg,var(--wp--preset--color--foreground) 50%,var(--wp--preset--color--transparent) 50%);--wp--preset--gradient--cut-foreground-transparent-3-4-horizontal: linear-gradient(90deg,var(--wp--preset--color--foreground) 75%,var(--wp--preset--color--transparent) 75%);--wp--preset--gradient--cut-transparent-foreground-1-4-horizontal: linear-gradient(90deg,var(--wp--preset--color--transparent) 25%,var(--wp--preset--color--foreground) 25%);--wp--preset--gradient--cut-transparent-foreground-1-2-horizontal: linear-gradient(90deg,var(--wp--preset--color--transparent) 50%,var(--wp--preset--color--foreground) 50%);--wp--preset--gradient--cut-transparent-foreground-3-4-horizontal: linear-gradient(90deg,var(--wp--preset--color--transparent) 75%,var(--wp--preset--color--foreground) 75%);--wp--preset--gradient--cut-background-transparent-1-4: linear-gradient(180deg,var(--wp--preset--color--background) 25%,var(--wp--preset--color--transparent) 25%);--wp--preset--gradient--cut-background-transparent-1-2: linear-gradient(180deg,var(--wp--preset--color--background) 50%,var(--wp--preset--color--transparent) 50%);--wp--preset--gradient--cut-background-transparent-3-4: linear-gradient(180deg,var(--wp--preset--color--background) 75%,var(--wp--preset--color--transparent) 75%);--wp--preset--gradient--cut-transparent-background-1-4: linear-gradient(180deg,var(--wp--preset--color--transparent) 25%,var(--wp--preset--color--background) 25%);--wp--preset--gradient--cut-transparent-background-1-2: linear-gradient(180deg,var(--wp--preset--color--transparent) 50%,var(--wp--preset--color--background) 50%);--wp--preset--gradient--cut-transparent-background-3-4: linear-gradient(180deg,var(--wp--preset--color--transparent) 75%,var(--wp--preset--color--background) 75%);--wp--preset--gradient--cut-background-transparent-1-4-horizontal: linear-gradient(90deg,var(--wp--preset--color--background) 25%,var(--wp--preset--color--transparent) 25%);--wp--preset--gradient--cut-background-transparent-1-2-horizontal: linear-gradient(90deg,var(--wp--preset--color--background) 50%,var(--wp--preset--color--transparent) 50%);--wp--preset--gradient--cut-background-transparent-3-4-horizontal: linear-gradient(90deg,var(--wp--preset--color--background) 75%,var(--wp--preset--color--transparent) 75%);--wp--preset--gradient--cut-transparent-background-1-4-horizontal: linear-gradient(90deg,var(--wp--preset--color--transparent) 25%,var(--wp--preset--color--background) 25%);--wp--preset--gradient--cut-transparent-background-1-2-horizontal: linear-gradient(90deg,var(--wp--preset--color--transparent) 50%,var(--wp--preset--color--background) 50%);--wp--preset--gradient--cut-transparent-background-3-4-horizontal: linear-gradient(90deg,var(--wp--preset--color--transparent) 75%,var(--wp--preset--color--background) 75%);--wp--preset--font-size--small: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.25), 1.2rem);--wp--preset--font-size--medium: clamp(1.3rem, 1.3rem + ((1vw - 0.2rem) * 0.375), 1.6rem);--wp--preset--font-size--large: clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 0.625), 2rem);--wp--preset--font-size--x-large: clamp(2rem, 2rem + ((1vw - 0.2rem) * 1), 2.8rem);--wp--preset--font-size--tiny: clamp(.9rem, 0.9rem + ((1vw - 0.2rem) * 0.125), 1rem);--wp--preset--font-size--base: clamp(1.13rem, 1.13rem + ((1vw - 0.2rem) * 0.213), 1.3rem);--wp--preset--font-size--xx-large: clamp(2.6rem, 2.6rem + ((1vw - 0.2rem) * 1.438), 3.75rem);--wp--preset--font-family--body: DM Sans, Inter, 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;--wp--preset--font-family--heading: DM Sans, Inter, 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;--wp--preset--font-family--highlight: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--spacing--tiny: clamp(10px, 1.5vw, 0.5rem);--wp--preset--spacing--small: clamp(.5rem, 2.5vw, 1rem);--wp--preset--spacing--medium: clamp(1.5rem, 4vw, 2rem);--wp--preset--spacing--large: clamp(2rem, 5vw, 3rem);--wp--preset--spacing--x-large: clamp(3rem, 7vw, 5rem);--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 rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);--wp--preset--shadow--elevated: 0 3px 6px -1px rgb(0, 0, 0, 0.2);--wp--preset--shadow--border: 0px 0px 0px 2px rgb(0, 0, 0);--wp--custom--font-weight--black: 900;--wp--custom--font-weight--extra-bold: 800;--wp--custom--font-weight--bold: 700;--wp--custom--font-weight--semi-bold: 600;--wp--custom--font-weight--medium: 500;--wp--custom--font-weight--regular: 400;--wp--custom--font-weight--light: 300;--wp--custom--font-weight--extra-light: 200;--wp--custom--font-weight--thin: 100;--wp--custom--greyd--button--prim--border--color: var(--wp--preset--color--primary);--wp--custom--greyd--button--prim--border--radius: 0;--wp--custom--greyd--button--prim--border--style: solid;--wp--custom--greyd--button--prim--border--width: 2px;--wp--custom--greyd--button--prim--color--background: var(--wp--preset--color--primary);--wp--custom--greyd--button--prim--color--text: var(--wp--preset--color--lightest);--wp--custom--greyd--button--prim--shadow: none;--wp--custom--greyd--button--prim--hover--color--background: var(--wp--preset--color--foreground);--wp--custom--greyd--button--prim--hover--color--text: var(--wp--preset--color--lightest);--wp--custom--greyd--button--prim--hover--border--color: var(--wp--preset--color--foreground);--wp--custom--greyd--button--prim--hover--border--style: var(--wp--custom--greyd--button--prim--border--style);--wp--custom--greyd--button--prim--hover--border--width: var(--wp--custom--greyd--button--prim--border--width);--wp--custom--greyd--button--prim--hover--shadow: var(--wp--custom--greyd--button--prim--shadow);--wp--custom--greyd--button--sec--border--color: var(--wp--preset--color--foreground);--wp--custom--greyd--button--sec--border--radius: 4px;--wp--custom--greyd--button--sec--border--style: solid;--wp--custom--greyd--button--sec--border--width: 2px;--wp--custom--greyd--button--sec--color--background: var(--wp--preset--color--transparent);--wp--custom--greyd--button--sec--color--text: var(--wp--preset--color--foreground);--wp--custom--greyd--button--sec--shadow: none;--wp--custom--greyd--button--sec--hover--color--background: var(--wp--preset--color--foreground);--wp--custom--greyd--button--sec--hover--color--text: var(--wp--preset--color--lightest);--wp--custom--greyd--button--sec--hover--border--color: var(--wp--preset--color--foreground);--wp--custom--greyd--button--sec--hover--border--style: var(--wp--custom--greyd--button--sec--border--style);--wp--custom--greyd--button--sec--hover--border--width: var(--wp--custom--greyd--button--sec--border--width);--wp--custom--greyd--button--sec--hover--shadow: var(--wp--custom--greyd--button--sec--shadow);--wp--custom--greyd--button--trd--border--color: var(--wp--preset--color--secondary);--wp--custom--greyd--button--trd--border--radius: 4px;--wp--custom--greyd--button--trd--border--style: solid;--wp--custom--greyd--button--trd--border--width: 2px;--wp--custom--greyd--button--trd--color--background: var(--wp--preset--color--secondary);--wp--custom--greyd--button--trd--color--text: var(--wp--preset--color--foreground);--wp--custom--greyd--button--trd--shadow: none;--wp--custom--greyd--button--trd--hover--color--background: var(--wp--preset--color--foreground);--wp--custom--greyd--button--trd--hover--color--text: var(--wp--preset--color--lightest);--wp--custom--greyd--button--trd--hover--border--color: var(--wp--preset--color--foreground);--wp--custom--greyd--button--trd--hover--border--style: var(--wp--custom--greyd--button--trd--border--style);--wp--custom--greyd--button--trd--hover--border--width: var(--wp--custom--greyd--button--trd--border--width);--wp--custom--greyd--button--trd--hover--shadow: var(--wp--custom--greyd--button--trd--shadow);--wp--custom--greyd--button--big--typography--font-size: var(--wp--preset--font-size--medium);--wp--custom--greyd--button--big--spacing--padding--top: 0.66em;--wp--custom--greyd--button--big--spacing--padding--right: 1.5em;--wp--custom--greyd--button--big--spacing--padding--bottom: 0.66em;--wp--custom--greyd--button--big--spacing--padding--left: 1.5em;--wp--custom--greyd--button--small--typography--font-size: var(--wp--preset--font-size--small);--wp--custom--greyd--button--small--spacing--padding--top: 0.33em;--wp--custom--greyd--button--small--spacing--padding--right: 1em;--wp--custom--greyd--button--small--spacing--padding--bottom: 0.33em;--wp--custom--greyd--button--small--spacing--padding--left: 1em;--wp--custom--greyd--button--spacing--padding--top: 0.66em;--wp--custom--greyd--button--spacing--padding--right: 1.33em;--wp--custom--greyd--button--spacing--padding--bottom: 0.66em;--wp--custom--greyd--button--spacing--padding--left: 1.33em;--wp--custom--greyd--button--typography--font-family: var(--wp--preset--font-family--body);--wp--custom--greyd--button--typography--font-size: var(--wp--preset--font-size--base);--wp--custom--greyd--button--typography--font-weight: var(--wp--custom--font-weight--semi-bold);--wp--custom--greyd--button--typography--line-height: var(--wp--custom--line-height-normal);--wp--custom--greyd--button--typography--letter-spacing: 0px;--wp--custom--greyd--button--typography--text-transform: none;--wp--custom--greyd--input--label--color--background: var(--wp--preset--color--transparent);--wp--custom--greyd--input--label--color--text: var(--wp--preset--color--foreground);--wp--custom--greyd--input--label--typography--font-family: var(--wp--preset--font-family--body);--wp--custom--greyd--input--label--typography--font-size: var(--wp--preset--font-size--base);--wp--custom--greyd--input--label--typography--font-weight: var(--wp--custom--font-weigth-regular);--wp--custom--greyd--input--label--typography--line-height: var(--wp--custom--line-height--normal);--wp--custom--greyd--input--prim--border--color: var(--wp--preset--color--mediumlight);--wp--custom--greyd--input--prim--border--radius: 4px;--wp--custom--greyd--input--prim--border--style: solid;--wp--custom--greyd--input--prim--border--width: 1px;--wp--custom--greyd--input--prim--color--background: var(--wp--preset--color--base);--wp--custom--greyd--input--prim--color--placeholder: var(--wp--preset--color--mediumdark);--wp--custom--greyd--input--prim--color--text: var(--wp--preset--color--foreground);--wp--custom--greyd--input--prim--shadow: none;--wp--custom--greyd--input--prim--hover--border--color: var(--wp--preset--color--mediumlight);--wp--custom--greyd--input--prim--hover--border--style: var(--wp--custom--greyd--input--prim--border--style);--wp--custom--greyd--input--prim--hover--border--width: var(--wp--custom--greyd--input--prim--border--width);--wp--custom--greyd--input--prim--hover--color--background: var(--wp--preset--color--base);--wp--custom--greyd--input--prim--hover--color--placeholder: var(--wp--preset--color--mediumdark);--wp--custom--greyd--input--prim--hover--color--text: var(--wp--preset--color--foreground);--wp--custom--greyd--input--prim--hover--shadow: var(--wp--custom--greyd--input--prim--shadow);--wp--custom--greyd--input--sec--border--color: var(--wp--preset--color--mediumdark);--wp--custom--greyd--input--sec--border--radius: 4px;--wp--custom--greyd--input--sec--border--style: solid;--wp--custom--greyd--input--sec--border--width: 1px;--wp--custom--greyd--input--sec--color--background: var(--wp--preset--color--transparent);--wp--custom--greyd--input--sec--color--placeholder: var(--wp--preset--color--mediumdark);--wp--custom--greyd--input--sec--color--text: var(--wp--preset--color--foreground);--wp--custom--greyd--input--sec--shadow: none;--wp--custom--greyd--input--sec--hover--border--color: var(--wp--preset--color--foreground);--wp--custom--greyd--input--sec--hover--border--style: var(--wp--custom--greyd--input--sec--border--style);--wp--custom--greyd--input--sec--hover--border--width: var(--wp--custom--greyd--input--sec--border--width);--wp--custom--greyd--input--sec--hover--color--background: var(--wp--preset--color--transparent);--wp--custom--greyd--input--sec--hover--color--placeholder: var(--wp--preset--color--dark);--wp--custom--greyd--input--sec--hover--color--text: var(--wp--preset--color--foreground);--wp--custom--greyd--input--sec--hover--shadow: var(--wp--custom--greyd--input--sec--shadow);--wp--custom--greyd--input--spacing--padding--top: 0.66em;--wp--custom--greyd--input--spacing--padding--right: 1.33em;--wp--custom--greyd--input--spacing--padding--bottom: 0.66em;--wp--custom--greyd--input--spacing--padding--left: 1.33em;--wp--custom--greyd--input--typography--font-family: var(--wp--preset--font-family--body);--wp--custom--greyd--input--typography--font-size: var(--wp--preset--font-size--base);--wp--custom--greyd--input--typography--font-weight: 400;--wp--custom--greyd--input--typography--letter-spacing: 0px;--wp--custom--greyd--input--typography--line-height: 1.6;--wp--custom--greyd--input--typography--text-transform: none;--wp--custom--greyd--grid--breakpoint--sm: 576px;--wp--custom--greyd--grid--breakpoint--md: 992px;--wp--custom--greyd--grid--breakpoint--lg: 1200px;--wp--custom--line-height--loose: 2;--wp--custom--line-height--relaxed: 1.625;--wp--custom--line-height--normal: 1.5;--wp--custom--line-height--snug: 1.2;--wp--custom--line-height--tight: 1.1;--wp--custom--line-height--none: 1;}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: min( 100vw, calc( 32vw + 32rem ) );--wp--style--global--wide-size: min( 100vw, calc( 42vw + 42rem ) ); }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: var(--wp--preset--spacing--medium); margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: var(--wp--preset--spacing--medium); }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: var(--wp--preset--spacing--medium);margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: var(--wp--preset--spacing--medium);margin-block-end: 0;}:root :where(.is-layout-flex){gap: var(--wp--preset--spacing--medium);}:root :where(.is-layout-grid){gap: var(--wp--preset--spacing--medium);}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--background);color: var(--wp--preset--color--foreground);font-family: var(--wp--preset--font-family--body);font-size: var(--wp--preset--font-size--base);font-weight: var(--wp--custom--font-weight--regular);line-height: var(--wp--custom--line-height--normal);--wp--style--root--padding-top: 0;--wp--style--root--padding-right: var(--wp--preset--spacing--medium);--wp--style--root--padding-bottom: 0;--wp--style--root--padding-left: var(--wp--preset--spacing--medium);}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--foreground);text-decoration: underline;}:root :where(a:where(:not(.wp-element-button)):hover){color: var(--wp--preset--color--primary);}h1, h2, h3, h4, h5, h6{font-family: var(--wp--preset--font-family--heading);font-weight: var(--wp--custom--font-weight--semi-bold);line-height: var(--wp--custom--line-height--tight);}h1{font-size: var(--wp--preset--font-size--xx-large);}h2{font-size: var(--wp--preset--font-size--x-large);}h3{font-size: var(--wp--preset--font-size--large);}h4{font-size: var(--wp--preset--font-size--medium);}h5{font-size: var(--wp--preset--font-size--base);}h6{font-size: var(--wp--preset--font-size--small);}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--custom--greyd--button--prim--color--background);border-radius: var(--wp--custom--greyd--button--prim--border--radius);border-color: var(--wp--custom--greyd--button--prim--border--color);border-width: var(--wp--custom--greyd--button--prim--border--width);border-style: var(--wp--custom--greyd--button--prim--border--style);color: var(--wp--preset--color--background);font-family: var(--wp--custom--greyd--button--typography--font-family);font-size: var(--wp--custom--greyd--button--typography--font-size);font-style: inherit;font-weight: var(--wp--custom--greyd--button--typography--font-weight);letter-spacing: var(--wp--custom--greyd--button--typography--letter-spacing);line-height: var(--wp--custom--greyd--button--typography--line-height);padding-top: var(--wp--custom--greyd--button--spacing--padding--top);padding-right: var(--wp--custom--greyd--button--spacing--padding--right);padding-bottom: var(--wp--custom--greyd--button--spacing--padding--bottom);padding-left: var(--wp--custom--greyd--button--spacing--padding--left);text-decoration: none;text-transform: var(--wp--custom--greyd--button--typography--text-transform);box-shadow: var(--wp--custom--greyd--button--prim--shadow);}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: var(--wp--custom--greyd--button--prim--hover--color--background);border-color: var(--wp--custom--greyd--button--prim--hover--border--color);border-width: var(--wp--custom--greyd--button--prim--hover--border--width);border-style: var(--wp--custom--greyd--button--prim--hover--border--style);color: var(--wp--custom--greyd--button--prim--hover--color--text);text-decoration: none;box-shadow: var(--wp--custom--greyd--button--prim--hover--shadow);}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}.has-foreground-color{color: var(--wp--preset--color--foreground) !important;}.has-dark-color{color: var(--wp--preset--color--dark) !important;}.has-mediumdark-color{color: var(--wp--preset--color--mediumdark) !important;}.has-mediumlight-color{color: var(--wp--preset--color--mediumlight) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-background-color{color: var(--wp--preset--color--background) !important;}.has-darkest-color{color: var(--wp--preset--color--darkest) !important;}.has-lightest-color{color: var(--wp--preset--color--lightest) !important;}.has-transparent-color{color: var(--wp--preset--color--transparent) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}.has-foreground-background-color{background-color: var(--wp--preset--color--foreground) !important;}.has-dark-background-color{background-color: var(--wp--preset--color--dark) !important;}.has-mediumdark-background-color{background-color: var(--wp--preset--color--mediumdark) !important;}.has-mediumlight-background-color{background-color: var(--wp--preset--color--mediumlight) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-background-background-color{background-color: var(--wp--preset--color--background) !important;}.has-darkest-background-color{background-color: var(--wp--preset--color--darkest) !important;}.has-lightest-background-color{background-color: var(--wp--preset--color--lightest) !important;}.has-transparent-background-color{background-color: var(--wp--preset--color--transparent) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}.has-foreground-border-color{border-color: var(--wp--preset--color--foreground) !important;}.has-dark-border-color{border-color: var(--wp--preset--color--dark) !important;}.has-mediumdark-border-color{border-color: var(--wp--preset--color--mediumdark) !important;}.has-mediumlight-border-color{border-color: var(--wp--preset--color--mediumlight) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-background-border-color{border-color: var(--wp--preset--color--background) !important;}.has-darkest-border-color{border-color: var(--wp--preset--color--darkest) !important;}.has-lightest-border-color{border-color: var(--wp--preset--color--lightest) !important;}.has-transparent-border-color{border-color: var(--wp--preset--color--transparent) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-primary-to-secondary-gradient-background{background: var(--wp--preset--gradient--primary-to-secondary) !important;}.has-primary-to-tertiary-gradient-background{background: var(--wp--preset--gradient--primary-to-tertiary) !important;}.has-secondary-to-primary-gradient-background{background: var(--wp--preset--gradient--secondary-to-primary) !important;}.has-background-to-primary-gradient-background{background: var(--wp--preset--gradient--background-to-primary) !important;}.has-tertiary-to-primary-gradient-background{background: var(--wp--preset--gradient--tertiary-to-primary) !important;}.has-primary-to-background-gradient-background{background: var(--wp--preset--gradient--primary-to-background) !important;}.has-secondary-to-tertiary-gradient-background{background: var(--wp--preset--gradient--secondary-to-tertiary) !important;}.has-tertiary-to-secondary-gradient-background{background: var(--wp--preset--gradient--tertiary-to-secondary) !important;}.has-background-to-secondary-gradient-background{background: var(--wp--preset--gradient--background-to-secondary) !important;}.has-background-to-tertiary-gradient-background{background: var(--wp--preset--gradient--background-to-tertiary) !important;}.has-secondary-to-background-gradient-background{background: var(--wp--preset--gradient--secondary-to-background) !important;}.has-tertiary-to-background-gradient-background{background: var(--wp--preset--gradient--tertiary-to-background) !important;}.has-foreground-to-primary-gradient-background{background: var(--wp--preset--gradient--foreground-to-primary) !important;}.has-foreground-to-secondary-gradient-background{background: var(--wp--preset--gradient--foreground-to-secondary) !important;}.has-foreground-to-tertiary-gradient-background{background: var(--wp--preset--gradient--foreground-to-tertiary) !important;}.has-primary-to-foreground-gradient-background{background: var(--wp--preset--gradient--primary-to-foreground) !important;}.has-secondary-to-foreground-gradient-background{background: var(--wp--preset--gradient--secondary-to-foreground) !important;}.has-tertiary-to-foreground-gradient-background{background: var(--wp--preset--gradient--tertiary-to-foreground) !important;}.has-background-to-mediumlight-gradient-background{background: var(--wp--preset--gradient--background-to-mediumlight) !important;}.has-lightest-to-mediumlight-gradient-background{background: var(--wp--preset--gradient--lightest-to-mediumlight) !important;}.has-mediumlight-to-dark-gradient-background{background: var(--wp--preset--gradient--mediumlight-to-dark) !important;}.has-mediumlight-to-background-gradient-background{background: var(--wp--preset--gradient--mediumlight-to-background) !important;}.has-mediumlight-to-lightest-gradient-background{background: var(--wp--preset--gradient--mediumlight-to-lightest) !important;}.has-dark-to-mediumdark-gradient-background{background: var(--wp--preset--gradient--dark-to-mediumdark) !important;}.has-vertical-background-to-primary-gradient-background{background: var(--wp--preset--gradient--vertical-background-to-primary) !important;}.has-vertical-background-to-secondary-gradient-background{background: var(--wp--preset--gradient--vertical-background-to-secondary) !important;}.has-vertical-background-to-tertiary-gradient-background{background: var(--wp--preset--gradient--vertical-background-to-tertiary) !important;}.has-vertical-primary-to-background-gradient-background{background: var(--wp--preset--gradient--vertical-primary-to-background) !important;}.has-vertical-secondary-to-background-gradient-background{background: var(--wp--preset--gradient--vertical-secondary-to-background) !important;}.has-vertical-tertiary-to-background-gradient-background{background: var(--wp--preset--gradient--vertical-tertiary-to-background) !important;}.has-cut-foreground-transparent-1-4-gradient-background{background: var(--wp--preset--gradient--cut-foreground-transparent-1-4) !important;}.has-cut-foreground-transparent-1-2-gradient-background{background: var(--wp--preset--gradient--cut-foreground-transparent-1-2) !important;}.has-cut-foreground-transparent-3-4-gradient-background{background: var(--wp--preset--gradient--cut-foreground-transparent-3-4) !important;}.has-cut-transparent-foreground-1-4-gradient-background{background: var(--wp--preset--gradient--cut-transparent-foreground-1-4) !important;}.has-cut-transparent-foreground-1-2-gradient-background{background: var(--wp--preset--gradient--cut-transparent-foreground-1-2) !important;}.has-cut-transparent-foreground-3-4-gradient-background{background: var(--wp--preset--gradient--cut-transparent-foreground-3-4) !important;}.has-cut-foreground-transparent-1-4-horizontal-gradient-background{background: var(--wp--preset--gradient--cut-foreground-transparent-1-4-horizontal) !important;}.has-cut-foreground-transparent-1-2-horizontal-gradient-background{background: var(--wp--preset--gradient--cut-foreground-transparent-1-2-horizontal) !important;}.has-cut-foreground-transparent-3-4-horizontal-gradient-background{background: var(--wp--preset--gradient--cut-foreground-transparent-3-4-horizontal) !important;}.has-cut-transparent-foreground-1-4-horizontal-gradient-background{background: var(--wp--preset--gradient--cut-transparent-foreground-1-4-horizontal) !important;}.has-cut-transparent-foreground-1-2-horizontal-gradient-background{background: var(--wp--preset--gradient--cut-transparent-foreground-1-2-horizontal) !important;}.has-cut-transparent-foreground-3-4-horizontal-gradient-background{background: var(--wp--preset--gradient--cut-transparent-foreground-3-4-horizontal) !important;}.has-cut-background-transparent-1-4-gradient-background{background: var(--wp--preset--gradient--cut-background-transparent-1-4) !important;}.has-cut-background-transparent-1-2-gradient-background{background: var(--wp--preset--gradient--cut-background-transparent-1-2) !important;}.has-cut-background-transparent-3-4-gradient-background{background: var(--wp--preset--gradient--cut-background-transparent-3-4) !important;}.has-cut-transparent-background-1-4-gradient-background{background: var(--wp--preset--gradient--cut-transparent-background-1-4) !important;}.has-cut-transparent-background-1-2-gradient-background{background: var(--wp--preset--gradient--cut-transparent-background-1-2) !important;}.has-cut-transparent-background-3-4-gradient-background{background: var(--wp--preset--gradient--cut-transparent-background-3-4) !important;}.has-cut-background-transparent-1-4-horizontal-gradient-background{background: var(--wp--preset--gradient--cut-background-transparent-1-4-horizontal) !important;}.has-cut-background-transparent-1-2-horizontal-gradient-background{background: var(--wp--preset--gradient--cut-background-transparent-1-2-horizontal) !important;}.has-cut-background-transparent-3-4-horizontal-gradient-background{background: var(--wp--preset--gradient--cut-background-transparent-3-4-horizontal) !important;}.has-cut-transparent-background-1-4-horizontal-gradient-background{background: var(--wp--preset--gradient--cut-transparent-background-1-4-horizontal) !important;}.has-cut-transparent-background-1-2-horizontal-gradient-background{background: var(--wp--preset--gradient--cut-transparent-background-1-2-horizontal) !important;}.has-cut-transparent-background-3-4-horizontal-gradient-background{background: var(--wp--preset--gradient--cut-transparent-background-3-4-horizontal) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-tiny-font-size{font-size: var(--wp--preset--font-size--tiny) !important;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-body-font-family{font-family: var(--wp--preset--font-family--body) !important;}.has-heading-font-family{font-family: var(--wp--preset--font-family--heading) !important;}.has-highlight-font-family{font-family: var(--wp--preset--font-family--highlight) !important;} /* METEOR-MEDIEN – Startseite Charakterwelten, Entwurf 97897 – Visual Refinement */ body.page-id-97897 .entry-title, body.page-id-97897 .wp-block-post-title { display: none !important; } body.page-id-97897 .entry-content, body.page-id-97897 main { overflow: hidden; } body.page-id-97897 .meteor-character-home { --meteor-ink: #111113; --meteor-paper: #fbfaf7; --meteor-pink: #ef6685; --meteor-blue: #4c84e8; --meteor-orange: #ff7a3d; --meteor-green: #8fbd4c; --meteor-yellow: #f2cf61; background: var(--meteor-paper); color: var(--meteor-ink); margin-block-start: 0 !important; } body.page-id-97897 .meteor-character-home h1, body.page-id-97897 .meteor-character-home h2, body.page-id-97897 .meteor-character-home h3 { text-wrap: balance; } body.page-id-97897 .meteor-character-home p { text-wrap: pretty; } body.page-id-97897 .meteor-announcement { background: #111113; color: #fff; padding: 10px 20px; font-size: 13px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; } body.page-id-97897 .meteor-announcement p { margin: 0; } body.page-id-97897 .meteor-announcement p::before, body.page-id-97897 .meteor-announcement p::after { content: "✦"; color: var(--meteor-yellow); margin: 0 10px; } body.page-id-97897 .meteor-hero { min-height: clamp(660px, 62vw, 780px) !important; background-color: #f4f1f2; } body.page-id-97897 .meteor-hero .wp-block-cover__image-background { object-position: 72% center !important; } body.page-id-97897 .meteor-hero .wp-block-cover__background { background: radial-gradient(circle at 18% 18%, rgba(239,102,133,.30), transparent 30%), linear-gradient(90deg, rgba(251,248,248,.99) 0%, rgba(251,248,248,.95) 38%, rgba(251,248,248,.66) 56%, rgba(251,248,248,.10) 78%) !important; opacity: 1 !important; } body.page-id-97897 .meteor-hero .wp-block-cover__inner-container { width: min(1280px, calc(100% - 64px)); margin: 0 auto; } body.page-id-97897 .meteor-hero-content { max-width: 690px; margin-left: 0 !important; position: relative; } body.page-id-97897 .meteor-hero-content::before { content: "Eigene Charaktere · echte Produkte"; display: inline-flex; align-items: center; min-height: 32px; padding: 5px 13px; margin-bottom: 24px; border: 1px solid rgba(17,17,19,.22); border-radius: 999px; background: rgba(255,255,255,.66); backdrop-filter: blur(8px); color: #171719; font-size: 12px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; } body.page-id-97897 .meteor-hero h1 { color: #111113 !important; font-size: clamp(52px, 6.5vw, 96px) !important; line-height: .94 !important; letter-spacing: -.062em; margin: 0 0 26px; max-width: 720px; } body.page-id-97897 .meteor-hero p { color: #252529 !important; max-width: 650px; font-size: clamp(18px, 1.65vw, 22px) !important; line-height: 1.55; } body.page-id-97897 .meteor-hero-buttons { margin-top: 32px; gap: 12px; } body.page-id-97897 .meteor-hero-buttons .wp-block-button__link { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; padding-inline: 27px; border: 2px solid #111113 !important; border-radius: 7px; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; } body.page-id-97897 .meteor-hero-buttons .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(17,17,19,.14); } body.page-id-97897 .meteor-hero-buttons .is-style-outline .wp-block-button__link { color: #111113 !important; border-color: #111113 !important; background: rgba(255,255,255,.70) !important; } body.page-id-97897 .meteor-trust-row { position: relative; z-index: 4; width: min(1180px, calc(100% - 48px)); margin-top: -38px !important; padding: 0 22px; background: #fff; border: 1px solid rgba(17,17,19,.08); border-radius: 18px; box-shadow: 0 20px 48px rgba(17,17,19,.10); } body.page-id-97897 .meteor-trust-row .wp-block-columns { margin: 0; gap: 0; } body.page-id-97897 .meteor-trust-row .wp-block-column { position: relative; padding: 28px 17px 27px; } body.page-id-97897 .meteor-trust-row .wp-block-column + .wp-block-column { border-left: 1px solid rgba(17,17,19,.09); } body.page-id-97897 .meteor-trust-row .wp-block-column::before { display: grid; place-items: center; width: 31px; height: 31px; margin: 0 auto 11px; border-radius: 50%; font-size: 14px; font-weight: 800; } body.page-id-97897 .meteor-trust-row .wp-block-column:nth-child(1)::before { content: "✦"; background: #f8d1da; } body.page-id-97897 .meteor-trust-row .wp-block-column:nth-child(2)::before { content: "◇"; background: #cfe4f8; } body.page-id-97897 .meteor-trust-row .wp-block-column:nth-child(3)::before { content: "✓"; background: #dcebc7; } body.page-id-97897 .meteor-trust-row .wp-block-column:nth-child(4)::before { content: "↗"; background: #f6dda0; } body.page-id-97897 .meteor-trust-row p { margin: 0; line-height: 1.35; } body.page-id-97897 .meteor-trust-row strong { font-size: 15px; } body.page-id-97897 .meteor-trust-row small { color: #69696e; font-size: 12.5px; } body.page-id-97897 .meteor-section { padding-top: clamp(76px, 8vw, 112px); padding-bottom: clamp(76px, 8vw, 112px); } body.page-id-97897 .meteor-section h2 { font-size: clamp(38px, 4.6vw, 66px); line-height: 1; letter-spacing: -.052em; margin-bottom: 22px; } body.page-id-97897 .meteor-worlds h2::before, body.page-id-97897 .meteor-find-world h2::before, body.page-id-97897 .meteor-products h2::before { display: block; margin-bottom: 15px; font-size: 12px; font-weight: 800; line-height: 1; letter-spacing: .13em; text-transform: uppercase; } body.page-id-97897 .meteor-worlds h2::before { content: "Unsere Charaktere"; color: var(--meteor-pink); } body.page-id-97897 .meteor-find-world h2::before { content: "Was passt zu dir?"; color: var(--meteor-blue); } body.page-id-97897 .meteor-products h2::before { content: "Direkt aus dem Shop"; color: var(--meteor-orange); } body.page-id-97897 .meteor-section-intro { max-width: 720px; margin: 0 auto 52px; font-size: 18px; color: #626268; line-height: 1.65; } body.page-id-97897 .meteor-worlds { padding-top: clamp(94px, 10vw, 138px); } body.page-id-97897 .meteor-world-grid { gap: 24px; margin-bottom: 24px; } body.page-id-97897 .meteor-world-grid-three { align-items: stretch; } body.page-id-97897 .meteor-world-grid-three > .wp-block-column:nth-child(2) { transform: translateY(34px); } body.page-id-97897 .meteor-world-grid-three { margin-bottom: 58px; } body.page-id-97897 .meteor-world-card { height: 100%; padding: 0 0 20px; border-radius: 24px; overflow: hidden; background: #fff; border: 1px solid rgba(17,17,19,.08); box-shadow: 0 16px 44px rgba(17,17,19,.09); position: relative; transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease; } body.page-id-97897 .meteor-world-card:hover { transform: translateY(-8px) rotate(-.35deg); box-shadow: 0 26px 58px rgba(17,17,19,.15); } body.page-id-97897 .meteor-world-grid-three > .wp-block-column:nth-child(2) .meteor-world-card:hover { transform: translateY(-8px) rotate(.35deg); } body.page-id-97897 .meteor-world-card::before { position: absolute; top: 25px; right: 25px; z-index: 5; display: grid; place-items: center; width: 47px; height: 47px; border: 1px solid rgba(255,255,255,.62); border-radius: 50%; background: rgba(17,17,19,.74); backdrop-filter: blur(8px); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .05em; } body.page-id-97897 .meteor-world-pink::before { content: "01"; } body.page-id-97897 .meteor-world-blue::before { content: "02"; } body.page-id-97897 .meteor-world-dark::before { content: "03"; } body.page-id-97897 .meteor-world-card .meteor-world-image { position: relative; margin: 13px 13px 0; border-radius: 18px 18px 28px 18px; overflow: hidden; background: #ecebea; clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%); } body.page-id-97897 .meteor-world-card .meteor-world-image a { display: block; height: 100%; } body.page-id-97897 .meteor-world-card .meteor-world-image img { width: 100% !important; height: 470px !important; object-fit: cover !important; display: block; filter: saturate(1.08) contrast(1.025); transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .4s ease; } body.page-id-97897 .meteor-world-card:hover .meteor-world-image img { transform: scale(1.045); filter: saturate(1.14) contrast(1.04); } body.page-id-97897 .meteor-world-pink .meteor-world-image img { object-position: center 35% !important; } body.page-id-97897 .meteor-world-blue .meteor-world-image img { object-position: center 38% !important; } body.page-id-97897 .meteor-world-dark .meteor-world-image img { object-position: center 24% !important; } body.page-id-97897 .meteor-world-card h3 { font-size: clamp(26px, 2.1vw, 33px); line-height: 1.08; margin: 22px 24px 8px; letter-spacing: -.03em; } body.page-id-97897 .meteor-world-card h3 a, body.page-id-97897 .meteor-world-card p a { color: inherit; text-decoration: none; } body.page-id-97897 .meteor-world-card > p:not(.meteor-world-symbol) { margin: 0; padding: 0 66px 6px 24px; line-height: 1.5; } body.page-id-97897 .meteor-world-pink { background: #f7d7de; border-bottom: 8px solid var(--meteor-pink); } body.page-id-97897 .meteor-world-blue { background: #d7e8f7; border-bottom: 8px solid var(--meteor-blue); } body.page-id-97897 .meteor-world-dark { background: #242429; border-bottom: 8px solid var(--meteor-orange); color: #fff; } body.page-id-97897 .meteor-world-dark p { color: #e9e9eb; } body.page-id-97897 .meteor-text-world { min-height: 300px; padding: 38px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; border: none; isolation: isolate; } body.page-id-97897 .meteor-text-world::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .28; background-image: repeating-linear-gradient(135deg, transparent 0 18px, rgba(255,255,255,.32) 19px 20px); } body.page-id-97897 .meteor-text-world h3 { margin: 0 0 12px; font-size: clamp(40px, 4.5vw, 62px); } body.page-id-97897 .meteor-text-world > p:not(.meteor-world-symbol) { padding: 0; margin: 0 0 16px; max-width: 510px; font-size: 17px; } body.page-id-97897 .meteor-world-teal { background: radial-gradient(circle at 82% 20%, #23bdba 0 5%, transparent 5.5%), linear-gradient(135deg, #038e93, #045e68); } body.page-id-97897 .meteor-world-green { background: radial-gradient(circle at 12% 18%, #d5ef7b 0 7%, transparent 7.5%), linear-gradient(135deg, #7bb645, #2d7357); } body.page-id-97897 .meteor-world-symbol { position: absolute; top: 18px; right: 29px; font-size: 82px; line-height: 1; opacity: .72; margin: 0; } body.page-id-97897 .meteor-card-link { font-weight: 750; } body.page-id-97897 .meteor-find-world { background: #f0f1ef; position: relative; } body.page-id-97897 .meteor-find-world::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 10% 15%, rgba(239,102,133,.12), transparent 22%), radial-gradient(circle at 90% 85%, rgba(76,132,232,.12), transparent 25%); } body.page-id-97897 .meteor-discovery-grid { gap: 18px; position: relative; } body.page-id-97897 .meteor-discovery-card { min-height: 245px; padding: 30px; border-radius: 20px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; transition: transform .25s ease; } body.page-id-97897 .meteor-discovery-card:hover { transform: translateY(-5px); } body.page-id-97897 .meteor-discovery-card::before { position: absolute; top: 18px; right: 22px; font-size: 54px; font-weight: 800; line-height: 1; opacity: .14; } body.page-id-97897 .meteor-discovery-grid > .wp-block-column:nth-child(1) .meteor-discovery-card::before { content: "01"; } body.page-id-97897 .meteor-discovery-grid > .wp-block-column:nth-child(2) .meteor-discovery-card::before { content: "02"; } body.page-id-97897 .meteor-discovery-grid > .wp-block-column:nth-child(3) .meteor-discovery-card::before { content: "03"; } body.page-id-97897 .meteor-discovery-grid > .wp-block-column:nth-child(4) .meteor-discovery-card::before { content: "04"; } body.page-id-97897 .meteor-discovery-card h3 { font-size: clamp(23px, 2vw, 29px); line-height: 1.08; margin-bottom: 10px; letter-spacing: -.025em; } body.page-id-97897 .meteor-discovery-card p { margin-bottom: 0; line-height: 1.5; } body.page-id-97897 .discovery-pink { background: #f5bdca; border-top: 6px solid #e85c7d; } body.page-id-97897 .discovery-blue { background: #c7e0f5; border-top: 6px solid #4382d7; } body.page-id-97897 .discovery-dark { background: #242429; color: #fff; border-top: 6px solid #ff7a3d; } body.page-id-97897 .discovery-dark p { color: #e8e8eb; } body.page-id-97897 .discovery-green { background: #d4e8bb; border-top: 6px solid #75a83d; } body.page-id-97897 .meteor-products { background: var(--meteor-paper); } body.page-id-97897 .meteor-products .woocommerce ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; } body.page-id-97897 .meteor-products .woocommerce ul.products::before, body.page-id-97897 .meteor-products .woocommerce ul.products::after { display: none !important; } body.page-id-97897 .meteor-products .woocommerce ul.products li.product { width: auto !important; margin: 0 !important; padding: 13px 13px 20px; border: 1px solid rgba(17,17,19,.09); border-radius: 18px; background: #fff; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; } body.page-id-97897 .meteor-products .woocommerce ul.products li.product:hover { transform: translateY(-6px); box-shadow: 0 18px 38px rgba(17,17,19,.11); } body.page-id-97897 .meteor-products .woocommerce ul.products li.product a img { width: 100% !important; aspect-ratio: 1 / 1 !important; height: auto !important; object-fit: contain !important; margin: 0 0 16px !important; padding: 12px; border-radius: 13px; background: linear-gradient(145deg, #f5f3ef, #e9ecec); transition: transform .35s ease; } body.page-id-97897 .meteor-products .woocommerce ul.products li.product:hover a img { transform: scale(1.025); } body.page-id-97897 .meteor-products .woocommerce ul.products li.product .woocommerce-loop-product__title { line-height: 1.35; padding-inline: 3px; } body.page-id-97897 .meteor-products .woocommerce ul.products li.product .price { padding-inline: 3px; font-weight: 700; } body.page-id-97897 .meteor-products .woocommerce ul.products li.product .button { width: 100%; text-align: center; background: #111113; color: #fff; border-radius: 6px; margin-top: 10px; } body.page-id-97897 .meteor-attitude { background: #171719; color: #fff; position: relative; } body.page-id-97897 .meteor-attitude::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 85% 20%, rgba(76,132,232,.18), transparent 29%), radial-gradient(circle at 10% 90%, rgba(239,102,133,.14), transparent 26%); } body.page-id-97897 .meteor-attitude .wp-block-columns { position: relative; gap: clamp(40px, 7vw, 90px); } body.page-id-97897 .meteor-attitude h2, body.page-id-97897 .meteor-attitude p { color: #fff; } body.page-id-97897 .meteor-attitude h2::before { content: "Unser Standpunkt"; display: block; margin-bottom: 16px; color: #f2cf61; font-size: 12px; font-weight: 800; line-height: 1; letter-spacing: .13em; text-transform: uppercase; } body.page-id-97897 .meteor-attitude-image { position: relative; margin: 0; padding: 16px; background: linear-gradient(145deg, var(--meteor-blue), #8cc7ef); border-radius: 25px; box-shadow: 18px 18px 0 #ef6685; transform: rotate(1.7deg); } body.page-id-97897 .meteor-attitude-image::before { content: "OHNE SCHUBLADEN"; position: absolute; top: 29px; left: -20px; z-index: 3; padding: 8px 13px; background: #f2cf61; color: #111113; font-size: 11px; font-weight: 850; letter-spacing: .09em; border-radius: 4px; transform: rotate(-6deg); } body.page-id-97897 .meteor-attitude-image img { width: 100% !important; aspect-ratio: 4 / 5; max-height: 650px; object-fit: cover !important; object-position: center 18% !important; border-radius: 16px; display: block; } body.page-id-97897 .meteor-create { border: 0; border-radius: 24px; padding: clamp(38px, 5vw, 64px); margin-top: clamp(72px, 8vw, 112px); margin-bottom: clamp(72px, 8vw, 112px); background: linear-gradient(120deg, #f4d36f 0%, #f4d36f 48%, #f8e8a8 100%); box-shadow: 0 20px 50px rgba(17,17,19,.09); position: relative; overflow: hidden; } body.page-id-97897 .meteor-create::after { content: "✦"; position: absolute; right: 5%; top: -34px; font-size: 190px; line-height: 1; opacity: .10; pointer-events: none; } body.page-id-97897 .meteor-create h2 { margin-bottom: 16px; } body.page-id-97897 .meteor-create .wp-block-columns { position: relative; z-index: 1; } body.page-id-97897 .meteor-newsletter { background-color: #ef6685; background-image: radial-gradient(circle at 12px 12px, rgba(255,255,255,.18) 2px, transparent 2.5px); background-size: 24px 24px; padding-left: 24px; padding-right: 24px; color: #111113; } body.page-id-97897 .meteor-newsletter h2 { max-width: 900px; margin-left: auto; margin-right: auto; } body.page-id-97897 .meteor-newsletter p { font-size: 18px; } body.page-id-97897 .meteor-newsletter .wp-block-button__link { border-radius: 6px; min-height: 52px; display: inline-flex; align-items: center; } body.page-id-97897 .meteor-ai-media { position: relative; } body.page-id-97897 .meteor-ai-media::after { content: "KI-generierte Visualisierung"; position: absolute; right: 10px; bottom: 10px; z-index: 10; background: rgba(0,0,0,.82); color: #fff; padding: 6px 9px; border-radius: 4px; font-size: 11px; line-height: 1.2; } @media (max-width: 1100px){ body.page-id-97897 .meteor-products .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.page-id-97897 .meteor-world-grid-three { flex-wrap: wrap !important; } body.page-id-97897 .meteor-world-grid-three > .wp-block-column { flex-basis: calc(50% - 12px) !important; } body.page-id-97897 .meteor-world-grid-three > .wp-block-column:nth-child(2) { transform: none; } body.page-id-97897 .meteor-world-grid-three > .wp-block-column:nth-child(3) { flex-basis: 100% !important; } body.page-id-97897 .meteor-world-grid-three > .wp-block-column:nth-child(3) .meteor-world-card { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; padding-bottom: 0; } body.page-id-97897 .meteor-world-grid-three > .wp-block-column:nth-child(3) .meteor-world-image { grid-row: 1 / 4; height: 430px; margin-bottom: 13px; } } @media (max-width: 781px){ body.page-id-97897 .meteor-announcement { font-size: 11px; letter-spacing: .06em; } body.page-id-97897 .meteor-hero { min-height: 740px !important; align-items: flex-end; padding-bottom: 42px; } body.page-id-97897 .meteor-hero .wp-block-cover__image-background { object-position: 70% top !important; } body.page-id-97897 .meteor-hero .wp-block-cover__background { background: linear-gradient(0deg, rgba(251,248,248,1) 0%, rgba(251,248,248,.98) 42%, rgba(251,248,248,.66) 62%, rgba(251,248,248,.05) 88%) !important; } body.page-id-97897 .meteor-hero .wp-block-cover__inner-container { width: calc(100% - 36px); } body.page-id-97897 .meteor-hero-content::before { margin-bottom: 16px; font-size: 10px; } body.page-id-97897 .meteor-hero h1 { font-size: clamp(47px, 14vw, 66px) !important; margin-bottom: 18px; } body.page-id-97897 .meteor-hero p { font-size: 17px !important; line-height: 1.45; } body.page-id-97897 .meteor-hero-buttons { margin-top: 22px; } body.page-id-97897 .meteor-hero-buttons .wp-block-button, body.page-id-97897 .meteor-hero-buttons .wp-block-button__link { width: 100%; text-align: center; justify-content: center; } body.page-id-97897 .meteor-trust-row { width: calc(100% - 32px); margin-top: 0 !important; padding: 8px 18px; } body.page-id-97897 .meteor-trust-row .wp-block-column { padding: 18px 6px; } body.page-id-97897 .meteor-trust-row .wp-block-column + .wp-block-column { border-left: 0; border-top: 1px solid rgba(17,17,19,.09); } body.page-id-97897 .meteor-section { padding-top: 72px; padding-bottom: 72px; } body.page-id-97897 .meteor-worlds { padding-top: 88px; } body.page-id-97897 .meteor-section h2 { font-size: clamp(37px, 11vw, 52px); } body.page-id-97897 .meteor-section-intro { font-size: 16px; margin-bottom: 36px; padding-inline: 12px; } body.page-id-97897 .meteor-world-grid-three > .wp-block-column, body.page-id-97897 .meteor-world-grid-three > .wp-block-column:nth-child(3) { flex-basis: 100% !important; } body.page-id-97897 .meteor-world-grid-three > .wp-block-column:nth-child(3) .meteor-world-card { display: block; padding-bottom: 20px; } body.page-id-97897 .meteor-world-grid-three > .wp-block-column:nth-child(3) .meteor-world-image { height: auto; margin-bottom: 0; } body.page-id-97897 .meteor-world-card .meteor-world-image img { height: auto !important; aspect-ratio: 4 / 5; } body.page-id-97897 .meteor-world-grid-three { margin-bottom: 24px; } body.page-id-97897 .meteor-text-world { min-height: 255px; padding: 30px; } body.page-id-97897 .meteor-discovery-card { min-height: 190px; } body.page-id-97897 .meteor-attitude .wp-block-columns { gap: 44px; } body.page-id-97897 .meteor-attitude-image { margin: 0 16px 18px 0; box-shadow: 12px 12px 0 #ef6685; } body.page-id-97897 .meteor-create { padding: 36px 24px; margin-left: 18px !important; margin-right: 18px !important; } } @media (max-width: 560px){ body.page-id-97897 .meteor-products .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } body.page-id-97897 .meteor-products .woocommerce ul.products li.product { padding: 8px 8px 14px; border-radius: 13px; } body.page-id-97897 .meteor-products .woocommerce ul.products li.product a img { padding: 7px; border-radius: 10px; } body.page-id-97897 .meteor-products .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 14px; } body.page-id-97897 .meteor-world-card h3 { font-size: 27px; } body.page-id-97897 .meteor-world-card::before { top: 22px; right: 22px; } } /* --- WPWriter addition --- */ /* METEOR-MEDIEN – Layout-QA: Container, Abstände und Buttonhöhen */ body.page-id-97897 .meteor-character-home { --meteor-container: 1280px; --meteor-gutter: 32px; --meteor-button-height: 52px; --meteor-product-button-height: 48px; } /* Gutenberg-/GREYD-Blockabstände auf Seitenebene neutralisieren */ body.page-id-97897 .meteor-character-home > * { margin-block-start: 0 !important; } body.page-id-97897 .meteor-character-home *, body.page-id-97897 .meteor-character-home *::before, body.page-id-97897 .meteor-character-home *::after { box-sizing: border-box; } /* Durchgängiges Container-Raster */ body.page-id-97897 .meteor-hero .wp-block-cover__inner-container, body.page-id-97897 .meteor-worlds, body.page-id-97897 .meteor-products, body.page-id-97897 .meteor-create, body.page-id-97897 .meteor-trust-row, body.page-id-97897 .meteor-find-world > .meteor-discovery-grid, body.page-id-97897 .meteor-attitude > .wp-block-columns { width: min(var(--meteor-container), calc(100% - (var(--meteor-gutter) * 2))) !important; max-width: var(--meteor-container) !important; margin-left: auto !important; margin-right: auto !important; } body.page-id-97897 .meteor-worlds, body.page-id-97897 .meteor-products, body.page-id-97897 .meteor-create, body.page-id-97897 .meteor-trust-row, body.page-id-97897 .meteor-find-world > .meteor-discovery-grid, body.page-id-97897 .meteor-attitude > .wp-block-columns { float: none !important; } /* Einheitliche Überschriften- und Intro-Abstände */ body.page-id-97897 .meteor-section > h2, body.page-id-97897 .meteor-attitude h2, body.page-id-97897 .meteor-create h2, body.page-id-97897 .meteor-newsletter h2 { margin-top: 0 !important; } body.page-id-97897 .meteor-section > h2 { margin-bottom: 20px !important; } body.page-id-97897 .meteor-section-intro { margin-top: 0 !important; margin-bottom: 48px !important; } body.page-id-97897 .meteor-world-grid, body.page-id-97897 .meteor-discovery-grid, body.page-id-97897 .meteor-attitude .wp-block-columns, body.page-id-97897 .meteor-create .wp-block-columns, body.page-id-97897 .meteor-trust-row .wp-block-columns { margin-top: 0 !important; } body.page-id-97897 .meteor-discovery-grid, body.page-id-97897 .meteor-attitude .wp-block-columns, body.page-id-97897 .meteor-create .wp-block-columns, body.page-id-97897 .meteor-trust-row .wp-block-columns { margin-bottom: 0 !important; } /* Einheitliches Gutenberg-Buttonsystem */ body.page-id-97897 .meteor-character-home .wp-block-buttons { align-items: stretch !important; column-gap: 12px !important; row-gap: 12px !important; } body.page-id-97897 .meteor-character-home .wp-block-button { display: flex !important; align-items: stretch !important; margin: 0 !important; } body.page-id-97897 .meteor-character-home .wp-block-button__link, body.page-id-97897 .meteor-character-home a.wp-element-button { height: var(--meteor-button-height) !important; min-height: var(--meteor-button-height) !important; padding: 0 25px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1.2 !important; font-weight: 700 !important; text-align: center !important; border-radius: 7px !important; } body.page-id-97897 .meteor-hero-buttons .wp-block-button__link { min-height: var(--meteor-button-height) !important; } body.page-id-97897 .meteor-products > .wp-block-buttons { margin-top: 40px !important; } body.page-id-97897 .meteor-attitude .wp-block-buttons { margin-top: 28px !important; } body.page-id-97897 .meteor-newsletter .wp-block-buttons { margin-top: 28px !important; } /* Beide CTA-Buttons immer identisch breit und hoch */ body.page-id-97897 .meteor-create .wp-block-buttons, body.page-id-97897 .meteor-create .wp-block-button, body.page-id-97897 .meteor-create .wp-block-button__link { width: 100% !important; } body.page-id-97897 .meteor-create .wp-block-buttons { gap: 12px !important; margin: 0 !important; } /* WooCommerce-Karten und Buttons auf gleiche Höhe bringen */ body.page-id-97897 .meteor-products .woocommerce ul.products li.product { display: flex !important; flex-direction: column !important; height: 100% !important; } body.page-id-97897 .meteor-products .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link, body.page-id-97897 .meteor-products .woocommerce ul.products li.product > a.woocommerce-loop-product__link { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; width: 100% !important; } body.page-id-97897 .meteor-products .woocommerce ul.products li.product .price { margin-top: auto !important; } body.page-id-97897 .meteor-products .woocommerce ul.products li.product .button, body.page-id-97897 .meteor-products .woocommerce ul.products li.product a.button { height: var(--meteor-product-button-height) !important; min-height: var(--meteor-product-button-height) !important; padding: 0 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 12px !important; line-height: 1.15 !important; font-weight: 700 !important; text-align: center !important; border-radius: 7px !important; } /* Innenabstände und Rasterkanten angleichen */ body.page-id-97897 .meteor-world-grid, body.page-id-97897 .meteor-discovery-grid { width: 100% !important; max-width: none !important; } body.page-id-97897 .meteor-world-grid > .wp-block-column, body.page-id-97897 .meteor-discovery-grid > .wp-block-column { min-width: 0; } body.page-id-97897 .meteor-create { padding: clamp(42px, 5vw, 64px) !important; } body.page-id-97897 .meteor-create .wp-block-columns { gap: clamp(30px, 5vw, 64px) !important; } body.page-id-97897 .meteor-attitude > .wp-block-columns { padding-left: 0 !important; padding-right: 0 !important; } body.page-id-97897 .meteor-trust-row { padding-left: 22px !important; padding-right: 22px !important; } body.page-id-97897 .meteor-newsletter > h2, body.page-id-97897 .meteor-newsletter > p, body.page-id-97897 .meteor-newsletter > .wp-block-buttons { width: min(900px, calc(100% - (var(--meteor-gutter) * 2))) !important; margin-left: auto !important; margin-right: auto !important; } body.page-id-97897 .meteor-newsletter > p { margin-top: 0 !important; } @media (max-width: 1100px){ body.page-id-97897 .meteor-character-home { --meteor-gutter: 24px; } body.page-id-97897 .meteor-world-grid-three > .wp-block-column:nth-child(3) .meteor-world-card { min-height: 430px; } } @media (max-width: 781px){ body.page-id-97897 .meteor-character-home { --meteor-gutter: 18px; --meteor-button-height: 52px; } body.page-id-97897 .meteor-hero .wp-block-cover__inner-container, body.page-id-97897 .meteor-worlds, body.page-id-97897 .meteor-products, body.page-id-97897 .meteor-create, body.page-id-97897 .meteor-trust-row, body.page-id-97897 .meteor-find-world > .meteor-discovery-grid, body.page-id-97897 .meteor-attitude > .wp-block-columns { width: calc(100% - (var(--meteor-gutter) * 2)) !important; } body.page-id-97897 .meteor-create { margin-left: auto !important; margin-right: auto !important; padding: 34px 24px !important; } body.page-id-97897 .meteor-create .wp-block-columns { gap: 26px !important; } body.page-id-97897 .meteor-trust-row { padding-left: 18px !important; padding-right: 18px !important; } body.page-id-97897 .meteor-section-intro { margin-bottom: 36px !important; padding-left: 0 !important; padding-right: 0 !important; } body.page-id-97897 .meteor-hero-buttons, body.page-id-97897 .meteor-hero-buttons .wp-block-button, body.page-id-97897 .meteor-hero-buttons .wp-block-button__link { width: 100% !important; } body.page-id-97897 .meteor-attitude-image { margin-left: 0 !important; } } @media (max-width: 560px){ body.page-id-97897 .meteor-character-home { --meteor-gutter: 16px; --meteor-product-button-height: 46px; } body.page-id-97897 .meteor-character-home .wp-block-button__link, body.page-id-97897 .meteor-character-home a.wp-element-button { padding-left: 18px !important; padding-right: 18px !important; } body.page-id-97897 .meteor-products .woocommerce ul.products li.product .button, body.page-id-97897 .meteor-products .woocommerce ul.products li.product a.button { padding-left: 7px !important; padding-right: 7px !important; font-size: 13px !important; } } /* --- WPWriter addition --- */ /* METEOR-MEDIEN – Character Cards: sichere Text-Innenabstände gegen GREYD align-constrained */ body.page-id-97897 .meteor-world-grid-three .meteor-world-card > h3.wp-block-heading { width: 100% !important; max-width: none !important; margin: 24px 0 8px !important; padding: 0 26px !important; } body.page-id-97897 .meteor-world-grid-three .meteor-world-card > p:not(.meteor-world-symbol) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 26px 6px !important; } body.page-id-97897 .meteor-world-grid-three .meteor-world-card > h3.wp-block-heading a { display: block; width: 100%; } @media (max-width: 560px){ body.page-id-97897 .meteor-world-grid-three .meteor-world-card > h3.wp-block-heading { padding-left: 22px !important; padding-right: 22px !important; } body.page-id-97897 .meteor-world-grid-three .meteor-world-card > p:not(.meteor-world-symbol) { padding-left: 22px !important; padding-right: 22px !important; } } /* --- WPWriter addition --- */ /* ========================================================= MOBILE – EINHEITLICHE SCROLL- UND BREITENLOGIK – 31.07.2026 Verhindert verschachtelte Scrollflächen und mobilen Überlauf. ========================================================= */ @media (max-width: 800px){ html, body { max-width: 100% !important; overflow-x: hidden !important; overflow-x: clip !important; } body .wp-site-blocks { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow-x: hidden !important; overflow-x: clip !important; } #wpadminbar { max-width: 100vw !important; overflow-x: hidden !important; } } /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ @media (min-width: 1101px){ /* Linke Spalte: Hauptbereiche */ /* Mittlere Spalte: echte vorhandene Charakterwelten */ /* Rechte Spalte: große CTA-Karte, funktional mit echtem Designservice-Link */ } /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* WordPress-Adminleiste auf Smartphones: 46 px */ /* WordPress-Adminleiste auf Tablets: 32 px */ /* --- WPWriter addition --- */ @media (max-width: 1100px){ /* X gehört zur Menüfläche – keine viewportabhängige Fehlposition mehr. */ } /* Smartphone: Unterkategorien zuverlässig auf- und zuklappen. */ /* --- WPWriter addition --- */ /* ========================================================= PRODUKTDETAIL V2.0 – CHARAKTERWELT & EMOTIONAL Meteor-Medien / Greyd + WooCommerce ========================================================= */ body.single-product { overflow-x: clip !important; } body.single-product main#wp--skip-link--target { padding-top: clamp(14px, 2vw, 28px) !important; } body.single-product main#wp--skip-link--target > .wp-block-breadcrumbs, body.single-product main#wp--skip-link--target > .wc-block-store-notices, body.single-product main#wp--skip-link--target > .wp-block-columns, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-details, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection { width: min(calc(100% - 64px), 1244px) !important; max-width: 1244px !important; margin-left: auto !important; margin-right: auto !important; } body.single-product main#wp--skip-link--target > .wp-block-breadcrumbs { margin-bottom: 18px !important; color: #6c7274 !important; } body.single-product main#wp--skip-link--target > .wp-block-breadcrumbs a { color: #187f86 !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; } body.single-product main#wp--skip-link--target > .wp-block-columns.alignwide { align-items: stretch !important; gap: clamp(26px, 3.5vw, 50px) !important; margin-top: 0 !important; margin-bottom: 48px !important; padding: clamp(26px, 3.2vw, 44px) !important; border: 1px solid rgba(8, 143, 151, 0.12) !important; border-radius: 28px !important; background: radial-gradient(circle at 8% 12%, rgba(255,255,255,.76) 0 8%, transparent 28%), linear-gradient(135deg, #edf9fa 0%, #dceff3 100%) !important; box-shadow: 0 22px 55px rgba(20, 78, 84, 0.10) !important; overflow: hidden !important; } body.single-product main#wp--skip-link--target > .wp-block-columns > .wp-block-column:first-child { flex: 1.08 1 0 !important; min-width: 0 !important; max-width: 56% !important; margin: 0 !important; } body.single-product main#wp--skip-link--target > .wp-block-columns > .wp-block-column:last-child { flex: .92 1 0 !important; min-width: 0 !important; max-width: 44% !important; margin: 0 !important; padding: clamp(26px, 3vw, 40px) !important; border: 1px solid rgba(16, 78, 84, 0.10) !important; border-radius: 22px !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 16px 36px rgba(25, 81, 87, 0.10) !important; align-self: stretch !important; } /* Produktgalerie */ body.single-product .wp-block-woocommerce-product-image-gallery, body.single-product .woocommerce-product-gallery { width: 100% !important; max-width: none !important; margin: 0 !important; } body.single-product .woocommerce-product-gallery { padding: 14px !important; border: 1px solid rgba(12, 141, 149, .10) !important; border-radius: 22px !important; background: rgba(255,255,255,.50) !important; } body.single-product .woocommerce-product-gallery .flex-viewport { width: 100% !important; border-radius: 17px !important; background: #fff !important; overflow: hidden !important; } body.single-product .woocommerce-product-gallery__wrapper, body.single-product .woocommerce-product-gallery__image, body.single-product .woocommerce-product-gallery__image a { min-width: 0 !important; max-width: 100% !important; } body.single-product .woocommerce-product-gallery__image img { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: contain !important; object-position: center !important; border-radius: 17px !important; } body.single-product .woocommerce-product-gallery__trigger { top: 25px !important; right: 25px !important; z-index: 8 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; border: 1px solid rgba(12, 141, 149, .20) !important; border-radius: 50% !important; background: rgba(255,255,255,.94) !important; color: #078f97 !important; box-shadow: 0 8px 20px rgba(15,75,81,.12) !important; } body.single-product .flex-control-thumbs { display: flex !important; flex-wrap: nowrap !important; gap: 10px !important; width: 100% !important; margin: 12px 0 0 !important; padding: 2px 1px 5px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x proximity !important; scrollbar-width: thin !important; scrollbar-color: #8ecbd0 transparent !important; } body.single-product .flex-control-thumbs li { flex: 0 0 70px !important; width: 70px !important; height: 70px !important; margin: 0 !important; scroll-snap-align: start !important; } body.single-product .flex-control-thumbs img { display: block !important; width: 70px !important; height: 70px !important; padding: 0 !important; border: 2px solid transparent !important; border-radius: 11px !important; background: #fff !important; object-fit: cover !important; opacity: .72 !important; transition: border-color .2s ease, opacity .2s ease !important; } body.single-product .flex-control-thumbs img.flex-active, body.single-product .flex-control-thumbs img:hover { border-color: #07939a !important; opacity: 1 !important; } body.single-product main#wp--skip-link--target > .wp-block-columns > .wp-block-column:first-child > p.has-tiny-font-size { margin: 12px 5px 0 !important; padding: 10px 12px !important; border-radius: 10px !important; background: rgba(255,255,255,.58) !important; color: #5e686a !important; font-size: 11px !important; line-height: 1.45 !important; } /* Produktinformation und emotionale Charakterzeile */ body.single-product main#wp--skip-link--target > .wp-block-columns .wp-block-post-title { margin: 0 0 16px !important; font-size: clamp(34px, 3.4vw, 48px) !important; line-height: 1.04 !important; letter-spacing: -1.35px !important; text-wrap: balance !important; } body.single-product main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::before { content: "Für deine Charakterwelt"; display: block !important; margin-bottom: 12px !important; color: #078f97 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .13em !important; text-transform: uppercase !important; } body.single-product main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::after { content: "Mit Charakter gestaltet. Für deinen Alltag gemacht."; display: block !important; margin-top: 15px !important; color: #116f75 !important; font-size: clamp(17px, 1.55vw, 21px) !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: -.25px !important; } body.single-product.product_cat-blaues-einhorn main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::before { content: "Für kleine Fantasiewelten"; } body.single-product.product_cat-blaues-einhorn main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::after { content: "Magisch, frei und bereit für kleine Abenteuer."; } body.single-product.product_cat-rosa-t-rex main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::before { content: "Rosa, wild und wunderbar"; } body.single-product.product_cat-rosa-t-rex main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::after { content: "Wild, stark und wunderbar rosa."; } body.single-product.product_cat-death-metal-fee main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::before { content: "Für kleine und große Rockstars"; } body.single-product.product_cat-death-metal-fee main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::after { content: "Feenglitzer trifft auf harte Töne."; } body.single-product.product_cat-nerd main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::before { content: "Kreativ, clever und besonders"; } body.single-product.product_cat-kutullu main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::before { content: "Aus der Welt von Kutullu"; } body.single-product .wp-block-post-excerpt { margin: 0 0 17px !important; } body.single-product .wp-block-post-excerpt__excerpt { display: -webkit-box !important; margin: 0 !important; overflow: hidden !important; color: #475255 !important; font-size: 15px !important; line-height: 1.55 !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 4 !important; } body.single-product .wp-block-woocommerce-product-price { margin: 0 0 18px !important; } body.single-product .wp-block-woocommerce-product-price::before { content: "Charakterstarke Motive · Produktdetails transparent · Für deinen Alltag"; display: block !important; margin: 0 0 15px !important; padding: 10px 12px !important; border: 1px solid #bfe0e2 !important; border-radius: 11px !important; background: #eaf6f7 !important; color: #087b82 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.45 !important; } body.single-product.postid-96194 .wp-block-woocommerce-product-price::before { content: "100 % Bio-Baumwolle · Weich & dehnbar · Nickelfreie Druckknöpfe"; } body.single-product .wp-block-woocommerce-product-price .woocommerce-Price-amount { color: #151719 !important; font-size: clamp(29px, 2.4vw, 36px) !important; font-weight: 800 !important; line-height: 1 !important; } /* Auswahl und Warenkorb */ body.single-product .wp-block-add-to-cart-form, body.single-product .wc-block-add-to-cart-form { width: 100% !important; margin: 0 !important; } body.single-product form.cart, body.single-product form.variations_form.cart { display: block !important; width: 100% !important; margin: 0 !important; } body.single-product table.variations, body.single-product table.variations tbody, body.single-product table.variations tr, body.single-product table.variations th, body.single-product table.variations td { display: block !important; width: 100% !important; } body.single-product table.variations { margin: 0 0 9px !important; border: 0 !important; } body.single-product table.variations th.label, body.single-product table.variations td.value { padding: 0 !important; border: 0 !important; text-align: left !important; } body.single-product table.variations th.label label { display: block !important; margin: 0 0 8px !important; color: #202527 !important; font-size: 14px !important; font-weight: 750 !important; } body.single-product table.variations select { width: 100% !important; min-width: 0 !important; height: 52px !important; margin: 0 !important; padding: 0 44px 0 14px !important; border: 1.5px solid #15949b !important; border-radius: 11px !important; background-color: #fff !important; color: #182022 !important; font-size: 15px !important; font-weight: 650 !important; box-shadow: none !important; } body.single-product table.variations .reset_variations { display: inline-block !important; margin-top: 6px !important; color: #687376 !important; font-size: 12px !important; } body.single-product .single_variation_wrap > a[href="javascript:"] { display: inline-flex !important; align-items: center !important; min-height: 28px !important; margin: 0 0 10px !important; color: #087f86 !important; font-size: 0 !important; font-weight: 700 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } body.single-product .single_variation_wrap > a[href="javascript:"]::before { content: "↔"; margin-right: 7px !important; font-size: 15px !important; text-decoration: none !important; } body.single-product .single_variation_wrap > a[href="javascript:"]::after { content: "Größentabelle"; font-size: 13px !important; } body.single-product .woocommerce-variation-add-to-cart, body.single-product form.cart:not(.variations_form) { grid-template-columns: 70px minmax(0, 1fr) !important; gap: 11px !important; align-items: stretch !important; width: 100% !important; } body.single-product .woocommerce-variation-add-to-cart { display: grid !important; } body.single-product form.cart:not(.variations_form) { display: grid !important; } body.single-product .quantity, body.single-product .quantity input.qty { width: 70px !important; min-width: 70px !important; height: 54px !important; } body.single-product .quantity input.qty { margin: 0 !important; padding: 0 6px !important; border: 1px solid #ccd7d8 !important; border-radius: 11px !important; background: #fff !important; color: #1d2426 !important; font-size: 15px !important; font-weight: 700 !important; text-align: center !important; } body.single-product button.single_add_to_cart_button, body.single-product .single_add_to_cart_button.button { width: 100% !important; min-width: 0 !important; min-height: 54px !important; margin: 0 !important; padding: 0 18px !important; border: 1px solid #ff6d62 !important; border-radius: 11px !important; background: linear-gradient(135deg, #ff766c 0%, #ff5f54 100%) !important; color: #fff !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.2 !important; box-shadow: 0 10px 22px rgba(255, 99, 87, .23) !important; } body.single-product button.single_add_to_cart_button:hover, body.single-product .single_add_to_cart_button.button:hover { transform: translateY(-1px) !important; background: linear-gradient(135deg, #ff685d 0%, #f85046 100%) !important; box-shadow: 0 12px 26px rgba(255, 99, 87, .30) !important; } body.single-product .wp-block-add-to-cart-form::after { content: "✓ Produktdetails transparent\A✓ Sorgfältig ausgewählte Materialien\A✓ 2 Jahre Gewährleistung"; display: block !important; margin-top: 16px !important; padding: 14px 15px !important; border: 1px solid #d6e8e9 !important; border-radius: 12px !important; background: #f5fbfb !important; color: #496164 !important; font-size: 12px !important; font-weight: 650 !important; line-height: 1.75 !important; white-space: pre-line !important; } body.single-product.postid-96194 .wp-block-add-to-cart-form::after { content: "✓ 100 % zertifizierte Bio-Baumwolle\A✓ Weicher, dehnbarer Stoff\A✓ Nickelfreie Druckknöpfe"; } body.single-product .wcpay-express-checkout-wrapper, body.single-product .ppcp-messages, body.single-product .ppc-button-wrapper { max-width: 100% !important; margin-top: 12px !important; } /* Beschreibung und verwandte Produkte */ body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-details { margin-top: 0 !important; margin-bottom: 54px !important; padding: clamp(24px, 3vw, 38px) !important; border: 1px solid #e1e5e5 !important; border-radius: 22px !important; background: #fff !important; box-shadow: 0 14px 34px rgba(24, 43, 45, .06) !important; } body.single-product .wp-block-woocommerce-product-details .wc-tabs { gap: 10px !important; margin-bottom: 26px !important; padding-bottom: 12px !important; border-bottom: 1px solid #e1e6e6 !important; } body.single-product .wp-block-woocommerce-product-details .wc-tabs li a { min-height: 44px !important; padding: 11px 16px !important; border-radius: 10px !important; color: #4f5b5d !important; font-weight: 700 !important; } body.single-product .wp-block-woocommerce-product-details .wc-tabs li.active a { background: #eaf6f7 !important; color: #07848b !important; } body.single-product .woocommerce-Tabs-panel, body.single-product .woocommerce-Tabs-panel p, body.single-product .woocommerce-Tabs-panel li { color: #3f494b !important; font-size: 15px !important; line-height: 1.65 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection { margin-top: 0 !important; margin-bottom: 70px !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection > h2 { margin-bottom: 24px !important; font-size: clamp(28px, 3vw, 38px) !important; line-height: 1.1 !important; letter-spacing: -.7px !important; } body.single-product .wc-block-product-template > li { padding: 12px 12px 18px !important; border: 1px solid #e7e5e0 !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 10px 24px rgba(25, 35, 36, .05) !important; overflow: hidden !important; } body.single-product .wc-block-product-template img { border-radius: 12px !important; object-fit: contain !important; } body.single-product .wc-block-product-template .wp-block-post-title { min-height: 3em !important; margin-top: 12px !important; font-size: 16px !important; line-height: 1.35 !important; } /* Tablet */ @media (max-width: 980px){ body.single-product main#wp--skip-link--target > .wp-block-breadcrumbs, body.single-product main#wp--skip-link--target > .wc-block-store-notices, body.single-product main#wp--skip-link--target > .wp-block-columns, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-details, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection { width: min(calc(100% - 32px), 1244px) !important; } body.single-product main#wp--skip-link--target > .wp-block-columns.alignwide { flex-direction: column !important; gap: 18px !important; padding: 18px !important; border-radius: 22px !important; } body.single-product main#wp--skip-link--target > .wp-block-columns > .wp-block-column:first-child, body.single-product main#wp--skip-link--target > .wp-block-columns > .wp-block-column:last-child { flex-basis: auto !important; width: 100% !important; max-width: 100% !important; } body.single-product main#wp--skip-link--target > .wp-block-columns > .wp-block-column:last-child { padding: clamp(21px, 5vw, 34px) !important; border-radius: 18px !important; } body.single-product main#wp--skip-link--target > .wp-block-columns .wp-block-post-title { font-size: clamp(31px, 6vw, 44px) !important; } body.single-product .wp-block-post-excerpt__excerpt { -webkit-line-clamp: 3 !important; } body.single-product .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Mobil */ @media (max-width: 600px){ body.single-product main#wp--skip-link--target { padding-top: 10px !important; } body.single-product main#wp--skip-link--target > .wp-block-breadcrumbs { margin-bottom: 11px !important; overflow-x: auto !important; font-size: 11px !important; line-height: 1.4 !important; white-space: nowrap !important; scrollbar-width: none !important; } body.single-product main#wp--skip-link--target > .wp-block-columns.alignwide { width: calc(100% - 20px) !important; margin-bottom: 30px !important; padding: 10px !important; border-radius: 19px !important; } body.single-product .woocommerce-product-gallery { padding: 8px !important; border-radius: 16px !important; } body.single-product .woocommerce-product-gallery .flex-viewport, body.single-product .woocommerce-product-gallery__image img { border-radius: 13px !important; } body.single-product .woocommerce-product-gallery__trigger { top: 16px !important; right: 16px !important; width: 38px !important; height: 38px !important; } body.single-product .flex-control-thumbs { gap: 7px !important; margin-top: 8px !important; } body.single-product .flex-control-thumbs li, body.single-product .flex-control-thumbs img { flex-basis: 58px !important; width: 58px !important; height: 58px !important; border-radius: 9px !important; } body.single-product main#wp--skip-link--target > .wp-block-columns > .wp-block-column:first-child > p.has-tiny-font-size { margin: 8px 2px 0 !important; padding: 8px 9px !important; font-size: 9px !important; } body.single-product main#wp--skip-link--target > .wp-block-columns > .wp-block-column:last-child { padding: 21px 17px 20px !important; border-radius: 16px !important; } body.single-product main#wp--skip-link--target > .wp-block-columns .wp-block-post-title { margin-bottom: 13px !important; font-size: clamp(27px, 8.2vw, 34px) !important; line-height: 1.07 !important; letter-spacing: -.75px !important; } body.single-product main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::before { margin-bottom: 8px !important; font-size: 10px !important; } body.single-product main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::after { margin-top: 10px !important; font-size: 16px !important; } body.single-product .wp-block-post-excerpt__excerpt { font-size: 13px !important; line-height: 1.5 !important; -webkit-line-clamp: 3 !important; } body.single-product .wp-block-woocommerce-product-price::before { margin-bottom: 12px !important; padding: 8px 9px !important; font-size: 10px !important; } body.single-product .wp-block-woocommerce-product-price .woocommerce-Price-amount { font-size: 28px !important; } body.single-product table.variations select { height: 48px !important; font-size: 14px !important; } body.single-product .woocommerce-variation-add-to-cart, body.single-product form.cart:not(.variations_form) { grid-template-columns: 58px minmax(0, 1fr) !important; gap: 8px !important; } body.single-product .quantity, body.single-product .quantity input.qty { width: 58px !important; min-width: 58px !important; height: 52px !important; } body.single-product button.single_add_to_cart_button, body.single-product .single_add_to_cart_button.button { min-height: 52px !important; padding: 0 11px !important; font-size: 13px !important; } body.single-product .wp-block-add-to-cart-form::after { margin-top: 13px !important; padding: 11px 12px !important; font-size: 10px !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-details { width: calc(100% - 20px) !important; margin-bottom: 38px !important; padding: 18px 15px !important; border-radius: 16px !important; } body.single-product .wp-block-woocommerce-product-details .wc-tabs { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; } body.single-product .wp-block-woocommerce-product-details .wc-tabs li a { min-height: 38px !important; padding: 9px 10px !important; font-size: 12px !important; } body.single-product .woocommerce-Tabs-panel, body.single-product .woocommerce-Tabs-panel p, body.single-product .woocommerce-Tabs-panel li { font-size: 13px !important; line-height: 1.6 !important; overflow-wrap: anywhere !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection { width: calc(100% - 20px) !important; margin-bottom: 50px !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection > h2 { margin-bottom: 18px !important; font-size: 28px !important; } body.single-product .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } body.single-product .wc-block-product-template > li { padding: 8px 8px 13px !important; border-radius: 12px !important; } body.single-product .wc-block-product-template .wp-block-post-title { min-height: 0 !important; font-size: 12px !important; } } /* --- WPWriter addition --- */ /* PRODUKTDETAIL V2.1 – DESKTOP-KAUFBEREICH KOMPAKTER */ @media (min-width: 981px){ body.single-product main#wp--skip-link--target > .wp-block-columns > .wp-block-column:last-child { padding: 32px !important; } body.single-product main#wp--skip-link--target > .wp-block-columns .wp-block-post-title { margin-bottom: 12px !important; font-size: clamp(36px, 3vw, 42px) !important; line-height: 1.03 !important; } body.single-product main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::before { margin-bottom: 8px !important; } body.single-product main#wp--skip-link--target > .wp-block-columns .wp-block-post-title::after { margin-top: 10px !important; font-size: 18px !important; line-height: 1.25 !important; } body.single-product .wp-block-post-excerpt { margin-bottom: 12px !important; } body.single-product .wp-block-post-excerpt__excerpt { -webkit-line-clamp: 2 !important; } body.single-product .wp-block-woocommerce-product-price { margin-bottom: 13px !important; } body.single-product .wp-block-woocommerce-product-price::before { margin-bottom: 10px !important; padding: 8px 10px !important; } body.single-product table.variations { margin-bottom: 5px !important; } body.single-product table.variations .reset_variations { display: none !important; } body.single-product .single_variation_wrap > a[href="javascript:"] { min-height: 24px !important; margin-bottom: 5px !important; } } @media (max-width: 980px){ body.single-product table.variations .reset_variations { display: none !important; } } /* --- WPWriter addition --- */ /* Meteor-Medien – Warenkorb Variante 2 (Charakterwelt) – 2026-07-31 */ body.woocommerce-cart { --mm-cart-max: 1244px; --mm-cart-teal: #07979d; --mm-cart-teal-dark: #057f85; --mm-cart-coral: #ff6b66; --mm-cart-ink: #222329; --mm-cart-blue: #eaf7fb; --mm-cart-line: #dce7e8; --mm-cart-soft: #f7f5f0; overflow-x: clip; } body.woocommerce-cart main.wp-block-group { width: 100% !important; max-width: none !important; padding-inline: 0 !important; } body.woocommerce-cart main > .wp-block-post-title, body.woocommerce-cart main > .wp-block-post-content { box-sizing: border-box !important; width: min(var(--mm-cart-max), calc(100% - 64px)) !important; max-width: var(--mm-cart-max) !important; margin-inline: auto !important; } /* Hero und Checkout-Fortschritt */ body.woocommerce-cart main > h1.wp-block-post-title { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: 218px !important; margin-top: 44px !important; margin-bottom: 30px !important; padding: 34px 40px !important; overflow: hidden !important; border: 1px solid #cfe7ec !important; border-radius: 24px !important; background: radial-gradient(circle at 91% 25%, rgba(255,255,255,.84) 0 58px, transparent 59px), radial-gradient(circle at 82% 78%, rgba(255,255,255,.54) 0 90px, transparent 91px), linear-gradient(120deg, #e7f7fb 0%, #d9f1f5 100%) !important; color: transparent !important; font-size: 0 !important; line-height: 1 !important; box-shadow: 0 18px 45px rgba(28, 75, 82, .09) !important; } body.woocommerce-cart main > h1.wp-block-post-title::before { content: "Deine Charaktere sind bereit"; position: relative; z-index: 1; display: block; max-width: 760px; color: var(--mm-cart-ink); font-size: clamp(34px, 4vw, 54px); font-weight: 800; line-height: 1.04; letter-spacing: -.035em; } body.woocommerce-cart main > h1.wp-block-post-title::after { content: "Noch ein Schritt bis zu deiner Bestellung.\A\A 1 Warenkorb — 2 Kasse — 3 Bestellung"; position: relative; z-index: 1; display: block; margin-top: 16px; color: #3d5257; font-size: 16px; font-weight: 600; line-height: 1.45; letter-spacing: 0; white-space: pre-line; } body.woocommerce-cart main > .wp-block-post-content { margin-bottom: 76px !important; } body.woocommerce-cart .wp-block-woocommerce-cart.alignwide { width: 100% !important; max-width: none !important; margin: 0 !important; } /* Gefüllter Warenkorb */ body.woocommerce-cart .wc-block-cart { align-items: start !important; gap: 28px !important; margin: 0 !important; } body.woocommerce-cart .wc-block-cart__main { width: calc(66.666% - 14px) !important; padding-right: 0 !important; } body.woocommerce-cart .wc-block-cart__sidebar { position: relative !important; width: calc(33.333% - 14px) !important; margin: 0 !important; padding: 28px !important; border: 0 !important; border-radius: 24px !important; background: linear-gradient(145deg, var(--mm-cart-teal-dark), #0aa6aa) !important; color: #fff !important; box-shadow: 0 22px 44px rgba(0, 126, 132, .19) !important; } body.woocommerce-cart .wc-block-cart__sidebar > h2, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-cart__totals-title { margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; color: #fff !important; font-size: 24px !important; font-weight: 800 !important; line-height: 1.15 !important; text-align: left !important; } body.woocommerce-cart table.wc-block-cart-items { width: 100% !important; margin: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 16px !important; } body.woocommerce-cart table.wc-block-cart-items thead { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; } body.woocommerce-cart table.wc-block-cart-items td { padding: 22px !important; border-top: 1px solid var(--mm-cart-line) !important; border-bottom: 1px solid var(--mm-cart-line) !important; background: #fff !important; vertical-align: middle !important; } body.woocommerce-cart table.wc-block-cart-items td:first-child { border-left: 6px solid var(--mm-cart-teal) !important; border-radius: 18px 0 0 18px !important; } body.woocommerce-cart table.wc-block-cart-items td:last-child { border-right: 1px solid var(--mm-cart-line) !important; border-radius: 0 18px 18px 0 !important; } body.woocommerce-cart .wc-block-cart-item__image { width: 150px !important; padding-right: 24px !important; } body.woocommerce-cart .wc-block-cart-item__image img { width: 142px !important; height: 142px !important; padding: 8px !important; border-radius: 14px !important; background: #f5f8f8 !important; object-fit: contain !important; } body.woocommerce-cart .wc-block-components-product-name { color: var(--mm-cart-ink) !important; font-size: 19px !important; font-weight: 750 !important; line-height: 1.25 !important; text-decoration: none !important; } body.woocommerce-cart .wc-block-cart-item__prices, body.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper { color: var(--mm-cart-ink) !important; font-size: 17px !important; font-weight: 750 !important; } body.woocommerce-cart .wc-block-components-product-metadata { max-width: 48ch !important; margin-top: 8px !important; color: #677377 !important; font-size: 13px !important; line-height: 1.45 !important; } body.woocommerce-cart .wc-block-components-quantity-selector { height: 44px !important; margin-top: 16px !important; overflow: hidden !important; border: 1px solid #cddadb !important; border-radius: 10px !important; background: #fff !important; } body.woocommerce-cart .wc-block-components-quantity-selector input, body.woocommerce-cart .wc-block-components-quantity-selector button { min-width: 42px !important; height: 42px !important; padding: 0 !important; border: 0 !important; color: var(--mm-cart-ink) !important; font-size: 17px !important; line-height: 42px !important; } body.woocommerce-cart .wc-block-cart-item__remove-link { min-width: 0 !important; min-height: 0 !important; margin: 15px 0 0 !important; padding: 0 0 2px !important; border: 0 !important; border-bottom: 1px solid currentColor !important; border-radius: 0 !important; background: transparent !important; color: #d84f4c !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; } body.woocommerce-cart .wc-block-cart-item__remove-link::after { content: "Entfernen"; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-panel, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item { margin: 0 0 10px !important; padding: 17px 18px !important; border: 0 !important; border-radius: 13px !important; background: #fff !important; color: var(--mm-cart-ink) !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper * { color: var(--mm-cart-ink) !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-panel__button { min-height: 44px !important; padding: 0 !important; color: var(--mm-cart-ink) !important; font-size: 15px !important; font-weight: 750 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__form input { min-height: 48px !important; border: 1px solid #cddadb !important; border-radius: 9px !important; background: #fff !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__button { min-height: 48px !important; border-radius: 9px !important; background: var(--mm-cart-ink) !important; color: #fff !important; } body.woocommerce-cart .wc-block-cart__submit-container { margin-top: 18px !important; } body.woocommerce-cart .wc-block-cart__submit-button { min-height: 56px !important; border: 2px solid #fff !important; border-radius: 11px !important; background: var(--mm-cart-coral) !important; color: #fff !important; font-size: 17px !important; font-weight: 800 !important; box-shadow: none !important; } body.woocommerce-cart .wc-block-cart__submit-button:hover, body.woocommerce-cart .wc-block-cart__submit-button:focus-visible { background: #ee5b57 !important; transform: translateY(-1px); } body.woocommerce-cart .wc-block-cart__sidebar::after { content: "✓ Sichere Zahlung\A✓ Klare Produktinformationen\A✓ Persönlicher Kundenservice"; display: block; margin-top: 22px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.38); color: #fff; font-size: 14px; font-weight: 650; line-height: 2; white-space: pre-line; } /* Leerer Warenkorb */ body.woocommerce-cart .wp-block-woocommerce-empty-cart-block { margin: 0 !important; padding: 0 !important; } body.woocommerce-cart .wc-block-cart__empty-cart__title { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-height: 255px !important; margin: 0 0 52px !important; padding: 46px 24px 38px !important; border: 1px solid #cfe7ec !important; border-radius: 22px !important; background: linear-gradient(135deg, #eef9fb, #e1f4f7) !important; color: var(--mm-cart-ink) !important; font-size: clamp(27px, 3vw, 38px) !important; font-weight: 800 !important; line-height: 1.15 !important; letter-spacing: -.025em !important; box-shadow: 0 18px 42px rgba(28,75,82,.08) !important; } body.woocommerce-cart .wc-block-cart__empty-cart__title::before { width: 58px !important; height: 58px !important; margin: 0 auto 20px !important; color: var(--mm-cart-teal) !important; font-size: 58px !important; line-height: 1 !important; } body.woocommerce-cart .wc-block-cart__empty-cart__title::after { content: "Finde deinen nächsten Lieblingscharakter und starte neu."; display: block; max-width: 560px; margin-top: 12px; color: #53686c; font-size: 16px; font-weight: 500; line-height: 1.45; letter-spacing: 0; } body.woocommerce-cart .wp-block-woocommerce-empty-cart-block > .wp-block-separator { display: none !important; } body.woocommerce-cart .wp-block-woocommerce-empty-cart-block > h2:not(.wc-block-cart__empty-cart__title) { margin: 0 0 24px !important; color: var(--mm-cart-ink) !important; font-size: clamp(28px, 3vw, 40px) !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: -.03em !important; text-align: left !important; } body.woocommerce-cart .wp-block-woocommerce-empty-cart-block > h2:not(.wc-block-cart__empty-cart__title)::before { content: "Noch mehr Charakter für dich"; display: block; color: transparent; font-size: 0; } body.woocommerce-cart .wc-block-grid.has-4-columns .wc-block-grid__products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-cart .wc-block-grid__product { width: auto !important; max-width: none !important; margin: 0 !important; padding: 14px 14px 18px !important; overflow: hidden !important; border: 1px solid var(--mm-cart-line) !important; border-radius: 17px !important; background: #fff !important; text-align: left !important; box-shadow: 0 10px 28px rgba(35,52,56,.08) !important; } body.woocommerce-cart .wc-block-grid__product-image { margin: 0 0 16px !important; overflow: hidden !important; border-radius: 12px !important; background: #f3f7f7 !important; } body.woocommerce-cart .wc-block-grid__product-image img { width: 100% !important; height: 230px !important; padding: 8px !important; object-fit: contain !important; } body.woocommerce-cart .wc-block-grid__product-title { min-height: 48px !important; margin: 0 0 8px !important; color: var(--mm-cart-ink) !important; font-size: 16px !important; font-weight: 750 !important; line-height: 1.35 !important; } body.woocommerce-cart .wc-block-grid__product-price { margin-bottom: 14px !important; color: var(--mm-cart-ink) !important; font-size: 15px !important; font-weight: 700 !important; } body.woocommerce-cart .wc-block-grid__product-add-to-cart a { min-height: 46px !important; padding: 12px 16px !important; border-radius: 9px !important; background: var(--mm-cart-coral) !important; color: #fff !important; font-size: 14px !important; font-weight: 750 !important; line-height: 20px !important; text-decoration: none !important; } @media (max-width: 980px){ body.woocommerce-cart main > .wp-block-post-title, body.woocommerce-cart main > .wp-block-post-content { width: min(var(--mm-cart-max), calc(100% - 32px)) !important; } body.woocommerce-cart main > h1.wp-block-post-title { min-height: 198px !important; margin-top: 24px !important; padding: 28px 26px !important; } body.woocommerce-cart .wc-block-cart { display: block !important; } body.woocommerce-cart .wc-block-cart__main, body.woocommerce-cart .wc-block-cart__sidebar { width: 100% !important; } body.woocommerce-cart .wc-block-cart__sidebar { position: static !important; margin-top: 24px !important; } body.woocommerce-cart .wc-block-grid.has-4-columns .wc-block-grid__products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 600px){ body.woocommerce-cart main > .wp-block-post-title, body.woocommerce-cart main > .wp-block-post-content { width: calc(100% - 20px) !important; } body.woocommerce-cart main > h1.wp-block-post-title { min-height: 206px !important; margin-top: 14px !important; margin-bottom: 20px !important; padding: 24px 20px !important; border-radius: 18px !important; background: linear-gradient(135deg, #e9f8fb, #daf1f5) !important; } body.woocommerce-cart main > h1.wp-block-post-title::before { font-size: 33px !important; line-height: 1.04 !important; } body.woocommerce-cart main > h1.wp-block-post-title::after { content: "Noch ein Schritt bis zu deiner Bestellung.\A\A 1 Warenkorb · 2 Kasse · 3 Bestellung"; margin-top: 14px !important; font-size: 14px !important; } body.woocommerce-cart main > .wp-block-post-content { margin-bottom: 48px !important; } body.woocommerce-cart table.wc-block-cart-items, body.woocommerce-cart table.wc-block-cart-items tbody, body.woocommerce-cart table.wc-block-cart-items tr, body.woocommerce-cart table.wc-block-cart-items td { display: block !important; width: 100% !important; } body.woocommerce-cart table.wc-block-cart-items { border-spacing: 0 !important; } body.woocommerce-cart table.wc-block-cart-items tr { margin-bottom: 16px !important; overflow: hidden !important; border: 1px solid var(--mm-cart-line) !important; border-left: 6px solid var(--mm-cart-teal) !important; border-radius: 17px !important; background: #fff !important; } body.woocommerce-cart table.wc-block-cart-items td, body.woocommerce-cart table.wc-block-cart-items td:first-child, body.woocommerce-cart table.wc-block-cart-items td:last-child { padding: 18px !important; border: 0 !important; border-radius: 0 !important; } body.woocommerce-cart table.wc-block-cart-items td:last-child { padding-top: 0 !important; text-align: left !important; } body.woocommerce-cart .wc-block-cart-item__image { display: block !important; width: 100% !important; padding: 0 0 16px !important; } body.woocommerce-cart .wc-block-cart-item__image img { width: 100% !important; height: 240px !important; } body.woocommerce-cart .wc-block-components-product-name { font-size: 18px !important; } body.woocommerce-cart .wc-block-cart__sidebar { padding: 20px !important; border-radius: 18px !important; } body.woocommerce-cart .wc-block-cart__empty-cart__title { min-height: 225px !important; margin-bottom: 38px !important; padding: 34px 20px 30px !important; border-radius: 18px !important; font-size: 28px !important; } body.woocommerce-cart .wc-block-cart__empty-cart__title::after { font-size: 14px !important; } body.woocommerce-cart .wp-block-woocommerce-empty-cart-block > h2:not(.wc-block-cart__empty-cart__title) { font-size: 29px !important; } body.woocommerce-cart .wc-block-grid.has-4-columns .wc-block-grid__products { grid-template-columns: 1fr !important; gap: 16px !important; } body.woocommerce-cart .wc-block-grid__product-image img { height: 300px !important; } body.woocommerce-cart .wc-block-grid__product-title { min-height: 0 !important; } } /* --- WPWriter addition --- */ /* Warenkorb Variante 2 – kompakte Summenkarte */ body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-item { display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: space-between !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--mm-cart-ink) !important; font-size: 15px !important; line-height: 1.4 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-item__label, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-item__value, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-formatted-money-amount { min-width: 0 !important; color: var(--mm-cart-ink) !important; font-size: 15px !important; font-weight: 650 !important; line-height: 1.4 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item__label, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__value, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-formatted-money-amount { font-size: 18px !important; font-weight: 800 !important; line-height: 1.25 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-item__description, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-shipping-rates-control__package { margin: 4px 0 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.4 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-totals-block > .wc-block-components-totals-wrapper { margin-bottom: 10px !important; padding: 16px 18px !important; border: 0 !important; border-radius: 13px !important; background: #fff !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item { margin: 0 !important; padding: 0 !important; background: transparent !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper.slot-wrapper:empty, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper.slot-wrapper:not(:has(*)) { display: none !important; } @media (max-width: 600px){ body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item__label, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__value, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-formatted-money-amount { font-size: 17px !important; } } /* --- WPWriter addition --- */ /* Meteor-Medien – Warenkorb Variante 2: Abgleich mit Entwurf – 2026-07-31 */ /* Hero wie im Entwurf: zentriert, leichter und mit dekorativen Formen */ body.woocommerce-cart main > h1.wp-block-post-title { min-height: 206px !important; padding: 34px 44px !important; text-align: center !important; background: radial-gradient(ellipse at 8% 43%, rgba(255,255,255,.88) 0 34px, transparent 35px), radial-gradient(ellipse at 12% 43%, rgba(255,255,255,.88) 0 25px, transparent 26px), radial-gradient(circle at 91% 26%, rgba(255,255,255,.80) 0 42px, transparent 43px), radial-gradient(circle at 83% 79%, rgba(255,255,255,.48) 0 72px, transparent 73px), linear-gradient(120deg, #e8f8fb 0%, #d8f1f5 100%) !important; } body.woocommerce-cart main > h1.wp-block-post-title::before { max-width: none !important; font-size: clamp(32px, 3vw, 43px) !important; line-height: 1.08 !important; text-align: center !important; } body.woocommerce-cart main > h1.wp-block-post-title::after { content: "Noch ein Schritt bis zu deiner Bestellung.\A\A ❶ Warenkorb ───── ❷ Kasse ───── ❸ Bestellung" !important; margin-top: 12px !important; font-size: 15px !important; line-height: 1.45 !important; text-align: center !important; } /* Zwei klar getrennte Spalten ohne erzwungene gleiche Höhe */ body.woocommerce-cart .wc-block-cart { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(340px, 1fr) !important; align-items: start !important; gap: 28px !important; } body.woocommerce-cart .wc-block-cart__main, body.woocommerce-cart .wc-block-cart__sidebar { width: 100% !important; min-width: 0 !important; align-self: start !important; } /* Produktkarten: Bild, Information und Mengenwahl wie in Variante 2 */ body.woocommerce-cart table.wc-block-cart-items { border-spacing: 0 12px !important; } body.woocommerce-cart table.wc-block-cart-items td { padding: 22px 24px !important; } body.woocommerce-cart table.wc-block-cart-items td:first-child { width: 205px !important; padding-right: 10px !important; } body.woocommerce-cart table.wc-block-cart-items td:nth-child(2) { border-right: 1px solid var(--mm-cart-line) !important; border-radius: 0 18px 18px 0 !important; } body.woocommerce-cart table.wc-block-cart-items td:last-child { display: none !important; } body.woocommerce-cart .wc-block-cart-item__image img { width: 178px !important; height: 178px !important; padding: 8px !important; background: #f5f8f8 !important; } body.woocommerce-cart .wc-block-cart-item__wrap { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-rows: auto auto 1fr !important; column-gap: 24px !important; align-items: start !important; } body.woocommerce-cart .wc-block-components-product-name, body.woocommerce-cart .wc-block-cart-item__prices, body.woocommerce-cart .wc-block-components-product-metadata { grid-column: 1 !important; } body.woocommerce-cart .wc-block-components-product-name { font-size: 20px !important; line-height: 1.25 !important; } body.woocommerce-cart .wc-block-cart-item__prices { margin-top: 8px !important; font-size: 18px !important; } body.woocommerce-cart .wc-block-components-product-metadata__description { display: none !important; } body.woocommerce-cart .wc-block-cart-item__quantity { grid-column: 2 !important; grid-row: 1 / span 3 !important; align-self: center !important; min-width: 150px !important; text-align: center !important; } body.woocommerce-cart .wc-block-components-quantity-selector { margin: 0 auto 12px !important; } body.woocommerce-cart .wc-block-cart-item__remove-link { margin: 0 auto !important; } /* Rechte Spalte: nur die im Entwurf vorgesehene kompakte Bestellkarte */ body.woocommerce-cart .wc-block-cart__sidebar { padding: 0 !important; overflow: visible !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--mm-cart-ink) !important; } body.woocommerce-cart .wc-block-cart__sidebar::after, body.woocommerce-cart .wc-block-cart__sidebar .ppcp-messages, body.woocommerce-cart .wc-block-cart__payment-options, body.woocommerce-cart .wp-block-woocommerce-cart-accepted-payment-methods-block { display: none !important; } body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-block { margin: 0 !important; padding: 28px 28px 16px !important; border-radius: 24px 24px 0 0 !important; background: linear-gradient(145deg, var(--mm-cart-teal-dark), #0aa6aa) !important; color: #fff !important; } body.woocommerce-cart .wc-block-cart__sidebar > h2, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-cart__totals-title { position: relative !important; height: 30px !important; margin: 0 0 18px !important; overflow: hidden !important; color: transparent !important; font-size: 0 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-cart__totals-title::after { content: "Deine Bestellung"; position: absolute; inset: 0; color: #fff; font-size: 24px; font-weight: 800; line-height: 30px; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-panel { padding: 14px 16px !important; border-radius: 12px !important; } body.woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-totals-block { margin: 0 0 10px !important; padding: 4px 16px !important; overflow: hidden !important; border-radius: 12px !important; background: #fff !important; } body.woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-totals-block > .wc-block-components-totals-wrapper { margin: 0 !important; padding: 12px 0 !important; border-bottom: 1px solid #dce7e8 !important; border-radius: 0 !important; background: transparent !important; } body.woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-totals-block > .wc-block-components-totals-wrapper:last-child { border-bottom: 0 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper.slot-wrapper { display: none !important; } body.woocommerce-cart .wc-block-cart__submit { margin: 0 !important; padding: 8px 28px 8px !important; background: #0aa6aa !important; } body.woocommerce-cart .wc-block-cart__submit-container { margin: 0 !important; } body.woocommerce-cart .mm-cart-continue { box-sizing: border-box !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 28px 28px !important; border-radius: 0 0 24px 24px !important; background: #0aa6aa !important; color: var(--mm-cart-teal-dark) !important; font-size: 15px !important; font-weight: 800 !important; text-align: center !important; text-decoration: none !important; } body.woocommerce-cart .mm-cart-continue span { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; border-radius: 10px !important; background: #fff !important; } /* Servicevorteile als drei eigenständige Karten unter der Bestellsumme */ body.woocommerce-cart .mm-cart-trust-cards { display: grid !important; gap: 8px !important; margin-top: 14px !important; } body.woocommerce-cart .mm-cart-trust-card { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; min-height: 66px !important; padding: 10px 14px !important; border: 1px solid #d4eef2 !important; border-radius: 14px !important; background: linear-gradient(135deg, #eaf8fb, #dff3f6) !important; color: var(--mm-cart-ink) !important; } body.woocommerce-cart .mm-cart-trust-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background: var(--mm-cart-teal) !important; color: #fff !important; font-size: 19px !important; font-weight: 800 !important; } body.woocommerce-cart .mm-cart-trust-card strong, body.woocommerce-cart .mm-cart-trust-card small { display: block !important; } body.woocommerce-cart .mm-cart-trust-card strong { font-size: 14px !important; line-height: 1.25 !important; } body.woocommerce-cart .mm-cart-trust-card small { margin-top: 3px !important; color: #52666a !important; font-size: 12px !important; line-height: 1.3 !important; } /* Echte Produktempfehlung im linken Bereich */ body.woocommerce-cart .mm-cart-more { margin-top: 18px !important; padding: 20px !important; border: 1px solid #cfe7ec !important; border-radius: 20px !important; background: radial-gradient(circle at 94% 23%, rgba(255,255,255,.75) 0 34px, transparent 35px), linear-gradient(135deg, #eaf8fb, #dff3f6) !important; } body.woocommerce-cart .mm-cart-more h2 { margin: 0 0 16px !important; color: var(--mm-cart-ink) !important; font-size: 24px !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: center !important; } body.woocommerce-cart .mm-cart-more-card { display: grid !important; grid-template-columns: 180px minmax(0, 1fr) !important; align-items: center !important; gap: 22px !important; padding: 12px !important; border: 1px solid #dce7e8 !important; border-radius: 15px !important; background: #fff !important; color: var(--mm-cart-ink) !important; text-decoration: none !important; box-shadow: 0 8px 22px rgba(35,52,56,.06) !important; } body.woocommerce-cart .mm-cart-more-card img { width: 180px !important; height: 180px !important; border-radius: 11px !important; background: #f5f8f8 !important; object-fit: contain !important; } body.woocommerce-cart .mm-cart-more-copy, body.woocommerce-cart .mm-cart-more-copy strong, body.woocommerce-cart .mm-cart-more-copy > span { display: block !important; } body.woocommerce-cart .mm-cart-more-copy strong { margin-bottom: 8px !important; font-size: 18px !important; line-height: 1.3 !important; } body.woocommerce-cart .mm-cart-more-cta { width: fit-content !important; margin-top: 16px !important; padding: 10px 15px !important; border-radius: 9px !important; background: var(--mm-cart-coral) !important; color: #fff !important; font-size: 14px !important; font-weight: 800 !important; } @media (max-width: 980px){ body.woocommerce-cart .wc-block-cart { grid-template-columns: 1fr !important; gap: 22px !important; } body.woocommerce-cart .wc-block-cart__sidebar { margin-top: 0 !important; } } @media (max-width: 600px){ body.woocommerce-cart main > h1.wp-block-post-title { min-height: 188px !important; padding: 24px 16px !important; background: linear-gradient(135deg, #e9f8fb, #daf1f5) !important; } body.woocommerce-cart main > h1.wp-block-post-title::before { font-size: 29px !important; } body.woocommerce-cart main > h1.wp-block-post-title::after { content: "Noch ein Schritt bis zu deiner Bestellung.\A\A ❶ Warenkorb — ❷ Kasse — ❸ Bestellung" !important; font-size: 12px !important; } body.woocommerce-cart table.wc-block-cart-items tr { display: grid !important; grid-template-columns: 124px minmax(0, 1fr) !important; } body.woocommerce-cart table.wc-block-cart-items td:first-child, body.woocommerce-cart table.wc-block-cart-items td:nth-child(2) { width: auto !important; padding: 14px !important; } body.woocommerce-cart table.wc-block-cart-items td:nth-child(2) { border: 0 !important; border-radius: 0 !important; } body.woocommerce-cart .wc-block-cart-item__image { display: flex !important; align-items: flex-start !important; padding-right: 0 !important; } body.woocommerce-cart .wc-block-cart-item__image img { width: 112px !important; height: 148px !important; padding: 5px !important; } body.woocommerce-cart .wc-block-cart-item__wrap { display: block !important; } body.woocommerce-cart .wc-block-cart-item__quantity { min-width: 0 !important; margin-top: 14px !important; text-align: left !important; } body.woocommerce-cart .wc-block-components-quantity-selector, body.woocommerce-cart .wc-block-cart-item__remove-link { margin-left: 0 !important; } body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-block { padding: 22px 18px 12px !important; border-radius: 18px 18px 0 0 !important; } body.woocommerce-cart .wc-block-cart__submit { padding: 8px 18px !important; } body.woocommerce-cart .mm-cart-continue { padding: 0 18px 20px !important; border-radius: 0 0 18px 18px !important; } body.woocommerce-cart .mm-cart-more { padding: 14px !important; } body.woocommerce-cart .mm-cart-more h2 { font-size: 21px !important; } body.woocommerce-cart .mm-cart-more-card { grid-template-columns: 112px minmax(0, 1fr) !important; gap: 14px !important; padding: 10px !important; } body.woocommerce-cart .mm-cart-more-card img { width: 112px !important; height: 145px !important; } body.woocommerce-cart .mm-cart-more-copy strong { font-size: 15px !important; } body.woocommerce-cart .mm-cart-more-cta { margin-top: 10px !important; padding: 8px 10px !important; font-size: 12px !important; } } /* --- WPWriter addition --- */ /* Warenkorb Variante 2 – abschließende Detailkorrekturen */ body.woocommerce-cart .wc-block-cart__sidebar .wc-block-cart__totals-title, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-cart__totals-title::after { text-transform: none !important; letter-spacing: normal !important; } body.woocommerce-cart .wc-block-cart-item__quantity { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; } body.woocommerce-cart .wc-block-cart__sidebar > div:empty { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block { min-height: 0 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item { min-height: 0 !important; } @media (max-width: 600px){ body.woocommerce-cart .wc-block-cart-item__quantity { align-items: flex-start !important; } body.woocommerce-cart .wc-block-cart-item__remove-link { margin-left: 0 !important; margin-right: 0 !important; } } /* --- WPWriter addition --- */ /* Warenkorb – Mengensteuerung vollständig sichtbar */ body.woocommerce-cart .wc-block-components-quantity-selector { width: 128px !important; min-width: 128px !important; max-width: 128px !important; } body.woocommerce-cart .wc-block-cart-item__remove-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 96px !important; } /* --- WPWriter addition --- */ /* Warenkorb – Gutscheinformular sauber ausrichten */ body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__form { display: grid !important; grid-template-columns: minmax(0, 1fr) 108px !important; align-items: stretch !important; gap: 10px !important; width: 100% !important; margin: 0 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__input, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__form .wc-block-components-text-input { width: 100% !important; min-width: 0 !important; height: 50px !important; margin: 0 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__form input { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; height: 50px !important; min-height: 50px !important; padding: 20px 12px 6px !important; border: 1px solid #cddadb !important; border-radius: 9px !important; background: #fff !important; color: #222329 !important; font-size: 14px !important; line-height: 1.2 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__form label { left: 12px !important; max-width: calc(100% - 24px) !important; color: #68767a !important; font-size: 12px !important; line-height: 1.2 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__button { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 108px !important; min-width: 108px !important; max-width: 108px !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 9px !important; background: #222329 !important; color: #fff !important; opacity: 1 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; text-align: center !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__button .wc-block-components-button__text { display: block !important; color: #fff !important; opacity: 1 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__button:disabled, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__button[aria-disabled="true"] { background: #5f6268 !important; color: #fff !important; opacity: 1 !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__button:not(:disabled):hover, body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__button:not(:disabled):focus-visible { background: #090a0c !important; } @media (max-width: 600px){ body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__form { grid-template-columns: 1fr !important; } body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__button { width: 100% !important; min-width: 100% !important; max-width: 100% !important; } } /* --- WPWriter addition --- */ /* Meteor-Medien – seitlicher Mini-Warenkorb im Charakterwelt-Design */ /* Kopfbereich */ /* Scrollbarer Produktbereich */ /* Fester Abschluss mit klarer Checkout-Priorität */ /* Leerer Zustand */ /* --- WPWriter addition --- */ /* Mini-Warenkorb – Theme-Layering und WooCommerce-Hilfselemente */ /* --- WPWriter addition --- */ /* Mini-Warenkorb – rechte Kante vollständig sichtbar */ /* --- WPWriter addition --- */ /* METEOR-MEDIEN – Audit-Korrekturen 01.08.2026 */ /* WooCommerce Checkout: Auswahlfelder ohne Textüberlagerung */ body.page-id-11 .wc-block-components-radio-control__option { position: relative !important; min-height: 58px !important; padding: 15px 16px 15px 54px !important; display: flex !important; align-items: center !important; } body.page-id-11 .wc-block-components-radio-control__input { left: 17px !important; top: 50% !important; margin: 0 !important; transform: translateY(-50%) !important; } body.page-id-11 .wc-block-components-radio-control__label { width: 100% !important; min-width: 0 !important; padding: 0 !important; line-height: 1.35 !important; } body.page-id-11 .wc-block-checkout__shipping-option .wc-block-components-radio-control__option:nth-of-type(2) .wc-block-components-radio-control__label { font-size: 0 !important; } body.page-id-11 .wc-block-checkout__shipping-option .wc-block-components-radio-control__option:nth-of-type(2) .wc-block-components-radio-control__label::after { content: "Standardversand (Produktionspartner)"; font-size: 16px !important; line-height: 1.35 !important; } /* Warenkorb: Gutschein und rechte Seitenleiste belastbar ausrichten */ body.page-id-10 .wc-block-cart__sidebar, body.page-id-10 .wc-block-components-sidebar { min-width: 0 !important; max-width: 100% !important; overflow: visible !important; } body.page-id-10 .wc-block-components-totals-coupon__form { grid-template-columns: minmax(0, 1fr) auto !important; gap: 10px !important; align-items: stretch !important; } body.page-id-10 .wc-block-components-totals-coupon__input, body.page-id-10 .wc-block-components-totals-coupon__button { min-width: 0 !important; height: 50px !important; } body.page-id-10 .wc-block-components-totals-coupon__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; visibility: visible !important; opacity: 1 !important; padding-inline: 16px !important; } /* reCAPTCHA nicht über primäre Checkout-Aktionen legen */ body.page-id-10 .grecaptcha-badge, body.page-id-11 .grecaptcha-badge { bottom: 82px !important; z-index: 20 !important; } /* Kleine Displays: einspaltig, ohne seitliches Abschneiden */ @media (max-width: 781px){ body.page-id-10 .wp-block-woocommerce-cart, body.page-id-11 .wp-block-woocommerce-checkout { width: calc(100% - 32px) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; overflow: visible !important; } body.page-id-10 .wc-block-cart__main, body.page-id-10 .wc-block-cart__sidebar, body.page-id-11 .wc-block-checkout__main, body.page-id-11 .wc-block-checkout__sidebar { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } body.page-id-11 .wc-block-components-radio-control__option { padding-left: 50px !important; padding-right: 12px !important; } body.page-id-11 .wc-block-components-radio-control__label, body.page-id-11 .wc-block-checkout__shipping-option .wc-block-components-radio-control__option:nth-of-type(2) .wc-block-components-radio-control__label::after { font-size: 15px !important; overflow-wrap: anywhere !important; } body.page-id-10 .wc-block-components-totals-coupon__form { grid-template-columns: minmax(0, 1fr) 112px !important; } body.page-id-10 .wc-block-components-totals-coupon__button { padding-inline: 10px !important; } body.page-id-10 .grecaptcha-badge, body.page-id-11 .grecaptcha-badge { bottom: 72px !important; } } @media (max-width: 420px){ body.page-id-10 .wp-block-woocommerce-cart, body.page-id-11 .wp-block-woocommerce-checkout { width: calc(100% - 24px) !important; } body.page-id-10 .wc-block-components-totals-coupon__form { grid-template-columns: 1fr !important; } body.page-id-10 .wc-block-components-totals-coupon__button { width: 100% !important; } } /* --- WPWriter addition --- */ /* Checkout-Auswahl – Vorrang vor seiteninternen Greyd-Stilen */ body.page-id-11 .wp-block-woocommerce-checkout .wc-block-components-radio-control__option { padding: 15px 16px 15px 54px !important; } body.page-id-11 .wp-block-woocommerce-checkout .wc-block-components-radio-control__option > .wc-block-components-radio-control__input { left: 17px !important; top: 50% !important; transform: translateY(-50%) !important; } body.page-id-11 .wp-block-woocommerce-checkout .wc-block-components-radio-control__option-layout { width: 100% !important; min-width: 0 !important; } body.page-id-11 .wp-block-woocommerce-checkout label[for$="flat_rate:2"] .wc-block-components-radio-control__label { font-size: 0 !important; } body.page-id-11 .wp-block-woocommerce-checkout label[for$="flat_rate:2"] .wc-block-components-radio-control__label::after { content: "Standardversand (Produktionspartner)"; font-size: 16px !important; line-height: 1.35 !important; } @media (max-width: 781px){ body.page-id-11 .wp-block-woocommerce-checkout .wc-block-components-radio-control__option { padding-left: 50px !important; padding-right: 12px !important; } body.page-id-11 .wp-block-woocommerce-checkout label[for$="flat_rate:2"] .wc-block-components-radio-control__label::after { font-size: 15px !important; } } /* --- WPWriter addition --- */ /* Elektronischer Widerruf: klare, responsive Formularseite */ body.page-id-97886 .entry-title, body.page-id-97886 .wp-block-post-title { display: none !important; } body.page-id-97886 main { overflow: visible !important; } body.page-id-97886 .mm-withdrawal-page { width: min(860px, calc(100% - 48px)) !important; max-width: 860px !important; margin: clamp(48px, 7vw, 92px) auto !important; padding: 0 !important; } body.page-id-97886 .mm-withdrawal-page > h1 { margin: 0 0 16px !important; font-size: clamp(38px, 5vw, 60px) !important; line-height: 1.05 !important; letter-spacing: -.04em !important; } body.page-id-97886 .mm-withdrawal-page > p { max-width: 720px; font-size: 17px; line-height: 1.6; } body.page-id-97886 .mm-withdrawal-privacy { margin: 20px 0 30px !important; padding: 16px 18px !important; border-left: 4px solid #078f92; border-radius: 8px; background: #eef8f7; font-size: 14px !important; } body.page-id-97886 .woocommerce-form-order-withdrawal-request { margin: 34px 0 0 !important; padding: clamp(24px, 4vw, 42px) !important; border: 1px solid #dfdad3; border-radius: 20px; background: #fff; box-shadow: 0 16px 42px rgba(26,27,30,.08); } body.page-id-97886 .eu-owb-form-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } body.page-id-97886 .eu-owb-form-fields .form-row { float: none !important; width: 100% !important; margin: 0 !important; } body.page-id-97886 .eu-owb-form-fields .form-row-full, body.page-id-97886 .eu-owb-form-fields .clear, body.page-id-97886 .eu-owb-form-fields .order-supports-partial-withdrawal { grid-column: 1 / -1; } body.page-id-97886 .woocommerce-form-order-withdrawal-request label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700; line-height: 1.4; } body.page-id-97886 .woocommerce-form-order-withdrawal-request input[type="text"], body.page-id-97886 .woocommerce-form-order-withdrawal-request input[type="email"] { width: 100% !important; height: 52px !important; min-height: 52px !important; padding: 0 14px !important; border: 1px solid #cbc5bd !important; border-radius: 8px !important; background: #fff !important; font-size: 16px !important; } body.page-id-97886 .woocommerce-form-order-withdrawal-request input:focus { border-color: #078f92 !important; box-shadow: 0 0 0 3px rgba(7,143,146,.16) !important; outline: none !important; } body.page-id-97886 #order-withdrawal-request-submit { margin: 28px 0 0 !important; } body.page-id-97886 .woocommerce-form-order-withdrawal-request button[type="submit"] { min-height: 54px !important; padding: 0 26px !important; border: 0 !important; border-radius: 9px !important; background: #ef6f70 !important; color: #fff !important; font-size: 16px !important; font-weight: 800 !important; } @media (max-width: 680px){ body.page-id-97886 .mm-withdrawal-page { width: calc(100% - 32px) !important; margin: 36px auto 56px !important; } body.page-id-97886 .woocommerce-form-order-withdrawal-request { padding: 22px 18px !important; border-radius: 16px; } body.page-id-97886 .eu-owb-form-fields { grid-template-columns: 1fr; gap: 17px; } body.page-id-97886 .eu-owb-form-fields .form-row { grid-column: 1 !important; } body.page-id-97886 .woocommerce-form-order-withdrawal-request button[type="submit"] { width: 100% !important; } } /* --- WPWriter addition --- */ /* METEOR-MEDIEN – Produktkatalog Variante 1 / 2026-08-02 */ body.archive.tax-product_cat { --mm-coral: #f46d6a; --mm-coral-dark: #dc5755; --mm-teal: #07898e; --mm-ink: #23242a; --mm-muted: #6f7477; --mm-line: #e7e3dd; --mm-soft: #f8f7f4; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion), body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting), body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-woocommerce-product-collection { width: min(calc(100% - 32px), 1244px) !important; max-width: 1244px !important; box-sizing: border-box !important; } /* Einheitliche Filter-/Sortierkarte */ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) { position: relative !important; z-index: 4 !important; min-height: 92px !important; margin: 0 auto !important; padding: 20px 24px !important; border: 1px solid var(--mm-line) !important; border-radius: 18px !important; background: #fff !important; color: var(--mm-ink) !important; box-shadow: 0 10px 32px rgba(31, 42, 44, .08) !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion-item { width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title { display: none !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__content { display: block !important; height: auto !important; max-height: none !important; padding: 0 !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; } body.archive.tax-product_cat .wc-block-product-filters { min-height: 50px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; color: var(--mm-ink) !important; } body.archive.tax-product_cat .wc-block-product-filters__open-overlay { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 244px !important; min-height: 50px !important; margin: 0 !important; padding: 0 22px !important; border: 1px solid var(--mm-coral) !important; border-radius: 10px !important; background: var(--mm-coral) !important; color: #fff !important; box-shadow: 0 7px 16px rgba(244, 109, 106, .22) !important; font-size: 16px !important; font-weight: 700 !important; cursor: pointer !important; } body.archive.tax-product_cat .wc-block-product-filters__open-overlay:hover, body.archive.tax-product_cat .wc-block-product-filters__open-overlay:focus-visible { border-color: var(--mm-coral-dark) !important; background: var(--mm-coral-dark) !important; color: #fff !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting) { position: relative !important; z-index: 5 !important; min-height: 92px !important; margin: -92px auto 34px !important; padding: 20px 24px 20px 300px !important; gap: 24px !important; background: transparent !important; pointer-events: none !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting) > * { pointer-events: auto !important; } body.archive.tax-product_cat .wc-block-product-results-count, body.archive.tax-product_cat .wc-block-product-results-count .woocommerce-result-count { margin: 0 !important; color: var(--mm-muted) !important; font-size: 15px !important; font-weight: 600 !important; white-space: nowrap !important; } body.archive.tax-product_cat .wc-block-catalog-sorting { margin-left: auto !important; } body.archive.tax-product_cat .wc-block-catalog-sorting .woocommerce-ordering { margin: 0 !important; } body.archive.tax-product_cat .wc-block-catalog-sorting select.orderby { width: 300px !important; height: 50px !important; margin: 0 !important; padding: 0 46px 0 17px !important; border: 1px solid #d8d4cf !important; border-radius: 10px !important; background-color: var(--mm-soft) !important; color: var(--mm-ink) !important; box-shadow: none !important; font-size: 16px !important; font-weight: 600 !important; } /* Produktkarten */ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-woocommerce-product-collection { margin: 0 auto 56px !important; } body.archive.tax-product_cat .wc-block-product-template { align-items: stretch !important; gap: 24px !important; } body.archive.tax-product_cat .wc-block-product-template > li.wc-block-product { position: relative !important; display: flex !important; flex-direction: column !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 10px 10px 16px !important; overflow: hidden !important; border: 1px solid var(--mm-line) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 10px 28px rgba(31, 42, 44, .07) !important; text-align: left !important; transition: transform .22s ease, box-shadow .22s ease !important; } body.archive.tax-product_cat .wc-block-product-template > li.wc-block-product::before { content: "" !important; position: absolute !important; z-index: 2 !important; top: 0 !important; right: 14px !important; left: 14px !important; height: 4px !important; border-radius: 0 0 6px 6px !important; background: var(--mm-coral) !important; } body.archive.tax-product_cat .wc-block-product-template > li.product_cat-blaues-einhorn::before { background: #3d98d4 !important; } body.archive.tax-product_cat .wc-block-product-template > li.product_cat-death-metal-fee::before { background: #ec63c9 !important; } body.archive.tax-product_cat .wc-block-product-template > li.product_cat-rosa-t-rex::before { background: #f26686 !important; } body.archive.tax-product_cat .wc-block-product-template > li.product_cat-nerd::before { background: var(--mm-teal) !important; } body.archive.tax-product_cat .wc-block-product-template > li.product_cat-kutullu::before { background: #e3aa28 !important; } body.archive.tax-product_cat .wc-block-product-template > li.wc-block-product:hover { box-shadow: 0 16px 34px rgba(31, 42, 44, .11) !important; transform: translateY(-3px) !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-image { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; aspect-ratio: 1 / 1 !important; margin: 0 0 16px !important; overflow: hidden !important; border-radius: 13px !important; background: #f7f7f6 !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-image > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-image img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; object-fit: contain !important; object-position: center !important; border-radius: 0 !important; transform: none !important; } body.archive.tax-product_cat .wc-block-product-template .wp-block-post-title { display: -webkit-box !important; min-height: calc(1.32em * 3) !important; margin: 0 8px 10px !important; overflow: hidden !important; color: var(--mm-ink) !important; font-size: 18px !important; font-weight: 750 !important; line-height: 1.32 !important; text-align: left !important; text-wrap: balance !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; } body.archive.tax-product_cat .wc-block-product-template .wp-block-post-title a { color: inherit !important; text-decoration: none !important; } body.archive.tax-product_cat .wc-block-product-template .wp-block-woocommerce-product-price { margin: 0 8px 15px !important; color: var(--mm-ink) !important; font-size: 18px !important; font-weight: 700 !important; text-align: left !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-button { width: calc(100% - 16px) !important; margin: auto 8px 0 !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-button :is(.wp-block-button__link,.wp-element-button,button,a) { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 50px !important; padding: 10px 15px !important; border: 1px solid var(--mm-coral) !important; border-radius: 9px !important; background: var(--mm-coral) !important; color: #fff !important; font-size: 15px !important; font-weight: 750 !important; text-align: center !important; text-decoration: none !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-button :is(.wp-block-button__link,.wp-element-button,button,a):hover { border-color: var(--mm-coral-dark) !important; background: var(--mm-coral-dark) !important; color: #fff !important; } /* Filter-Drawer */ body.archive.tax-product_cat .wc-block-product-filters__overlay { z-index: 999999 !important; } body.archive.tax-product_cat .wc-block-product-filters__overlay-wrapper { display: flex !important; justify-content: flex-end !important; padding: 0 !important; background: rgba(24, 31, 33, .42) !important; backdrop-filter: blur(3px) !important; } body.archive.tax-product_cat .wc-block-product-filters__overlay-dialog { width: min(460px, 100%) !important; max-width: 460px !important; height: 100dvh !important; max-height: 100dvh !important; margin: 0 0 0 auto !important; padding: 0 !important; overflow: auto !important; border-radius: 22px 0 0 22px !important; background: #fff !important; color: var(--mm-ink) !important; box-shadow: -18px 0 40px rgba(20, 27, 29, .18) !important; } body.archive.tax-product_cat .wc-block-product-filters__close-overlay { min-height: 44px !important; margin-left: auto !important; padding: 0 12px !important; border: 1px solid var(--mm-line) !important; border-radius: 9px !important; background: #fff !important; color: var(--mm-ink) !important; font-size: 14px !important; font-weight: 700 !important; } body.archive.tax-product_cat .wc-block-product-filters__overlay-content { padding: 22px 24px 34px !important; background: #fff !important; color: var(--mm-ink) !important; } body.archive.tax-product_cat .wc-block-product-filters__overlay-content :is(h2,h3,.wp-block-heading) { color: var(--mm-ink) !important; font-size: 19px !important; } body.archive.tax-product_cat .wc-block-product-filters__overlay-content :is(input[type="checkbox"],input[type="radio"]) { width: 20px !important; height: 20px !important; accent-color: var(--mm-coral) !important; } /* Tablet und Mobil */ @media (max-width: 980px){ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion), body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting), body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-woocommerce-product-collection { width: calc(100% - 24px) !important; } body.archive.tax-product_cat .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) { min-height: 68px !important; padding: 8px !important; border-radius: 14px !important; } body.archive.tax-product_cat .wc-block-product-filters__open-overlay { width: calc(50% - 4px) !important; min-height: 50px !important; padding: 0 12px !important; font-size: 15px !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting) { display: block !important; min-height: 68px !important; margin: -68px auto 24px !important; padding: 8px 8px 8px calc(50% + 4px) !important; } body.archive.tax-product_cat .wc-block-product-results-count { display: none !important; } body.archive.tax-product_cat .wc-block-catalog-sorting, body.archive.tax-product_cat .wc-block-catalog-sorting .woocommerce-ordering, body.archive.tax-product_cat .wc-block-catalog-sorting select.orderby { width: 100% !important; max-width: none !important; } body.archive.tax-product_cat .wc-block-catalog-sorting select.orderby { height: 50px !important; font-size: 15px !important; } } @media (max-width: 600px){ body.archive.tax-product_cat .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 11px !important; } body.archive.tax-product_cat .wc-block-product-template > li.wc-block-product { padding: 7px 7px 10px !important; border-radius: 13px !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-image { margin-bottom: 10px !important; border-radius: 10px !important; } body.archive.tax-product_cat .wc-block-product-template .wp-block-post-title { min-height: calc(1.28em * 3) !important; margin: 0 4px 7px !important; font-size: 15px !important; line-height: 1.28 !important; text-wrap: pretty !important; } body.archive.tax-product_cat .wc-block-product-template .wp-block-woocommerce-product-price { margin: 0 4px 10px !important; font-size: 16px !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-button { width: calc(100% - 8px) !important; margin-right: 4px !important; margin-left: 4px !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-button :is(.wp-block-button__link,.wp-element-button,button,a) { min-height: 46px !important; padding: 8px 7px !important; border-radius: 8px !important; font-size: 13px !important; } body.archive.tax-product_cat .wc-block-product-filters__overlay-wrapper { align-items: flex-end !important; } body.archive.tax-product_cat .wc-block-product-filters__overlay-dialog { width: 100% !important; max-width: none !important; height: min(90dvh, 760px) !important; max-height: 90dvh !important; margin: auto 0 0 !important; border-radius: 20px 20px 0 0 !important; } } @media (max-width: 359px){ body.archive.tax-product_cat .wc-block-product-template { grid-template-columns: 1fr !important; } } /* --- WPWriter addition --- */ /* METEOR-MEDIEN – Produktkatalog: Filter- und Pagination-Fix / 2026-08-02 */ /* * Der GREYD-Accordion bleibt der einzige Öffnen/Schließen-Schalter. * Die WooCommerce-Filter werden innerhalb des geöffneten Accordions statisch * dargestellt. Dadurch kollidieren Desktop-Filter und mobiler Woo-Drawer nicht. */ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) { min-height: 92px !important; padding: 20px 24px !important; overflow: visible !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion):has(.wp-block-greyd-accordion__title[aria-expanded="true"]) { padding-bottom: 112px !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion-item { overflow: visible !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title { display: inline-flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 244px !important; min-height: 50px !important; margin: 0 !important; padding: 0 20px !important; border: 1px solid var(--mm-coral) !important; border-radius: 10px !important; background: var(--mm-coral) !important; color: #fff !important; box-shadow: 0 7px 16px rgba(244, 109, 106, .22) !important; font-size: 16px !important; font-weight: 750 !important; line-height: 1.2 !important; cursor: pointer !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title:hover, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title:focus-visible, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title[aria-expanded="true"] { border-color: var(--mm-coral-dark) !important; background: var(--mm-coral-dark) !important; color: #fff !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title .icon { flex: 0 0 auto !important; color: currentColor !important; } /* Geschlossen ist wirklich geschlossen – hebt die ältere display:block-Regel auf. */ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__content[hidden] { display: none !important; height: 0 !important; max-height: 0 !important; padding: 0 !important; overflow: hidden !important; opacity: 0 !important; visibility: hidden !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__content:not([hidden]) { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; margin: 18px 0 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; opacity: 1 !important; visibility: visible !important; } /* WooCommerce-Drawer innerhalb des GREYD-Accordions neutralisieren. */ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters { display: block !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; --wc-product-filters-text-color: var(--mm-ink) !important; --wc-product-filters-background-color: #fff !important; --wc-product-filters-overlay-text-color: var(--mm-ink) !important; --wc-product-filters-overlay-background-color: #fff !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay { position: static !important; inset: auto !important; z-index: auto !important; display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; pointer-events: auto !important; background: transparent !important; transition: none !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-wrapper, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-wrapper { position: static !important; display: block !important; width: 100% !important; height: auto !important; padding: 0 !important; background: transparent !important; color: var(--mm-ink) !important; backdrop-filter: none !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-dialog, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-dialog { position: static !important; inset: auto !important; display: block !important; width: 100% !important; max-width: none !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--mm-ink) !important; box-shadow: none !important; transform: none !important; transition: none !important; } /* Vier ruhige Filterkarten statt der roten/schwarzen Spalten. */ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__content { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; align-items: start !important; gap: 16px !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 20px !important; overflow: visible !important; border: 1px solid var(--mm-line) !important; border-radius: 14px !important; background: var(--mm-soft) !important; color: var(--mm-ink) !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > *, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__content > * { min-width: 0 !important; margin: 0 !important; padding: 16px !important; border: 1px solid var(--mm-line) !important; border-radius: 11px !important; background: #fff !important; color: var(--mm-ink) !important; box-shadow: 0 4px 14px rgba(31, 42, 44, .04) !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content :is(h2,h3,h4,.wp-block-heading), body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__content :is(h2,h3,h4,.wp-block-heading) { margin: 0 0 12px !important; color: var(--mm-ink) !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filter-active { grid-column: 1 / -1 !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters :is(input,select,button) { max-width: 100% !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters :is(input[type="checkbox"],input[type="radio"]) { width: 20px !important; height: 20px !important; accent-color: var(--mm-coral) !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; margin: 48px 0 0 !important; padding: 24px 0 0 !important; border-top: 1px solid var(--mm-line) !important; color: var(--mm-ink) !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination > *, body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination-numbers { margin: 0 !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination-numbers { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination :is(.page-numbers,.wp-block-query-pagination-previous,.wp-block-query-pagination-next) { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid #ddd8d1 !important; border-radius: 10px !important; background: #fff !important; color: var(--mm-ink) !important; box-shadow: 0 4px 12px rgba(31, 42, 44, .05) !important; font-size: 14px !important; font-weight: 750 !important; line-height: 1 !important; text-decoration: none !important; transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination :is(a.page-numbers,.wp-block-query-pagination-previous,.wp-block-query-pagination-next):hover, body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination :is(a.page-numbers,.wp-block-query-pagination-previous,.wp-block-query-pagination-next):focus-visible { border-color: var(--mm-coral) !important; background: #fff3f2 !important; color: var(--mm-coral-dark) !important; transform: translateY(-1px) !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination .page-numbers.current { border-color: var(--mm-coral) !important; background: var(--mm-coral) !important; color: #fff !important; box-shadow: 0 6px 16px rgba(244, 109, 106, .24) !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination .page-numbers.dots { border-color: transparent !important; background: transparent !important; box-shadow: none !important; } @media (max-width: 980px){ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__content { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 600px){ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) { min-height: 68px !important; padding: 8px !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion):has(.wp-block-greyd-accordion__title[aria-expanded="true"]) { padding-bottom: 92px !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title { width: calc(50% - 4px) !important; min-width: 0 !important; min-height: 50px !important; padding: 0 13px !important; font-size: 14px !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__content:not([hidden]) { margin-top: 12px !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__content { grid-template-columns: 1fr !important; gap: 10px !important; padding: 10px !important; border-radius: 11px !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > *, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__content > * { padding: 14px !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination { gap: 6px !important; margin-top: 32px !important; padding-top: 18px !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination-numbers { gap: 6px !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination :is(.page-numbers,.wp-block-query-pagination-previous,.wp-block-query-pagination-next) { min-width: 40px !important; height: 40px !important; padding: 0 10px !important; border-radius: 9px !important; font-size: 13px !important; } } /* --- WPWriter addition --- */ /* METEOR-MEDIEN – Produktkatalog Variante 1, konsolidiert / 2026-08-02 */ body.archive.tax-product_cat { --mm-coral: #f46d6a; --mm-coral-dark: #dc5755; --mm-teal: #07898e; --mm-ink: #23242a; --mm-muted: #6f7477; --mm-line: #e7e3dd; --mm-soft: #f8f7f4; } /* Gemeinsame Breite */ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion), body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting), body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-woocommerce-product-collection { width: min(calc(100% - 32px), 1244px) !important; max-width: 1244px !important; box-sizing: border-box !important; } /* Filter- und Sortierleiste */ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) { position: relative !important; z-index: 4 !important; min-height: 92px !important; margin: 0 auto !important; padding: 20px 24px !important; overflow: visible !important; border: 1px solid var(--mm-line) !important; border-radius: 18px !important; background: #fff !important; color: var(--mm-ink) !important; box-shadow: 0 10px 32px rgba(31,42,44,.08) !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion):has(.wp-block-greyd-accordion__title[aria-expanded="true"]) { padding-bottom: 112px !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion-item { width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title { display: inline-flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 244px !important; min-height: 50px !important; margin: 0 !important; padding: 0 20px !important; border: 1px solid var(--mm-coral) !important; border-radius: 10px !important; background: var(--mm-coral) !important; color: #fff !important; box-shadow: 0 7px 16px rgba(244,109,106,.22) !important; font-size: 16px !important; font-weight: 750 !important; line-height: 1.2 !important; cursor: pointer !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title:hover, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title:focus-visible, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title[aria-expanded="true"] { border-color: var(--mm-coral-dark) !important; background: var(--mm-coral-dark) !important; color: #fff !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title .icon { flex: 0 0 auto !important; color: currentColor !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__content[hidden] { display: none !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__content:not([hidden]) { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; margin: 18px 0 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; opacity: 1 !important; visibility: visible !important; } /* WooCommerce-Filter – Desktop innerhalb des geöffneten GREYD-Accordions */ @media (min-width: 601px){ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; color: var(--mm-ink) !important; --wc-product-filters-text-color: var(--mm-ink) !important; --wc-product-filters-background-color: #fff !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-wrapper, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-dialog { position: static !important; inset: auto !important; display: block !important; width: 100% !important; max-width: none !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--mm-ink) !important; box-shadow: none !important; pointer-events: auto !important; transform: none !important; transition: none !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay { z-index: auto !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-wrapper { backdrop-filter: none !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__content { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; align-items: start !important; gap: 16px !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 20px !important; overflow: visible !important; border: 1px solid var(--mm-line) !important; border-radius: 14px !important; background: var(--mm-soft) !important; color: var(--mm-ink) !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > *, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__content > * { min-width: 0 !important; margin: 0 !important; padding: 16px !important; border: 1px solid var(--mm-line) !important; border-radius: 11px !important; background: #fff !important; color: var(--mm-ink) !important; box-shadow: 0 4px 14px rgba(31,42,44,.04) !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filter-active { grid-column: 1 / -1 !important; } } body.archive.tax-product_cat .wc-block-product-filters :is(h2,h3,h4,.wp-block-heading) { margin: 0 0 12px !important; color: var(--mm-ink) !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; } body.archive.tax-product_cat .wc-block-product-filters :is(input,select,button) { max-width: 100% !important; } body.archive.tax-product_cat .wc-block-product-filters :is(input[type="checkbox"],input[type="radio"]) { width: 20px !important; height: 20px !important; accent-color: var(--mm-coral) !important; } body.archive.tax-product_cat .wc-block-product-filters .accordion-item__toggle { width: 100% !important; min-height: 42px !important; padding: 8px 0 !important; color: var(--mm-ink) !important; font-weight: 750 !important; } body.archive.tax-product_cat .wc-block-product-filters .accordion-content__wrapper { padding: 10px 0 0 !important; } /* Ergebniszahl und Sortierung liegen in derselben Toolbar */ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting) { position: relative !important; z-index: 5 !important; min-height: 92px !important; margin: -92px auto 34px !important; padding: 20px 24px 20px 300px !important; gap: 24px !important; background: transparent !important; pointer-events: none !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting) > * { pointer-events: auto !important; } body.archive.tax-product_cat .wc-block-product-results-count, body.archive.tax-product_cat .wc-block-product-results-count .woocommerce-result-count { margin: 0 !important; color: var(--mm-muted) !important; font-size: 15px !important; font-weight: 650 !important; white-space: nowrap !important; } body.archive.tax-product_cat .wc-block-catalog-sorting { margin-left: auto !important; } body.archive.tax-product_cat .wc-block-catalog-sorting .woocommerce-ordering { margin: 0 !important; } body.archive.tax-product_cat .wc-block-catalog-sorting select.orderby { width: 300px !important; height: 50px !important; margin: 0 !important; padding: 0 46px 0 17px !important; border: 1px solid #d8d4cf !important; border-radius: 10px !important; background-color: var(--mm-soft) !important; color: var(--mm-ink) !important; box-shadow: none !important; font-size: 16px !important; font-weight: 650 !important; } /* Produktkarten */ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-woocommerce-product-collection { margin: 0 auto 56px !important; } body.archive.tax-product_cat .wc-block-product-template { align-items: stretch !important; gap: 24px !important; } body.archive.tax-product_cat .wc-block-product-template > li.wc-block-product { position: relative !important; display: flex !important; flex-direction: column !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 10px 10px 16px !important; overflow: hidden !important; border: 1px solid var(--mm-line) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 10px 28px rgba(31,42,44,.07) !important; text-align: left !important; transition: transform .22s ease,box-shadow .22s ease !important; } body.archive.tax-product_cat .wc-block-product-template > li.wc-block-product::before { content: "" !important; position: absolute !important; z-index: 2 !important; top: 0 !important; right: 14px !important; left: 14px !important; height: 4px !important; border-radius: 0 0 6px 6px !important; background: var(--mm-coral) !important; } body.archive.tax-product_cat .wc-block-product-template > li.product_cat-blaues-einhorn::before { background:#3d98d4 !important; } body.archive.tax-product_cat .wc-block-product-template > li.product_cat-death-metal-fee::before { background:#ec63c9 !important; } body.archive.tax-product_cat .wc-block-product-template > li.product_cat-rosa-t-rex::before { background:#f26686 !important; } body.archive.tax-product_cat .wc-block-product-template > li.product_cat-nerd::before { background:var(--mm-teal) !important; } body.archive.tax-product_cat .wc-block-product-template > li.product_cat-kutullu::before { background:#e3aa28 !important; } body.archive.tax-product_cat .wc-block-product-template > li.wc-block-product:hover { box-shadow: 0 16px 34px rgba(31,42,44,.11) !important; transform: translateY(-3px) !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-image { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; aspect-ratio: 1 / 1 !important; margin: 0 0 16px !important; overflow: hidden !important; border-radius: 13px !important; background: #f7f7f6 !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-image > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-image img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; object-fit: contain !important; object-position: center !important; border-radius: 0 !important; transform: none !important; } body.archive.tax-product_cat .wc-block-product-template .wp-block-post-title { display: -webkit-box !important; min-height: calc(1.32em * 3) !important; margin: 0 8px 10px !important; overflow: hidden !important; color: var(--mm-ink) !important; font-size: 18px !important; font-weight: 750 !important; line-height: 1.32 !important; text-align: left !important; text-wrap: balance !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; } body.archive.tax-product_cat .wc-block-product-template .wp-block-post-title a { color: inherit !important; text-decoration: none !important; } body.archive.tax-product_cat .wc-block-product-template .wp-block-woocommerce-product-price { margin: 0 8px 15px !important; color: var(--mm-ink) !important; font-size: 18px !important; font-weight: 700 !important; text-align: left !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-button { width: calc(100% - 16px) !important; margin: auto 8px 0 !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-button :is(.wp-block-button__link,.wp-element-button,button,a) { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 50px !important; padding: 10px 15px !important; border: 1px solid var(--mm-coral) !important; border-radius: 9px !important; background: var(--mm-coral) !important; color: #fff !important; font-size: 15px !important; font-weight: 750 !important; text-align: center !important; text-decoration: none !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-button :is(.wp-block-button__link,.wp-element-button,button,a):hover { border-color: var(--mm-coral-dark) !important; background: var(--mm-coral-dark) !important; } /* Pagination */ body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; margin: 48px 0 0 !important; padding: 24px 0 0 !important; border-top: 1px solid var(--mm-line) !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination > *, body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination-numbers { margin: 0 !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination-numbers { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination :is(.page-numbers,.wp-block-query-pagination-previous,.wp-block-query-pagination-next) { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid #ddd8d1 !important; border-radius: 10px !important; background: #fff !important; color: var(--mm-ink) !important; box-shadow: 0 4px 12px rgba(31,42,44,.05) !important; font-size: 14px !important; font-weight: 750 !important; line-height: 1 !important; text-decoration: none !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination :is(a.page-numbers,.wp-block-query-pagination-previous,.wp-block-query-pagination-next):hover, body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination :is(a.page-numbers,.wp-block-query-pagination-previous,.wp-block-query-pagination-next):focus-visible { border-color: var(--mm-coral) !important; background: #fff3f2 !important; color: var(--mm-coral-dark) !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination .page-numbers.current { border-color: var(--mm-coral) !important; background: var(--mm-coral) !important; color: #fff !important; box-shadow: 0 6px 16px rgba(244,109,106,.24) !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination .page-numbers.dots { border-color: transparent !important; background: transparent !important; box-shadow: none !important; } @media (max-width: 980px) and (min-width: 601px){ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__content { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } /* Mobil: GREYD bleibt offen und WooCommerce ist der einzige Filter-Drawer */ @media (max-width: 600px){ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion), body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting), body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-woocommerce-product-collection { width: calc(100% - 24px) !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) { min-height: 68px !important; padding: 8px !important; border-radius: 14px !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title { display: none !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__content, body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__content[hidden] { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; } body.archive.tax-product_cat .wc-block-product-filters { display: inline-flex !important; width: calc(50% - 4px) !important; min-height: 50px !important; margin: 0 !important; } body.archive.tax-product_cat .wc-block-product-filters__open-overlay { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid var(--mm-coral) !important; border-radius: 10px !important; background: var(--mm-coral) !important; color: #fff !important; box-shadow: 0 7px 16px rgba(244,109,106,.20) !important; font-size: 14px !important; font-weight: 750 !important; } body.archive.tax-product_cat .wc-block-product-filters__overlay { z-index: 999999 !important; } body.archive.tax-product_cat .wc-block-product-filters__overlay-dialog { width: 100% !important; max-width: none !important; height: min(90dvh,760px) !important; max-height: 90dvh !important; margin: auto 0 0 !important; border-radius: 20px 20px 0 0 !important; background: #fff !important; color: var(--mm-ink) !important; box-shadow: 0 -18px 46px rgba(20,27,29,.20) !important; } body.archive.tax-product_cat .wc-block-product-filters__close-overlay { min-height: 44px !important; padding: 0 12px !important; border: 1px solid var(--mm-line) !important; border-radius: 9px !important; background: #fff !important; color: var(--mm-ink) !important; font-weight: 750 !important; } body.archive.tax-product_cat .wc-block-product-filters__overlay-content { gap: 16px !important; padding: 10px 18px 24px !important; background: #fff !important; color: var(--mm-ink) !important; } body.archive.tax-product_cat .wc-block-product-filters__overlay-footer { padding: 14px 18px calc(14px + env(safe-area-inset-bottom)) !important; background: #fff !important; } body.archive.tax-product_cat .wc-block-product-filters__apply { min-height: 50px !important; border: 1px solid var(--mm-coral) !important; border-radius: 10px !important; background: var(--mm-coral) !important; color: #fff !important; font-weight: 800 !important; } body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting) { display: block !important; min-height: 68px !important; margin: -68px auto 24px !important; padding: 8px 8px 8px calc(50% + 4px) !important; } body.archive.tax-product_cat .wc-block-product-results-count { display: none !important; } body.archive.tax-product_cat .wc-block-catalog-sorting, body.archive.tax-product_cat .wc-block-catalog-sorting .woocommerce-ordering, body.archive.tax-product_cat .wc-block-catalog-sorting select.orderby { width: 100% !important; max-width: none !important; } body.archive.tax-product_cat .wc-block-catalog-sorting select.orderby { height: 50px !important; font-size: 14px !important; } body.archive.tax-product_cat .wc-block-product-template { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 11px !important; } body.archive.tax-product_cat .wc-block-product-template > li.wc-block-product { padding: 7px 7px 10px !important; border-radius: 13px !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-image { margin-bottom: 10px !important; border-radius: 10px !important; } body.archive.tax-product_cat .wc-block-product-template .wp-block-post-title { min-height: calc(1.28em * 3) !important; margin: 0 4px 7px !important; font-size: 15px !important; line-height: 1.28 !important; text-wrap: pretty !important; } body.archive.tax-product_cat .wc-block-product-template .wp-block-woocommerce-product-price { margin: 0 4px 10px !important; font-size: 16px !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-button { width: calc(100% - 8px) !important; margin-right: 4px !important; margin-left: 4px !important; } body.archive.tax-product_cat .wc-block-product-template .wc-block-components-product-button :is(.wp-block-button__link,.wp-element-button,button,a) { min-height: 46px !important; padding: 8px 7px !important; border-radius: 8px !important; font-size: 13px !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination { gap: 6px !important; margin-top: 32px !important; padding-top: 18px !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination-numbers { gap: 6px !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-collection .wp-block-query-pagination :is(.page-numbers,.wp-block-query-pagination-previous,.wp-block-query-pagination-next) { min-width: 40px !important; height: 40px !important; padding: 0 10px !important; border-radius: 9px !important; font-size: 13px !important; } } @media (max-width: 359px){ body.archive.tax-product_cat .wc-block-product-template { grid-template-columns: 1fr !important; } } /* --- WPWriter addition --- */ /* METEOR 2026-08-03 — Preisfilter sauber innerhalb der Filterkarte */ body.archive.tax-product_cat .wp-block-woocommerce-product-filter-price { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; } body.archive.tax-product_cat .wp-block-woocommerce-product-filter-price-slider, body.archive.tax-product_cat .wc-block-product-filter-price-slider__content { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } body.archive.tax-product_cat .wc-block-product-filter-price-slider__content { display: grid !important; grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr) !important; grid-template-areas: "price-slider price-slider price-slider" "left-input . right-input" !important; column-gap: 0 !important; row-gap: 14px !important; } body.archive.tax-product_cat .wc-block-product-filter-price-slider__range { grid-area: price-slider !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 8px 0 6px !important; } body.archive.tax-product_cat .wc-block-product-filter-price-slider__range, body.archive.tax-product_cat .wc-block-product-filter-price-slider__range .range-bar, body.archive.tax-product_cat .wc-block-product-filter-price-slider__range input[type="range"] { width: 100% !important; max-width: 100% !important; } body.archive.tax-product_cat .wc-block-product-filter-price-slider__range .range-bar { height: 5px !important; border-radius: 999px !important; background: linear-gradient( to right, #d9dedf 0%, #d9dedf var(--low), var(--mm-coral) var(--low), var(--mm-coral) var(--high), #d9dedf var(--high), #d9dedf 100% ) !important; } body.archive.tax-product_cat .wc-block-product-filter-price-slider__left, body.archive.tax-product_cat .wc-block-product-filter-price-slider__right { width: auto !important; min-width: 0 !important; max-width: 100% !important; } body.archive.tax-product_cat .wc-block-product-filter-price-slider__left { grid-area: left-input !important; } body.archive.tax-product_cat .wc-block-product-filter-price-slider__right { grid-area: right-input !important; } body.archive.tax-product_cat .wc-block-product-filter-price-slider__left input, body.archive.tax-product_cat .wc-block-product-filter-price-slider__right input { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 42px !important; padding: 8px 10px !important; border: 1px solid var(--mm-line) !important; border-radius: 8px !important; background: #fff !important; color: var(--mm-ink) !important; font-size: 14px !important; line-height: 1.2 !important; text-align: center !important; box-sizing: border-box !important; } body.archive.tax-product_cat .wc-block-product-filter-price-slider__left input:focus, body.archive.tax-product_cat .wc-block-product-filter-price-slider__right input:focus { border-color: var(--mm-coral) !important; outline: 2px solid color-mix(in srgb, var(--mm-coral) 22%, transparent) !important; outline-offset: 1px !important; } @media (max-width: 480px){ body.archive.tax-product_cat .wc-block-product-filter-price-slider__content { grid-template-columns: minmax(0, 1fr) 10px minmax(0, 1fr) !important; row-gap: 12px !important; } } /* --- WPWriter addition --- */ /* METEOR 2026-08-03 — Filterblock zentrieren und fehlerhaft codierten Chip lesbar ausgeben */ body.archive.tax-product_cat main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) > .wp-block-greyd-accordion { margin-inline: auto !important; } body.archive.tax-product_cat .wc-block-product-filter-chips__item[value="tassen-becher"] .wc-block-product-filter-chips__text { font-size: 0 !important; } body.archive.tax-product_cat .wc-block-product-filter-chips__item[value="tassen-becher"] .wc-block-product-filter-chips__text::after { content: "Tassen & Becher"; font-size: 14px; line-height: 1.25; } /* --- WPWriter addition --- */ /* METEOR 2026-08-03 — Ähnliche Produkte auf Produktdetailseiten */ body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection { padding: clamp(30px, 4vw, 54px) 0 0 !important; border-top: 1px solid var(--mm-line) !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection > h2 { margin: 0 0 24px !important; color: var(--mm-ink) !important; font-size: clamp(28px, 2.5vw, 34px) !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: -.45px !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 18px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.wc-block-product { position: relative !important; display: flex !important; flex-direction: column !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 10px 10px 14px !important; overflow: hidden !important; border: 1px solid var(--mm-line) !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 8px 22px rgba(31, 42, 44, .055) !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.wc-block-product::before { content: "" !important; position: absolute !important; z-index: 2 !important; inset: 0 12px auto !important; height: 4px !important; border-radius: 0 0 6px 6px !important; background: var(--mm-coral) !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.product_cat-blaues-einhorn::before { background: #3d98d4 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.product_cat-death-metal-fee::before { background: #ec63c9 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.product_cat-rosa-t-rex::before { background: #f26686 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.product_cat-nerd::before { background: var(--mm-teal) !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.product_cat-kutullu::before { background: #e3aa28 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.wc-block-product:hover { border-color: color-mix(in srgb, var(--mm-coral) 40%, var(--mm-line)) !important; box-shadow: 0 15px 32px rgba(31, 42, 44, .11) !important; transform: translateY(-3px) !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-image { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; aspect-ratio: 1 / 1 !important; margin: 0 0 14px !important; overflow: hidden !important; border-radius: 12px !important; background: #f7f7f6 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-image > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-image img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; border-radius: 0 !important; object-fit: contain !important; object-position: center !important; transform: none !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-post-title { display: -webkit-box !important; min-height: calc(1.35em * 3) !important; max-height: calc(1.35em * 3) !important; margin: 0 4px 10px !important; overflow: hidden !important; color: var(--mm-ink) !important; font-size: 16px !important; font-weight: 750 !important; line-height: 1.35 !important; text-align: left !important; text-wrap: balance !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-post-title a { color: inherit !important; text-decoration: none !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-price { margin: 0 4px 14px !important; padding: 0 !important; color: var(--mm-ink) !important; text-align: left !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-price::before { content: none !important; display: none !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-price .woocommerce-Price-amount { color: var(--mm-ink) !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.1 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button { width: calc(100% - 8px) !important; margin: auto 4px 0 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button .wp-block-button__link { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; height: auto !important; padding: 10px 12px !important; border: 1px solid var(--mm-coral) !important; border-radius: 9px !important; background: var(--mm-coral) !important; color: #fff !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button .wp-block-button__link:hover, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button .wp-block-button__link:focus-visible { border-color: var(--mm-coral-dark) !important; background: var(--mm-coral-dark) !important; } @media (max-width: 1100px){ body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 720px){ body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection { padding-top: 28px !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection > h2 { margin-bottom: 17px !important; font-size: 26px !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 11px !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.wc-block-product { padding: 7px 7px 10px !important; border-radius: 13px !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-image { margin-bottom: 10px !important; border-radius: 10px !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-post-title { min-height: calc(1.32em * 3) !important; max-height: calc(1.32em * 3) !important; margin: 0 3px 8px !important; font-size: 14px !important; line-height: 1.32 !important; text-wrap: pretty !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-price { margin: 0 3px 10px !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-price .woocommerce-Price-amount { font-size: 18px !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button { width: calc(100% - 6px) !important; margin-right: 3px !important; margin-left: 3px !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button .wp-block-button__link { min-height: 44px !important; padding: 8px 7px !important; border-radius: 8px !important; font-size: 13px !important; } } @media (max-width: 359px){ body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template { grid-template-columns: 1fr !important; } } /* --- WPWriter addition --- */ /* METEOR 2026-08-03 — Restbreiten des Woo-Flexrasters in Ähnliche Produkte neutralisieren */ body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.wc-block-product { flex: none !important; flex-basis: auto !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button { display: flex !important; width: calc(100% - 8px) !important; max-width: none !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button > a.wp-block-button__link.wp-element-button, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button > a.wp-block-button__link.wp-element-button { width: 100% !important; min-height: 48px !important; background: var(--mm-coral) !important; background-color: var(--mm-coral) !important; background-image: none !important; color: #fff !important; } @media (max-width: 720px){ body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button { width: calc(100% - 6px) !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button > a.wp-block-button__link.wp-element-button, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button > a.wp-block-button__link.wp-element-button { min-height: 44px !important; } } /* --- WPWriter addition --- */ /* METEOR 2026-08-03 — CTA-Hintergrund im Related-Products-Block gegen Woo-Reset absichern */ body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button { overflow: hidden !important; border: 1px solid var(--mm-coral) !important; border-radius: 9px !important; background: var(--mm-coral) !important; background-color: var(--mm-coral) !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button > a, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button > a { border: 0 !important; background: transparent !important; color: #fff !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button:has(a:hover), body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button:has(a:hover) { border-color: var(--mm-coral-dark) !important; background: var(--mm-coral-dark) !important; } @media (max-width: 720px){ body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button { border-radius: 8px !important; } } /* --- WPWriter addition --- */ /* METEOR 2026-08-03 — sichtbare CTA-Fläche trotz transparenter Woo-Schaltflächenbasis */ body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button > a.wp-block-button__link, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button > a.wp-block-button__link { box-shadow: inset 0 0 0 999px var(--mm-coral) !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button > a.wp-block-button__link:hover, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button > a.wp-block-button__link:hover { box-shadow: inset 0 0 0 999px var(--mm-coral-dark) !important; } /* --- WPWriter addition --- */ /* METEOR 2026-08-03 — feste Meteor-Farben für Related Products (Variablen sind auf Single Product nicht definiert) */ body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection { border-top-color: #e7e5e0 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection > h2, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-post-title, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-price, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-price .woocommerce-Price-amount { color: #1f2a2c !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.wc-block-product { border-color: #e7e5e0 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.wc-block-product::before { background: #f46d6a !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.product_cat-blaues-einhorn::before { background:#3d98d4 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.product_cat-death-metal-fee::before { background:#ec63c9 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.product_cat-rosa-t-rex::before { background:#f26686 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.product_cat-nerd::before { background:#0b949a !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.product_cat-kutullu::before { background:#e3aa28 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-product-template > li.wc-block-product:hover { border-color: #f0a3a1 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button { border-color: #f46d6a !important; background: #f46d6a !important; background-color: #f46d6a !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button > a.wp-block-button__link, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button > a.wp-block-button__link { box-shadow: inset 0 0 0 999px #f46d6a !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button:has(a:hover), body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button:has(a:hover) { border-color: #d95855 !important; background: #d95855 !important; } body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wc-block-components-product-button > a.wp-block-button__link:hover, body.single-product main#wp--skip-link--target > .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button > a.wp-block-button__link:hover { box-shadow: inset 0 0 0 999px #d95855 !important; } /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* METEOR-MEDIEN – HAUPTSHOP NACH PRODUKTKATALOG-VORLAGE 1 / 2026-08-03 */ /* METEOR-MEDIEN – Produktkatalog Variante 1, konsolidiert / 2026-08-02 */ body.woocommerce-shop { --mm-coral: #f46d6a; --mm-coral-dark: #dc5755; --mm-teal: #07898e; --mm-ink: #23242a; --mm-muted: #6f7477; --mm-line: #e7e3dd; --mm-soft: #f8f7f4; } /* Gemeinsame Breite */ body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion), body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting), body.woocommerce-shop main#wp--skip-link--target > .wp-block-woocommerce-product-collection { width: min(calc(100% - 32px), 1244px) !important; max-width: 1244px !important; box-sizing: border-box !important; } /* Filter- und Sortierleiste */ body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) { position: relative !important; z-index: 4 !important; min-height: 92px !important; margin: 0 auto !important; padding: 20px 24px !important; overflow: visible !important; border: 1px solid var(--mm-line) !important; border-radius: 18px !important; background: #fff !important; color: var(--mm-ink) !important; box-shadow: 0 10px 32px rgba(31,42,44,.08) !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion):has(.wp-block-greyd-accordion__title[aria-expanded="true"]) { padding-bottom: 112px !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion, body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion-item { width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title { display: inline-flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 244px !important; min-height: 50px !important; margin: 0 !important; padding: 0 20px !important; border: 1px solid var(--mm-coral) !important; border-radius: 10px !important; background: var(--mm-coral) !important; color: #fff !important; box-shadow: 0 7px 16px rgba(244,109,106,.22) !important; font-size: 16px !important; font-weight: 750 !important; line-height: 1.2 !important; cursor: pointer !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title:hover, body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title:focus-visible, body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title[aria-expanded="true"] { border-color: var(--mm-coral-dark) !important; background: var(--mm-coral-dark) !important; color: #fff !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title .icon { flex: 0 0 auto !important; color: currentColor !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__content[hidden] { display: none !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__content:not([hidden]) { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; margin: 18px 0 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; opacity: 1 !important; visibility: visible !important; } /* WooCommerce-Filter – Desktop innerhalb des geöffneten GREYD-Accordions */ @media (min-width: 601px){ body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; color: var(--mm-ink) !important; --wc-product-filters-text-color: var(--mm-ink) !important; --wc-product-filters-background-color: #fff !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay, body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-wrapper, body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-dialog { position: static !important; inset: auto !important; display: block !important; width: 100% !important; max-width: none !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--mm-ink) !important; box-shadow: none !important; pointer-events: auto !important; transform: none !important; transition: none !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay { z-index: auto !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-wrapper { backdrop-filter: none !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content, body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__content { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; align-items: start !important; gap: 16px !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 20px !important; overflow: visible !important; border: 1px solid var(--mm-line) !important; border-radius: 14px !important; background: var(--mm-soft) !important; color: var(--mm-ink) !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > *, body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__content > * { min-width: 0 !important; margin: 0 !important; padding: 16px !important; border: 1px solid var(--mm-line) !important; border-radius: 11px !important; background: #fff !important; color: var(--mm-ink) !important; box-shadow: 0 4px 14px rgba(31,42,44,.04) !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filter-active { grid-column: 1 / -1 !important; } } body.woocommerce-shop .wc-block-product-filters :is(h2,h3,h4,.wp-block-heading) { margin: 0 0 12px !important; color: var(--mm-ink) !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; } body.woocommerce-shop .wc-block-product-filters :is(input,select,button) { max-width: 100% !important; } body.woocommerce-shop .wc-block-product-filters :is(input[type="checkbox"],input[type="radio"]) { width: 20px !important; height: 20px !important; accent-color: var(--mm-coral) !important; } body.woocommerce-shop .wc-block-product-filters .accordion-item__toggle { width: 100% !important; min-height: 42px !important; padding: 8px 0 !important; color: var(--mm-ink) !important; font-weight: 750 !important; } body.woocommerce-shop .wc-block-product-filters .accordion-content__wrapper { padding: 10px 0 0 !important; } /* Ergebniszahl und Sortierung liegen in derselben Toolbar */ body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting) { position: relative !important; z-index: 5 !important; min-height: 92px !important; margin: -92px auto 34px !important; padding: 20px 24px 20px 300px !important; gap: 24px !important; background: transparent !important; pointer-events: none !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting) > * { pointer-events: auto !important; } body.woocommerce-shop .wc-block-product-results-count, body.woocommerce-shop .wc-block-product-results-count .woocommerce-result-count { margin: 0 !important; color: var(--mm-muted) !important; font-size: 15px !important; font-weight: 650 !important; white-space: nowrap !important; } body.woocommerce-shop .wc-block-catalog-sorting { margin-left: auto !important; } body.woocommerce-shop .wc-block-catalog-sorting .woocommerce-ordering { margin: 0 !important; } body.woocommerce-shop .wc-block-catalog-sorting select.orderby { width: 300px !important; height: 50px !important; margin: 0 !important; padding: 0 46px 0 17px !important; border: 1px solid #d8d4cf !important; border-radius: 10px !important; background-color: var(--mm-soft) !important; color: var(--mm-ink) !important; box-shadow: none !important; font-size: 16px !important; font-weight: 650 !important; } /* Produktkarten */ body.woocommerce-shop main#wp--skip-link--target > .wp-block-woocommerce-product-collection { margin: 0 auto 56px !important; } body.woocommerce-shop .wc-block-product-template { align-items: stretch !important; gap: 24px !important; } body.woocommerce-shop .wc-block-product-template > li.wc-block-product { position: relative !important; display: flex !important; flex-direction: column !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 10px 10px 16px !important; overflow: hidden !important; border: 1px solid var(--mm-line) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 10px 28px rgba(31,42,44,.07) !important; text-align: left !important; transition: transform .22s ease,box-shadow .22s ease !important; } body.woocommerce-shop .wc-block-product-template > li.wc-block-product::before { content: "" !important; position: absolute !important; z-index: 2 !important; top: 0 !important; right: 14px !important; left: 14px !important; height: 4px !important; border-radius: 0 0 6px 6px !important; background: var(--mm-coral) !important; } body.woocommerce-shop .wc-block-product-template > li.product_cat-blaues-einhorn::before { background:#3d98d4 !important; } body.woocommerce-shop .wc-block-product-template > li.product_cat-death-metal-fee::before { background:#ec63c9 !important; } body.woocommerce-shop .wc-block-product-template > li.product_cat-rosa-t-rex::before { background:#f26686 !important; } body.woocommerce-shop .wc-block-product-template > li.product_cat-nerd::before { background:var(--mm-teal) !important; } body.woocommerce-shop .wc-block-product-template > li.product_cat-kutullu::before { background:#e3aa28 !important; } body.woocommerce-shop .wc-block-product-template > li.wc-block-product:hover { box-shadow: 0 16px 34px rgba(31,42,44,.11) !important; transform: translateY(-3px) !important; } body.woocommerce-shop .wc-block-product-template .wc-block-components-product-image { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; aspect-ratio: 1 / 1 !important; margin: 0 0 16px !important; overflow: hidden !important; border-radius: 13px !important; background: #f7f7f6 !important; } body.woocommerce-shop .wc-block-product-template .wc-block-components-product-image > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; } body.woocommerce-shop .wc-block-product-template .wc-block-components-product-image img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; object-fit: contain !important; object-position: center !important; border-radius: 0 !important; transform: none !important; } body.woocommerce-shop .wc-block-product-template .wp-block-post-title { display: -webkit-box !important; min-height: calc(1.32em * 3) !important; margin: 0 8px 10px !important; overflow: hidden !important; color: var(--mm-ink) !important; font-size: 18px !important; font-weight: 750 !important; line-height: 1.32 !important; text-align: left !important; text-wrap: balance !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; } body.woocommerce-shop .wc-block-product-template .wp-block-post-title a { color: inherit !important; text-decoration: none !important; } body.woocommerce-shop .wc-block-product-template .wp-block-woocommerce-product-price { margin: 0 8px 15px !important; color: var(--mm-ink) !important; font-size: 18px !important; font-weight: 700 !important; text-align: left !important; } body.woocommerce-shop .wc-block-product-template .wc-block-components-product-button { width: calc(100% - 16px) !important; margin: auto 8px 0 !important; } body.woocommerce-shop .wc-block-product-template .wc-block-components-product-button :is(.wp-block-button__link,.wp-element-button,button,a) { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 50px !important; padding: 10px 15px !important; border: 1px solid var(--mm-coral) !important; border-radius: 9px !important; background: var(--mm-coral) !important; color: #fff !important; font-size: 15px !important; font-weight: 750 !important; text-align: center !important; text-decoration: none !important; } body.woocommerce-shop .wc-block-product-template .wc-block-components-product-button :is(.wp-block-button__link,.wp-element-button,button,a):hover { border-color: var(--mm-coral-dark) !important; background: var(--mm-coral-dark) !important; } /* Pagination */ body.woocommerce-shop .wp-block-woocommerce-product-collection .wp-block-query-pagination { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; margin: 48px 0 0 !important; padding: 24px 0 0 !important; border-top: 1px solid var(--mm-line) !important; } body.woocommerce-shop .wp-block-woocommerce-product-collection .wp-block-query-pagination > *, body.woocommerce-shop .wp-block-woocommerce-product-collection .wp-block-query-pagination-numbers { margin: 0 !important; } body.woocommerce-shop .wp-block-woocommerce-product-collection .wp-block-query-pagination-numbers { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px !important; } body.woocommerce-shop .wp-block-woocommerce-product-collection .wp-block-query-pagination :is(.page-numbers,.wp-block-query-pagination-previous,.wp-block-query-pagination-next) { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid #ddd8d1 !important; border-radius: 10px !important; background: #fff !important; color: var(--mm-ink) !important; box-shadow: 0 4px 12px rgba(31,42,44,.05) !important; font-size: 14px !important; font-weight: 750 !important; line-height: 1 !important; text-decoration: none !important; } body.woocommerce-shop .wp-block-woocommerce-product-collection .wp-block-query-pagination :is(a.page-numbers,.wp-block-query-pagination-previous,.wp-block-query-pagination-next):hover, body.woocommerce-shop .wp-block-woocommerce-product-collection .wp-block-query-pagination :is(a.page-numbers,.wp-block-query-pagination-previous,.wp-block-query-pagination-next):focus-visible { border-color: var(--mm-coral) !important; background: #fff3f2 !important; color: var(--mm-coral-dark) !important; } body.woocommerce-shop .wp-block-woocommerce-product-collection .wp-block-query-pagination .page-numbers.current { border-color: var(--mm-coral) !important; background: var(--mm-coral) !important; color: #fff !important; box-shadow: 0 6px 16px rgba(244,109,106,.24) !important; } body.woocommerce-shop .wp-block-woocommerce-product-collection .wp-block-query-pagination .page-numbers.dots { border-color: transparent !important; background: transparent !important; box-shadow: none !important; } @media (max-width: 980px) and (min-width: 601px){ body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content, body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__content { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } /* Mobil: GREYD bleibt offen und WooCommerce ist der einzige Filter-Drawer */ @media (max-width: 600px){ body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion), body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting), body.woocommerce-shop main#wp--skip-link--target > .wp-block-woocommerce-product-collection { width: calc(100% - 24px) !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) { min-height: 68px !important; padding: 8px !important; border-radius: 14px !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__title { display: none !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__content, body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wp-block-greyd-accordion__content[hidden] { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; } body.woocommerce-shop .wc-block-product-filters { display: inline-flex !important; width: calc(50% - 4px) !important; min-height: 50px !important; margin: 0 !important; } body.woocommerce-shop .wc-block-product-filters__open-overlay { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid var(--mm-coral) !important; border-radius: 10px !important; background: var(--mm-coral) !important; color: #fff !important; box-shadow: 0 7px 16px rgba(244,109,106,.20) !important; font-size: 14px !important; font-weight: 750 !important; } body.woocommerce-shop .wc-block-product-filters__overlay { z-index: 999999 !important; } body.woocommerce-shop .wc-block-product-filters__overlay-dialog { width: 100% !important; max-width: none !important; height: min(90dvh,760px) !important; max-height: 90dvh !important; margin: auto 0 0 !important; border-radius: 20px 20px 0 0 !important; background: #fff !important; color: var(--mm-ink) !important; box-shadow: 0 -18px 46px rgba(20,27,29,.20) !important; } body.woocommerce-shop .wc-block-product-filters__close-overlay { min-height: 44px !important; padding: 0 12px !important; border: 1px solid var(--mm-line) !important; border-radius: 9px !important; background: #fff !important; color: var(--mm-ink) !important; font-weight: 750 !important; } body.woocommerce-shop .wc-block-product-filters__overlay-content { gap: 16px !important; padding: 10px 18px 24px !important; background: #fff !important; color: var(--mm-ink) !important; } body.woocommerce-shop .wc-block-product-filters__overlay-footer { padding: 14px 18px calc(14px + env(safe-area-inset-bottom)) !important; background: #fff !important; } body.woocommerce-shop .wc-block-product-filters__apply { min-height: 50px !important; border: 1px solid var(--mm-coral) !important; border-radius: 10px !important; background: var(--mm-coral) !important; color: #fff !important; font-weight: 800 !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting) { display: block !important; min-height: 68px !important; margin: -68px auto 24px !important; padding: 8px 8px 8px calc(50% + 4px) !important; } body.woocommerce-shop .wc-block-product-results-count { display: none !important; } body.woocommerce-shop .wc-block-catalog-sorting, body.woocommerce-shop .wc-block-catalog-sorting .woocommerce-ordering, body.woocommerce-shop .wc-block-catalog-sorting select.orderby { width: 100% !important; max-width: none !important; } body.woocommerce-shop .wc-block-catalog-sorting select.orderby { height: 50px !important; font-size: 14px !important; } body.woocommerce-shop .wc-block-product-template { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 11px !important; } body.woocommerce-shop .wc-block-product-template > li.wc-block-product { padding: 7px 7px 10px !important; border-radius: 13px !important; } body.woocommerce-shop .wc-block-product-template .wc-block-components-product-image { margin-bottom: 10px !important; border-radius: 10px !important; } body.woocommerce-shop .wc-block-product-template .wp-block-post-title { min-height: calc(1.28em * 3) !important; margin: 0 4px 7px !important; font-size: 15px !important; line-height: 1.28 !important; text-wrap: pretty !important; } body.woocommerce-shop .wc-block-product-template .wp-block-woocommerce-product-price { margin: 0 4px 10px !important; font-size: 16px !important; } body.woocommerce-shop .wc-block-product-template .wc-block-components-product-button { width: calc(100% - 8px) !important; margin-right: 4px !important; margin-left: 4px !important; } body.woocommerce-shop .wc-block-product-template .wc-block-components-product-button :is(.wp-block-button__link,.wp-element-button,button,a) { min-height: 46px !important; padding: 8px 7px !important; border-radius: 8px !important; font-size: 13px !important; } body.woocommerce-shop .wp-block-woocommerce-product-collection .wp-block-query-pagination { gap: 6px !important; margin-top: 32px !important; padding-top: 18px !important; } body.woocommerce-shop .wp-block-woocommerce-product-collection .wp-block-query-pagination-numbers { gap: 6px !important; } body.woocommerce-shop .wp-block-woocommerce-product-collection .wp-block-query-pagination :is(.page-numbers,.wp-block-query-pagination-previous,.wp-block-query-pagination-next) { min-width: 40px !important; height: 40px !important; padding: 0 10px !important; border-radius: 9px !important; font-size: 13px !important; } } @media (max-width: 359px){ body.woocommerce-shop .wc-block-product-template { grid-template-columns: 1fr !important; } } /* --- WPWriter addition --- */ /* METEOR 2026-08-03 — Preisfilter sauber innerhalb der Filterkarte */ body.woocommerce-shop .wp-block-woocommerce-product-filter-price { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; } body.woocommerce-shop .wp-block-woocommerce-product-filter-price-slider, body.woocommerce-shop .wc-block-product-filter-price-slider__content { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } body.woocommerce-shop .wc-block-product-filter-price-slider__content { display: grid !important; grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr) !important; grid-template-areas: "price-slider price-slider price-slider" "left-input . right-input" !important; column-gap: 0 !important; row-gap: 14px !important; } body.woocommerce-shop .wc-block-product-filter-price-slider__range { grid-area: price-slider !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 8px 0 6px !important; } body.woocommerce-shop .wc-block-product-filter-price-slider__range, body.woocommerce-shop .wc-block-product-filter-price-slider__range .range-bar, body.woocommerce-shop .wc-block-product-filter-price-slider__range input[type="range"] { width: 100% !important; max-width: 100% !important; } body.woocommerce-shop .wc-block-product-filter-price-slider__range .range-bar { height: 5px !important; border-radius: 999px !important; background: linear-gradient( to right, #d9dedf 0%, #d9dedf var(--low), var(--mm-coral) var(--low), var(--mm-coral) var(--high), #d9dedf var(--high), #d9dedf 100% ) !important; } body.woocommerce-shop .wc-block-product-filter-price-slider__left, body.woocommerce-shop .wc-block-product-filter-price-slider__right { width: auto !important; min-width: 0 !important; max-width: 100% !important; } body.woocommerce-shop .wc-block-product-filter-price-slider__left { grid-area: left-input !important; } body.woocommerce-shop .wc-block-product-filter-price-slider__right { grid-area: right-input !important; } body.woocommerce-shop .wc-block-product-filter-price-slider__left input, body.woocommerce-shop .wc-block-product-filter-price-slider__right input { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 42px !important; padding: 8px 10px !important; border: 1px solid var(--mm-line) !important; border-radius: 8px !important; background: #fff !important; color: var(--mm-ink) !important; font-size: 14px !important; line-height: 1.2 !important; text-align: center !important; box-sizing: border-box !important; } body.woocommerce-shop .wc-block-product-filter-price-slider__left input:focus, body.woocommerce-shop .wc-block-product-filter-price-slider__right input:focus { border-color: var(--mm-coral) !important; outline: 2px solid color-mix(in srgb, var(--mm-coral) 22%, transparent) !important; outline-offset: 1px !important; } @media (max-width: 480px){ body.woocommerce-shop .wc-block-product-filter-price-slider__content { grid-template-columns: minmax(0, 1fr) 10px minmax(0, 1fr) !important; row-gap: 12px !important; } } /* --- WPWriter addition --- */ /* METEOR 2026-08-03 — Filterblock zentrieren und fehlerhaft codierten Chip lesbar ausgeben */ body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) > .wp-block-greyd-accordion { margin-inline: auto !important; } body.woocommerce-shop .wc-block-product-filter-chips__item[value="tassen-becher"] .wc-block-product-filter-chips__text { font-size: 0 !important; } body.woocommerce-shop .wc-block-product-filter-chips__item[value="tassen-becher"] .wc-block-product-filter-chips__text::after { content: "Tassen & Becher"; font-size: 14px; line-height: 1.25; } /* Hauptshop: ruhiger CI-Einstieg */ body.woocommerce-shop { background:#fbfaf7 !important; } body.woocommerce-shop main#wp--skip-link--target > .wc-block-breadcrumbs { width:min(calc(100% - 32px),1244px) !important; max-width:1244px !important; margin:22px auto 0 !important; color:var(--mm-muted) !important; font-size:14px !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-query-title { position:relative !important; isolation:isolate !important; width:min(calc(100% - 32px),1244px) !important; max-width:1244px !important; margin:16px auto 30px !important; padding:clamp(32px,5vw,68px) clamp(26px,5vw,68px) !important; overflow:hidden !important; border:1px solid var(--mm-line) !important; border-radius:24px !important; background:linear-gradient(130deg,#fff 0%,#f8f7f4 68%,#fff1ef 100%) !important; color:var(--mm-ink) !important; box-shadow:0 14px 38px rgba(31,42,44,.08) !important; font-size:clamp(42px,6vw,76px) !important; font-weight:850 !important; line-height:.98 !important; letter-spacing:-.045em !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-query-title::after { content:"" !important; position:absolute !important; z-index:-1 !important; top:-78px !important; right:-42px !important; width:230px !important; aspect-ratio:1 !important; border:34px solid rgba(244,109,106,.18) !important; border-radius:50% !important; } body.woocommerce-shop main#wp--skip-link--target > .wc-block-store-notices { width:min(calc(100% - 32px),1244px) !important; max-width:1244px !important; margin:0 auto !important; } @media (max-width:600px){ body.woocommerce-shop main#wp--skip-link--target > .wc-block-breadcrumbs, body.woocommerce-shop main#wp--skip-link--target > .wp-block-query-title, body.woocommerce-shop main#wp--skip-link--target > .wc-block-store-notices { width:calc(100% - 24px) !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-query-title { margin-top:12px !important; margin-bottom:22px !important; padding:28px 22px !important; border-radius:18px !important; font-size:42px !important; } } /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* METEOR-MEDIEN – HAUPTSHOP FILTER KOMPAKT / 2026-08-03 */ @media (min-width: 601px){ body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-attribute, body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-taxonomy[data-taxonomy="product_cat"] { max-height: 320px !important; overflow-x: hidden !important; overflow-y: auto !important; scrollbar-width: thin; scrollbar-color: var(--mm-coral) #f1efeb; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-attribute > .wp-block-heading, body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-taxonomy[data-taxonomy="product_cat"] > .wp-block-heading { position: sticky !important; z-index: 2 !important; top: -1px !important; margin: -1px -1px 10px !important; padding: 1px 1px 9px !important; background: #fff !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-attribute::-webkit-scrollbar, body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-taxonomy[data-taxonomy="product_cat"]::-webkit-scrollbar { width: 8px; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-attribute::-webkit-scrollbar-thumb, body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-taxonomy[data-taxonomy="product_cat"]::-webkit-scrollbar-thumb { border: 2px solid #fff; border-radius: 999px; background: var(--mm-coral); } } /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* METEOR-MEDIEN – HAUPTSHOP KATEGORIENFILTER KOMPAKT / 2026-08-03 */ @media (min-width: 601px){ body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-taxonomy:last-child { max-height: 320px !important; overflow-x: hidden !important; overflow-y: auto !important; scrollbar-width: thin; scrollbar-color: var(--mm-coral) #f1efeb; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-taxonomy:last-child > .wp-block-heading { position: sticky !important; z-index: 2 !important; top: -1px !important; margin: -1px -1px 10px !important; padding: 1px 1px 9px !important; background: #fff !important; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-taxonomy:last-child::-webkit-scrollbar { width: 8px; } body.woocommerce-shop main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion) .wc-block-product-filters__overlay-content > .wp-block-woocommerce-product-filter-taxonomy:last-child::-webkit-scrollbar-thumb { border: 2px solid #fff; border-radius: 999px; background: var(--mm-coral); } } /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* METEOR-MEDIEN – TICKET HEADER – EINZIGE AKTIVE VARIANTE – 05.08.2026 */ body header.wp-block-template-part{ --th-ink:#141416;--th-paper:#fffaf0;--th-pink:#ef6685;--th-blue:#397edb;--th-orange:#f27a3c;--th-green:#67af9a;--th-yellow:#f0c94f; position:relative;z-index:2000;width:100%;margin:0;padding:18px 24px 20px;background:#121214;overflow:visible; } body header.wp-block-template-part *{box-sizing:border-box} body header.wp-block-template-part>.wp-block-group{ position:relative;width:min(1760px,calc(100vw - 48px));max-width:1760px;margin:0 auto;padding:0!important; background-color:var(--th-paper);background-image:radial-gradient(rgba(20,20,22,.045) .7px,transparent .7px);background-size:5px 5px; border:1px solid rgba(20,20,22,.28);border-radius:18px;box-shadow:0 10px 0 rgba(0,0,0,.28),0 22px 55px rgba(0,0,0,.24);overflow:visible; } body header.wp-block-template-part>.wp-block-group:before, body header.wp-block-template-part>.wp-block-group:after{ content:"";position:absolute;top:50%;z-index:4;width:22px;height:46px;background:#121214;transform:translateY(-50%);pointer-events:none; } body header.wp-block-template-part>.wp-block-group:before{left:-1px;border-radius:0 23px 23px 0} body header.wp-block-template-part>.wp-block-group:after{right:-1px;border-radius:23px 0 0 23px} body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide{ position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:24px;width:100%;max-width:none;min-height:118px;margin:0;padding:17px 34px 16px!important;overflow:visible; } body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide:before, body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide:after{ content:"";position:absolute;left:25px;right:25px;height:3px;pointer-events:none; background:repeating-linear-gradient(90deg,var(--th-pink) 0 34px,transparent 34px 42px,var(--th-blue) 42px 76px,transparent 76px 84px,var(--th-green) 84px 118px,transparent 118px 126px,var(--th-orange) 126px 160px,transparent 160px 168px,var(--th-yellow) 168px 202px,transparent 202px 210px); } body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide:before{top:10px} body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide:after{bottom:9px} body header.wp-block-template-part .wp-block-site-logo{ position:relative;flex:0 0 390px;width:390px;min-height:83px;margin:0;padding:4px 0 27px 25px; } body header.wp-block-template-part .wp-block-site-logo a{display:flex;width:310px;margin:0;padding:0;background:transparent} body header.wp-block-template-part .wp-block-site-logo img{display:block;width:310px;max-width:310px;height:auto;max-height:66px;object-fit:contain} body header.wp-block-template-part .wp-block-site-logo:after{ content:"FANTASIE KENNT\A KEINE SCHUBLADEN.";white-space:pre;position:absolute;left:145px;bottom:0; color:var(--th-ink);font-size:12px;font-weight:800;line-height:1.42;letter-spacing:.14em;text-align:center; } body header.wp-block-template-part .wp-block-site-logo:before{ content:"KEINE\A SCHUBLADEN";white-space:pre;position:absolute;left:4px;bottom:-41px;z-index:8;display:grid;place-items:center; width:86px;height:86px;border:4px solid #fff;border-radius:50%;background:#a4c75a;color:#111; box-shadow:0 7px 0 rgba(0,0,0,.24);font-size:9px;font-weight:900;line-height:1.05;text-align:center;transform:rotate(12deg); } body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide>.wp-block-group{ display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:12px;min-width:0;margin:0;padding:0;overflow:visible; } body header.wp-block-template-part nav[aria-label="Header-Menü"]{ position:relative;display:flex;flex:1 1 auto;align-items:center;gap:18px;min-width:0;margin:0;padding:0;overflow:visible; } body header.wp-block-template-part .wp-block-navigation__responsive-container-open{ position:static;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:10px; min-width:122px;height:56px;margin:0;padding:0 20px;border:2px solid #fff;border-radius:13px;background:var(--th-ink);color:#fff; box-shadow:0 5px 0 rgba(0,0,0,.28);font-size:0;font-weight:900;cursor:pointer;transform:rotate(-1deg);transition:.17s ease; } body header.wp-block-template-part .wp-block-navigation__responsive-container-open svg{display:none} body header.wp-block-template-part .wp-block-navigation__responsive-container-open:before{content:"Shop";font-family:Georgia,serif;font-size:22px;line-height:1} body header.wp-block-template-part .wp-block-navigation__responsive-container-open:after{content:"›";font-size:31px;line-height:.7} body header.wp-block-template-part .wp-block-navigation__responsive-container-open:hover, body header.wp-block-template-part .wp-block-navigation__responsive-container-open:focus-visible{background:var(--th-pink);color:#111;transform:translateY(-2px) rotate(1deg);outline:none} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open){ position:static;display:block;flex:1 1 auto;width:auto;height:auto;min-width:0;margin:0;padding:0;background:transparent;color:var(--th-ink);overflow:visible; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open)>.wp-block-navigation__responsive-close, body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-dialog, body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content{display:contents} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container{ position:static;display:flex;flex-flow:row nowrap;align-items:center;gap:10px;width:auto;height:auto;margin:0;padding:0;overflow:visible; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li{ position:relative;display:flex;flex:0 1 auto;align-items:center;width:auto;margin:0;padding:0;overflow:visible; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li>a{ position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:8px 13px; border:1px dashed rgba(20,20,22,.34);border-radius:6px;background:rgba(255,255,255,.38);color:var(--th-ink); font-family:Georgia,serif;font-size:16px;font-weight:900;line-height:1.05;white-space:nowrap;text-align:center;text-decoration:none; box-shadow:0 3px 0 rgba(20,20,22,.06); } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li:nth-child(1)>a{border-bottom:4px solid var(--th-pink)} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li:nth-child(2)>a{border-bottom:4px solid #9a65c7} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li:nth-child(3)>a{border-bottom:4px solid var(--th-green)} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li:nth-child(4)>a{border-bottom:4px solid var(--th-orange)} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li:nth-child(5)>a{border-bottom:4px solid var(--th-blue)} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li:nth-child(6)>a{border-bottom:4px solid #5d8ddb} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li>a:hover, body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li>a:focus-visible{background:#fff;transform:translateY(-2px);outline:none} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li:nth-last-child(2)>a, body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li:last-child>a{ min-height:50px;padding:9px 17px;border:3px solid #fff;border-radius:7px;color:#111;box-shadow:0 4px 0 rgba(0,0,0,.25);font-size:15px;transform:rotate(-5deg); } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li:nth-last-child(2)>a{margin-left:8px;background:var(--th-pink)} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li:last-child>a{background:var(--th-blue);color:#fff;transform:rotate(-2deg)} body header.wp-block-template-part .wp-block-navigation__submenu-icon{ position:static;display:grid;place-items:center;flex:0 0 22px;width:22px;height:48px;margin-left:-11px;padding:0;border:0;background:transparent;color:#111;cursor:pointer; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) li.has-child>.wp-block-navigation__submenu-container{ position:absolute;top:calc(100% + 12px);left:0;z-index:10070;display:flex;flex-direction:column;gap:3px;width:250px;min-width:250px;margin:0;padding:11px; border:2px solid #171719;border-radius:12px;background:var(--th-paper);box-shadow:8px 9px 0 rgba(0,0,0,.2); visibility:hidden;opacity:0;pointer-events:none;transform:translateY(7px) rotate(-1deg);transition:.16s ease; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) li.has-child:hover>.wp-block-navigation__submenu-container, body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) li.has-child:focus-within>.wp-block-navigation__submenu-container{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) rotate(-1deg)} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container li{display:block;width:100%;margin:0;padding:0} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container li a{ display:block;width:100%;padding:10px 12px;border-radius:7px;color:#171719;font-size:14px;font-weight:750;text-decoration:none; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container li a:hover{background:var(--th-yellow)} body header.wp-block-template-part .wp-block-woocommerce-customer-account, body header.wp-block-template-part .wc-block-mini-cart{position:static;flex:0 0 48px;width:48px;height:48px;margin:0} body header.wp-block-template-part .wp-block-woocommerce-customer-account a, body header.wp-block-template-part .wc-block-mini-cart button{ position:relative;display:grid;place-items:center;width:48px;min-width:48px;height:48px;min-height:48px;margin:0;padding:0; border:0;border-radius:50%;background:transparent;color:#111;cursor:pointer; } body header.wp-block-template-part .wp-block-woocommerce-customer-account a:hover, body header.wp-block-template-part .wc-block-mini-cart button:hover{background:var(--th-yellow)} body header.wp-block-template-part .wc-block-mini-cart__badge{background:#111!important;color:#fff!important} /* Desktop-Shop-Mega-Menü */ @media(min-width:1025px){ body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open{ position:absolute;inset:auto;top:calc(100% + 18px);left:-25px;z-index:10090;display:block; width:min(980px,calc(100vw - 420px));min-width:760px;max-width:980px;height:auto;max-height:calc(100vh - 210px); margin:0;padding:0;overflow:auto;border:3px solid #fff;border-radius:15px;background:#151517;color:#fff; box-shadow:0 18px 0 rgba(0,0,0,.24),0 35px 80px rgba(0,0,0,.34); } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close, body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{position:relative;width:100%;max-width:none;margin:0;padding:0} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{ position:absolute;top:14px;right:14px;z-index:5;display:grid;place-items:center;width:38px;height:38px;padding:0; border:2px solid #fff;border-radius:50%;background:var(--th-pink);color:#111;cursor:pointer; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{ position:relative;display:block;width:100%;margin:0;padding:70px 16px 16px; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content:before{ content:"SHOPWELTEN";position:absolute;top:20px;left:22px;color:#fff;font-family:Georgia,serif;font-size:22px;font-weight:900;letter-spacing:.04em; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container{ position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px;width:100%;margin:0;padding:0; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li{ position:relative;display:block;width:100%;min-height:62px;margin:0;padding:0;border:3px solid #f4eee5;border-radius:8px;background:#f7d3dc;color:#111;transform:rotate(-1deg); } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(2n){background:#ef934f;transform:rotate(1deg)} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(3n){background:#a8cf82;transform:rotate(-.5deg)} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(4n){background:#71a9df;transform:rotate(1deg)} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li>a{ display:flex;width:100%;min-height:62px;align-items:center;padding:13px 14px;color:#111;font-family:Georgia,serif;font-size:17px;font-weight:900;text-decoration:none; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{display:none} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li>.wp-block-navigation__submenu-container{ position:static;display:flex;flex-direction:column;gap:1px;width:100%;min-width:0;margin:0;padding:0 10px 11px; border:0;background:transparent;box-shadow:none;visibility:visible;opacity:1;pointer-events:auto;transform:none; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container li{display:block;width:100%;margin:0;padding:0} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container li a{ display:block;width:100%;padding:7px 8px;border-radius:5px;color:#222;font-size:12.5px;font-weight:750;text-decoration:none; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container li a:hover{background:rgba(255,255,255,.55)} } /* Tablet und Mobil */ @media(max-width:1024px){ body header.wp-block-template-part{padding:9px 10px;background:#121214} body header.wp-block-template-part>.wp-block-group{width:100%;border-radius:12px} body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide{min-height:74px;padding:12px 14px!important;gap:8px} body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide:before{top:6px} body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide:after{bottom:5px} body header.wp-block-template-part .wp-block-site-logo{flex:0 0 150px;width:150px;min-height:0;padding:0} body header.wp-block-template-part .wp-block-site-logo a{width:150px} body header.wp-block-template-part .wp-block-site-logo img{width:150px;max-width:150px;max-height:45px} body header.wp-block-template-part .wp-block-site-logo:before,body header.wp-block-template-part .wp-block-site-logo:after{display:none} body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide>.wp-block-group{flex:0 0 auto;gap:5px} body header.wp-block-template-part nav[aria-label="Header-Menü"]{flex:0 0 auto} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open){display:none} body header.wp-block-template-part .wp-block-navigation__responsive-container-open{width:46px;min-width:46px;height:44px;padding:0;transform:none} body header.wp-block-template-part .wp-block-navigation__responsive-container-open:before{content:"☰";font-family:inherit;font-size:17px} body header.wp-block-template-part .wp-block-navigation__responsive-container-open:after{display:none} body header.wp-block-template-part .wp-block-woocommerce-customer-account, body header.wp-block-template-part .wc-block-mini-cart, body header.wp-block-template-part .wp-block-woocommerce-customer-account a, body header.wp-block-template-part .wc-block-mini-cart button{flex-basis:40px;width:40px;min-width:40px;height:40px;min-height:40px} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open{ position:fixed;inset:0;z-index:100000;display:block;width:100vw;height:100dvh;margin:0;padding:20px;overflow:auto;background:var(--th-paper);color:#111; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{ position:absolute;top:18px;right:18px;display:grid;place-items:center;width:44px;height:44px;border:2px solid #111;border-radius:50%;background:var(--th-pink);color:#111; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{display:block;width:100%;padding:70px 0 20px} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container{display:grid;grid-template-columns:1fr;gap:9px;width:100%;margin:0;padding:0} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li{display:block;width:100%;margin:0;border:1px solid rgba(20,20,22,.14);border-radius:10px;background:#fff} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li>a{display:flex;width:100%;min-height:52px;align-items:center;padding:13px 15px;color:#111;font-size:17px;font-weight:850;text-decoration:none} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{display:none} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{position:static;display:block;visibility:visible;opacity:1;width:100%;margin:0;padding:0 15px 13px;border:0;background:transparent;box-shadow:none;transform:none} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container li a{display:block;padding:7px 0;color:#555;font-size:14px;text-decoration:none} } @media(max-width:520px){ body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide{padding-inline:9px!important;gap:4px} body header.wp-block-template-part .wp-block-site-logo{flex-basis:112px;width:112px} body header.wp-block-template-part .wp-block-site-logo a{width:112px} body header.wp-block-template-part .wp-block-site-logo img{width:112px;max-width:112px} body header.wp-block-template-part .wp-block-navigation__responsive-container-open{width:40px;min-width:40px;height:40px} body header.wp-block-template-part .wp-block-woocommerce-customer-account, body header.wp-block-template-part .wc-block-mini-cart, body header.wp-block-template-part .wp-block-woocommerce-customer-account a, body header.wp-block-template-part .wc-block-mini-cart button{flex-basis:37px;width:37px;min-width:37px;height:37px;min-height:37px} } /* --- WPWriter addition --- */ /* TICKET HEADER – sicherer Tablet/Laptop-Breakpoint bis 1400 px */ @media(min-width:1025px) and (max-width:1400px){ body header.wp-block-template-part{padding:10px 12px;background:#121214} body header.wp-block-template-part>.wp-block-group{width:100%;border-radius:13px} body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide{min-height:78px;padding:12px 15px!important;gap:9px} body header.wp-block-template-part .wp-block-site-logo{flex:0 0 180px;width:180px;min-height:0;padding:0} body header.wp-block-template-part .wp-block-site-logo a{width:180px} body header.wp-block-template-part .wp-block-site-logo img{width:180px;max-width:180px;max-height:48px} body header.wp-block-template-part .wp-block-site-logo:before, body header.wp-block-template-part .wp-block-site-logo:after{display:none} body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide>.wp-block-group{flex:0 0 auto;gap:6px} body header.wp-block-template-part nav[aria-label="Header-Menü"]{position:static;flex:0 0 auto} body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open){display:none} body header.wp-block-template-part .wp-block-navigation__responsive-container-open{ display:inline-flex;width:auto;min-width:96px;height:46px;padding:0 15px;transform:none; } body header.wp-block-template-part .wp-block-navigation__responsive-container-open:before{content:"Shop";font-family:Georgia,serif;font-size:18px} body header.wp-block-template-part .wp-block-navigation__responsive-container-open:after{display:inline;content:"›";font-size:25px} body header.wp-block-template-part .wp-block-woocommerce-customer-account, body header.wp-block-template-part .wc-block-mini-cart, body header.wp-block-template-part .wp-block-woocommerce-customer-account a, body header.wp-block-template-part .wc-block-mini-cart button{flex-basis:42px;width:42px;min-width:42px;height:42px;min-height:42px} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open{ position:fixed;inset:0;z-index:100000;display:block;width:100vw;min-width:0;max-width:none;height:100dvh;max-height:none; margin:0;padding:22px;overflow:auto;border:0;border-radius:0;background:var(--th-paper);color:#111;box-shadow:none; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close{width:min(820px,100%);margin:0 auto} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{ position:absolute;top:18px;right:18px;display:grid;place-items:center;width:44px;height:44px;border:2px solid #111;border-radius:50%;background:var(--th-pink);color:#111; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{display:block;width:100%;padding:70px 0 20px} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content:before{display:none} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container{display:grid;grid-template-columns:1fr;gap:9px;width:100%;margin:0;padding:0} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li, body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(n){ display:block;width:100%;min-height:0;margin:0;border:1px solid rgba(20,20,22,.14);border-radius:10px;background:#fff;transform:none; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li>a{ display:flex;width:100%;min-height:52px;align-items:center;padding:13px 15px;color:#111;font-family:inherit;font-size:17px;font-weight:850;text-decoration:none; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{display:none} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li>.wp-block-navigation__submenu-container{ position:static;display:block;visibility:visible;opacity:1;width:100%;margin:0;padding:0 15px 13px;border:0;background:transparent;box-shadow:none;transform:none; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container li a{display:block;padding:7px 0;color:#555;font-size:14px;text-decoration:none} } /* --- WPWriter addition --- */ /* METEOR-MEDIEN – SHOP MEGA MENU FINAL, Vorlage 05.08.2026 */ @media (min-width:1025px){ body header.wp-block-template-part nav[aria-label="Header-Menü"]{ position:relative !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open{ position:absolute !important; top:calc(100% + 25px) !important; left:0 !important; right:auto !important; bottom:auto !important; z-index:100090 !important; display:block !important; width:760px !important; min-width:760px !important; max-width:calc(100vw - 48px) !important; height:326px !important; min-height:326px !important; max-height:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; border:5px solid #f8f1e6 !important; border-radius:16px !important; background:#141416 !important; box-shadow:0 11px 0 rgba(0,0,0,.34),0 28px 52px rgba(0,0,0,.38) !important; transform:rotate(.25deg) !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open::before{ content:"" !important; position:absolute !important; left:86px !important; top:-25px !important; width:0 !important; height:0 !important; border-left:27px solid transparent !important; border-right:27px solid transparent !important; border-bottom:27px solid #f8f1e6 !important; filter:drop-shadow(0 -2px 0 rgba(0,0,0,.18)) !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close, body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{ position:static !important; display:block !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{ position:absolute !important; top:-17px !important; right:-17px !important; z-index:20 !important; display:grid !important; place-items:center !important; width:40px !important; height:40px !important; padding:0 !important; border:4px solid #f8f1e6 !important; border-radius:50% !important; background:#ef6685 !important; color:#111 !important; box-shadow:0 4px 0 rgba(0,0,0,.28) !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{ position:static !important; display:block !important; width:100% !important; height:100% !important; margin:0 !important; padding:14px !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content::before{ display:none !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container{ position:static !important; display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; grid-template-rows:1fr !important; gap:10px !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li{ position:relative !important; display:none !important; width:100% !important; min-width:0 !important; height:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border:4px solid #f8f1e6 !important; border-radius:11px !important; background-color:#ef6685 !important; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; box-shadow:0 5px 0 rgba(0,0,0,.28) !important; isolation:isolate !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(2), body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(4), body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(3), body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(8){ display:block !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(2){ grid-column:1 !important; background-color:#ef6685 !important; background-image:linear-gradient(to top,rgba(239,102,133,.96) 0 22%,rgba(239,102,133,.05) 58%),url('https://meteor-medien.com/wp-content/uploads/2025/11/Death-Metal-Fee.png') !important; transform:rotate(-2deg) !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(4){ grid-column:2 !important; background-color:#ed8b43 !important; background-image:linear-gradient(to top,rgba(237,139,67,.97) 0 22%,rgba(237,139,67,.04) 58%),url('https://meteor-medien.com/wp-content/uploads/2025/02/Blaues-Einhorn.png') !important; transform:rotate(1.5deg) !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(3){ grid-column:3 !important; background-color:#93bf69 !important; background-image:linear-gradient(to top,rgba(147,191,105,.97) 0 22%,rgba(147,191,105,.04) 58%),url('https://meteor-medien.com/wp-content/uploads/2025/02/Rosa-T-Rex.png') !important; transform:rotate(-1deg) !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(8){ grid-column:4 !important; background-color:#5e9bd8 !important; background-image:linear-gradient(to top,rgba(94,155,216,.98) 0 22%,rgba(94,155,216,.05) 58%),url('https://meteor-medien.com/wp-content/uploads/2025/02/Meteor-Medien-Logo.jpg') !important; background-size:cover,88% auto !important; background-position:center,center 43% !important; transform:rotate(1.5deg) !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li::before{ content:"" !important; position:absolute !important; inset:0 !important; z-index:-1 !important; background-image:radial-gradient(rgba(0,0,0,.16) .7px,transparent .8px) !important; background-size:4px 4px !important; pointer-events:none !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li>a{ position:absolute !important; left:8px !important; right:8px !important; bottom:9px !important; z-index:4 !important; display:flex !important; align-items:center !important; justify-content:center !important; width:auto !important; min-height:44px !important; height:44px !important; margin:0 !important; padding:6px 8px !important; border:3px solid #f8f1e6 !important; border-radius:7px !important; background:rgba(250,246,238,.94) !important; color:#111 !important; font-family:Georgia,serif !important; font-size:0 !important; font-weight:900 !important; line-height:1 !important; text-align:center !important; text-decoration:none !important; box-shadow:0 3px 0 rgba(0,0,0,.22) !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(2)>a::after{content:"Designwelten";font-size:17px} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(4)>a::after{content:"Bekleidung";font-size:17px} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(3)>a::after{content:"Accessoires";font-size:17px} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(8)>a::after{content:"Textil gestalten";font-size:16px} body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li>a:hover, body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li>a:focus-visible{ background:#fff !important; transform:translateY(-2px) !important; outline:none !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon, body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{ display:none !important; } } @media (min-width:1025px) and (max-width:1400px){ body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open{ position:fixed !important; top:118px !important; left:50% !important; width:min(760px,calc(100vw - 32px)) !important; min-width:0 !important; transform:translateX(-50%) rotate(.25deg) !important; } } /* --- WPWriter addition --- */ /* METEOR-MEDIEN – DESKTOP BREAKPOINT QA FIX Volle Ticket-Navigation auch auf normalen Notebooks; kompakt erst unter 1200px. */ @media (min-width:1200px) and (max-width:1400px){ body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide{ min-height:100px !important; padding:14px 18px !important; gap:14px !important; } body header.wp-block-template-part .wp-block-site-logo{ flex:0 0 180px !important; width:180px !important; } body header.wp-block-template-part .wp-block-site-logo a{ width:180px !important; } body header.wp-block-template-part .wp-block-site-logo img{ width:180px !important; max-width:180px !important; max-height:58px !important; } body header.wp-block-template-part>.wp-block-group>.wp-block-group.alignwide>.wp-block-group{ display:flex !important; flex:1 1 auto !important; justify-content:flex-end !important; gap:7px !important; min-width:0 !important; } body header.wp-block-template-part nav[aria-label="Header-Menü"]{ display:flex !important; flex:1 1 auto !important; align-items:center !important; gap:8px !important; min-width:0 !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container-open{ display:inline-flex !important; flex:0 0 auto !important; width:88px !important; min-width:88px !important; height:46px !important; padding:0 12px !important; transform:rotate(-1deg) !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container-open::before{ content:"Shop" !important; font-family:Georgia,serif !important; font-size:17px !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container-open::after{ display:block !important; content:"›" !important; font-size:24px !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open){ position:static !important; display:block !important; flex:1 1 auto !important; width:auto !important; height:auto !important; min-width:0 !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; overflow:visible !important; transform:none !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open)>.wp-block-navigation__responsive-close, body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-dialog, body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content{ display:contents !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container{ display:flex !important; flex-flow:row nowrap !important; align-items:center !important; justify-content:flex-start !important; gap:5px !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li{ display:flex !important; flex:0 1 auto !important; width:auto !important; min-height:0 !important; margin:0 !important; overflow:visible !important; transform:none !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li>a{ min-height:40px !important; padding:6px 8px !important; font-size:12px !important; white-space:nowrap !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li:nth-last-child(2)>a, body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li:last-child>a{ min-height:42px !important; padding:7px 10px !important; font-size:11.5px !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li:nth-last-child(2)>a{ margin-left:2px !important; } body header.wp-block-template-part .wp-block-navigation__submenu-icon{ display:grid !important; flex:0 0 14px !important; width:14px !important; height:40px !important; margin-left:-7px !important; } body header.wp-block-template-part .wp-block-woocommerce-customer-account, body header.wp-block-template-part .wc-block-mini-cart, body header.wp-block-template-part .wp-block-woocommerce-customer-account a, body header.wp-block-template-part .wc-block-mini-cart button{ flex-basis:40px !important; width:40px !important; min-width:40px !important; height:40px !important; min-height:40px !important; } } /* METEOR-MEDIEN – SAFE SHOP CARD GRID (nur geöffneter Zustand) */ @media (min-width:1025px){ body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(2), body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(3), body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(4), body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(8){ grid-row:1!important;height:100%!important;min-height:270px!important;background-repeat:no-repeat!important;background-size:auto 88%!important;background-position:center 15px!important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(2){ grid-column:1!important;background-color:#ef6685!important;background-image:url('https://meteor-medien.com/wp-content/uploads/2025/11/Death-Metal-Fee.png')!important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(4){ grid-column:2!important;background-color:#ed8b43!important;background-image:url('https://meteor-medien.com/wp-content/uploads/2025/02/Blaues-Einhorn.png')!important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(3){ grid-column:3!important;background-color:#93bf69!important;background-image:url('https://meteor-medien.com/wp-content/uploads/2025/02/Rosa-T-Rex.png')!important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container>li:nth-child(8){ grid-column:4!important;background-color:#5e9bd8!important;background-image:url('https://meteor-medien.com/wp-content/uploads/2025/02/Meteor-Medien-Logo.jpg')!important;background-size:88% auto!important;background-position:center 38%!important; } } /* --- WPWriter addition --- */ /* METEOR-MEDIEN – DROPDOWN-PFEILE INNERHALB DER MENÜBOX */ @media (min-width:1200px){ body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li.has-child{ position:relative!important; display:flex!important; align-items:center!important; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li.has-child>a{ position:relative!important; padding-right:30px!important; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li.has-child>.wp-block-navigation__submenu-icon{ position:absolute!important; top:50%!important; right:5px!important; z-index:4!important; display:grid!important; place-items:center!important; width:20px!important; min-width:20px!important; height:30px!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; transform:translateY(-50%)!important; } body header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li.has-child>.wp-block-navigation__submenu-icon svg{ display:block!important; width:10px!important; height:6px!important; margin:0!important; } } /* --- WPWriter addition --- */ /* --- METEOR-MEDIEN QA-Korrekturen 06.08.2026 --- */ /* Defektes Rückerstattungsziel nicht mehr in Footer/404-Navigation ausgeben. */ footer.wp-block-template-part li:has(> a[href*="rueckerstattung_rueckgaben"]), footer.wp-block-template-part a[href*="rueckerstattung_rueckgaben"], body.error404 a[href*="rueckerstattung_rueckgaben"] { display: none !important; } /* Technischen Printful-Schlüssel im Checkout verständlich darstellen. */ body.woocommerce-checkout label[for="radio-control-0-flat_rate:2"] .wc-block-components-radio-control__label { font-size: 0 !important; } body.woocommerce-checkout label[for="radio-control-0-flat_rate:2"] .wc-block-components-radio-control__label::after { content: "Standardversand"; font-size: 16px; } /* --- WPWriter addition --- */ /* METEOR-MEDIEN – Blogartikel Kindermode/Fast Fashion – Post 98340 */ body.single-post.postid-98340 .entry-content { overflow: visible; } body.single-post.postid-98340 .meteor-kids-article { --mka-ink: #111113; --mka-paper: #fbfaf7; --mka-pink: #ef6685; --mka-blue: #4c84e8; --mka-orange: #ff7a3d; --mka-green: #8fbd4c; --mka-yellow: #f2cf61; --mka-teal: #038e93; position: relative; left: 50%; width: min(1180px, calc(100vw - 40px)); max-width: none !important; margin: clamp(42px, 6vw, 74px) 0 100px !important; transform: translateX(-50%); color: var(--mka-ink); font-size: clamp(16px, 1.15vw, 18px); line-height: 1.7; --wp--style--block-gap: 0; } body.single-post.postid-98340 .meteor-kids-article, body.single-post.postid-98340 .meteor-kids-article * { box-sizing: border-box; } body.single-post.postid-98340 .meteor-kids-article h2, body.single-post.postid-98340 .meteor-kids-article h3, body.single-post.postid-98340 .meteor-kids-article p, body.single-post.postid-98340 .meteor-kids-article li { text-wrap: pretty; overflow-wrap: break-word; } body.single-post.postid-98340 .meteor-kids-article h2, body.single-post.postid-98340 .meteor-kids-article h3 { text-wrap: balance; color: inherit; } body.single-post.postid-98340 .meteor-kids-article h2 { margin: 10px 0 24px; font-size: clamp(38px, 4.4vw, 64px); font-weight: 850; letter-spacing: -.052em; line-height: 1; } body.single-post.postid-98340 .meteor-kids-article h3 { margin: 0 0 14px; font-size: clamp(23px, 2.2vw, 32px); line-height: 1.12; } body.single-post.postid-98340 .meteor-kids-article p { margin: 0 0 18px; color: #34343a; } body.single-post.postid-98340 .meteor-kids-article a { color: inherit; font-weight: 750; text-decoration-thickness: 2px; text-underline-offset: 3px; } body.single-post.postid-98340 .meteor-kids-article a:focus-visible { outline: 3px solid var(--mka-yellow); outline-offset: 3px; } body.single-post.postid-98340 .mka-kicker { display: inline-flex; width: max-content; max-width: 100%; margin: 0 0 16px !important; padding: 8px 12px; border: 1.5px solid currentColor; border-radius: 999px; color: var(--mka-ink) !important; font-size: 11px !important; font-weight: 850; letter-spacing: .11em; line-height: 1.2; text-transform: uppercase; } body.single-post.postid-98340 .mka-intro { padding: clamp(34px, 5vw, 64px); border: 2px solid var(--mka-ink); border-radius: 30px; background: radial-gradient(circle at 91% 8%, rgba(76,132,232,.18), transparent 28%), radial-gradient(circle at 4% 92%, rgba(239,102,133,.16), transparent 25%), var(--mka-paper); box-shadow: 9px 9px 0 var(--mka-ink); } body.single-post.postid-98340 .mka-intro-title { max-width: 1000px; margin-top: 0 !important; } body.single-post.postid-98340 .mka-intro-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: clamp(30px, 5vw, 66px); align-items: start; margin: 34px 0 0; } body.single-post.postid-98340 .mka-intro-grid > .wp-block-column { min-width: 0; } body.single-post.postid-98340 .mka-lead { font-size: clamp(19px, 1.8vw, 24px); font-weight: 590; line-height: 1.55; } body.single-post.postid-98340 .mka-scope-card { padding: 28px; border: 2px solid var(--mka-ink); border-radius: 22px; background: #fff; box-shadow: 6px 6px 0 var(--mka-blue); } body.single-post.postid-98340 .mka-scope-list { margin: 0 0 20px; padding: 0; list-style: none; } body.single-post.postid-98340 .mka-scope-list li { position: relative; margin: 0; padding: 11px 0 11px 30px; border-top: 1px solid rgba(17,17,19,.13); } body.single-post.postid-98340 .mka-scope-list li::before { content: "✓"; position: absolute; left: 0; color: var(--mka-teal); font-weight: 900; } body.single-post.postid-98340 .mka-small { margin: 0 !important; color: #66666b !important; font-size: 13px !important; } body.single-post.postid-98340 .mka-jumpnav { display: flex; flex-wrap: wrap; gap: 10px; margin: 34px 0 0; } body.single-post.postid-98340 .mka-jumpnav .wp-block-button__link { min-height: 45px; padding: 10px 18px; border: 2px solid var(--mka-ink) !important; border-radius: 999px; background: #fff !important; color: var(--mka-ink) !important; font-size: 14px; text-decoration: none; transition: transform .2s ease, background-color .2s ease; } body.single-post.postid-98340 .mka-jumpnav .wp-block-button:nth-child(1) .wp-block-button__link:hover { background: #f7d7de !important; } body.single-post.postid-98340 .mka-jumpnav .wp-block-button:nth-child(2) .wp-block-button__link:hover { background: #d7e8f7 !important; } body.single-post.postid-98340 .mka-jumpnav .wp-block-button:nth-child(3) .wp-block-button__link:hover { background: #242429 !important; color: #fff !important; } body.single-post.postid-98340 .mka-jumpnav .wp-block-button:nth-child(4) .wp-block-button__link:hover { background: #d4e8bb !important; } body.single-post.postid-98340 .mka-jumpnav .wp-block-button:nth-child(5) .wp-block-button__link:hover { background: #f6dda0 !important; } body.single-post.postid-98340 .mka-stats { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 28px 0 0; } body.single-post.postid-98340 .mka-stats > .wp-block-column { min-width: 0; } body.single-post.postid-98340 .mka-stat { height: 100%; min-height: 190px; padding: 25px; border: 2px solid var(--mka-ink); border-radius: 21px; box-shadow: 5px 5px 0 var(--mka-ink); } body.single-post.postid-98340 .mka-stats > .wp-block-column:nth-child(1) .mka-stat { background: #f7d7de; } body.single-post.postid-98340 .mka-stats > .wp-block-column:nth-child(2) .mka-stat { background: #d7e8f7; } body.single-post.postid-98340 .mka-stats > .wp-block-column:nth-child(3) .mka-stat { background: #f6dda0; } body.single-post.postid-98340 .mka-stats > .wp-block-column:nth-child(4) .mka-stat { background: #d4e8bb; } body.single-post.postid-98340 .mka-stat p { margin: 0 !important; } body.single-post.postid-98340 .mka-stat strong, body.single-post.postid-98340 .mka-stat span { display: block; } body.single-post.postid-98340 .mka-stat strong { margin-bottom: 16px; font-size: clamp(35px, 3.5vw, 52px); font-weight: 900; letter-spacing: -.05em; line-height: .95; } body.single-post.postid-98340 .mka-stat span { font-size: 14px; font-weight: 700; line-height: 1.4; } body.single-post.postid-98340 .mka-section { margin-top: clamp(46px, 6vw, 72px); padding: clamp(34px, 5vw, 64px); border: 2px solid var(--mka-ink); border-radius: 30px; box-shadow: 9px 9px 0 var(--mka-ink); overflow: hidden; scroll-margin-top: 110px; } body.single-post.postid-98340 .mka-section-pink { background: #f7d7de; } body.single-post.postid-98340 .mka-section-blue { background: #d7e8f7; } body.single-post.postid-98340 .mka-section-green { background: #d4e8bb; } body.single-post.postid-98340 .mka-split { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(34px, 5vw, 68px); align-items: center !important; margin: 0; } body.single-post.postid-98340 .mka-split > .wp-block-column { min-width: 0; } body.single-post.postid-98340 .mka-image { margin: 0; border: 2px solid var(--mka-ink); border-radius: 22px; background: #fff; box-shadow: 8px 8px 0 var(--mka-ink); overflow: hidden; } body.single-post.postid-98340 .mka-image-right { transform: rotate(1.2deg); } body.single-post.postid-98340 .mka-image-left { transform: rotate(-1.2deg); } body.single-post.postid-98340 .mka-image img { display: block; width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: 16 / 11; object-fit: cover; } body.single-post.postid-98340 .mka-image figcaption { margin: 0; padding: 11px 14px 13px; background: #fff; color: #55555b; font-size: 12px; line-height: 1.45; text-align: left; } body.single-post.postid-98340 .mka-source { margin: 24px 0 0 !important; padding-top: 14px; border-top: 1px solid rgba(17,17,19,.18); font-size: 13px !important; } body.single-post.postid-98340 .mka-pullquote { margin: 28px 0 0 !important; padding: 20px 22px; border-left: 7px solid var(--mka-blue); border-radius: 0 15px 15px 0; background: rgba(255,255,255,.72); font-size: clamp(19px, 1.7vw, 23px); font-weight: 800; line-height: 1.4; } body.single-post.postid-98340 .mka-section-dark { background: radial-gradient(circle at 8% 12%, rgba(239,102,133,.22), transparent 30%), radial-gradient(circle at 92% 88%, rgba(76,132,232,.20), transparent 32%), #171719; color: #fff; border-bottom: 9px solid var(--mka-orange); } body.single-post.postid-98340 .mka-section-dark h2, body.single-post.postid-98340 .mka-section-dark h3, body.single-post.postid-98340 .mka-section-dark p, body.single-post.postid-98340 .mka-section-dark a { color: #fff; } body.single-post.postid-98340 .mka-section-dark .mka-kicker { color: var(--mka-yellow) !important; } body.single-post.postid-98340 .mka-license-grid { display: grid !important; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(32px, 5vw, 64px); align-items: start; margin: 0; } body.single-post.postid-98340 .mka-license-grid > .wp-block-column { min-width: 0; } body.single-post.postid-98340 .mka-lead-dark { color: #dfdfe3 !important; font-size: clamp(18px, 1.7vw, 23px); } body.single-post.postid-98340 .mka-dark-card { margin: 0 0 16px; padding: 27px; border: 1px solid rgba(255,255,255,.24); border-radius: 20px; background: rgba(255,255,255,.08); } body.single-post.postid-98340 .mka-dark-card-accent { border-left: 7px solid var(--mka-pink); background: rgba(239,102,133,.12); } body.single-post.postid-98340 .mka-section-dark .mka-source { border-top-color: rgba(255,255,255,.23); color: #d6d6da !important; } body.single-post.postid-98340 .mka-double-cards { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: clamp(46px, 6vw, 72px) 0 0; } body.single-post.postid-98340 .mka-double-cards > .wp-block-column { min-width: 0; } body.single-post.postid-98340 .mka-info-card { height: 100%; padding: clamp(30px, 4vw, 48px); border: 2px solid var(--mka-ink); border-radius: 27px; box-shadow: 8px 8px 0 var(--mka-ink); } body.single-post.postid-98340 .mka-info-card h2 { font-size: clamp(34px, 3.5vw, 51px); } body.single-post.postid-98340 .mka-info-card-orange { background: #fff0e8; } body.single-post.postid-98340 .mka-info-card-green { background: #e2efcf; } body.single-post.postid-98340 .mka-card-note { margin: 28px 0 0 !important; padding: 17px 18px; border: 2px solid var(--mka-ink); border-radius: 14px; background: #fff; font-weight: 850; line-height: 1.4; } body.single-post.postid-98340 .mka-research { margin-top: clamp(54px, 7vw, 88px); padding: clamp(34px, 5vw, 64px); border-radius: 30px; background: radial-gradient(circle at 90% 10%, rgba(242,207,97,.23), transparent 27%), #f0f1ef; scroll-margin-top: 110px; } body.single-post.postid-98340 .mka-research-intro { max-width: 790px; font-size: clamp(18px, 1.55vw, 22px); } body.single-post.postid-98340 .mka-study-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 34px 0 0; } body.single-post.postid-98340 .mka-study-grid > .wp-block-column { min-width: 0; } body.single-post.postid-98340 .mka-study-card { height: 100%; padding: 30px; border: 2px solid var(--mka-ink); border-radius: 22px; background: #fff; box-shadow: 6px 6px 0 var(--mka-yellow); } body.single-post.postid-98340 .mka-study-grid > .wp-block-column:nth-child(2) .mka-study-card { box-shadow: 6px 6px 0 var(--mka-blue); } body.single-post.postid-98340 .mka-study-number { color: var(--mka-teal) !important; font-size: 13px !important; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; } body.single-post.postid-98340 .mka-study-link { margin: 22px 0 0 !important; } body.single-post.postid-98340 .mka-study-link a { display: inline-flex; padding: 9px 13px; border-radius: 8px; background: var(--mka-ink); color: #fff; text-decoration: none; } body.single-post.postid-98340 .mka-conclusion { margin-top: clamp(54px, 7vw, 88px); padding: clamp(36px, 5vw, 68px); border: 2px solid var(--mka-ink); border-radius: 30px; background: radial-gradient(circle at 88% 10%, rgba(35,189,186,.42), transparent 27%), linear-gradient(135deg, #038e93, #045e68); color: #fff; box-shadow: 9px 9px 0 var(--mka-ink); } body.single-post.postid-98340 .mka-conclusion h2, body.single-post.postid-98340 .mka-conclusion h3, body.single-post.postid-98340 .mka-conclusion p { color: #fff; } body.single-post.postid-98340 .mka-conclusion .mka-kicker { color: var(--mka-yellow) !important; } body.single-post.postid-98340 .mka-conclusion-grid { display: grid !important; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 5vw, 60px); margin: 30px 0 0; } body.single-post.postid-98340 .mka-conclusion-grid > .wp-block-column { min-width: 0; } body.single-post.postid-98340 .mka-caution { padding: 28px; border: 1px solid rgba(255,255,255,.44); border-radius: 20px; background: rgba(17,17,19,.22); } body.single-post.postid-98340 .mka-caution p:last-child, body.single-post.postid-98340 .mka-dark-card p:last-child, body.single-post.postid-98340 .mka-study-card p:last-child { margin-bottom: 0; } body.single-post.postid-98340 .mka-method { margin-top: 30px; padding: 26px 30px; border: 1px solid #d7d2c9; border-radius: 18px; background: #f7f4ee; } body.single-post.postid-98340 .mka-method h3 { font-size: 20px; } body.single-post.postid-98340 .mka-method p { margin: 0; color: #626066; font-size: 13px; line-height: 1.65; } @media (max-width: 940px) { body.single-post.postid-98340 .mka-intro-grid, body.single-post.postid-98340 .mka-split, body.single-post.postid-98340 .mka-license-grid, body.single-post.postid-98340 .mka-double-cards, body.single-post.postid-98340 .mka-study-grid, body.single-post.postid-98340 .mka-conclusion-grid { grid-template-columns: 1fr !important; } body.single-post.postid-98340 .mka-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.single-post.postid-98340 .mka-split-image-first > .wp-block-column:first-child { order: 2; } body.single-post.postid-98340 .mka-split-image-first > .wp-block-column:last-child { order: 1; } body.single-post.postid-98340 .mka-stat { min-height: 155px; } body.single-post.postid-98340 .mka-image { max-width: 760px; } } @media (max-width: 620px) { body.single-post.postid-98340 .meteor-kids-article { width: calc(100vw - 28px); margin-top: 30px !important; margin-bottom: 72px !important; font-size: 16px; } body.single-post.postid-98340 .meteor-kids-article h2 { font-size: clamp(34px, 10.5vw, 47px); letter-spacing: -.045em; } body.single-post.postid-98340 .meteor-kids-article h3 { font-size: clamp(22px, 7vw, 29px); } body.single-post.postid-98340 .mka-intro, body.single-post.postid-98340 .mka-section, body.single-post.postid-98340 .mka-research, body.single-post.postid-98340 .mka-conclusion { padding: 26px 20px; border-radius: 22px; box-shadow: 5px 5px 0 var(--mka-ink); } body.single-post.postid-98340 .mka-scope-card, body.single-post.postid-98340 .mka-study-card, body.single-post.postid-98340 .mka-dark-card, body.single-post.postid-98340 .mka-caution { padding: 22px 18px; } body.single-post.postid-98340 .mka-jumpnav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } body.single-post.postid-98340 .mka-jumpnav .wp-block-button, body.single-post.postid-98340 .mka-jumpnav .wp-block-button__link { width: 100%; } body.single-post.postid-98340 .mka-jumpnav .wp-block-button__link { padding-inline: 11px; font-size: 13px; } body.single-post.postid-98340 .mka-stats { grid-template-columns: 1fr; gap: 11px; } body.single-post.postid-98340 .mka-stat { min-height: 0; padding: 21px; box-shadow: 4px 4px 0 var(--mka-ink); } body.single-post.postid-98340 .mka-stat strong { font-size: 36px; } body.single-post.postid-98340 .mka-section, body.single-post.postid-98340 .mka-double-cards, body.single-post.postid-98340 .mka-research, body.single-post.postid-98340 .mka-conclusion { margin-top: 38px; } body.single-post.postid-98340 .mka-info-card { padding: 28px 20px; border-radius: 22px; box-shadow: 5px 5px 0 var(--mka-ink); } body.single-post.postid-98340 .mka-image, body.single-post.postid-98340 .mka-image-left, body.single-post.postid-98340 .mka-image-right { width: 100%; max-width: 100%; transform: none; border-radius: 17px; box-shadow: 4px 4px 0 var(--mka-ink); } body.single-post.postid-98340 .mka-image img { aspect-ratio: 4 / 3; } body.single-post.postid-98340 .mka-pullquote { padding: 17px; font-size: 18px; } body.single-post.postid-98340 .mka-method { padding: 21px 18px; } } @media (max-width: 390px) { body.single-post.postid-98340 .mka-jumpnav { grid-template-columns: 1fr; } } /* --- WPWriter addition --- */ /* METEOR-MEDIEN – Zusatzblock eigene Haltung – Post 98340 */ body.single-post.postid-98340 .mka-brand { position: relative; margin-top: clamp(54px, 7vw, 88px); padding: clamp(36px, 5vw, 64px); border: 2px solid var(--mka-ink); border-radius: 30px; background: radial-gradient(circle at 92% 8%, rgba(239,102,133,.22), transparent 28%), radial-gradient(circle at 8% 92%, rgba(76,132,232,.20), transparent 25%), #fff8df; box-shadow: 9px 9px 0 var(--mka-ink); overflow: hidden; scroll-margin-top: 110px; } body.single-post.postid-98340 .mka-brand::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 11px; background: linear-gradient(90deg, var(--mka-pink) 0 22%, var(--mka-blue) 22% 45%, var(--mka-orange) 45% 65%, var(--mka-green) 65% 83%, var(--mka-teal) 83% 100%); } body.single-post.postid-98340 .mka-brand-intro { display: grid !important; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 5vw, 68px); align-items: center !important; margin: 0; } body.single-post.postid-98340 .mka-brand-intro > .wp-block-column, body.single-post.postid-98340 .mka-product-grid > .wp-block-column { min-width: 0; } body.single-post.postid-98340 .mka-brand .mka-kicker { color: var(--mka-teal) !important; } body.single-post.postid-98340 .mka-brand-copy .mka-lead { font-size: clamp(19px, 1.55vw, 23px); } body.single-post.postid-98340 .mka-brand-promise { margin: 26px 0 0 !important; padding: 18px 20px; border: 2px solid var(--mka-ink); border-radius: 15px; background: #fff; box-shadow: 4px 4px 0 var(--mka-yellow); font-size: 16px; } body.single-post.postid-98340 .mka-product-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: clamp(34px, 5vw, 52px) 0 0; } body.single-post.postid-98340 .mka-product-card { height: 100%; border: 2px solid var(--mka-ink); border-radius: 22px; background: #fff; box-shadow: 6px 6px 0 var(--mka-pink); overflow: hidden; } body.single-post.postid-98340 .mka-product-grid > .wp-block-column:nth-child(2) .mka-product-card { box-shadow: 6px 6px 0 var(--mka-blue); } body.single-post.postid-98340 .mka-product-grid > .wp-block-column:nth-child(3) .mka-product-card { box-shadow: 6px 6px 0 var(--mka-orange); } body.single-post.postid-98340 .mka-product-media { margin: 0; border-bottom: 2px solid var(--mka-ink); background: #f1f0ec; overflow: hidden; } body.single-post.postid-98340 .mka-product-media a { display: block; } body.single-post.postid-98340 .mka-product-media img { display: block; width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover; transition: transform .25s ease; } body.single-post.postid-98340 .mka-product-card:hover .mka-product-media img { transform: scale(1.025); } body.single-post.postid-98340 .mka-product-body { padding: 24px; } body.single-post.postid-98340 .mka-product-label { margin: 0 0 11px !important; color: var(--mka-teal) !important; font-size: 12px !important; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; } body.single-post.postid-98340 .mka-product-card h3 { margin-bottom: 13px; font-size: clamp(22px, 2vw, 29px); } body.single-post.postid-98340 .mka-product-card h3 a { text-decoration: none; } body.single-post.postid-98340 .mka-product-card .mka-product-link { margin: 22px 0 0 !important; } body.single-post.postid-98340 .mka-product-link a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 9px; background: var(--mka-ink); color: #fff; font-size: 14px; text-decoration: none; } body.single-post.postid-98340 .mka-brand-note { margin: 34px 0 0 !important; padding: 17px 20px; border-left: 7px solid var(--mka-teal); border-radius: 0 14px 14px 0; background: rgba(255,255,255,.76); font-size: 14px !important; font-weight: 720; } @media (max-width: 940px) { body.single-post.postid-98340 .mka-brand-intro { grid-template-columns: 1fr !important; } body.single-post.postid-98340 .mka-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.single-post.postid-98340 .mka-product-grid > .wp-block-column:last-child { grid-column: 1 / -1; } } @media (max-width: 620px) { body.single-post.postid-98340 .mka-brand { margin-top: 38px; padding: 26px 20px; border-radius: 22px; box-shadow: 5px 5px 0 var(--mka-ink); } body.single-post.postid-98340 .mka-product-grid { grid-template-columns: 1fr; } body.single-post.postid-98340 .mka-product-grid > .wp-block-column:last-child { grid-column: auto; } body.single-post.postid-98340 .mka-product-body { padding: 21px 18px; } body.single-post.postid-98340 .mka-product-media img { aspect-ratio: 4 / 3; } } /* --- WPWriter addition --- */ body .meteor-format-article{--mfa-ink:#111113;--mfa-paper:#fbfaf7;--mfa-white:#fff;--mfa-grey:#f1f0ec;--mfa-line:#dcd9d1;--mfa-muted:#626269;--mfa-pink:#ef6685;--mfa-blue:#4c84e8;--mfa-orange:#ff7a3d;--mfa-green:#8fbd4c;--mfa-yellow:#f2cf61;width:min(100%,1160px);min-width:0;margin-inline:auto;padding:clamp(1.25rem,4vw,3.5rem);overflow-x:clip;border-radius:24px;background:var(--mfa-paper);color:var(--mfa-ink);font-size:clamp(1rem,.96rem + .16vw,1.1rem);line-height:1.72;} body .meteor-format-article,body .meteor-format-article *,body .meteor-format-article *::before,body .meteor-format-article *::after{box-sizing:border-box;} body .meteor-format-article :where(p,li,td,th,a,figcaption){overflow-wrap:anywhere;hyphens:auto;} body .meteor-format-article p{margin:0 0 1.15em;} body .meteor-format-article a{color:inherit;text-decoration-color:var(--mfa-pink);text-decoration-thickness:.1em;text-underline-offset:.16em;} body .meteor-format-article a:hover{color:var(--mfa-blue);} body .meteor-format-article :where(a,summary):focus-visible{outline:3px solid var(--mfa-yellow);outline-offset:3px;} body .meteor-format-article .mfa-kicker{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;margin:0 0 1rem;padding:.42rem .75rem;border-radius:999px;background:var(--mfa-yellow);font-size:.75rem;font-weight:850;line-height:1.2;letter-spacing:.07em;} body .meteor-format-article .mfa-kicker::before{width:.45rem;height:.45rem;flex:0 0 auto;border-radius:50%;background:var(--mfa-ink);content:"";} body .meteor-format-article .mfa-lead{max-width:850px;margin-bottom:1.25rem;color:#37373c;font-size:clamp(1.15rem,1.02rem + .55vw,1.48rem);font-weight:600;line-height:1.55;} body .meteor-format-article :where(h2,h3){max-width:100%;color:var(--mfa-ink);font-weight:850;letter-spacing:-.03em;line-height:1.12;overflow-wrap:anywhere;text-wrap:balance;} body .meteor-format-article h2{position:relative;margin:clamp(3.8rem,7vw,6.5rem) 0 1.35rem;padding-top:1rem;font-size:clamp(1.85rem,1.42rem + 1.75vw,3.1rem);} body .meteor-format-article h2::before{position:absolute;top:0;left:0;width:4rem;height:.36rem;border-radius:999px;background:var(--mfa-pink);content:"";} body .meteor-format-article h3{margin:2.6rem 0 .85rem;font-size:clamp(1.3rem,1.12rem + .7vw,1.85rem);} body .meteor-format-article .mfa-jump-nav{margin:2.2rem 0 2.8rem;padding:clamp(1.1rem,2.5vw,1.65rem);border:1px solid var(--mfa-line);border-radius:20px;background:var(--mfa-grey);} body .meteor-format-article .mfa-jump-nav__title{margin:0 0 .8rem;font-size:.78rem;font-weight:850;letter-spacing:.065em;text-transform:uppercase;} body .meteor-format-article .mfa-jump-nav ul{display:flex;flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;} body .meteor-format-article .mfa-jump-nav li{margin:0;padding:0;} body .meteor-format-article .mfa-jump-nav a{display:inline-flex;align-items:center;min-height:2.55rem;padding:.55rem .85rem;border:1px solid rgba(17,17,19,.15);border-radius:999px;background:var(--mfa-white);color:var(--mfa-ink);font-size:.86rem;font-weight:750;line-height:1.25;text-decoration:none;box-shadow:0 2px 0 rgba(17,17,19,.1);} body .meteor-format-article .mfa-jump-nav a:hover{background:var(--mfa-yellow);color:var(--mfa-ink);} body .meteor-format-article .mfa-keypoints{margin:2.5rem 0 4rem;padding:clamp(1.35rem,3.5vw,2.4rem);border:1px solid var(--mfa-line);border-left:8px solid var(--mfa-blue);border-radius:22px;background:var(--mfa-white);box-shadow:0 12px 34px rgba(17,17,19,.07);} body .meteor-format-article .mfa-keypoints h2{margin:0 0 1rem;padding:0;font-size:clamp(1.5rem,1.25rem + .8vw,2.15rem);} body .meteor-format-article .mfa-keypoints h2::before{display:none;} body .meteor-format-article .mfa-keypoints ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.5rem;margin:0;padding:0;list-style:none;} body .meteor-format-article .mfa-keypoints li{position:relative;margin:0;padding-left:1.45rem;} body .meteor-format-article .mfa-keypoints li::before{position:absolute;top:.62em;left:0;width:.65rem;height:.65rem;border-radius:50%;background:var(--mfa-pink);content:"";} body .meteor-format-article :where(ul,ol){margin:1rem 0 1.5rem;padding-left:1.45rem;} body .meteor-format-article li{margin-bottom:.42rem;padding-left:.15rem;} body .meteor-format-article ul li::marker{color:var(--mfa-pink);} body .meteor-format-article ol li::marker{color:var(--mfa-blue);font-weight:850;} body .meteor-format-article .wp-block-quote{position:relative;margin:clamp(2rem,4vw,3.5rem) 0;padding:clamp(1.4rem,3vw,2.3rem);overflow:hidden;border:0;border-radius:22px;background:var(--mfa-ink);color:var(--mfa-white);box-shadow:0 12px 36px rgba(17,17,19,.13);} body .meteor-format-article .wp-block-quote::before{position:absolute;inset:0 auto 0 0;width:.55rem;background:var(--mfa-pink);content:"";} body .meteor-format-article .wp-block-quote p{margin:0;color:inherit;font-size:clamp(1.08rem,1rem + .42vw,1.35rem);font-weight:650;line-height:1.5;} body .meteor-format-article figure.wp-block-table{width:100%;max-width:100%;margin:1.8rem 0 2.5rem;overflow-x:auto;border:1px solid var(--mfa-line);border-radius:20px;background:var(--mfa-white);box-shadow:0 9px 26px rgba(17,17,19,.07);-webkit-overflow-scrolling:touch;scrollbar-color:var(--mfa-pink) var(--mfa-grey);scrollbar-width:thin;} body .meteor-format-article figure.wp-block-table::-webkit-scrollbar{height:8px;} body .meteor-format-article figure.wp-block-table::-webkit-scrollbar-thumb{border-radius:999px;background:var(--mfa-pink);} body .meteor-format-article figure.wp-block-table table{width:100%;min-width:680px;margin:0;border:0;border-spacing:0;border-collapse:separate;background:var(--mfa-white);font-size:clamp(.82rem,.79rem + .14vw,.93rem);line-height:1.45;} body .meteor-format-article figure.wp-block-table :where(th,td){min-width:7.5rem;padding:.8rem .9rem;border:0;border-right:1px solid var(--mfa-line);border-bottom:1px solid var(--mfa-line);text-align:left;vertical-align:top;} body .meteor-format-article figure.wp-block-table :where(th,td):last-child{border-right:0;} body .meteor-format-article figure.wp-block-table tr:last-child td{border-bottom:0;} body .meteor-format-article figure.wp-block-table thead th{border-color:rgba(255,255,255,.16);background:var(--mfa-ink);color:var(--mfa-white);font-size:.8rem;font-weight:800;} body .meteor-format-article figure.wp-block-table tbody tr:nth-child(even) td{background:var(--mfa-grey);} body .meteor-format-article figure.wp-block-table tbody tr:hover td{background:#fff9dc;} body .meteor-format-article figure.wp-block-table figcaption{margin:0;padding:.7rem .9rem;border-top:1px solid var(--mfa-line);color:var(--mfa-muted);font-size:.78rem;} body .meteor-format-article .mfa-graphic{width:100%;max-width:100%;margin:clamp(2rem,4vw,3.8rem) 0;padding:clamp(.3rem,1vw,.7rem);overflow:hidden;border:1px solid var(--mfa-line);border-radius:22px;background:var(--mfa-white);box-shadow:0 12px 36px rgba(17,17,19,.08);} body .meteor-format-article .mfa-graphic .mfa-inline-svg{display:block;width:100% !important;max-width:100%;height:auto !important;margin:0;} body .meteor-format-article .mfa-graphic figcaption{padding:.7rem .4rem .15rem;color:var(--mfa-muted);font-size:.8rem;} body .meteor-format-article .mfa-cta-buttons{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.3rem 0 4rem;} body .meteor-format-article .mfa-cta-buttons .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;padding:.75rem 1.2rem;border:2px solid var(--mfa-ink);border-radius:999px;background:var(--mfa-ink);color:var(--mfa-white);font-size:.9rem;font-weight:850;line-height:1.2;text-decoration:none;box-shadow:0 5px 0 var(--mfa-pink);} body .meteor-format-article .mfa-cta-buttons .is-style-outline .wp-block-button__link{background:transparent;color:var(--mfa-ink);box-shadow:none;} body .meteor-format-article .mfa-cta-buttons .wp-block-button__link:hover{background:var(--mfa-yellow);color:var(--mfa-ink);} body .meteor-format-article h2#quellen{margin-bottom:0;padding:1.7rem 1.5rem .8rem;border:1px solid var(--mfa-line);border-bottom:0;border-radius:22px 22px 0 0;background:var(--mfa-grey);font-size:clamp(1.45rem,1.2rem + .75vw,2rem);} body .meteor-format-article h2#quellen::before{top:.8rem;left:1.5rem;} body .meteor-format-article h2#quellen + ul{margin:0;padding:0 1.5rem 1.4rem 2.8rem;border:1px solid var(--mfa-line);border-top:0;border-radius:0 0 22px 22px;background:var(--mfa-grey);} body .meteor-format-article h2#quellen + ul li{margin-bottom:.55rem;color:var(--mfa-muted);font-size:.82rem;line-height:1.5;} @media (max-width:782px){body .meteor-format-article{padding:1.1rem;border-radius:18px;font-size:1rem;} body .meteor-format-article h2{margin-top:3.9rem;font-size:clamp(1.7rem,7.8vw,2.4rem);} body .meteor-format-article h3{font-size:clamp(1.28rem,5.5vw,1.62rem);} body .meteor-format-article .mfa-jump-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));} body .meteor-format-article .mfa-jump-nav a{width:100%;border-radius:12px;} body .meteor-format-article .mfa-keypoints ul{grid-template-columns:1fr;} body .meteor-format-article figure.wp-block-table table{min-width:620px;} body .meteor-format-article .mfa-cta-buttons{display:grid;grid-template-columns:1fr;} body .meteor-format-article .mfa-cta-buttons :where(.wp-block-button,.wp-block-button__link){width:100%;} } @media (max-width:480px){body .meteor-format-article .mfa-jump-nav ul{grid-template-columns:1fr;} body .meteor-format-article :where(.mfa-jump-nav,.mfa-keypoints,.wp-block-quote){padding:1.1rem;border-radius:16px;} body .meteor-format-article .mfa-kicker{max-width:100%;font-size:.68rem;} } /* --- WPWriter addition --- */ /* --- WPWriter addition --- */ /* METEOR-MEDIEN – GLOBALER GREYD-FOOTER, VARIANTE 3 – 17.08.2026 */ footer.wp-block-template-part { margin-block-start: 0 !important; clear: both; } footer.wp-block-template-part > .mm-footer-v3 { --mm-footer-ink: #171719; --mm-footer-paper: #fbfaf7; --mm-footer-teal: #078f94; --mm-footer-pink: #ef6685; --mm-footer-blue: #4c84e8; --mm-footer-orange: #ff7a3d; --mm-footer-green: #8fbd4c; --mm-footer-yellow: #f2cf61; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: var(--mm-footer-paper) !important; color: var(--mm-footer-ink) !important; border-top: 1px solid rgba(23, 23, 25, .07); overflow: hidden; } footer.wp-block-template-part > .mm-footer-v3::after { content: none !important; display: none !important; } footer.wp-block-template-part .mm-footer-v3, footer.wp-block-template-part .mm-footer-v3 * { box-sizing: border-box; } footer.wp-block-template-part .mm-footer-v3__inner { width: min(1280px, calc(100% - 48px)) !important; max-width: 1280px !important; margin: 0 auto !important; padding: 42px 0 0 !important; } footer.wp-block-template-part .mm-footer-v3__newsletter { position: relative; display: grid !important; width: 100% !important; max-width: none !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 36px; min-height: 228px; margin: 0 0 50px !important; padding: 38px 46px !important; border-radius: 24px; background: linear-gradient(120deg, #05777c 0%, #067c81 100%) !important; box-shadow: 0 18px 44px rgba(4, 83, 86, .15); color: #fff; overflow: hidden; } footer.wp-block-template-part .mm-footer-v3__newsletter::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 78% 16%, rgba(255,255,255,.14) 0 5%, transparent 5.4%), radial-gradient(circle at 95% 88%, rgba(255,255,255,.10) 0 10%, transparent 10.4%); } footer.wp-block-template-part .mm-footer-v3__newsletter-copy, footer.wp-block-template-part .mm-footer-v3__characters, footer.wp-block-template-part .mm-footer-v3__ai-note { position: relative; z-index: 2; } footer.wp-block-template-part .mm-footer-v3__newsletter-copy { width: 100% !important; max-width: 650px !important; margin: 0 !important; padding: 0 !important; } footer.wp-block-template-part .mm-footer-v3__newsletter h2 { margin: 0 0 12px !important; color: #fff !important; font-size: clamp(32px, 3.15vw, 48px) !important; font-weight: 850 !important; line-height: 1.03 !important; letter-spacing: -.045em; text-wrap: balance; } footer.wp-block-template-part .mm-footer-v3__newsletter-copy > p { margin: 0 0 22px !important; color: #fff !important; font-size: 16px; line-height: 1.5; } footer.wp-block-template-part .mm-footer-v3__newsletter .wp-block-buttons, footer.wp-block-template-part .mm-footer-v3__newsletter .wp-block-button { margin: 0 !important; } footer.wp-block-template-part .mm-footer-v3__newsletter-button .wp-block-button__link { display: inline-flex !important; align-items: center; justify-content: center; min-height: 50px; padding: 0 25px !important; border: 2px solid #fff !important; border-radius: 9px !important; background: var(--mm-footer-pink) !important; color: var(--mm-footer-ink) !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: none !important; transition: transform .2s ease, background-color .2s ease; } footer.wp-block-template-part .mm-footer-v3__newsletter-button .wp-block-button__link:hover { background: #dc5878 !important; transform: translateY(-2px); } footer.wp-block-template-part .mm-footer-v3__characters { display: flex !important; flex-wrap: nowrap !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; } footer.wp-block-template-part .mm-footer-v3__character { width: 94px !important; height: 94px !important; min-width: 94px !important; margin: 0 !important; padding: 4px !important; border: 3px solid rgba(255,255,255,.92); border-radius: 50%; background: #fff; box-shadow: 0 10px 28px rgba(0,0,0,.14); overflow: hidden; } footer.wp-block-template-part .mm-footer-v3__character img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; border-radius: 50%; object-fit: cover !important; } footer.wp-block-template-part .mm-footer-v3__character:nth-child(1) img { object-position: center 22% !important; } footer.wp-block-template-part .mm-footer-v3__character:nth-child(2) img { object-position: center 20% !important; } footer.wp-block-template-part .mm-footer-v3__character:nth-child(3) img { object-position: center 18% !important; } footer.wp-block-template-part .mm-footer-v3__ai-note { position: absolute; right: 47px; bottom: 16px; margin: 0 !important; padding: 4px 7px; border-radius: 4px; background: rgba(0,0,0,.62); color: #fff !important; font-size: 11px; line-height: 1.2; } footer.wp-block-template-part .mm-footer-v3__grid { display: grid !important; grid-template-columns: minmax(220px, 1.05fr) minmax(155px, .72fr) minmax(250px, 1fr) minmax(205px, .9fr) !important; grid-template-areas: "brand discover blog legal"; gap: clamp(28px, 4vw, 58px) !important; align-items: start !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 10px 52px !important; } footer.wp-block-template-part .mm-footer-v3__brand { grid-area: brand; } footer.wp-block-template-part .mm-footer-v3__discover { grid-area: discover; } footer.wp-block-template-part .mm-footer-v3__blog { grid-area: blog; } footer.wp-block-template-part .mm-footer-v3__legal { grid-area: legal; } footer.wp-block-template-part .mm-footer-v3__grid > .wp-block-column { width: auto !important; min-width: 0 !important; margin: 0 !important; } footer.wp-block-template-part .mm-footer-v3__brand figure { width: min(100%, 240px) !important; margin: 0 0 21px !important; } footer.wp-block-template-part .mm-footer-v3__brand img { display: block; width: 100% !important; height: auto !important; } footer.wp-block-template-part .mm-footer-v3__brand p { max-width: 260px; margin: 0 0 16px !important; color: #646268; font-size: 14px; line-height: 1.55; } footer.wp-block-template-part .mm-footer-v3__contact a { color: var(--mm-footer-ink) !important; font-weight: 700; text-decoration: none; overflow-wrap: anywhere; } footer.wp-block-template-part .mm-footer-v3__grid h3 { margin: 4px 0 20px !important; color: var(--mm-footer-ink) !important; font-size: 19px !important; font-weight: 850 !important; line-height: 1.2 !important; } footer.wp-block-template-part .mm-footer-v3__link-list { display: grid; gap: 11px; margin: 0 !important; padding: 0 !important; list-style: none !important; } footer.wp-block-template-part .mm-footer-v3__link-list li { margin: 0 !important; padding: 0 !important; font-size: 14px; line-height: 1.4; } footer.wp-block-template-part .mm-footer-v3__link-list a { display: inline-flex; align-items: center; min-height: 28px; color: #555359 !important; text-decoration: none !important; transition: color .18s ease, transform .18s ease; } footer.wp-block-template-part .mm-footer-v3__link-list a:hover { color: #a92d50 !important; } footer.wp-block-template-part .mm-footer-v3__blog { position: relative; padding: 27px 27px 26px !important; border: 1px solid rgba(76,132,232,.18); border-radius: 18px; background: linear-gradient(145deg, #edf4ff 0%, #f9eef2 100%); overflow: hidden; } footer.wp-block-template-part .mm-footer-v3__blog::after { content: "✦"; position: absolute; right: 14px; top: -17px; color: var(--mm-footer-blue); font-size: 90px; line-height: 1; opacity: .08; pointer-events: none; } footer.wp-block-template-part .mm-footer-v3__eyebrow { position: relative; z-index: 1; margin: 0 0 9px !important; color: #245cae !important; font-size: 12px; font-weight: 850; line-height: 1; letter-spacing: .11em; text-transform: uppercase; } footer.wp-block-template-part .mm-footer-v3__blog h3 { position: relative; z-index: 1; margin: 0 0 12px !important; font-size: clamp(27px, 2.4vw, 34px) !important; letter-spacing: -.035em; } footer.wp-block-template-part .mm-footer-v3__blog > p:not(.mm-footer-v3__eyebrow) { position: relative; z-index: 1; margin: 0 0 20px !important; color: #4d4c51; font-size: 14px; line-height: 1.55; } footer.wp-block-template-part .mm-footer-v3__blog .wp-block-buttons, footer.wp-block-template-part .mm-footer-v3__blog .wp-block-button { position: relative; z-index: 1; width: 100%; margin: 0 !important; } footer.wp-block-template-part .mm-footer-v3__blog-button .wp-block-button__link { display: flex !important; align-items: center; justify-content: space-between; width: 100%; min-height: 46px; padding: 0 18px !important; border: 2px solid var(--mm-footer-ink) !important; border-radius: 8px !important; background: var(--mm-footer-ink) !important; color: #fff !important; font-size: 14px !important; font-weight: 800 !important; text-decoration: none !important; transition: transform .18s ease, box-shadow .18s ease; } footer.wp-block-template-part .mm-footer-v3__blog-button .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 5px 5px 0 var(--mm-footer-pink); } footer.wp-block-template-part .mm-footer-v3__bottom { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 20px 24px !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 20px 10px 25px !important; border-top: 1px solid #ddd8d1; } footer.wp-block-template-part .mm-footer-v3__social { display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; } footer.wp-block-template-part .mm-footer-v3__social .wp-social-link { display: grid !important; place-items: center !important; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: var(--mm-footer-ink) !important; color: #fff !important; } footer.wp-block-template-part .mm-footer-v3__social .wp-social-link > a { display: grid !important; place-items: center !important; width: 100% !important; height: 100% !important; padding: 0 !important; } footer.wp-block-template-part .mm-footer-v3__social svg { width: 20px !important; height: 20px !important; } footer.wp-block-template-part .mm-footer-v3__copyright { margin: 0 !important; color: #737077; font-size: 13px; } footer.wp-block-template-part .mm-footer-v3__haendlerbund { display: block; padding: 8px 12px; border-radius: 8px; background: var(--mm-footer-ink); line-height: 0; } footer.wp-block-template-part .mm-footer-v3__haendlerbund img { display: block; width: 140px !important; height: auto !important; max-height: none !important; } footer.wp-block-template-part .mm-footer-v3 a:focus-visible { outline: 3px solid var(--mm-footer-ink) !important; outline-offset: 4px; } footer.wp-block-template-part .mm-footer-v3__newsletter a:focus-visible { outline-color: #fff !important; box-shadow: 0 0 0 2px var(--mm-footer-ink); } footer.wp-block-template-part .mm-footer-v3__stripe { width: 100% !important; max-width: none !important; height: 10px; margin: 0 !important; padding: 0 !important; background: linear-gradient(90deg, var(--mm-footer-pink) 0 25%, var(--mm-footer-blue) 25% 50%, var(--mm-footer-green) 50% 75%, var(--mm-footer-orange) 75% 100%) !important; } /* Der globale Footer enthält die Newsletter-CTA; eine doppelte CTA der Startseite entfällt. */ body.page-id-97897 .meteor-newsletter { display: none !important; } @media (max-width: 1050px) { footer.wp-block-template-part .mm-footer-v3__inner { width: min(100% - 40px, 960px) !important; } footer.wp-block-template-part .mm-footer-v3__newsletter { grid-template-columns: minmax(0, 1fr) auto; padding: 34px 36px !important; } footer.wp-block-template-part .mm-footer-v3__character { width: 76px !important; height: 76px !important; min-width: 76px !important; } footer.wp-block-template-part .mm-footer-v3__grid { grid-template-columns: minmax(200px, 1fr) minmax(150px, .7fr) minmax(230px, 1fr) !important; grid-template-areas: "brand discover blog" "legal legal legal"; row-gap: 38px !important; } footer.wp-block-template-part .mm-footer-v3__legal .mm-footer-v3__link-list { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 20px; } } @media (max-width: 800px) { footer.wp-block-template-part > .mm-footer-v3 { padding: 0 !important; } footer.wp-block-template-part .mm-footer-v3__inner { width: calc(100% - 32px) !important; padding-top: 24px !important; } footer.wp-block-template-part .mm-footer-v3__newsletter { display: block !important; min-height: 0; margin-bottom: 36px !important; padding: 30px 26px 24px !important; border-radius: 20px; } footer.wp-block-template-part .mm-footer-v3__newsletter h2 { font-size: clamp(31px, 8.4vw, 42px) !important; } footer.wp-block-template-part .mm-footer-v3__newsletter .wp-block-buttons, footer.wp-block-template-part .mm-footer-v3__newsletter .wp-block-button, footer.wp-block-template-part .mm-footer-v3__newsletter-button .wp-block-button__link { width: 100% !important; } footer.wp-block-template-part .mm-footer-v3__characters { justify-content: flex-start !important; margin-top: 24px !important; } footer.wp-block-template-part .mm-footer-v3__character { width: 70px !important; height: 70px !important; min-width: 70px !important; } footer.wp-block-template-part .mm-footer-v3__ai-note { position: static; display: inline-block; margin-top: 10px !important; background: rgba(0,0,0,.34); } footer.wp-block-template-part .mm-footer-v3__grid { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "brand" "blog" "discover" "legal"; gap: 34px !important; padding: 0 0 38px !important; } footer.wp-block-template-part .mm-footer-v3__brand { padding: 0 10px !important; } footer.wp-block-template-part .mm-footer-v3__brand figure { width: min(100%, 230px) !important; } footer.wp-block-template-part .mm-footer-v3__blog { padding: 26px !important; } footer.wp-block-template-part .mm-footer-v3__discover, footer.wp-block-template-part .mm-footer-v3__legal { padding: 0 10px !important; } footer.wp-block-template-part .mm-footer-v3__discover .mm-footer-v3__link-list, footer.wp-block-template-part .mm-footer-v3__legal .mm-footer-v3__link-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; row-gap: 13px; } footer.wp-block-template-part .mm-footer-v3__bottom { align-items: center !important; gap: 20px 24px !important; padding: 22px 10px 26px !important; } } @media (max-width: 520px) { footer.wp-block-template-part .mm-footer-v3__inner { width: calc(100% - 24px) !important; } footer.wp-block-template-part .mm-footer-v3__newsletter { padding: 27px 22px 23px !important; } footer.wp-block-template-part .mm-footer-v3__characters { gap: 9px !important; } footer.wp-block-template-part .mm-footer-v3__character { width: 62px !important; height: 62px !important; min-width: 62px !important; } footer.wp-block-template-part .mm-footer-v3__bottom { display: grid !important; grid-template-columns: 1fr auto; justify-content: stretch !important; } footer.wp-block-template-part .mm-footer-v3__social { grid-column: 1; } footer.wp-block-template-part .mm-footer-v3__haendlerbund { grid-column: 2; grid-row: 1 / span 2; align-self: center; } footer.wp-block-template-part .mm-footer-v3__haendlerbund img { width: 112px !important; } footer.wp-block-template-part .mm-footer-v3__copyright { grid-column: 1; font-size: 12px; } } @media (max-width: 360px) { footer.wp-block-template-part .mm-footer-v3__bottom { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; } footer.wp-block-template-part .mm-footer-v3__social { grid-column: 1; grid-row: 1; } footer.wp-block-template-part .mm-footer-v3__haendlerbund { grid-column: 1; grid-row: 2; justify-self: start; } footer.wp-block-template-part .mm-footer-v3__copyright { grid-column: 1; grid-row: 3; } } /* --- WPWriter addition --- */ /* * Meteor Medien Blog – Buntes Kartenraster * Ausschließlich für Seite 98357 und den Wrapper .meteor-blog-grid */ body.page-id-98357 .meteor-blog-grid { --mm-paper: #fbfaf7; --mm-ink: #111113; --mm-pink: #ef6685; --mm-blue: #4c84e8; --mm-orange: #ff7a3d; --mm-green: #8fbd4c; --mm-yellow: #f2cf61; --mm-white: #ffffff; --mm-line: 3px solid var(--mm-ink); --mm-radius: 18px; position: relative; isolation: isolate; width: 100vw; max-width: 100vw !important; min-width: 0; margin: 0 calc(50% - 50vw) !important; padding: clamp(2rem, 5vw, 5.5rem) 0 clamp(4rem, 8vw, 8rem); overflow-x: clip; background-color: var(--mm-paper); background-image: radial-gradient(circle, rgba(17, 17, 19, 0.075) 0.65px, transparent 0.8px), radial-gradient(circle, rgba(239, 102, 133, 0.055) 0.65px, transparent 0.8px); background-position: 0 0, 4px 5px; background-size: 9px 9px, 13px 13px; color: var(--mm-ink); font-family: inherit; font-size: clamp(1rem, 0.96rem + 0.15vw, 1.1rem); line-height: 1.6; } body.page-id-98357 .meteor-blog-grid, body.page-id-98357 .meteor-blog-grid *, body.page-id-98357 .meteor-blog-grid *::before, body.page-id-98357 .meteor-blog-grid *::after { box-sizing: border-box; } body.page-id-98357 .meteor-blog-grid :where(img, svg, video) { max-width: 100%; height: auto; } body.page-id-98357 .meteor-blog-grid :where(h1, h2, h3, p, a, li) { max-width: 100%; overflow-wrap: anywhere; hyphens: auto; } body.page-id-98357 .meteor-blog-grid a:focus-visible, body.page-id-98357 .meteor-blog-grid button:focus-visible, body.page-id-98357 .meteor-blog-grid input:focus-visible { outline: 4px solid var(--mm-yellow); outline-offset: 4px; } body.page-id-98357 .meteor-blog-grid .mm-blog-inner, body.page-id-98357 .meteor-blog-grid .mm-blog-content { width: min(calc(100% - clamp(2rem, 7vw, 7rem)), 1480px); max-width: 1480px !important; min-width: 0; margin-inline: auto; } body.page-id-98357 .meteor-blog-grid .mm-blog-inner > *, body.page-id-98357 .meteor-blog-grid .mm-card > *, body.page-id-98357 .meteor-blog-grid .mm-card-body > *, body.page-id-98357 .meteor-blog-grid .mm-blog-promo-copy > * { margin-right: 0 !important; margin-left: 0 !important; } body.page-id-98357 .meteor-blog-grid .mm-blog-content > .mm-blog-layout { max-width: none !important; margin-inline: 0 !important; } /* Hero */ body.page-id-98357 .meteor-blog-grid .mm-blog-hero { position: relative; isolation: isolate; min-width: 0; width: 100%; max-width: none !important; margin-inline: 0 !important; margin-bottom: clamp(2.5rem, 5vw, 5.5rem); } body.page-id-98357 .meteor-blog-grid .mm-blog-hero::before { position: absolute; z-index: -1; top: 3%; right: 1%; width: clamp(7rem, 14vw, 13rem); aspect-ratio: 1; border: var(--mm-line); border-radius: 50%; background-color: var(--mm-pink); background-image: radial-gradient(circle, rgba(17, 17, 19, 0.25) 0.9px, transparent 1px); background-size: 6px 6px; box-shadow: 8px 8px 0 var(--mm-ink); content: ""; transform: rotate(8deg); } body.page-id-98357 .meteor-blog-grid .mm-blog-eyebrow { display: inline-flex; align-items: center; gap: 0.55rem; width: fit-content; margin: 0 0 1rem; color: var(--mm-pink); font-size: clamp(0.82rem, 0.75rem + 0.25vw, 1rem); font-weight: 850; line-height: 1.2; letter-spacing: 0.055em; text-transform: uppercase; } body.page-id-98357 .meteor-blog-grid .mm-blog-eyebrow::before { width: 1.8rem; height: 0.35rem; border-radius: 999px; background: currentColor; content: ""; } body.page-id-98357 .meteor-blog-grid .mm-blog-title { max-width: min(92%, 1320px); margin: 0; color: var(--mm-ink); font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif; font-size: clamp(4.2rem, 10.6vw, 11rem); font-stretch: condensed; font-weight: 900; line-height: 0.82; letter-spacing: -0.035em; text-transform: uppercase; text-wrap: balance; text-shadow: 2px 2px 0 rgba(17, 17, 19, 0.06); } body.page-id-98357 .meteor-blog-grid .mm-blog-lead { max-width: 900px; margin: clamp(1.1rem, 2vw, 1.8rem) 0 0; font-size: clamp(1.05rem, 0.96rem + 0.43vw, 1.4rem); font-weight: 650; line-height: 1.45; } /* Suche */ body.page-id-98357 .meteor-blog-grid .mm-blog-search { width: 100%; margin: clamp(1.6rem, 3vw, 2.6rem) 0 0; } body.page-id-98357 .meteor-blog-grid .mm-blog-search .wp-block-search__label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } body.page-id-98357 .meteor-blog-grid .mm-blog-search .wp-block-search__inside-wrapper { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.65rem; padding: 0; border: 0; } body.page-id-98357 .meteor-blog-grid .mm-blog-search .wp-block-search__input { width: 100%; min-width: 0; min-height: 4.25rem; padding: 0.85rem 1.35rem; border: 3px solid var(--mm-ink); border-radius: 15px; background: var(--mm-ink); color: var(--mm-white); font: inherit; font-size: clamp(1rem, 0.92rem + 0.32vw, 1.25rem); box-shadow: 6px 6px 0 var(--mm-pink); } body.page-id-98357 .meteor-blog-grid .mm-blog-search .wp-block-search__input::placeholder { color: rgba(255, 255, 255, 0.68); opacity: 1; } body.page-id-98357 .meteor-blog-grid .mm-blog-search .wp-block-search__button { min-width: 10rem; min-height: 4.25rem; margin: 0; padding: 0.85rem 1.45rem; border: 3px solid var(--mm-ink); border-radius: 15px; background: var(--mm-ink); color: var(--mm-white); font: inherit; font-size: 1rem; font-weight: 850; box-shadow: 6px 6px 0 var(--mm-blue); cursor: pointer; transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease; } body.page-id-98357 .meteor-blog-grid .mm-blog-search .wp-block-search__button:hover { background: var(--mm-pink); color: var(--mm-ink); box-shadow: 9px 9px 0 var(--mm-ink); transform: translate(-2px, -2px); } /* Layout und Themenleiste */ body.page-id-98357 .meteor-blog-grid .mm-blog-layout { display: grid !important; min-width: 0; margin: 0; } body.page-id-98357 .meteor-blog-grid :where(.mm-blog-sidebar, .mm-blog-feed) { min-width: 0; } body.page-id-98357 .meteor-blog-grid .mm-topic-rail { min-width: 0; } body.page-id-98357 .meteor-blog-grid .mm-topic-rail__title { margin: 0 0 0.65rem; color: var(--mm-ink); font-size: 0.72rem; font-weight: 900; line-height: 1.2; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; } body.page-id-98357 .meteor-blog-grid .mm-topic-rail__list { display: flex; margin: 0; padding: 0; list-style: none; } body.page-id-98357 .meteor-blog-grid .mm-topic-rail li { margin: 0; padding: 0; } body.page-id-98357 .meteor-blog-grid .mm-topic-link { display: flex; align-items: center; justify-content: center; border: var(--mm-line); background: var(--mm-pink); color: var(--mm-ink); font-size: 0.92rem; font-weight: 850; line-height: 1.1; text-align: center; text-decoration: none; box-shadow: 5px 5px 0 var(--mm-ink); transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease; } body.page-id-98357 .meteor-blog-grid .mm-topic-rail li:nth-child(5n + 2) .mm-topic-link { background: var(--mm-blue); } body.page-id-98357 .meteor-blog-grid .mm-topic-rail li:nth-child(5n + 3) .mm-topic-link { background: var(--mm-orange); } body.page-id-98357 .meteor-blog-grid .mm-topic-rail li:nth-child(5n + 4) .mm-topic-link { background: var(--mm-green); } body.page-id-98357 .meteor-blog-grid .mm-topic-rail li:nth-child(5n + 5) .mm-topic-link { background: var(--mm-yellow); } body.page-id-98357 .meteor-blog-grid .mm-topic-link.is-active { background: var(--mm-ink); color: var(--mm-white); } body.page-id-98357 .meteor-blog-grid .mm-topic-link:hover { color: var(--mm-ink); filter: saturate(1.08); box-shadow: 8px 8px 0 var(--mm-ink); transform: translate(-2px, -2px); } body.page-id-98357 .meteor-blog-grid .mm-topic-link.is-active:hover { color: var(--mm-white); } /* Feed-Kopf */ body.page-id-98357 .meteor-blog-grid .mm-blog-feed-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin: 0 0 clamp(1.4rem, 3vw, 2.2rem); padding-bottom: 0.85rem; border-bottom: var(--mm-line); } body.page-id-98357 .meteor-blog-grid .mm-blog-feed-title { margin: 0; color: var(--mm-ink); font-size: clamp(2rem, 1.5rem + 1.7vw, 3.5rem); font-weight: 900; line-height: 0.98; letter-spacing: -0.04em; } body.page-id-98357 .meteor-blog-grid .mm-blog-feed-note { width: fit-content; margin: 0; padding: 0.38rem 0.65rem; border: 2px solid var(--mm-ink); border-radius: 999px; background: var(--mm-yellow); font-size: 0.72rem; font-weight: 850; line-height: 1.2; white-space: nowrap; } /* Query und Kartenraster */ body.page-id-98357 .meteor-blog-grid .mm-card-query { min-width: 0; margin: 0; } body.page-id-98357 .meteor-blog-grid .mm-card-grid { display: grid; min-width: 0; margin: 0; padding: 0; list-style: none; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post { --mm-card-color: var(--mm-pink); --mm-tilt: -0.45deg; min-width: 0; margin: 0; padding: 0; list-style: none; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post .mm-card { position: relative; display: flex; min-width: 0; width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden; flex-direction: column; border: var(--mm-line); border-radius: var(--mm-radius); background-color: var(--mm-card-color); background-image: radial-gradient(circle, rgba(17, 17, 19, 0.14) 0.65px, transparent 0.8px); background-size: 6px 6px; box-shadow: 8px 8px 0 var(--mm-ink); transform: rotate(var(--mm-tilt)); transform-origin: center; transition: transform 170ms ease, box-shadow 170ms ease; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post:nth-child(5n + 2) { --mm-card-color: var(--mm-blue); --mm-tilt: 0.38deg; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post:nth-child(5n + 3) { --mm-card-color: var(--mm-orange); --mm-tilt: -0.25deg; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post:nth-child(5n + 4) { --mm-card-color: var(--mm-green); --mm-tilt: 0.55deg; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post:nth-child(5n + 5) { --mm-card-color: var(--mm-yellow); --mm-tilt: -0.35deg; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post:hover, body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post:focus-within { z-index: 2; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post:hover .mm-card, body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post:focus-within .mm-card { z-index: 2; box-shadow: 12px 12px 0 var(--mm-ink); transform: translate(-3px, -3px) rotate(0deg); } body.page-id-98357 .meteor-blog-grid .mm-card-image { position: relative; width: 100%; aspect-ratio: 16 / 9; margin: 0; overflow: hidden; border: 0; border-bottom: var(--mm-line); background-color: var(--mm-paper); background-image: linear-gradient(135deg, transparent 48%, rgba(17, 17, 19, 0.08) 49%, rgba(17, 17, 19, 0.08) 51%, transparent 52%), radial-gradient(circle, rgba(17, 17, 19, 0.16) 0.7px, transparent 0.9px); background-size: 28px 28px, 7px 7px; } body.page-id-98357 .meteor-blog-grid .mm-card-image::after { position: absolute; inset: 0; z-index: 1; background-image: radial-gradient(circle, rgba(17, 17, 19, 0.22) 0.55px, transparent 0.7px); background-size: 5px 5px; content: ""; mix-blend-mode: multiply; opacity: 0.42; pointer-events: none; } body.page-id-98357 .meteor-blog-grid .mm-card-image :where(img, a) { display: block; width: 100%; height: 100%; } body.page-id-98357 .meteor-blog-grid .mm-card-image img { object-fit: cover; filter: saturate(0.96) contrast(1.04); transition: transform 260ms ease; } body.page-id-98357 .meteor-blog-grid .wp-block-post:hover .mm-card-image img { transform: scale(1.035); } body.page-id-98357 .meteor-blog-grid .mm-card-body { display: flex; min-width: 0; height: 100%; padding: clamp(1rem, 2.2vw, 1.65rem); flex: 1 1 auto; flex-direction: column; } body.page-id-98357 .meteor-blog-grid .mm-card-category { width: fit-content; max-width: 100%; margin: 0 0 0.75rem; padding: 0.3rem 0.58rem; border: 2px solid var(--mm-ink); border-radius: 7px; background: var(--mm-paper); color: var(--mm-ink); font-size: 0.68rem; font-weight: 900; line-height: 1.1; letter-spacing: 0.035em; text-transform: uppercase; transform: rotate(-1deg); } body.page-id-98357 .meteor-blog-grid .mm-card-category a { color: inherit; text-decoration: none; } body.page-id-98357 .meteor-blog-grid .mm-card-title { margin: 0 0 0.75rem; color: var(--mm-ink); font-size: clamp(1.5rem, 1.18rem + 1.05vw, 2.35rem); font-weight: 900; line-height: 1.02; letter-spacing: -0.035em; text-wrap: balance; } body.page-id-98357 .meteor-blog-grid .mm-card-title a { color: inherit; text-decoration: none; } body.page-id-98357 .meteor-blog-grid .mm-card-title a::after { position: absolute; inset: 0; z-index: 2; content: ""; } body.page-id-98357 .meteor-blog-grid .mm-card-excerpt { display: -webkit-box; margin: 0 0 1rem; overflow: hidden; color: rgba(17, 17, 19, 0.8); font-size: 0.9rem; line-height: 1.48; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } body.page-id-98357 .meteor-blog-grid .mm-card-excerpt p { margin: 0; } body.page-id-98357 .meteor-blog-grid .mm-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-top: auto; padding-top: 0.65rem; border-top: 2px solid rgba(17, 17, 19, 0.28); color: var(--mm-ink); font-size: 0.74rem; font-weight: 800; line-height: 1.3; } body.page-id-98357 .meteor-blog-grid .mm-card-date { opacity: 0.76; } body.page-id-98357 .meteor-blog-grid .mm-card-readmore { position: relative; z-index: 3; display: inline-flex; align-items: center; gap: 0.35rem; margin-left: auto; color: var(--mm-ink); font-weight: 900; text-decoration: none; } /* Pagination */ body.page-id-98357 .meteor-blog-grid .mm-card-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.6rem; margin: clamp(3rem, 6vw, 5rem) 0 0; } body.page-id-98357 .meteor-blog-grid .mm-card-pagination :where(a, .page-numbers) { display: inline-grid; min-width: 2.8rem; min-height: 2.8rem; padding: 0.45rem; border: 2px solid var(--mm-ink); border-radius: 9px; background: var(--mm-paper); color: var(--mm-ink); font-weight: 850; text-align: center; text-decoration: none; box-shadow: 3px 3px 0 var(--mm-ink); place-items: center; } body.page-id-98357 .meteor-blog-grid .mm-card-pagination :where(a:hover, .current) { background: var(--mm-pink); color: var(--mm-ink); } body.page-id-98357 .meteor-blog-grid .mm-blog-empty { margin-top: 1.5rem; padding: clamp(1.3rem, 3vw, 2.2rem); border: var(--mm-line); border-radius: var(--mm-radius); background: var(--mm-yellow); box-shadow: 7px 7px 0 var(--mm-ink); } body.page-id-98357 .meteor-blog-grid .mm-blog-empty h3 { margin: 0 0 0.45rem; font-size: clamp(1.35rem, 1.1rem + 0.8vw, 2rem); font-weight: 900; line-height: 1.1; } body.page-id-98357 .meteor-blog-grid .mm-blog-empty p { margin: 0; } /* Promo-Karte */ body.page-id-98357 .meteor-blog-grid .mm-blog-promo { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: clamp(1.5rem, 4vw, 4rem); width: min(calc(100% - clamp(2rem, 7vw, 7rem)), 1480px); max-width: 1480px !important; margin: clamp(3.5rem, 7vw, 7rem) auto 0 !important; padding: clamp(1.6rem, 4vw, 3.6rem); overflow: hidden; border: var(--mm-line); border-radius: 22px; background-color: var(--mm-yellow); background-image: radial-gradient(circle, rgba(17, 17, 19, 0.17) 0.7px, transparent 0.85px), linear-gradient(115deg, transparent 0 72%, rgba(239, 102, 133, 0.8) 72% 100%); background-size: 7px 7px, 100% 100%; box-shadow: 10px 10px 0 var(--mm-pink), 13px 13px 0 var(--mm-ink); transform: rotate(-0.25deg); } body.page-id-98357 .meteor-blog-grid .mm-blog-promo-copy { position: relative; z-index: 1; max-width: 800px; width: 100%; margin: 0; } body.page-id-98357 .meteor-blog-grid .mm-blog-promo-eyebrow { width: fit-content; margin: 0 0 0.7rem; padding: 0.32rem 0.58rem; border: 2px solid var(--mm-ink); border-radius: 7px; background: var(--mm-pink); font-size: 0.72rem; font-weight: 900; line-height: 1.15; letter-spacing: 0.055em; } body.page-id-98357 .meteor-blog-grid .mm-blog-promo-title { margin: 0 0 0.7rem; color: var(--mm-ink); font-size: clamp(2rem, 1.45rem + 2.2vw, 4rem); font-weight: 900; line-height: 0.98; letter-spacing: -0.04em; text-wrap: balance; } body.page-id-98357 .meteor-blog-grid .mm-blog-promo-text { max-width: 680px; margin: 0; font-weight: 650; } body.page-id-98357 .meteor-blog-grid .mm-blog-promo-actions { margin-top: 1.3rem; } body.page-id-98357 .meteor-blog-grid .mm-blog-promo-button { margin: 0; } body.page-id-98357 .meteor-blog-grid .mm-blog-promo-button .wp-block-button__link { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; min-height: 3.2rem; padding: 0.8rem 1.3rem; border: 3px solid var(--mm-ink); border-radius: 10px; background: var(--mm-ink); color: var(--mm-white); font-weight: 900; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 5px 5px 0 var(--mm-white); } body.page-id-98357 .meteor-blog-grid .mm-blog-promo-button .wp-block-button__link:hover { background: var(--mm-blue); color: var(--mm-ink); } /* Desktop: vertikale Rail + zweispaltiges Raster */ @media (min-width: 1100px) { body.page-id-98357 .meteor-blog-grid .mm-blog-layout { grid-template-columns: 102px minmax(0, 1fr); gap: clamp(1.5rem, 3vw, 3rem); align-items: start; } body.page-id-98357 .meteor-blog-grid .mm-topic-rail { position: sticky; top: 115px; align-self: start; } body.page-id-98357 .meteor-blog-grid .mm-topic-rail__list { flex-direction: column; gap: 0.45rem; } body.page-id-98357 .meteor-blog-grid .mm-topic-link { width: 82px; min-height: 154px; padding: 0.8rem 0.45rem; border-radius: 12px; writing-mode: vertical-rl; transform: rotate(180deg); } body.page-id-98357 .meteor-blog-grid .mm-topic-link:hover { transform: translate(-2px, -2px) rotate(180deg); } body.page-id-98357 .meteor-blog-grid .mm-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.35rem, 2.5vw, 2.3rem); align-items: start; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post:nth-child(4n + 2) .mm-card-image { aspect-ratio: 4 / 3; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post:nth-child(4n + 3) .mm-card-image { aspect-ratio: 16 / 10; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post:nth-child(7n) { grid-column: 1 / -1; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post:nth-child(7n) .mm-card { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(310px, 0.85fr); } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post:nth-child(7n) .mm-card-image { height: 100%; aspect-ratio: auto; border-right: var(--mm-line); border-bottom: 0; } } /* Tablet: horizontale Rail, Karten bleiben zweispaltig */ @media (min-width: 700px) and (max-width: 1099px) { body.page-id-98357 .meteor-blog-grid .mm-blog-layout { grid-template-columns: minmax(0, 1fr); gap: 2rem; } body.page-id-98357 .meteor-blog-grid .mm-topic-rail { width: 100%; overflow-x: auto; padding: 0 0.4rem 0.75rem; scrollbar-color: var(--mm-pink) transparent; scrollbar-width: thin; } body.page-id-98357 .meteor-blog-grid .mm-topic-rail__list { width: max-content; gap: 0.55rem; } body.page-id-98357 .meteor-blog-grid .mm-topic-link { min-height: 3.2rem; padding: 0.65rem 1rem; border-radius: 11px; white-space: nowrap; } body.page-id-98357 .meteor-blog-grid .mm-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; align-items: start; } body.page-id-98357 .meteor-blog-grid .mm-card-title { font-size: clamp(1.35rem, 2.65vw, 1.8rem); } } /* Mobile */ @media (max-width: 699px) { body.page-id-98357 .meteor-blog-grid { padding-top: 1.5rem; } body.page-id-98357 .meteor-blog-grid .mm-blog-inner, body.page-id-98357 .meteor-blog-grid .mm-blog-content { width: min(calc(100% - 1.25rem), 1480px); } body.page-id-98357 .meteor-blog-grid .mm-blog-hero::before { top: 0; right: -2.25rem; width: 6.8rem; opacity: 0.7; box-shadow: 5px 5px 0 var(--mm-ink); } body.page-id-98357 .meteor-blog-grid .mm-blog-title { max-width: 100%; font-size: clamp(3rem, 14.5vw, 4.4rem); line-height: 0.86; overflow-wrap: normal; word-break: keep-all; hyphens: none; } body.page-id-98357 .meteor-blog-grid .mm-blog-search .wp-block-search__inside-wrapper { grid-template-columns: minmax(0, 1fr); } body.page-id-98357 .meteor-blog-grid .mm-blog-search .wp-block-search__input, body.page-id-98357 .meteor-blog-grid .mm-blog-search .wp-block-search__button { width: 100%; min-width: 0; min-height: 3.65rem; } body.page-id-98357 .meteor-blog-grid .mm-blog-layout { grid-template-columns: minmax(0, 1fr); gap: 1.7rem; } body.page-id-98357 .meteor-blog-grid .mm-topic-rail { width: 100%; max-width: 100%; overflow-x: auto; padding: 0 0.35rem 0.8rem; -webkit-overflow-scrolling: touch; scrollbar-color: var(--mm-pink) transparent; scrollbar-width: thin; } body.page-id-98357 .meteor-blog-grid .mm-topic-rail__list { width: max-content; gap: 0.5rem; } body.page-id-98357 .meteor-blog-grid .mm-topic-link { min-height: 3rem; padding: 0.58rem 0.85rem; border-width: 2px; border-radius: 10px; font-size: 0.82rem; white-space: nowrap; box-shadow: 3px 3px 0 var(--mm-ink); } body.page-id-98357 .meteor-blog-grid .mm-card-grid { grid-template-columns: minmax(0, 1fr); gap: 1.55rem; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post .mm-card { width: calc(100% - 5px); border-width: 2px; border-radius: 15px; box-shadow: 5px 5px 0 var(--mm-ink); transform: none; } body.page-id-98357 .meteor-blog-grid .mm-card-image { border-bottom-width: 2px; aspect-ratio: 16 / 10; } body.page-id-98357 .meteor-blog-grid .mm-card-title { font-size: clamp(1.45rem, 7.8vw, 2rem); line-height: 1.04; } body.page-id-98357 .meteor-blog-grid .mm-card-meta { align-items: flex-start; flex-direction: column; } body.page-id-98357 .meteor-blog-grid .mm-card-readmore { margin-left: 0; } body.page-id-98357 .meteor-blog-grid .mm-blog-promo { grid-template-columns: minmax(0, 1fr); gap: 1.3rem; width: calc(100% - 7px); padding: 1.35rem; border-width: 2px; border-radius: 16px; background-image: radial-gradient(circle, rgba(17, 17, 19, 0.17) 0.7px, transparent 0.85px); box-shadow: 6px 6px 0 var(--mm-pink), 8px 8px 0 var(--mm-ink); transform: none; } body.page-id-98357 .meteor-blog-grid .mm-blog-promo-button, body.page-id-98357 .meteor-blog-grid .mm-blog-promo-button .wp-block-button__link { width: 100%; } } @media (prefers-reduced-motion: reduce) { body.page-id-98357 .meteor-blog-grid *, body.page-id-98357 .meteor-blog-grid *::before, body.page-id-98357 .meteor-blog-grid *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; } } /* Seitentitel außerhalb des Design-Wrappers nur auf dieser Blogseite ausblenden. */ body.page-id-98357:has(.meteor-blog-grid) h1.entry-title:not(.mm-blog-title), body.page-id-98357:has(.meteor-blog-grid) h1.page-title:not(.mm-blog-title), body.page-id-98357:has(.meteor-blog-grid) h1.wp-block-post-title:not(.mm-blog-title) { display: none !important; } /* --- WPWriter addition --- */ /* METEOR BLOG – GREYD Grid-Breitenkorrektur */ body.page-id-98357 .meteor-blog-grid .mm-blog-layout > .mm-blog-sidebar, body.page-id-98357 .meteor-blog-grid .mm-blog-layout > .mm-blog-feed { width: 100% !important; max-width: none !important; flex-basis: auto !important; } body.page-id-98357 .meteor-blog-grid .mm-card-grid > .wp-block-post { width: 100% !important; max-width: none !important; } /* --- WPWriter addition --- */ /* METEOR BLOG – lesbarere Magazinüberschrift */ body.page-id-98357 .meteor-blog-grid .mm-blog-title { max-width: min(88%, 1120px) !important; font-family: "DM Sans", Arial, Helvetica, sans-serif !important; font-size: clamp(3.8rem, 8.3vw, 9rem) !important; font-stretch: normal !important; font-weight: 900 !important; line-height: .96 !important; letter-spacing: -.045em !important; overflow-wrap: normal !important; word-break: normal !important; hyphens: none !important; } @media (max-width: 699px) { body.page-id-98357 .meteor-blog-grid .mm-blog-title { max-width: 100% !important; font-size: clamp(2.65rem, 12.4vw, 3.85rem) !important; line-height: .98 !important; letter-spacing: -.04em !important; } } /* --- WPWriter addition --- */ /* METEOR-MEDIEN – CMYK/RGB Artikel 98385 – Layoutfix 18.08.2026 */ body.single-post.postid-98385 .meteor-format-article.alignwide { display: flow-root; position: relative; isolation: isolate; width: 100% !important; max-width: 1160px !important; min-width: 0 !important; margin-right: auto !important; margin-left: auto !important; overflow-x: clip; } body.single-post.postid-98385 .meteor-format-article > *, body.single-post.postid-98385 .meteor-format-article :where( .wp-block-group, .wp-block-buttons, .wp-block-button, .mfa-jump-nav, .mfa-keypoints, .wp-block-quote, .mfa-graphic, .wp-block-table ) { min-width: 0; max-width: 100%; } body.single-post.postid-98385 .meteor-format-article :where(p, h2, h3, li, th, td, figcaption) { max-width: 100%; white-space: normal !important; overflow-wrap: break-word; word-break: normal; hyphens: auto; } body.single-post.postid-98385 .meteor-format-article :where(ul, ol), body.single-post.postid-98385 .meteor-format-article :where(ul, ol) > li { min-width: 0; max-width: 100%; } /* Sprungnavigation */ body.single-post.postid-98385 .meteor-format-article .mfa-jump-nav { width: 100%; overflow: hidden; } body.single-post.postid-98385 .meteor-format-article .mfa-jump-nav ul, body.single-post.postid-98385 .meteor-format-article .mfa-jump-nav li, body.single-post.postid-98385 .meteor-format-article .mfa-jump-nav a { min-width: 0; max-width: 100%; } body.single-post.postid-98385 .meteor-format-article .mfa-jump-nav a { white-space: normal !important; text-align: left; overflow-wrap: break-word; } /* Infoboxen und Zitate im normalen Dokumentfluss halten */ body.single-post.postid-98385 .meteor-format-article .mfa-keypoints, body.single-post.postid-98385 .meteor-format-article .wp-block-quote { clear: both; width: 100%; height: auto !important; min-height: 0 !important; } body.single-post.postid-98385 .meteor-format-article .wp-block-quote::after { display: none !important; content: none !important; } /* Tabellen bleiben innerhalb des Artikels */ body.single-post.postid-98385 .meteor-format-article figure.wp-block-table { display: block; clear: both; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow-x: auto !important; overflow-y: hidden; -webkit-overflow-scrolling: touch; } /* SVG und Bildunterschrift gegen Theme-Positionierung absichern */ body.single-post.postid-98385 .meteor-format-article .mfa-graphic { display: block; position: relative; clear: both; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; isolation: isolate; } body.single-post.postid-98385 .meteor-format-article .mfa-graphic .mfa-inline-svg { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; transform: none !important; overflow: hidden; } body.single-post.postid-98385 .meteor-format-article .mfa-graphic figcaption { display: block !important; position: static !important; inset: auto !important; float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; transform: none !important; } /* CTA und Quellen */ body.single-post.postid-98385 .meteor-format-article .mfa-cta-buttons, body.single-post.postid-98385 .meteor-format-article .mfa-cta-buttons .wp-block-button { min-width: 0 !important; max-width: 100% !important; margin-left: 0 !important; float: none !important; } body.single-post.postid-98385 .meteor-format-article .mfa-cta-buttons .wp-block-button__link { min-width: 0; max-width: 100%; white-space: normal !important; overflow-wrap: break-word; text-align: center; } body.single-post.postid-98385 .meteor-format-article h2#quellen + ul, body.single-post.postid-98385 .meteor-format-article h2#quellen + ul a { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; } @media (max-width: 782px) { body.single-post.postid-98385 .meteor-format-article.alignwide { width: 100% !important; padding-right: 1rem !important; padding-left: 1rem !important; } body.single-post.postid-98385 h1.wp-block-post-title { max-width: calc(100% - 1.5rem) !important; font-size: clamp(1.75rem, 8vw, 2.35rem) !important; line-height: 1.08 !important; letter-spacing: -.025em !important; text-wrap: pretty; overflow-wrap: break-word; hyphens: auto; text-shadow: 0 2px 8px rgba(0, 0, 0, .72); } body.single-post.postid-98385 .meteor-format-article h2 { max-width: 100%; font-size: clamp(1.5rem, 6.6vw, 2rem); line-height: 1.18; letter-spacing: -.025em; text-wrap: pretty; overflow-wrap: normal; word-break: normal; hyphens: auto; } body.single-post.postid-98385 .meteor-format-article h3 { font-size: clamp(1.2rem, 5.2vw, 1.55rem); line-height: 1.24; letter-spacing: -.018em; text-wrap: pretty; overflow-wrap: normal; word-break: normal; hyphens: auto; } body.single-post.postid-98385 .meteor-format-article .wp-block-quote { padding: 1.25rem 1.1rem 1.25rem 1.4rem; } body.single-post.postid-98385 .meteor-format-article .wp-block-quote p { font-size: 1rem; line-height: 1.56; } /* Der Beitrag verwendet ausschließlich zweispaltige Tabellen. */ body.single-post.postid-98385 .meteor-format-article figure.wp-block-table { overflow-x: hidden !important; } body.single-post.postid-98385 .meteor-format-article figure.wp-block-table table { width: 100% !important; min-width: 0 !important; max-width: 100% !important; table-layout: fixed; } body.single-post.postid-98385 .meteor-format-article figure.wp-block-table :where(th, td) { width: 50%; min-width: 0 !important; padding: .65rem .55rem; font-size: .78rem; line-height: 1.38; overflow-wrap: break-word; hyphens: auto; } body.single-post.postid-98385 .meteor-format-article .mfa-cta-buttons { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100%; } body.single-post.postid-98385 .meteor-format-article .mfa-cta-buttons :where(.wp-block-button, .wp-block-button__link) { width: 100% !important; min-width: 0 !important; } } @media (max-width: 640px) { body.single-post.postid-98385 .meteor-format-article .mfa-jump-nav ul { display: grid; grid-template-columns: minmax(0, 1fr); } body.single-post.postid-98385 .meteor-format-article .mfa-keypoints { border-left-width: 5px; } /* Querformat-Infografiken bleiben lesbar und scrollen nur in ihrem eigenen Rahmen. */ body.single-post.postid-98385 .meteor-format-article .mfa-graphic { padding: .65rem !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; scrollbar-color: var(--mfa-pink) var(--mfa-grey); scrollbar-width: thin; } body.single-post.postid-98385 .meteor-format-article .mfa-graphic::before { display: block; position: sticky; z-index: 3; left: 0; width: max-content; margin: 0 0 .65rem; padding: .38rem .62rem; border-radius: 999px; background: var(--mfa-yellow); color: var(--mfa-ink); font-size: .72rem; font-weight: 850; line-height: 1.2; content: "↔ Grafik seitlich wischen"; } body.single-post.postid-98385 .meteor-format-article .mfa-graphic .mfa-inline-svg { width: 880px !important; min-width: 880px !important; max-width: none !important; } body.single-post.postid-98385 .meteor-format-article .mfa-graphic figcaption { position: sticky !important; left: 0 !important; width: min(100%, calc(100vw - 3.5rem)) !important; padding-top: .65rem; } body.single-post.postid-98385 .meteor-format-article h2#quellen, body.single-post.postid-98385 .meteor-format-article h2#quellen + ul { padding-right: 1rem; padding-left: 1rem; } } /* --- WPWriter addition --- */ /* METEOR-MEDIEN – Dateiformate-Ratgeber 98406: responsive Absicherung */ body.single-post.postid-98406 .meteor-format-article { width: min(100%, 1160px) !important; min-width: 0 !important; margin-right: auto !important; margin-left: auto !important; } body.single-post.postid-98406 .meteor-format-article > *, body.single-post.postid-98406 .meteor-format-article :where( .wp-block-group, .wp-block-buttons, .wp-block-button, .mfa-jump-nav, .mfa-keypoints, .wp-block-quote, .mfa-graphic, .wp-block-table ) { min-width: 0; max-width: 100%; } body.single-post.postid-98406 .meteor-format-article :where(p, h2, h3, li, th, td, figcaption) { max-width: 100%; white-space: normal !important; overflow-wrap: break-word; word-break: normal; hyphens: auto; } body.single-post.postid-98406 .meteor-format-article figure.wp-block-table { display: block; clear: both; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; overflow-y: hidden; -webkit-overflow-scrolling: touch; } body.single-post.postid-98406 .meteor-format-article .mfa-graphic { display: block; position: relative; clear: both; width: 100% !important; max-width: 100% !important; isolation: isolate; } body.single-post.postid-98406 .meteor-format-article .mfa-graphic .mfa-inline-svg { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; transform: none !important; } body.single-post.postid-98406 .meteor-format-article .mfa-cta-buttons .wp-block-button__link { min-width: 0; max-width: 100%; white-space: normal !important; overflow-wrap: break-word; text-align: center; } @media (max-width: 782px) { body.single-post.postid-98406 .meteor-format-article.alignwide { width: 100% !important; padding-right: 1rem !important; padding-left: 1rem !important; } body.single-post.postid-98406 h1.wp-block-post-title { max-width: calc(100% - 1.5rem) !important; margin-right: auto !important; margin-left: auto !important; font-size: clamp(1.7rem, 7.8vw, 2.35rem) !important; line-height: 1.08 !important; letter-spacing: -.025em !important; text-wrap: pretty; overflow-wrap: break-word; } body.single-post.postid-98406 .meteor-format-article .mfa-cta-buttons { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100%; } body.single-post.postid-98406 .meteor-format-article .mfa-cta-buttons :where(.wp-block-button, .wp-block-button__link) { width: 100% !important; min-width: 0 !important; } } @media (max-width: 640px) { body.single-post.postid-98406 .meteor-format-article .mfa-jump-nav ul { display: grid; grid-template-columns: minmax(0, 1fr); } body.single-post.postid-98406 .meteor-format-article .mfa-graphic { padding: .65rem !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; scrollbar-color: var(--mfa-pink) var(--mfa-grey); scrollbar-width: thin; } body.single-post.postid-98406 .meteor-format-article .mfa-graphic::before { display: block; position: sticky; z-index: 3; left: 0; width: max-content; margin: 0 0 .65rem; padding: .38rem .62rem; border-radius: 999px; background: var(--mfa-yellow); color: var(--mfa-ink); font-size: .72rem; font-weight: 850; line-height: 1.2; content: "↔ Grafik seitlich wischen"; } body.single-post.postid-98406 .meteor-format-article .mfa-graphic .mfa-inline-svg { width: 760px !important; min-width: 760px !important; max-width: none !important; } body.single-post.postid-98406 .meteor-format-article .mfa-graphic figcaption { position: sticky !important; left: 0 !important; width: min(100%, calc(100vw - 3.5rem)) !important; padding-top: .65rem; } } /* --- WPWriter addition --- */ /* METEOR-MEDIEN – AUDIT-FIX 21.08.2026 */ /* Mobile Header: sichtbarer Menüpiktogramm-Kontrast und mehr Platz */ @media (max-width: 1024px) { body header.wp-block-template-part .wp-block-navigation__responsive-container-open, body header.wp-block-template-part .wp-block-navigation__responsive-container-open::before { background: #141416 !important; color: #fff !important; border-color: #fff !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container-open svg, body header.wp-block-template-part .wp-block-navigation__responsive-container-open svg path { fill: #fff !important; color: #fff !important; } body header.wp-block-template-part nav[aria-label="Header-Menü"] > .mm-druckshop-button { display: none !important; } body header.wp-block-template-part nav[aria-label="Header-Menü"]:has(.wp-block-navigation__responsive-container.is-menu-open) > .mm-druckshop-button { display: inline-flex !important; } } @media (max-width: 520px) { body header.wp-block-template-part > .wp-block-group > .wp-block-group.alignwide { gap: 7px !important; padding-right: 12px !important; padding-left: 12px !important; } body header.wp-block-template-part .wp-block-site-logo, body header.wp-block-template-part .wp-block-site-logo a { width: 108px !important; flex-basis: 108px !important; } body header.wp-block-template-part .wp-block-site-logo img { width: 108px !important; max-width: 108px !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container-open { width: 42px !important; min-width: 42px !important; height: 42px !important; } body header.wp-block-template-part .wp-block-woocommerce-customer-account, body header.wp-block-template-part .wc-block-mini-cart, body header.wp-block-template-part .wp-block-woocommerce-customer-account a, body header.wp-block-template-part .wc-block-mini-cart button { width: 38px !important; min-width: 38px !important; height: 38px !important; flex-basis: 38px !important; } } /* Hauptmenü: vollständig deckende Menü- und Beschriftungsflächen */ @media (min-width: 1025px) { body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open { background-color: #141416 !important; opacity: 1 !important; backdrop-filter: none !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li { opacity: 1 !important; } body header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li > a { background-color: #faf6ee !important; color: #111113 !important; opacity: 1 !important; } } /* Shop-H1 */ body.woocommerce-shop .mm-shop-title { width: min(calc(100% - 32px), 1244px) !important; max-width: 1244px !important; margin: clamp(28px, 4vw, 48px) auto 18px !important; color: #23242a !important; font-size: clamp(42px, 5vw, 64px) !important; font-weight: 850 !important; line-height: 1 !important; letter-spacing: -.045em !important; } /* Filter/Ergebniszahl: keine Überlagerung mehr */ @media (min-width: 1200px) { :is(body.woocommerce-shop, body.archive.tax-product_cat) main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting) { padding-left: 420px !important; } } @media (min-width: 782px) and (max-width: 1199px) { :is(body.woocommerce-shop, body.archive.tax-product_cat) main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting) { min-height: 72px !important; margin: 14px auto 34px !important; padding: 11px 20px !important; border: 1px solid var(--mm-line, #e7e3dd) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 8px 24px rgba(31,42,44,.06) !important; pointer-events: auto !important; } } /* Damen bleibt Landingpage – leere Shop-Ausgabe ausblenden */ body.term-43 main#wp--skip-link--target > .wp-block-group:has(> .wp-block-greyd-accordion), body.term-43 main#wp--skip-link--target > .wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting), body.term-43 main#wp--skip-link--target > .wp-block-woocommerce-product-collection, body.term-43 .woocommerce-no-products-found { display: none !important; } /* Rechtstexte: semantisch und im Meteor-CI lesbar */ body:is(.page-id-3, .page-id-143, .page-id-144, .page-id-146) { background: #f8f5ef !important; } body:is(.page-id-3, .page-id-143, .page-id-144, .page-id-146) main#wp--skip-link--target { width: min(calc(100% - 40px), 1040px) !important; max-width: 1040px !important; margin: clamp(34px, 5vw, 72px) auto !important; padding: clamp(30px, 5vw, 58px) !important; border: 1px solid #e7e1d8 !important; border-radius: 22px !important; background: #fff !important; box-shadow: 0 18px 48px rgba(31,36,38,.07) !important; color: #25272b !important; } body:is(.page-id-3, .page-id-143, .page-id-144, .page-id-146) .mm-legal-title { margin: 0 0 30px !important; color: #151719 !important; font-size: clamp(38px, 5vw, 58px) !important; font-weight: 850 !important; line-height: 1.04 !important; letter-spacing: -.04em !important; text-wrap: balance !important; } body:is(.page-id-3, .page-id-143, .page-id-144, .page-id-146) main#wp--skip-link--target span[style*="font-size:14px"], body:is(.page-id-3, .page-id-143, .page-id-144, .page-id-146) main#wp--skip-link--target span[style*="font-size: 14px"] { font-size: 16px !important; line-height: 1.75 !important; } body:is(.page-id-3, .page-id-143, .page-id-144, .page-id-146) main#wp--skip-link--target span[style*="font-size:16px"], body:is(.page-id-3, .page-id-143, .page-id-144, .page-id-146) main#wp--skip-link--target span[style*="font-size: 16px"] { font-size: 21px !important; line-height: 1.35 !important; } @media (max-width: 600px) { body:is(.page-id-3, .page-id-143, .page-id-144, .page-id-146) main#wp--skip-link--target { width: calc(100% - 24px) !important; margin: 22px auto 36px !important; padding: 24px 20px !important; border-radius: 15px !important; } body:is(.page-id-3, .page-id-143, .page-id-144, .page-id-146) .mm-legal-title { margin-bottom: 24px !important; font-size: clamp(32px, 10vw, 42px) !important; } } /* Produktdetail: doppelte Beschreibungsüberschrift entfernen */ body.single-product .woocommerce-Tabs-panel--description > h2:first-child { display: none !important; } /* Mini-Warenkorb: Produkte, Summe und Aktionen kompakt zusammenführen */ body .wp-block-woocommerce-filled-mini-cart-contents-block { justify-content: flex-start !important; } body .wc-block-mini-cart__items { flex: 0 1 auto !important; min-height: 0 !important; height: auto !important; max-height: calc(100dvh - 275px) !important; } body .wc-block-mini-cart__products-table { margin-bottom: 0 !important; } body .wc-block-mini-cart__footer { margin-top: 0 !important; padding: 18px 16px !important; } @media (min-width: 601px) { body .wc-block-mini-cart__footer-actions { gap: 12px !important; height: auto !important; } body .wc-block-mini-cart__footer-actions > a { min-height: 56px !important; height: 56px !important; padding: 10px 12px !important; font-size: 15px !important; line-height: 1.15 !important; white-space: nowrap !important; } } /* Checkout: Widerruf als dezenter Rechtshinweis statt isoliertem CTA */ body.page-id-11 .eu-owb-order-withdraw-from-contract-button { width: min(calc(100% - 56px), 1180px) !important; margin: 12px auto 58px !important; text-align: right !important; } body.page-id-11 .eu-owb-order-withdraw-from-contract-button > a { min-height: 0 !important; padding: 4px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #4f5357 !important; box-shadow: none !important; font-size: 14px !important; font-weight: 650 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } body.page-id-11 .eu-owb-order-withdraw-from-contract-button > a:hover { background: transparent !important; color: #007f82 !important; } @media (max-width: 600px) { body.page-id-11 .eu-owb-order-withdraw-from-contract-button { width: calc(100% - 32px) !important; margin-bottom: 42px !important; text-align: left !important; } } /* --- WPWriter addition --- */ /* AUDIT-FIX: Gutenberg nutzt teils statt im Mobilmenü */ @media (max-width: 1024px) { body header.wp-block-template-part .wp-block-navigation__responsive-container-open svg rect, body header.wp-block-template-part .wp-block-navigation__responsive-container-open svg line { fill: #fff !important; stroke: #fff !important; } } /* --- WPWriter addition --- */ /* Meteor-Medien Header V4 — globaler Greyd-Vorlagenteil Header Simple (Default) */ body header.wp-block-template-part:has(> .mm-v4-header){padding:12px 22px 10px!important;background:#111214!important;z-index:2000} body header.wp-block-template-part > .wp-block-group.mm-v4-header{box-sizing:border-box;width:100%!important;max-width:1760px!important;margin:0 auto!important;padding:0!important;border:2px solid #111214;border-radius:24px;background:#fffaf4;box-shadow:none;overflow:visible} body header.wp-block-template-part > .mm-v4-header::before,body header.wp-block-template-part > .mm-v4-header::after{content:none!important;display:none!important} body header.wp-block-template-part .mm-v4-top{position:relative;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px;min-height:112px;margin:0!important;padding:18px 28px 22px!important;background:#fffaf4;border-radius:22px 22px 0 0} body header.wp-block-template-part .mm-v4-top::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:4px;background:repeating-linear-gradient(90deg,#f26a91 0 42px,transparent 42px 50px,#348de2 50px 92px,transparent 92px 100px,#68b5a4 100px 142px,transparent 142px 150px,#ff7b3f 150px 192px,transparent 192px 200px,#f3ca4e 200px 242px,transparent 242px 250px)} body header.wp-block-template-part .mm-v4-brand,body header.wp-block-template-part .mm-v4-utilities{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;margin:0!important} body header.wp-block-template-part .mm-v4-brand{gap:28px;min-width:0} body header.wp-block-template-part .mm-v4-utilities{gap:16px;flex:0 0 auto} body header.wp-block-template-part .mm-v4-header .wp-block-site-logo{display:block!important;flex:0 0 350px!important;width:350px!important;min-height:0!important;margin:0!important;padding:0!important} body header.wp-block-template-part .mm-v4-header .wp-block-site-logo::before,body header.wp-block-template-part .mm-v4-header .wp-block-site-logo::after{content:none!important;display:none!important} body header.wp-block-template-part .mm-v4-header .wp-block-site-logo a{display:block;width:100%!important} body header.wp-block-template-part .mm-v4-header .wp-block-site-logo img{display:block;width:100%!important;max-width:100%!important;max-height:none!important;height:auto;object-fit:contain} body header.wp-block-template-part .mm-v4-tagline{margin:0!important;color:#111214;font:800 13px/1.5 system-ui,sans-serif;letter-spacing:.14em;white-space:nowrap} body header.wp-block-template-part .mm-v4-contact{margin:0 12px 0 0!important;padding-right:27px;border-right:1px solid #727279;font:600 16px/1.2 system-ui,sans-serif} body header.wp-block-template-part .mm-v4-contact a{color:#111214;text-decoration:underline;text-underline-offset:5px} body header.wp-block-template-part .mm-v4-header .wp-block-woocommerce-customer-account,body header.wp-block-template-part .mm-v4-header .wc-block-mini-cart{flex:0 0 48px!important;width:48px!important;height:48px!important;margin:0!important} body header.wp-block-template-part .mm-v4-header .wp-block-woocommerce-customer-account a,body header.wp-block-template-part .mm-v4-header .wc-block-mini-cart button{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;color:#111214} body header.wp-block-template-part .mm-v4-split{display:grid!important;grid-template-columns:1fr 1fr;gap:0!important;width:100%;max-width:none;margin:0!important;border:2px solid #111214;border-radius:26px;overflow:visible;background:#fff} body header.wp-block-template-part .mm-v4-split>.wp-block-column{box-sizing:border-box;min-width:0;min-height:135px;margin:0!important;padding:19px 26px 25px!important} body header.wp-block-template-part .mm-v4-shop{border-radius:23px 0 0 23px;background:linear-gradient(110deg,#fff0f5,#f9dde7)} body header.wp-block-template-part .mm-v4-print{border-left:3px solid #111214;border-radius:0 23px 23px 0;background:linear-gradient(110deg,#e7f2ff,#dae9fc)} body header.wp-block-template-part .mm-v4-label{position:relative;margin:0 0 24px!important;padding:0 0 15px;color:#111214;font:750 14px/1.2 system-ui,sans-serif;letter-spacing:.14em} body header.wp-block-template-part .mm-v4-label::after{content:"";position:absolute;bottom:0;left:0;width:48px;height:4px;background:#fa6b91} body header.wp-block-template-part .mm-v4-print .mm-v4-label::after{background:#3289e8} body header.wp-block-template-part nav.mm-v4-shop-nav{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important} body header.wp-block-template-part .mm-v4-shop-nav>.wp-block-navigation__responsive-container-open{display:none!important} body header.wp-block-template-part .mm-v4-shop-nav>.wp-block-navigation__responsive-container:not(.is-menu-open){display:block!important;position:static!important;width:100%!important;background:transparent!important} body header.wp-block-template-part .mm-v4-shop-nav .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:7px!important;width:100%!important;margin:0!important;padding:0!important} body header.wp-block-template-part .mm-v4-shop-nav .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li{display:flex!important;flex:0 0 auto!important;align-items:center!important;margin:0!important;padding:0!important} body header.wp-block-template-part .mm-v4-shop-nav .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li>a{display:inline-flex!important;min-height:36px!important;margin:0!important;padding:3px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#111214!important;font:700 19px/1.15 Georgia,serif!important;text-align:left!important;text-decoration:none!important;transform:none!important} body header.wp-block-template-part .mm-v4-shop-nav .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li>a:hover{text-decoration:underline!important;text-decoration-color:#f26a91!important;text-underline-offset:5px} body header.wp-block-template-part .mm-v4-shop-nav .wp-block-navigation__submenu-icon{height:30px!important;margin:0 0 0 4px!important;width:16px!important;flex-basis:16px!important} body header.wp-block-template-part .mm-v4-shop-nav .wp-block-navigation__responsive-container:not(.is-menu-open) li.has-child>.wp-block-navigation__submenu-container{top:calc(100% + 7px)!important} body header.wp-block-template-part .mm-v4-actions{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin:0!important} body header.wp-block-template-part .mm-v4-actions .wp-block-button{flex:0 1 auto;margin:0!important} body header.wp-block-template-part .mm-v4-actions .wp-block-button__link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:54px;width:100%;padding:10px 16px;border:2px solid #111214;border-radius:10px;box-shadow:0 3px 0 rgba(0,0,0,.18);font:700 19px/1.1 Georgia,serif;text-align:center;text-decoration:none;white-space:nowrap;transition:filter .18s,transform .18s} body header.wp-block-template-part .mm-v4-actions .wp-block-button__link:hover{filter:brightness(1.07);transform:translateY(-2px)} body header.wp-block-template-part .mm-v4-actions .wp-block-button__link:focus-visible,body header.wp-block-template-part .mm-v4-shop-nav a:focus-visible,body header.wp-block-template-part .mm-v4-contact a:focus-visible{outline:3px solid #111214;outline-offset:3px} body header.wp-block-template-part .mm-v4-design .wp-block-button__link{background:#ec6990;color:#111214} body header.wp-block-template-part .mm-v4-config .wp-block-button__link{background:#3487e8;color:#fff} body header.wp-block-template-part .mm-v4-special .wp-block-button__link{border-color:#f4572e;background:#fff;color:#e9471d} body header.wp-block-template-part .mm-v4-druckshop .wp-block-button__link{background:#f5ce57;color:#111214} @media(max-width:1600px){body header.wp-block-template-part .mm-v4-split{grid-template-columns:52% 48%}body header.wp-block-template-part .mm-v4-split>.wp-block-column{padding-inline:19px!important}body header.wp-block-template-part .mm-v4-shop-nav .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container>li>a{font-size:16px!important}body header.wp-block-template-part .mm-v4-actions{flex-wrap:wrap!important;justify-content:flex-start!important}body header.wp-block-template-part .mm-v4-actions .wp-block-button{flex:1 1 calc(50% - 8px)}body header.wp-block-template-part .mm-v4-actions .wp-block-button__link{font-size:17px}} @media(max-width:1024px){body header.wp-block-template-part:has(> .mm-v4-header){padding:8px!important}body header.wp-block-template-part .mm-v4-top{min-height:76px;padding:13px 16px 17px!important}body header.wp-block-template-part .mm-v4-header .wp-block-site-logo{flex-basis:220px!important;width:220px!important}body header.wp-block-template-part .mm-v4-tagline{font-size:10px}body header.wp-block-template-part .mm-v4-split{display:block!important}body header.wp-block-template-part .mm-v4-split>.wp-block-column{min-height:0;padding:18px 20px!important}body header.wp-block-template-part .mm-v4-shop{border-radius:23px 23px 0 0}body header.wp-block-template-part .mm-v4-print{border-left:0;border-top:3px solid #111214;border-radius:0 0 23px 23px}body header.wp-block-template-part .mm-v4-label{margin-bottom:15px!important;padding-bottom:10px;font-size:12px}body header.wp-block-template-part .mm-v4-shop-nav>.wp-block-navigation__responsive-container-open{display:inline-flex!important;min-width:0!important;width:auto!important;height:40px!important;padding:0 15px!important;border:2px solid #111214!important;border-radius:8px!important;background:#111214!important;color:#fff!important;box-shadow:none!important}body header.wp-block-template-part .mm-v4-shop-nav>.wp-block-navigation__responsive-container-open::before{content:"Menü";font:700 16px/1 system-ui,sans-serif}body header.wp-block-template-part .mm-v4-shop-nav>.wp-block-navigation__responsive-container-open::after{content:"☰";display:inline;margin-left:10px;font:700 16px/1 system-ui,sans-serif}body header.wp-block-template-part .mm-v4-shop-nav>.wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}body header.wp-block-template-part .mm-v4-actions .wp-block-button{flex:1 1 calc(50% - 8px)}body header.wp-block-template-part .mm-v4-actions .wp-block-button__link{min-height:46px}} @media(max-width:700px){body header.wp-block-template-part .mm-v4-top{gap:8px;padding:10px 12px 14px!important}body header.wp-block-template-part .mm-v4-header .wp-block-site-logo{flex-basis:145px!important;width:145px!important}body header.wp-block-template-part .mm-v4-tagline{display:none}body header.wp-block-template-part .mm-v4-utilities{gap:2px}body header.wp-block-template-part .mm-v4-contact{margin:0 4px 0 0!important;padding-right:9px;font-size:13px}body header.wp-block-template-part .mm-v4-header .wp-block-woocommerce-customer-account,body header.wp-block-template-part .mm-v4-header .wc-block-mini-cart{flex-basis:38px!important;width:38px!important;height:38px!important}body header.wp-block-template-part .mm-v4-header .wp-block-woocommerce-customer-account a,body header.wp-block-template-part .mm-v4-header .wc-block-mini-cart button{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}body header.wp-block-template-part .mm-v4-split>.wp-block-column{padding:14px!important}body header.wp-block-template-part .mm-v4-actions{gap:8px!important}body header.wp-block-template-part .mm-v4-actions .wp-block-button__link{font:700 14px/1.15 Georgia,serif;padding:8px 5px;white-space:normal}} @media(max-width:380px){body header.wp-block-template-part .mm-v4-header .wp-block-site-logo{flex-basis:115px!important;width:115px!important}body header.wp-block-template-part .mm-v4-contact{font-size:12px;padding-right:5px}body header.wp-block-template-part .mm-v4-actions .wp-block-button__link{font-size:13px}} /* --- WPWriter addition --- */ /* Header V4 Feinschliff: volle obere Zeile und kompakte Service-Navigation */ body header.wp-block-template-part .mm-v4-top{width:100%!important;max-width:none!important;box-sizing:border-box} @media(min-width:1025px) and (max-width:1600px){ body header.wp-block-template-part .mm-v4-actions{flex-wrap:nowrap!important;justify-content:space-between!important;gap:6px!important} body header.wp-block-template-part .mm-v4-actions .wp-block-button{flex:0 1 auto!important} body header.wp-block-template-part .mm-v4-actions .wp-block-button__link{min-height:51px!important;padding:8px 9px!important;font-size:15px!important} } /* --- WPWriter addition --- */ /* Kontaktseite 98701 – Variante 1. Alle Regeln sind auf diese Seite begrenzt. */ body.page-id-98701 .mm-contact-v1 { --mm-contact-ink: #111114; --mm-contact-coral: #ff5f45; color: var(--mm-contact-ink); background: #fcfaf7; width: 100%; max-width: none; margin: 0 !important; padding: 24px clamp(16px, 2.5vw, 42px) 72px; box-sizing: border-box; } body.page-id-98701 .mm-contact-v1 *, body.page-id-98701 .mm-contact-v1 *::before, body.page-id-98701 .mm-contact-v1 *::after { box-sizing: border-box; } body.page-id-98701 .mm-contact-v1 .mm-contact-shell { width: 100%; max-width: 1540px !important; margin: 0 auto; } body.page-id-98701 .mm-contact-v1 .mm-contact-hero.wp-block-columns { display: grid; grid-template-columns: 49% 51%; gap: 0; align-items: stretch; margin: 0 0 14px; border: 2px solid var(--mm-contact-ink); border-radius: 23px; overflow: hidden; box-shadow: 0 5px 0 rgba(17,17,20,.08); } body.page-id-98701 .mm-contact-v1 .mm-contact-hero > .wp-block-column { min-width: 0; margin: 0; } body.page-id-98701 .mm-contact-v1 .mm-contact-intro { display: flex; flex-direction: column; padding: clamp(32px,3.1vw,50px) clamp(28px,3.3vw,54px) 36px; background: #fffcf7; } body.page-id-98701 .mm-contact-v1 .mm-contact-kicker { width: max-content; margin: 0 0 19px; padding: 9px 17px 9px 36px; border: 1.5px solid var(--mm-contact-ink); border-radius: 99px; background: #fff; font-size: 13px; font-weight: 800; line-height: 1.1; letter-spacing: .12em; position: relative; } body.page-id-98701 .mm-contact-v1 .mm-contact-kicker::before { content: ""; width: 13px; height: 13px; position: absolute; left: 13px; top: 50%; transform: translateY(-50%); border-radius: 50%; background: var(--mm-contact-coral); } body.page-id-98701 .mm-contact-v1 h1.mm-contact-title { max-width: 740px; margin: 0 0 21px; color: #050506; font-family: Arial, Helvetica, sans-serif; font-size: clamp(54px, 5.8vw, 100px); font-weight: 850; line-height: .95; letter-spacing: -.055em; } body.page-id-98701 .mm-contact-v1 .mm-contact-lead { max-width: 630px; margin: 0 0 36px; font-size: clamp(18px, 1.45vw, 23px); line-height: 1.35; color: #252525; } body.page-id-98701 .mm-contact-v1 .mm-contact-methods.wp-block-columns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; width: 100%; margin: auto 0 0; align-items: end; } body.page-id-98701 .mm-contact-v1 .mm-contact-method { min-width: 0; margin: 0; padding: 0 10px; text-align: center; } body.page-id-98701 .mm-contact-v1 .mm-contact-method + .mm-contact-method { border-left: 1px solid #d6d3d2; } body.page-id-98701 .mm-contact-v1 .mm-contact-method-icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin: 0 auto 13px; border-radius: 50%; color: #111; font-family: Arial, Helvetica, sans-serif; font-size: 33px; line-height: 1; } body.page-id-98701 .mm-contact-v1 .mm-contact-method-icon.is-phone { background: #f9d8e4; } body.page-id-98701 .mm-contact-v1 .mm-contact-method-icon.is-mail { background: #d7e9ff; } body.page-id-98701 .mm-contact-v1 .mm-contact-method-icon.is-time { background: #f7d96f; } body.page-id-98701 .mm-contact-v1 .mm-contact-method-value { margin: 0; color: #101010; font-size: clamp(11px, .92vw, 15px); font-weight: 750; line-height: 1.25; overflow-wrap: anywhere; } body.page-id-98701 .mm-contact-v1 .mm-contact-method-value a { color: inherit; text-decoration: none; } body.page-id-98701 .mm-contact-v1 .mm-contact-method-value a:hover, body.page-id-98701 .mm-contact-v1 .mm-contact-method-value a:focus-visible { text-decoration: underline; } body.page-id-98701 .mm-contact-v1 .mm-contact-form-panel { background: #f9dce5; padding: clamp(29px,2.6vw,43px) clamp(27px,2.9vw,48px) 30px; } body.page-id-98701 .mm-contact-v1 h2.mm-contact-form-title { margin: 0 0 20px; color: #050506; font-family: Arial, Helvetica, sans-serif; font-size: clamp(31px,2.75vw,45px); font-weight: 800; line-height: 1.05; letter-spacing: -.04em; } body.page-id-98701 .mm-contact-form-panel .wpforms-container { margin: 0 !important; padding: 0 !important; } body.page-id-98701 .mm-contact-form-panel .wpforms-field-container { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 17px; row-gap: 13px; } body.page-id-98701 .mm-contact-form-panel .wpforms-field { min-width: 0; padding: 0 !important; margin: 0 !important; } body.page-id-98701 .mm-contact-form-panel #wpforms-99059-field_4-container, body.page-id-98701 .mm-contact-form-panel #wpforms-99059-field_3-container, body.page-id-98701 .mm-contact-form-panel #wpforms-99059-field_5-container { grid-column: 1 / -1; } body.page-id-98701 .mm-contact-form-panel .wpforms-field-label { display: block; margin: 0 0 6px !important; color: #171719; font-size: 15px; font-weight: 750; line-height: 1.2; } body.page-id-98701 .mm-contact-form-panel .wpforms-required-label { color: var(--mm-contact-coral); } body.page-id-98701 .mm-contact-form-panel .wpforms-field input:not([type="checkbox"]), body.page-id-98701 .mm-contact-form-panel .wpforms-field select, body.page-id-98701 .mm-contact-form-panel .wpforms-field textarea { width: 100% !important; max-width: none !important; min-height: 47px; margin: 0; padding: 10px 14px; border: 1px solid #77777b !important; border-radius: 7px !important; background: #fff !important; color: #151515; box-shadow: none !important; font: inherit; font-size: 15px; } body.page-id-98701 .mm-contact-form-panel .wpforms-field textarea { min-height: 96px; resize: vertical; } body.page-id-98701 .mm-contact-form-panel .wpforms-field input:focus, body.page-id-98701 .mm-contact-form-panel .wpforms-field select:focus, body.page-id-98701 .mm-contact-form-panel .wpforms-field textarea:focus { outline: 2px solid #347ef0; outline-offset: 2px; } body.page-id-98701 .mm-contact-form-panel .wpforms-field-gdpr-checkbox { margin-top: 2px !important; } body.page-id-98701 .mm-contact-form-panel .wpforms-field-gdpr-checkbox > .wpforms-field-label { display: none; } body.page-id-98701 .mm-contact-form-panel .wpforms-field-gdpr-checkbox ul { padding: 0; margin: 0; list-style: none; } body.page-id-98701 .mm-contact-form-panel .wpforms-field-gdpr-checkbox li { display: flex; align-items: flex-start; gap: 9px; } body.page-id-98701 .mm-contact-form-panel .wpforms-field-gdpr-checkbox input[type="checkbox"] { flex: 0 0 auto; width: 22px !important; height: 22px !important; margin: 1px 0 0 !important; accent-color: var(--mm-contact-coral); } body.page-id-98701 .mm-contact-form-panel .wpforms-field-gdpr-checkbox label { margin: 0 !important; font-size: 13px; line-height: 1.4; font-weight: 400; } body.page-id-98701 .mm-contact-form-panel .wpforms-field-gdpr-checkbox a { color: inherit; text-decoration: underline; } body.page-id-98701 .mm-contact-form-panel .wpforms-submit-container { padding: 14px 0 0 !important; margin: 0 !important; } body.page-id-98701 .mm-contact-form-panel button.wpforms-submit { width: 100%; min-height: 52px; border: 0 !important; border-radius: 8px !important; background: var(--mm-contact-coral) !important; color: #fff !important; font-size: 18px !important; font-weight: 750 !important; box-shadow: none !important; cursor: pointer; } body.page-id-98701 .mm-contact-form-panel button.wpforms-submit:hover { background: #ec4f37 !important; } body.page-id-98701 .mm-contact-form-panel button.wpforms-submit:focus-visible { outline: 3px solid #1e65c7; outline-offset: 3px; } body.page-id-98701 .mm-contact-v1 .mm-contact-cards.wp-block-columns { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 0; border: 2px solid var(--mm-contact-ink); border-radius: 22px; overflow: hidden; } body.page-id-98701 .mm-contact-v1 .mm-contact-card-column { min-width: 0; margin: 0; } body.page-id-98701 .mm-contact-v1 .mm-contact-card-column + .mm-contact-card-column { border-left: 1px solid #bdbdc1; } body.page-id-98701 .mm-contact-v1 .mm-contact-card { position: relative; min-height: 155px; padding: 25px 48px 23px 87px; margin: 0; } body.page-id-98701 .mm-contact-v1 .mm-contact-card.is-yellow { background: #fff8df; } body.page-id-98701 .mm-contact-v1 .mm-contact-card.is-pink { background: #f9e3e9; } body.page-id-98701 .mm-contact-v1 .mm-contact-card.is-blue { background: #e7f0ff; } body.page-id-98701 .mm-contact-v1 .mm-contact-card.is-green { background: #e5f3e9; } body.page-id-98701 .mm-contact-v1 .mm-contact-card-icon { position: absolute; top: 24px; left: 20px; display: flex; align-items: center; justify-content: center; width: 51px; height: 51px; margin: 0; border-radius: 50%; font-family: Arial, Helvetica, sans-serif; font-size: 28px; line-height: 1; } body.page-id-98701 .mm-contact-v1 .is-yellow .mm-contact-card-icon { background: #f5d05c; } body.page-id-98701 .mm-contact-v1 .is-pink .mm-contact-card-icon { background: #f391b3; } body.page-id-98701 .mm-contact-v1 .is-blue .mm-contact-card-icon { background: #7bb2f8; } body.page-id-98701 .mm-contact-v1 .is-green .mm-contact-card-icon { background: #83c9ac; } body.page-id-98701 .mm-contact-v1 h3.mm-contact-card-title { margin: 0 0 5px; font-size: 18px; font-weight: 800; line-height: 1.2; } body.page-id-98701 .mm-contact-v1 .mm-contact-card-title a { color: inherit; text-decoration: none; } body.page-id-98701 .mm-contact-v1 .mm-contact-card-title a:hover, body.page-id-98701 .mm-contact-v1 .mm-contact-card-title a:focus-visible { text-decoration: underline; } body.page-id-98701 .mm-contact-v1 .mm-contact-card-text { margin: 0; max-width: 225px; color: #333438; font-size: 14px; line-height: 1.35; } body.page-id-98701 .mm-contact-v1 .mm-contact-card-arrow { position: absolute; top: 36px; right: 18px; margin: 0; font-size: 32px; line-height: 1; } body.page-id-98701 .mm-contact-v1 .mm-contact-help { margin: 70px auto 0; padding: 0 8px; max-width: 1180px; } body.page-id-98701 .mm-contact-v1 h2.mm-contact-help-title { margin: 0 0 26px; font-size: clamp(28px,3vw,42px); line-height: 1.12; } body.page-id-98701 .mm-contact-v1 .mm-contact-help-grid.wp-block-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px; margin: 0; } body.page-id-98701 .mm-contact-v1 .mm-contact-help-item { border-top: 3px solid var(--mm-contact-ink); padding-top: 16px; } body.page-id-98701 .mm-contact-v1 h3.mm-contact-help-subtitle { margin: 0 0 10px; font-size: 21px; } body.page-id-98701 .mm-contact-v1 .mm-contact-help-item p { margin: 0; font-size: 16px; line-height: 1.55; } body.page-id-98701 .mm-contact-v1 .mm-contact-help-item a { color: inherit; text-decoration-thickness: 2px; } body.page-id-98701 .mm-contact-v1 .mm-contact-address { margin: 38px 0 0; font-size: 13px; color: #58585c; } @media (max-width: 1100px) { body.page-id-98701 .mm-contact-v1 .mm-contact-hero.wp-block-columns { grid-template-columns: 1fr; } body.page-id-98701 .mm-contact-v1 .mm-contact-intro { min-height: 510px; } body.page-id-98701 .mm-contact-v1 .mm-contact-method-value { font-size: 15px; } body.page-id-98701 .mm-contact-v1 .mm-contact-cards.wp-block-columns { grid-template-columns: repeat(2,minmax(0,1fr)); } body.page-id-98701 .mm-contact-v1 .mm-contact-card-column:nth-child(3) { border-left: 0; } body.page-id-98701 .mm-contact-v1 .mm-contact-card-column:nth-child(n+3) { border-top: 1px solid #bdbdc1; } } @media (max-width: 650px) { body.page-id-98701 .mm-contact-v1 { padding: 16px 14px 52px; } body.page-id-98701 .mm-contact-v1 .mm-contact-hero.wp-block-columns { border-radius: 19px; } body.page-id-98701 .mm-contact-v1 .mm-contact-intro { min-height: 0; padding: 30px 24px 28px; } body.page-id-98701 .mm-contact-v1 h1.mm-contact-title { font-size: clamp(52px,13.5vw,78px); } body.page-id-98701 .mm-contact-v1 .mm-contact-lead { margin-bottom: 30px; } body.page-id-98701 .mm-contact-v1 .mm-contact-methods.wp-block-columns { grid-template-columns: 1fr; gap: 12px; } body.page-id-98701 .mm-contact-v1 .mm-contact-method, body.page-id-98701 .mm-contact-v1 .mm-contact-method + .mm-contact-method { display: flex; align-items: center; gap: 13px; padding: 0; border: 0; text-align: left; } body.page-id-98701 .mm-contact-v1 .mm-contact-method-icon { flex: 0 0 43px; width: 43px; height: 43px; margin: 0; font-size: 26px; } body.page-id-98701 .mm-contact-v1 .mm-contact-method-value { margin: 0; font-size: 15px; } body.page-id-98701 .mm-contact-v1 .mm-contact-form-panel { padding: 29px 23px 27px; } body.page-id-98701 .mm-contact-form-panel .wpforms-field-container { grid-template-columns: 1fr; } body.page-id-98701 .mm-contact-form-panel .wpforms-field { grid-column: 1 / -1; } body.page-id-98701 .mm-contact-v1 .mm-contact-cards.wp-block-columns { grid-template-columns: 1fr; border-radius: 19px; } body.page-id-98701 .mm-contact-v1 .mm-contact-card-column + .mm-contact-card-column { border-left: 0; border-top: 1px solid #bdbdc1; } body.page-id-98701 .mm-contact-v1 .mm-contact-card { min-height: 125px; padding-top: 22px; } body.page-id-98701 .mm-contact-v1 .mm-contact-card-icon { top: 20px; } body.page-id-98701 .mm-contact-v1 .mm-contact-help { margin-top: 52px; } body.page-id-98701 .mm-contact-v1 .mm-contact-help-grid.wp-block-columns { grid-template-columns: 1fr; gap: 26px; } } /* --- WPWriter addition --- */ /* Kontaktseite – Feinschliff für Formular und Motivsymbole */ body.page-id-98701 main.wp-block-group { margin-top: 0 !important; } body.page-id-98701 .mm-contact-v1 .mm-contact-methods.wp-block-columns { grid-template-columns: .9fr 1.6fr .9fr; } body.page-id-98701 .mm-contact-form-panel .wpforms-field-gdpr-checkbox input[type="checkbox"] { appearance: auto !important; -webkit-appearance: checkbox !important; background: #fff !important; border: 1px solid #38383b !important; border-radius: 3px !important; box-shadow: none !important; } body.page-id-98701 .mm-contact-form-panel .wpforms-field-gdpr-checkbox input[type="checkbox"]::before, body.page-id-98701 .mm-contact-form-panel .wpforms-field-gdpr-checkbox input[type="checkbox"]::after { content: none !important; } body.page-id-98701 .mm-contact-v1 .mm-contact-card-icon { color: transparent !important; font-size: 0 !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 30px 30px !important; } body.page-id-98701 .mm-contact-v1 .is-yellow .mm-contact-card-icon { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23101014%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2011V4h18v7%22%2F%3E%3Cpath%20d%3D%22M7%2025H4a2%202%200%200%201-2-2v-9a3%203%200%200%201%203-3h22a3%203%200%200%201%203%203v9a2%202%200%200%201-2%202h-3%22%2F%3E%3Cpath%20d%3D%22M7%2021h18v9H7z%22%2F%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2216%22%20r%3D%221%22%20fill%3D%22%23101014%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E") !important; } body.page-id-98701 .mm-contact-v1 .is-pink .mm-contact-card-icon { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23101014%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2023%2016-16%204%204L9%2027l-5%201%201-5z%22%2F%3E%3Cpath%20d%3D%22m19%209%204%204M7%2025l2%202%22%2F%3E%3C%2Fsvg%3E") !important; } body.page-id-98701 .mm-contact-v1 .is-blue .mm-contact-card-icon { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23101014%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m11%204-7%204-2%207%207%203v11h14V18l7-3-2-7-7-4-5%204h-4l-5-4z%22%2F%3E%3Cpath%20d%3D%22M11%204c1%204%209%204%2010%200%22%2F%3E%3C%2Fsvg%3E") !important; } body.page-id-98701 .mm-contact-v1 .is-green .mm-contact-card-icon { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23101014%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%203a10%2010%200%200%200-6%2018v3h12v-3a10%2010%200%200%200-6-18z%22%2F%3E%3Cpath%20d%3D%22M12%2028h8M13%2031h6%22%2F%3E%3C%2Fsvg%3E") !important; } @media (max-width: 650px) { body.page-id-98701 .mm-contact-v1 .mm-contact-methods.wp-block-columns { grid-template-columns: 1fr; } } /* --- WPWriter addition --- */ /* Kontaktseite – lesbarer Hero-Titel auf schmalen Smartphones */ @media (max-width: 650px) { body.page-id-98701 .mm-contact-v1 h1.mm-contact-title { font-size: clamp(42px, 11vw, 68px); overflow-wrap: normal; word-break: normal; } } /* --- WPWriter addition --- */ /* Kontaktseite – kompakte Karten und Schaltfläche auf kleinen Displays */ @media (max-width: 650px) { body.page-id-98701 .mm-contact-v1 .mm-contact-card { padding: 20px 30px 20px 67px; min-height: 112px; } body.page-id-98701 .mm-contact-v1 .mm-contact-card-icon { left: 15px; top: 18px; width: 40px; height: 40px; background-size: 25px 25px !important; } body.page-id-98701 .mm-contact-v1 h3.mm-contact-card-title { font-size: 16px; overflow-wrap: normal; word-break: normal; } body.page-id-98701 .mm-contact-v1 .mm-contact-card-arrow { top: 30px; right: 9px; font-size: 25px; } body.page-id-98701 .mm-contact-form-panel button.wpforms-submit { font-size: 15px !important; white-space: nowrap; } } /* --- WPWriter addition --- */ /* METEOR-MEDIEN Druckprodukte – 2026-10-08, scoped to print catalog */ body.product_cat-druckprodukte.single-product main{background:#f8f5ef!important;padding-top:30px!important} body.product_cat-druckprodukte.single-product main>.wp-block-columns{background:#f8f5ef!important;border:0!important;box-shadow:none!important;padding:24px!important;gap:48px!important;border-radius:0!important;align-items:center!important} body.product_cat-druckprodukte.single-product main>.wp-block-columns>.wp-block-column{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;min-width:0!important} body.product_cat-druckprodukte.single-product .woocommerce-product-gallery{background:#fff!important;border:2px solid #42365b!important;border-radius:24px!important;box-shadow:7px 7px 0 #fcc048!important;overflow:hidden!important;padding:0!important;margin-bottom:20px!important} body.product_cat-druckprodukte.single-product .woocommerce-product-gallery__image{height:auto!important;min-height:0!important;aspect-ratio:1/1;display:flex!important;align-items:center!important;background:#fff!important} body.product_cat-druckprodukte.single-product .woocommerce-product-gallery__image>a{width:100%;display:block} body.product_cat-druckprodukte.single-product .woocommerce-product-gallery__image img{width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;object-fit:contain!important;display:block} body.product_cat-druckprodukte.single-product h1.wp-block-post-title{font-size:clamp(2.1rem,3.8vw,3.5rem)!important;line-height:1.06!important;color:#42365b!important;letter-spacing:-.045em!important;margin:0 0 24px!important} body.product_cat-druckprodukte.single-product h1.wp-block-post-title::before{content:"DEINE IDEE. DEIN PRODUKT.";display:block!important;color:#9f2784!important;font-size:12px!important;font-weight:800!important;letter-spacing:.12em!important;margin-bottom:18px!important} body.product_cat-druckprodukte.single-product h1.wp-block-post-title::after, body.product_cat-druckprodukte.single-product .wp-block-post-excerpt::after, body.product_cat-druckprodukte.single-product .wp-block-woocommerce-product-price::before{display:none!important;content:none!important} body.product_cat-druckprodukte.single-product .wp-block-post-excerpt__excerpt{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;line-height:1.7!important;font-size:18px!important;color:#42365b!important;margin:0 0 25px!important} body.product_cat-druckprodukte.single-product .wp-block-add-to-cart-form{margin-top:25px!important} body.product_cat-druckprodukte.single-product .wp-block-add-to-cart-form::after{content:"Ausführung, Gesamtpreis und Lieferoptionen findest du im Druckshop.";color:#42365b!important;background:transparent!important;border:0!important;font-size:14px!important;font-weight:400!important;padding:16px 0!important;margin:0!important;box-shadow:none!important;line-height:1.6!important} body.product_cat-druckprodukte.single-product button.single_add_to_cart_button, body.product_cat-druckprodukte.single-product .single_add_to_cart_button.button, .mm-print-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;background:#42365b!important;color:#fff!important;border:2px solid #42365b!important;border-radius:12px!important;box-shadow:4px 4px 0 #d344b0!important;font-weight:750!important;font-size:16px!important;padding:17px 24px!important;line-height:1.3!important;transition:transform .15s ease,box-shadow .15s ease} body.product_cat-druckprodukte.single-product button.single_add_to_cart_button:hover,.mm-print-button:hover{background:#111113!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:5px 6px 0 #fcc048!important} body.product_cat-druckprodukte.single-product .wp-block-woocommerce-product-details{max-width:1150px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:24px!important} body.product_cat-druckprodukte.single-product .woocommerce-tabs ul.tabs{display:none!important} body.product_cat-druckprodukte.single-product .woocommerce-tabs .panel{padding:0!important} .mm-print-detail{color:#42365b;font-size:17px;line-height:1.75} .mm-print-section{margin:0 0 26px;padding:32px;background:#fff;border:1.5px solid #42365b;border-radius:22px} .mm-print-section h2{color:#42365b!important;font-size:clamp(1.5rem,2.6vw,2rem)!important;line-height:1.2!important;margin:0 0 20px!important} .mm-print-label{font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#9f2784!important;margin:0 0 12px!important} .mm-print-steps{background:#fff8df} .mm-print-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-left:20px!important;margin:0!important} .mm-print-steps li{padding-left:6px;line-height:1.65} .mm-print-steps li strong{display:block} .mm-print-bridge{background:#f3e8f1} .mm-print-small{font-size:14px!important;line-height:1.7!important;margin-top:22px!important} .mm-print-related{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px} .mm-print-related a{padding:12px 16px;background:#f8f5ef;border:1px solid #42365b;border-radius:10px;text-decoration:none;font-weight:650} body.product_cat-druckprodukte.single-product main>.wp-block-woocommerce-product-collection{display:none!important} body.product_cat-druckprodukte.single-product.product_cat-digitale-vorlagen h1.wp-block-post-title::before{content:"DEINE IDEE. DIGITAL GESTALTET."} body.product_cat-druckprodukte.single-product.product_cat-digitale-vorlagen .wp-block-add-to-cart-form::after{content:"Digitale Vorlage. Kein gedrucktes Produkt. Ausgabeoptionen findest du im Druckshop."} body.product_cat-druckprodukte.single-product.product_cat-buerobedarf h1.wp-block-post-title::before{content:"PASSEND FÜR DEINEN BÜROALLTAG."} .mm-print-hub{color:#42365b;line-height:1.7;margin:0 auto 40px;max-width:1250px} .mm-print-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:40px 0} .mm-print-hero h1{font-size:clamp(2.5rem,5vw,4.8rem)!important;line-height:1.02!important;letter-spacing:-.055em!important;color:#42365b!important;margin:14px 0 24px!important} .mm-print-hero p{font-size:18px;max-width:620px} .mm-print-hero figure{margin:0!important} .mm-print-hero img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:2px solid #42365b;border-radius:28px;box-shadow:8px 8px 0 #fcc048} .mm-print-hero figcaption{font-size:12px;margin-top:15px;line-height:1.5;color:#62596f} .mm-print-intro-bar{padding:22px 28px;border:1.5px solid #42365b;border-radius:18px;background:#fff8df;margin:24px 0 40px;font-size:16px} .mm-print-hub h2{font-size:clamp(1.7rem,3vw,2.5rem)!important;line-height:1.15;color:#42365b!important} .mm-print-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 48px} .mm-print-category-card{display:flex;flex-direction:column;color:#42365b!important;background:#fff;border:1.5px solid #42365b;border-radius:20px;overflow:hidden;text-decoration:none!important;transition:transform .15s,box-shadow .15s} .mm-print-category-card:hover{transform:translateY(-4px);box-shadow:5px 5px 0 #d344b0} .mm-print-category-card img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#fff} .mm-print-category-card div{padding:22px} .mm-print-category-card h3{font-size:21px!important;line-height:1.2!important;color:#42365b!important;margin:0 0 12px!important} .mm-print-category-card p{font-size:15px;line-height:1.6;margin:0 0 16px} .mm-print-category-card span{font-size:14px;font-weight:800} .mm-print-section a:not(.mm-print-button),.mm-print-hub a:not(.mm-print-button):not(.mm-print-category-card){color:#42365b;text-underline-offset:4px} .mm-print-hub details{padding:18px 0;border-bottom:1px solid #d2cbd7} .mm-print-hub summary{font-weight:750;cursor:pointer} .mm-print-hub details p{font-size:16px} body.tax-product_cat:has(.mm-print-hub) main{background:#f8f5ef!important;padding:24px!important} body.tax-product_cat:has(.mm-print-hub) .wp-block-query-title, body.tax-product_cat:has(.mm-print-hub) main>.wp-block-group.has-dark-background-color, body.tax-product_cat:has(.mm-print-hub) .wp-block-woocommerce-product-filters{display:none!important} body.tax-product_cat:has(.mm-print-hub) .wc-block-product{background:#fff!important;border:1.5px solid #42365b!important;border-radius:18px!important;padding:18px!important;box-shadow:none!important} body.tax-product_cat:has(.mm-print-hub) .wc-block-product .wc-block-components-product-image{border-radius:12px;overflow:hidden} body.tax-product_cat:has(.mm-print-hub) .wc-block-product h3{font-size:20px!important;color:#42365b!important;line-height:1.2!important} body.tax-product_cat:has(.mm-print-hub) .wc-block-product .wp-block-button__link{background:#42365b!important;color:#fff!important;border:0!important;border-radius:10px!important;font-size:13px!important;padding:12px!important} body.tax-product_cat:has(.mm-print-hub) .woocommerce-ordering{display:none!important} .mm-print-hub a:focus-visible,.mm-print-detail a:focus-visible{outline:3px solid #07b4e5;outline-offset:5px} @media(max-width:850px){ .mm-print-hero{grid-template-columns:1fr;gap:28px;padding-top:20px}.mm-print-hero figure{max-width:600px}.mm-print-categories{grid-template-columns:repeat(2,minmax(0,1fr))} body.product_cat-druckprodukte.single-product main>.wp-block-columns{gap:30px!important;padding:18px!important} .mm-print-steps ol{grid-template-columns:1fr;gap:20px} } @media(max-width:540px){ .mm-print-categories{grid-template-columns:1fr}.mm-print-section{padding:23px}.mm-print-hero h1{font-size:2.7rem!important}.mm-print-hero p{font-size:17px} body.tax-product_cat:has(.mm-print-hub) main{padding:18px!important} body.product_cat-druckprodukte.single-product .wp-block-woocommerce-product-details{padding:18px!important} } @media(prefers-reduced-motion:reduce){.mm-print-category-card,.mm-print-button{transition:none!important}} /* --- WPWriter addition --- */ /* METEOR-MEDIEN Druckprodukte – 2026-10-08, scoped to print catalog */ body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) main{background:#f8f5ef!important;padding-top:30px!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) main>.wp-block-columns{background:#f8f5ef!important;border:0!important;box-shadow:none!important;padding:24px!important;gap:48px!important;border-radius:0!important;align-items:center!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) main>.wp-block-columns>.wp-block-column{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;min-width:0!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-product-gallery{background:#fff!important;border:2px solid #42365b!important;border-radius:24px!important;box-shadow:7px 7px 0 #fcc048!important;overflow:hidden!important;padding:0!important;margin-bottom:20px!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-product-gallery__image{height:auto!important;min-height:0!important;aspect-ratio:1/1;display:flex!important;align-items:center!important;background:#fff!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-product-gallery__image>a{width:100%;display:block} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-product-gallery__image img{width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;object-fit:contain!important;display:block} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) h1.wp-block-post-title{font-size:clamp(2.1rem,3.8vw,3.5rem)!important;line-height:1.06!important;color:#42365b!important;letter-spacing:-.045em!important;margin:0 0 24px!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) h1.wp-block-post-title::before{content:"DEINE IDEE. DEIN PRODUKT.";display:block!important;color:#9f2784!important;font-size:12px!important;font-weight:800!important;letter-spacing:.12em!important;margin-bottom:18px!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) h1.wp-block-post-title::after, body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .wp-block-post-excerpt::after, body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .wp-block-woocommerce-product-price::before{display:none!important;content:none!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .wp-block-post-excerpt__excerpt{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;line-height:1.7!important;font-size:18px!important;color:#42365b!important;margin:0 0 25px!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .wp-block-add-to-cart-form{margin-top:25px!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .wp-block-add-to-cart-form::after{content:"Ausführung, Gesamtpreis und Lieferoptionen findest du im Druckshop.";color:#42365b!important;background:transparent!important;border:0!important;font-size:14px!important;font-weight:400!important;padding:16px 0!important;margin:0!important;box-shadow:none!important;line-height:1.6!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) button.single_add_to_cart_button, body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .single_add_to_cart_button.button, .mm-print-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;background:#42365b!important;color:#fff!important;border:2px solid #42365b!important;border-radius:12px!important;box-shadow:4px 4px 0 #d344b0!important;font-weight:750!important;font-size:16px!important;padding:17px 24px!important;line-height:1.3!important;transition:transform .15s ease,box-shadow .15s ease} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) button.single_add_to_cart_button:hover,.mm-print-button:hover{background:#111113!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:5px 6px 0 #fcc048!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .wp-block-woocommerce-product-details{max-width:1150px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:24px!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-tabs ul.tabs{display:none!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-tabs .panel{padding:0!important} .mm-print-detail{color:#42365b;font-size:17px;line-height:1.75} .mm-print-section{margin:0 0 26px;padding:32px;background:#fff;border:1.5px solid #42365b;border-radius:22px} .mm-print-section h2{color:#42365b!important;font-size:clamp(1.5rem,2.6vw,2rem)!important;line-height:1.2!important;margin:0 0 20px!important} .mm-print-label{font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#9f2784!important;margin:0 0 12px!important} .mm-print-steps{background:#fff8df} .mm-print-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-left:20px!important;margin:0!important} .mm-print-steps li{padding-left:6px;line-height:1.65} .mm-print-steps li strong{display:block} .mm-print-bridge{background:#f3e8f1} .mm-print-small{font-size:14px!important;line-height:1.7!important;margin-top:22px!important} .mm-print-related{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px} .mm-print-related a{padding:12px 16px;background:#f8f5ef;border:1px solid #42365b;border-radius:10px;text-decoration:none;font-weight:650} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) main>.wp-block-woocommerce-product-collection{display:none!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target).product_cat-digitale-vorlagen h1.wp-block-post-title::before{content:"DEINE IDEE. DIGITAL GESTALTET."} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target).product_cat-digitale-vorlagen .wp-block-add-to-cart-form::after{content:"Digitale Vorlage. Kein gedrucktes Produkt. Ausgabeoptionen findest du im Druckshop."} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target).product_cat-buerobedarf h1.wp-block-post-title::before{content:"PASSEND FÜR DEINEN BÜROALLTAG."} .mm-print-hub{color:#42365b;line-height:1.7;margin:0 auto 40px;max-width:1250px} .mm-print-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:40px 0} .mm-print-hero h1{font-size:clamp(2.5rem,5vw,4.8rem)!important;line-height:1.02!important;letter-spacing:-.055em!important;color:#42365b!important;margin:14px 0 24px!important} .mm-print-hero p{font-size:18px;max-width:620px} .mm-print-hero figure{margin:0!important} .mm-print-hero img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:2px solid #42365b;border-radius:28px;box-shadow:8px 8px 0 #fcc048} .mm-print-hero figcaption{font-size:12px;margin-top:15px;line-height:1.5;color:#62596f} .mm-print-intro-bar{padding:22px 28px;border:1.5px solid #42365b;border-radius:18px;background:#fff8df;margin:24px 0 40px;font-size:16px} .mm-print-hub h2{font-size:clamp(1.7rem,3vw,2.5rem)!important;line-height:1.15;color:#42365b!important} .mm-print-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 48px} .mm-print-category-card{display:flex;flex-direction:column;color:#42365b!important;background:#fff;border:1.5px solid #42365b;border-radius:20px;overflow:hidden;text-decoration:none!important;transition:transform .15s,box-shadow .15s} .mm-print-category-card:hover{transform:translateY(-4px);box-shadow:5px 5px 0 #d344b0} .mm-print-category-card img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#fff} .mm-print-category-card div{padding:22px} .mm-print-category-card h3{font-size:21px!important;line-height:1.2!important;color:#42365b!important;margin:0 0 12px!important} .mm-print-category-card p{font-size:15px;line-height:1.6;margin:0 0 16px} .mm-print-category-card span{font-size:14px;font-weight:800} .mm-print-section a:not(.mm-print-button),.mm-print-hub a:not(.mm-print-button):not(.mm-print-category-card){color:#42365b;text-underline-offset:4px} .mm-print-hub details{padding:18px 0;border-bottom:1px solid #d2cbd7} .mm-print-hub summary{font-weight:750;cursor:pointer} .mm-print-hub details p{font-size:16px} body.tax-product_cat:has(.mm-print-hub) main{background:#f8f5ef!important;padding:24px!important} body.tax-product_cat:has(.mm-print-hub) .wp-block-query-title, body.tax-product_cat:has(.mm-print-hub) main>.wp-block-group.has-dark-background-color, body.tax-product_cat:has(.mm-print-hub) .wp-block-woocommerce-product-filters{display:none!important} body.tax-product_cat:has(.mm-print-hub) .wc-block-product{background:#fff!important;border:1.5px solid #42365b!important;border-radius:18px!important;padding:18px!important;box-shadow:none!important} body.tax-product_cat:has(.mm-print-hub) .wc-block-product .wc-block-components-product-image{border-radius:12px;overflow:hidden} body.tax-product_cat:has(.mm-print-hub) .wc-block-product h3{font-size:20px!important;color:#42365b!important;line-height:1.2!important} body.tax-product_cat:has(.mm-print-hub) .wc-block-product .wp-block-button__link{background:#42365b!important;color:#fff!important;border:0!important;border-radius:10px!important;font-size:13px!important;padding:12px!important} body.tax-product_cat:has(.mm-print-hub) .woocommerce-ordering{display:none!important} .mm-print-hub a:focus-visible,.mm-print-detail a:focus-visible{outline:3px solid #07b4e5;outline-offset:5px} @media(max-width:850px){ .mm-print-hero{grid-template-columns:1fr;gap:28px;padding-top:20px}.mm-print-hero figure{max-width:600px}.mm-print-categories{grid-template-columns:repeat(2,minmax(0,1fr))} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) main>.wp-block-columns{gap:30px!important;padding:18px!important} .mm-print-steps ol{grid-template-columns:1fr;gap:20px} } @media(max-width:540px){ .mm-print-categories{grid-template-columns:1fr}.mm-print-section{padding:23px}.mm-print-hero h1{font-size:2.7rem!important}.mm-print-hero p{font-size:17px} body.tax-product_cat:has(.mm-print-hub) main{padding:18px!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .wp-block-woocommerce-product-details{padding:18px!important} } @media(prefers-reduced-motion:reduce){.mm-print-category-card,.mm-print-button{transition:none!important}} /* --- WPWriter addition --- */ .mm-v4-actions .mm-v4-products .wp-block-button__link{background:#42365b!important;color:#fff!important;border:2px solid #111113!important;box-shadow:3px 3px 0 #d344b0!important}.mm-v4-actions{gap:10px!important;justify-content:flex-start!important;flex-wrap:wrap!important}.mm-v4-actions .wp-block-button__link{font-size:13px!important;padding:14px 12px!important}.mm-print-hub--category .mm-print-hero{grid-template-columns:1.3fr .7fr}.mm-print-hub--category .mm-print-hero h1{font-size:clamp(2.4rem,4.6vw,4rem)!important}.mm-print-hub--category .mm-print-hero img{aspect-ratio:4/3;object-fit:contain;background:#fff}.mm-print-other{margin-bottom:30px}.mm-print-other .mm-print-related{padding-top:22px}@media(max-width:850px){.mm-print-hub--category .mm-print-hero{grid-template-columns:1fr}} /* --- WPWriter addition --- */ body .mm-v4-header .mm-v4-print .mm-v4-actions{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;width:100%!important}body .mm-v4-header .mm-v4-actions>.wp-block-button{width:auto!important;margin:0!important;grid-column:span 2}body .mm-v4-header .mm-v4-actions>.mm-v4-products{order:1;grid-column:span 3}body .mm-v4-header .mm-v4-actions>.mm-v4-druckshop{order:2;grid-column:span 3}body .mm-v4-header .mm-v4-actions>.mm-v4-design{order:3}body .mm-v4-header .mm-v4-actions>.mm-v4-config{order:4}body .mm-v4-header .mm-v4-actions>.mm-v4-special{order:5}body .mm-v4-header .mm-v4-actions .wp-block-button__link{display:flex!important;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;width:100%!important;font-size:13px!important;padding:10px 7px!important;white-space:normal!important;text-align:center} /* --- WPWriter addition --- */ /* Print catalog responsive refinements */ @media(max-width:850px){body .mm-print-hub--category .mm-print-hero{grid-template-columns:1fr!important}body .mm-print-hub .mm-print-hero{gap:24px!important}body .mm-print-hub .mm-print-hero figure{max-width:600px!important}} @media(max-width:540px){body .mm-print-hub .mm-print-hero h1{font-size:2.25rem!important;overflow-wrap:break-word}body .mm-print-related a{max-width:100%;overflow-wrap:anywhere}body .mm-print-section{padding:22px!important}} body .mm-print-hub img{max-width:100%;box-sizing:border-box} /* --- WPWriter addition --- */ body.product_cat-druckprodukte.single-product.postid-99397:has(main#wp--skip-link--target) .wp-block-add-to-cart-form::after{content:"Schildere uns deine Idee. Ausführung und Kosten klären wir vor der Umsetzung."} /* --- WPWriter addition --- */ /* Stable category cards under WordPress paragraph formatting */ body .mm-print-category-card figure{margin:0!important;padding:0!important;line-height:0} body .mm-print-category-card figure p{margin:0!important} body .mm-print-category-card h3 a,body .mm-print-category-card p a{text-decoration:none!important} body .mm-print-categories>p:empty{display:none!important} body .mm-print-related>p{display:contents} /* --- WPWriter addition --- */ /* METEOR-MEDIEN print galleries and local detail links — 2026-10-09 */ body .mm-print-detail-link{display:none!important} body .wc-block-product.product_cat-druckprodukte .wp-block-woocommerce-product-button{display:none!important} body .wc-block-product.product_cat-druckprodukte .mm-print-detail-link{display:flex!important;align-items:center;justify-content:center;background:#42365b!important;color:#fff!important;padding:14px 18px!important;border:2px solid #42365b!important;border-radius:11px!important;box-shadow:3px 3px 0 #d344b0!important;font:700 14px/1.4 "DM Sans",sans-serif!important;text-decoration:none!important;margin:20px 0 4px!important} body .wc-block-product.product_cat-druckprodukte .mm-print-detail-link:hover{background:#111113!important;box-shadow:3px 3px 0 #fcc048!important} body .wc-block-product.product_cat-druckprodukte .mm-print-detail-link:focus-visible{outline:3px solid #07b4e5!important;outline-offset:5px} body .wc-block-product.product_cat-druckprodukte .wc-block-components-product-image{aspect-ratio:1!important;width:100%!important;height:auto!important;min-height:0!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important} body .wc-block-product.product_cat-druckprodukte .wc-block-components-product-image>a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;aspect-ratio:1!important} body .wc-block-product.product_cat-druckprodukte .wc-block-components-product-image img{width:100%!important;height:100%!important;aspect-ratio:1!important;object-fit:contain!important;object-position:center!important;max-height:none!important;min-height:0!important} body .mm-print-category-card figure,body .mm-print-category-card figure a{display:block!important;aspect-ratio:1!important;width:100%!important;background:#fff!important} body .mm-print-category-card img,body .mm-print-hub--category .mm-print-hero img{display:block!important;aspect-ratio:1!important;width:100%!important;height:auto!important;object-fit:contain!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-product-gallery__image{aspect-ratio:1!important;height:auto!important;min-height:0!important;display:block!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-product-gallery__image>a{display:block!important;aspect-ratio:1!important;width:100%!important;height:100%!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-product-gallery__image img:not(.zoomImg){display:block!important;width:100%!important;height:100%!important;aspect-ratio:1!important;object-fit:contain!important;object-position:center!important;max-height:none!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-product-gallery .flex-control-thumbs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;padding:16px!important;margin:0!important;list-style:none!important;background:#f8f5ef!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-product-gallery .flex-control-thumbs li{float:none!important;width:auto!important;margin:0!important;border-radius:10px!important;overflow:hidden!important;aspect-ratio:1!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-product-gallery .flex-control-thumbs img{width:100%!important;height:100%!important;aspect-ratio:1!important;object-fit:contain!important;border:2px solid transparent!important;box-sizing:border-box!important;background:white!important;opacity:.7!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-product-gallery .flex-control-thumbs img.flex-active{border-color:#d344b0!important;opacity:1!important} /* --- WPWriter addition --- */ /* FlexSlider must keep its full slide-track width. */ body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-product-gallery__wrapper{max-width:none!important} body.product_cat-druckprodukte.single-product:has(main#wp--skip-link--target) .woocommerce-product-gallery .flex-control-thumbs li{width:100%!important;height:auto!important;min-width:0!important;max-width:none!important;flex:none!important;clear:none!important} /* --- WPWriter addition --- */ /* Keep print category result counts below the editorial introduction. */ body.tax-product_cat:has(.mm-print-hub) main>.wp-block-group:has(>.wp-block-woocommerce-product-results-count){margin-top:0!important;margin-bottom:24px!important;padding:0!important;min-height:0!important;height:auto!important;justify-content:flex-start!important;gap:20px!important} /* --- WPWriter addition --- */ /* Override legacy archive positioning only in the print catalogue. */ body.archive.tax-product_cat:has(.mm-print-hub) main#wp--skip-link--target>.wp-block-group:has(.wc-block-product-results-count):has(.wc-block-catalog-sorting){margin:0 auto 24px!important;padding:0!important;min-height:0!important;height:auto!important;justify-content:flex-start!important;gap:20px!important;pointer-events:auto!important} /* --- WPWriter addition --- */ /* METEOR-MEDIEN: regular product galleries, 2026-10-09. Preserve the width calculated by WooCommerce/FlexSlider for its slide track. */ body.single-product:not(.product_cat-druckprodukte):has(main#wp--skip-link--target) .woocommerce-product-gallery__wrapper{max-width:none!important} body.single-product:not(.product_cat-druckprodukte):has(main#wp--skip-link--target) .woocommerce-product-gallery__image{aspect-ratio:1 / 1!important;overflow:hidden!important} body.single-product:not(.product_cat-druckprodukte):has(main#wp--skip-link--target) .woocommerce-product-gallery__image>a>img{width:100%!important;height:100%!important;aspect-ratio:1 / 1!important;object-fit:contain!important} :root :where(.wp-block-columns){margin-bottom: 0px;} :root :where(.wp-block-list){padding-left: var(--wp--preset--spacing--medium);} :root :where(.wp-block-navigation){font-size: var(--wp--preset--font-size--small);text-decoration: none;}:root :where(.wp-block-navigation-is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.wp-block-navigation-is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.wp-block-navigation-is-layout-flow) > *{margin-block-start: var(--wp--preset--spacing--small);margin-block-end: 0;}:root :where(.wp-block-navigation-is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.wp-block-navigation-is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.wp-block-navigation-is-layout-constrained) > *{margin-block-start: var(--wp--preset--spacing--small);margin-block-end: 0;}:root :where(.wp-block-navigation-is-layout-flex){gap: var(--wp--preset--spacing--small);}:root :where(.wp-block-navigation-is-layout-grid){gap: var(--wp--preset--spacing--small);} :root :where(.wp-block-navigation a:where(:not(.wp-element-button))){color: var(--wp--preset--color--foreground);text-decoration: inherit;} :root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover){color: var(--wp--preset--color--primary);text-decoration: underline;} :root :where(.wp-block-navigation a:where(:not(.wp-element-button)):focus){color: var(--wp--preset--color--primary);text-decoration: none;} :root :where(.wp-block-navigation a:where(:not(.wp-element-button)):active){color: var(--wp--preset--color--mediumdark);text-decoration: none;} :root :where(p){line-height: var(--wp--custom--line-height--normal);} :root :where(.wp-block-template-part){margin-top: 0px !important;}