@layer reset,base,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}}@layer base{@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/webfonts/inter-v20-latin-regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/webfonts/inter-v20-latin-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/webfonts/inter-v20-latin-700.woff2) format("woff2")}@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/webfonts/dm-serif-display-v17-latin-regular.woff2) format("woff2")}@font-face{font-family:"DM Serif Display";font-style:italic;font-weight:400;font-display:swap;src:url(/webfonts/dm-serif-display-v17-latin-italic.woff2) format("woff2")}}@layer base{:root{--clr-bg: hsl(0 0% 100%);--clr-surface: hsl(0 0% 97%);--clr-text: hsl(0 0% 8%);--clr-text-muted: hsl(0 0% 45%);--clr-accent: hsl(0 0% 8%);--clr-accent-hover: hsl(0 0% 20%);--clr-border: hsl(0 0% 88%);--clr-heart: hsl(0 80% 55%);--clr-cat-gruesse: hsl(30 15% 45%);--clr-cat-wein: hsl(345 55% 38%);--clr-cat-essen: hsl(25 70% 45%);--clr-cat-schimpfe: hsl(0 65% 42%);--clr-cat-dumm: hsl(270 35% 42%);--clr-cat-alltag: hsl(150 30% 38%);--clr-cat-pfalz: hsl(42 65% 42%);--clr-cat-weisheit: hsl(215 45% 40%);--clr-cat-feiern: hsl(330 55% 45%);--ff-sans: "Inter", system-ui, -apple-system, sans-serif;--ff-display: "DM Serif Display", Georgia, serif;--fs-xs: clamp(.6875rem, .625rem + .25vw, .8125rem);--fs-sm: clamp(.8125rem, .75rem + .25vw, .9375rem);--fs-base: clamp(.9375rem, .875rem + .25vw, 1.0625rem);--fs-lg: clamp(1.125rem, 1rem + .5vw, 1.375rem);--fs-xl: clamp(1.5rem, 1.125rem + 1.5vw, 2.25rem);--fs-2xl: clamp(2rem, 1.25rem + 3vw, 3.5rem);--fs-3xl: clamp(2.5rem, 1.5rem + 4vw, 5rem);--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--fw-black: 900;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.5;--ls-wide: .15em;--space-2xs: clamp(.25rem, .2rem + .2vw, .375rem);--space-xs: clamp(.5rem, .4rem + .4vw, .75rem);--space-sm: clamp(.75rem, .6rem + .6vw, 1.125rem);--space-md: clamp(1rem, .8rem + .8vw, 1.5rem);--space-lg: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);--space-xl: clamp(2rem, 1.5rem + 2vw, 3.5rem);--space-2xl: clamp(3rem, 2rem + 4vw, 6rem);--space-3xl: clamp(4rem, 2.5rem + 6vw, 8rem);--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 2rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--content-width: 60rem;--content-narrow: 42rem}body{font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--clr-text);background-color:var(--clr-surface)}}@layer layout{.container{width:min(100% - var(--space-lg) * 2,var(--content-width));margin-inline:auto}.container--narrow{width:min(100% - var(--space-lg) * 2,var(--content-narrow));margin-inline:auto}.main-content{background-color:var(--clr-bg)}}@layer components{.header{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-md)}.header-title{font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:var(--space-xs)}.header-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);transition:background-color var(--transition-fast);color:var(--clr-text)}.header-btn:hover{background-color:var(--clr-surface)}.header-btn--export{width:auto;gap:var(--space-2xs);padding-inline:var(--space-sm);background-color:var(--clr-accent);color:var(--clr-bg)}.header-btn--export:hover{background-color:var(--clr-text)}.header-btn-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase}.header-btn-icon{width:1.25rem;height:1.25rem}.spruch{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100dvh - 10rem);padding-block:var(--space-xl);gap:var(--space-lg)}.spruch-category{font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--clr-text-muted)}.spruch-category[data-category=gruesse]{color:var(--clr-cat-gruesse)}.spruch-category[data-category=wein]{color:var(--clr-cat-wein)}.spruch-category[data-category=essen]{color:var(--clr-cat-essen)}.spruch-category[data-category=schimpfe]{color:var(--clr-cat-schimpfe)}.spruch-category[data-category=dumm]{color:var(--clr-cat-dumm)}.spruch-category[data-category=alltag]{color:var(--clr-cat-alltag)}.spruch-category[data-category=pfalz]{color:var(--clr-cat-pfalz)}.spruch-category[data-category=weisheit]{color:var(--clr-cat-weisheit)}.spruch-category[data-category=feiern]{color:var(--clr-cat-feiern)}.spruch-text{font-family:var(--ff-display);font-size:var(--fs-3xl);font-weight:var(--fw-regular);text-wrap:balance;font-style:italic;line-height:var(--lh-tight);max-width:18ch;opacity:0;transition:opacity var(--transition-base)}.spruch-text--loaded{opacity:1}.spruch-text--fading{opacity:0}.spruch-translation{font-size:var(--fs-sm);color:var(--clr-text-muted);max-width:40ch}.spruch-meta{margin-top:var(--space-xl);font-size:var(--fs-xs);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:var(--ls-wide)}.breadcrumb{margin-bottom:var(--space-lg)}.breadcrumb-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);font-size:var(--fs-xs);color:var(--clr-text-muted)}.breadcrumb-list a{color:var(--clr-text-muted);text-decoration:underline;text-underline-offset:2px}.breadcrumb-list a:hover{color:var(--clr-text)}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--ff-sans);font-weight:var(--fw-bold);border-radius:var(--radius-full);user-select:none}.btn--primary{padding:var(--space-sm) var(--space-lg);font-size:var(--fs-sm);color:var(--clr-bg);background-color:var(--clr-accent);transition:background-color var(--transition-fast)}.btn--primary:hover{background-color:var(--clr-accent-hover)}.btn-icon{width:1.125rem;height:1.125rem}.filter{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2xs)}.filter-chip{padding:var(--space-2xs) var(--space-sm);font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:var(--radius-full);border:1px solid var(--clr-border);background-color:var(--clr-bg);color:var(--clr-text-muted);transition:all var(--transition-fast);user-select:none}.filter-chip:hover{border-color:var(--clr-text);color:var(--clr-text)}.filter-chip--active:hover{color:var(--clr-bg)}.filter-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4em;padding:.05em .4em;font-size:.8em;font-weight:var(--fw-bold);line-height:1;border-radius:var(--radius-full);background-color:#00000014;margin-left:.25em}.filter-chip--active{background-color:var(--clr-accent);border-color:var(--clr-accent);color:var(--clr-bg)}.filter-chip--active[data-category=gruesse]{background-color:var(--clr-cat-gruesse);border-color:var(--clr-cat-gruesse)}.filter-chip--active[data-category=wein]{background-color:var(--clr-cat-wein);border-color:var(--clr-cat-wein)}.filter-chip--active[data-category=essen]{background-color:var(--clr-cat-essen);border-color:var(--clr-cat-essen)}.filter-chip--active[data-category=schimpfe]{background-color:var(--clr-cat-schimpfe);border-color:var(--clr-cat-schimpfe)}.filter-chip--active[data-category=dumm]{background-color:var(--clr-cat-dumm);border-color:var(--clr-cat-dumm)}.filter-chip--active[data-category=alltag]{background-color:var(--clr-cat-alltag);border-color:var(--clr-cat-alltag)}.filter-chip--active[data-category=pfalz]{background-color:var(--clr-cat-pfalz);border-color:var(--clr-cat-pfalz)}.filter-chip--active[data-category=weisheit]{background-color:var(--clr-cat-weisheit);border-color:var(--clr-cat-weisheit)}.filter-chip--active[data-category=feiern]{background-color:var(--clr-cat-feiern);border-color:var(--clr-cat-feiern)}.filter-chip--active .filter-chip-count{background-color:#fff3}.footer{background-color:var(--clr-text);color:#b3b3b3;font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase}.footer-inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;padding-block:var(--space-xl);gap:var(--space-lg)}@media(max-width:768px){.footer-inner{flex-direction:column;align-items:center;text-align:center}}.footer-title{color:var(--clr-bg);font-weight:var(--fw-bold);margin-bottom:var(--space-2xs)}.footer-tagline{color:#8c8c8c}.footer-heart{display:inline-block;color:var(--clr-heart);vertical-align:-.15em}.footer-nav{display:flex;flex-direction:column;gap:var(--space-2xs)}.footer-nav:before{content:attr(aria-label);color:var(--clr-bg);font-weight:var(--fw-bold);margin-bottom:var(--space-2xs)}.footer-link{color:#b3b3b3;text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--clr-bg)}.export{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.export--visible{opacity:1;pointer-events:auto}.export-backdrop{position:absolute;inset:0;background-color:#00000080}.export-dialog{position:relative;display:flex;flex-direction:column;gap:var(--space-md);width:min(90vw,28rem);padding:var(--space-lg);background-color:var(--clr-bg);border-radius:var(--radius-md);box-shadow:0 1rem 3rem #00000026}.export-title{font-family:var(--ff-sans);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.export-section-title{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:var(--ls-wide);margin-top:var(--space-md);margin-bottom:var(--space-xs)}.export-formats{display:flex;flex-direction:column;gap:var(--space-xs)}.export-format{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border:1px solid var(--clr-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-align:left}.export-format:hover{border-color:var(--clr-accent);background-color:var(--clr-surface)}.export-format-label{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.export-format-size{font-size:var(--fs-xs);color:var(--clr-text-muted)}.export-format-icon{width:1.25rem;height:1.25rem;color:var(--clr-text-muted)}.export-format--colorful{background:linear-gradient(135deg,#962c46,#847362);border-color:transparent;color:#fff}.export-format--colorful:hover{background:linear-gradient(135deg,#b23453,#978572);border-color:transparent}.export-format--colorful .export-format-size,.export-format--colorful .export-format-icon{color:#ffffffb3}.export-close{position:absolute;top:var(--space-sm);right:var(--space-sm);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);transition:background-color var(--transition-fast);color:var(--clr-text-muted)}.export-close:hover{background-color:var(--clr-surface);color:var(--clr-text)}.export-close-icon{width:1.25rem;height:1.25rem}.toast{position:fixed;bottom:var(--space-lg);left:50%;translate:-50% 0;padding:var(--space-sm) var(--space-lg);background-color:var(--clr-text);color:var(--clr-bg);font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--radius-full);opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:100;display:flex;align-items:center;gap:var(--space-xs)}.toast--visible{opacity:1}.toast--success{background-color:#2d8659}.toast--error{background-color:#bd2828}.toast--info{background-color:#3969ac}.toast-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.legal-title{font-family:var(--ff-display);font-size:var(--fs-2xl);margin-bottom:var(--space-lg)}.legal-section{margin-bottom:var(--space-xl)}.legal-section h3{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--space-xs)}.legal-section h4{font-size:var(--fs-base);font-weight:var(--fw-bold);margin-top:var(--space-md);margin-bottom:var(--space-xs)}.legal-section p{line-height:var(--lh-normal);color:var(--clr-text-muted)}.legal-section p+p{margin-top:var(--space-sm)}.legal-section ul{line-height:var(--lh-normal);color:var(--clr-text-muted);margin-left:var(--space-lg);margin-top:var(--space-xs);list-style:disc}.legal-section a{text-decoration:underline;color:var(--clr-accent)}.legal-section .legal-contact{line-height:var(--lh-normal);color:var(--clr-text)}.legal-back{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--clr-border)}.legal-back a{text-decoration:underline;color:var(--clr-text-muted);display:inline-flex;align-items:center;gap:var(--space-xs)}.legal-date{font-size:var(--fs-sm);color:var(--clr-text-muted);margin-top:var(--space-xl)}.matomo-opt-out{margin-top:var(--space-md);padding:var(--space-md);background-color:var(--clr-surface);border-radius:var(--radius-md);border:1px solid var(--clr-border)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:var(--space-xs) var(--space-md);background-color:var(--clr-accent);color:var(--clr-bg);font-size:var(--fs-sm);font-weight:var(--fw-bold);border-radius:var(--radius-sm);z-index:200;translate:0 -200%;transition:translate var(--transition-fast)}.skip-link:focus{translate:0 0}}@layer base{:focus-visible{outline:2px solid var(--clr-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}