/* ========================================================================== mm-funktionen.css · Gestaltung der MM-eigenen Elemente Regel wie im Baukasten: kein Farbwert, keine feste Schriftgröße. Alle Werte kommen aus den Variablen von Basis (--wp--preset--*). Inhalt: 1 Fakten-Karte und Trend-Chronik 2 Glossar-Links 3 Glossar-Eintrag 4 Glossar-Übersicht ========================================================================== */ /* 1 · FAKTEN-KARTE UND TREND-CHRONIK (Prototyp, abgenommen 2026-10-16) ---- */ .mm-living-fact,.mm-trend-chronik{margin-inline:0;background:var(--wp--preset--color--weiss);color:var(--wp--preset--color--text);border-inline-start:4px solid var(--wp--preset--color--link-aaa);padding:var(--wp--preset--spacing--s) var(--wp--preset--spacing--m);margin-block:var(--wp--preset--spacing--m)} .mm-living-fact > :last-child,.mm-trend-chronik > :last-child{margin-block-end:0} .mm-living-fact__text,.mm-trend-chronik__text{margin:0 0 var(--wp--preset--spacing--xs)} .mm-living-fact__meta,.mm-trend-chronik__meta{display:block;font-size:var(--wp--preset--font-size--klein);color:var(--wp--preset--color--text);margin:0} .mm-trend-chronik details{margin-block:var(--wp--preset--spacing--xs)} .mm-trend-chronik summary{cursor:pointer;color:var(--wp--preset--color--link-aaa);text-decoration:underline;font-size:var(--wp--preset--font-size--klein)} .mm-trend-chronik__liste{list-style:none;margin:var(--wp--preset--spacing--xs) 0 0;padding:0} .mm-trend-chronik__liste li{margin-block-start:var(--wp--preset--spacing--xs)} .mm-trend-chronik__datum{font-weight:600;white-space:nowrap} /* 2 · GLOSSAR-LINKS --------------------------------------------------------- Gepunktete Unterstreichung plus Buch-Symbol (Maske, nicht vorlesbar). */ a.glossar-link{text-decoration-style:dotted;text-decoration-thickness:1.5px;text-underline-offset:.18em} .glossar-link::after{content:"";display:inline-block;inline-size:.9em;block-size:.9em;margin-inline-start:.25em;vertical-align:-.1em;background-color:currentColor; -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M3 5h6a3 3 0 0 1 3 3v12a2.5 2.5 0 0 0-2.5-2.5H3z'/%3E%3Cpath d='M21 5h-6a3 3 0 0 0-3 3v12a2.5 2.5 0 0 1 2.5-2.5H21z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M3 5h6a3 3 0 0 1 3 3v12a2.5 2.5 0 0 0-2.5-2.5H3z'/%3E%3Cpath d='M21 5h-6a3 3 0 0 0-3 3v12a2.5 2.5 0 0 1 2.5-2.5H21z'/%3E%3C/svg%3E") center/contain no-repeat} @media print{.glossar-link::after{display:none}} /* 3 · GLOSSAR-EINTRAG -------------------------------------------------------*/ .mm-glossar-lead p{margin:0;font-size:var(--wp--preset--font-size--text)} .mm-glossar-meta{margin-block-start:var(--wp--preset--spacing--l);padding:var(--wp--preset--spacing--m);border:1px solid var(--wp--preset--color--sekundaer);border-radius:var(--wp--preset--border-radius--m);background:var(--wp--preset--color--weiss)} .mm-glossar-meta dl{margin:0} .mm-glossar-meta dl > div,.mm-glossar-meta p{margin:0 0 var(--wp--preset--spacing--xs)} .mm-glossar-meta > :last-child{margin-block-end:0} .mm-glossar-meta dt{display:inline;font-weight:600} .mm-glossar-meta dd{display:inline;margin:0} /* 4 · GLOSSAR-ÜBERSICHT (/glossar/) ------------------------------------------*/ .mm-glossar-index [hidden]{display:none!important} /* Nur für Screenreader; .sr-only steht in Beitragsinhalten (früher mu-plugin mm-custom-url-digitale-barrierefreiheit) */ .mm-glossar-index .screen-reader-text,.sr-only{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .mm-glossar-suche{max-inline-size:var(--wp--style--global--content-size);margin:0 auto var(--wp--preset--spacing--l)} .mm-glossar-suche__feld{position:relative} .mm-glossar-suche input{inline-size:100%;font:inherit;color:var(--wp--preset--color--text);background:var(--wp--preset--color--weiss);border:1px solid var(--wp--preset--color--sekundaer);border-radius:var(--wp--preset--border-radius--rund);padding:.6em 3em .6em 1.25em;-webkit-appearance:none;appearance:none} .mm-glossar-suche input::placeholder{color:var(--wp--preset--color--text);opacity:.8} .mm-glossar-suche__feld::after{content:"";position:absolute;inset-inline-end:1.25em;inset-block-start:50%;inline-size:1.2em;block-size:1.2em;translate:0 -50%;background:var(--wp--preset--color--sekundaer);pointer-events:none; -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E") center/contain no-repeat} .mm-glossar-suche__status{margin:var(--wp--preset--spacing--xs) 0 0 1.25em;font-size:var(--wp--preset--font-size--klein)} .mm-glossar-suche__status:empty{display:none} .mm-glossar-az{margin-block-end:var(--wp--preset--spacing--xl)} .mm-glossar-az ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--wp--preset--spacing--xs) var(--wp--preset--spacing--m)} .mm-glossar-az li{margin:0;padding:0} .mm-glossar-az a,.mm-glossar-az span{display:inline-block;font-size:var(--wp--preset--font-size--h3);font-weight:600;text-decoration:none;color:var(--wp--preset--color--link-aaa)} .mm-glossar-az span{color:var(--wp--preset--color--text);opacity:.45} .mm-glossar-az span[aria-disabled="true"]{cursor:default} @media (hover:hover){.mm-glossar-az a:hover{color:var(--wp--preset--color--link-aaa);text-decoration:underline;text-underline-offset:.15em}} .mm-glossar-abschnitte{display:grid;gap:var(--wp--preset--spacing--l);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr))} .mm-glossar-abschnitt{scroll-margin-top:var(--wp--preset--spacing--m)} .mm-glossar-abschnitt h2{margin:0 0 var(--wp--preset--spacing--s);font-weight:600;color:var(--wp--preset--color--link-aaa)} .mm-glossar-abschnitt ul{list-style:none;margin:0;padding:0} .mm-glossar-abschnitt li{margin:0 0 var(--wp--preset--spacing--xs);padding:0} .mm-glossar-abschnitt a{color:var(--wp--preset--color--text);text-decoration:none} @media (hover:hover){.mm-glossar-abschnitt a:hover{color:var(--wp--preset--color--link-aaa);text-decoration:underline;text-underline-offset:.15em}} .mm-glossar-leer{margin:0}