/* gesundheitsmanagement.de – Frontend „Kurvenblatt“ v1.0 (Entwurf v2 „modern“, GO Dennis 15.10.2026).
   Palette Koralle, Schriften lokal (Funnel Display, Funnel Sans, Geist Mono, SIL OFL). Gilt nur mit body.gm (mu-plugin gm-frontend.php). */
@font-face { font-family: 'Funnel Display'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(fonts/funnel-display-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Funnel Display'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(fonts/funnel-display-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Funnel Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(fonts/funnel-sans-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Funnel Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(fonts/funnel-sans-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(fonts/geist-mono-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(fonts/geist-mono-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }


body.gm {
	--gm-tinte: #0E1B2C; --gm-akzent: #D23F27; --gm-akzent-text: #B5341E; --gm-akzent-hell: #FF8A70; --gm-flaeche: #F6F8FA; --gm-weich: #FFE8E2;
	--gm-puls: #3B7DD8; --gm-puls-weich: #E3EEFB; --gm-text: #182230; --gm-neben: #566070; --gm-linie: #E3E7EC; --gm-weiss: #FFFFFF;
	--gm-glow1: rgba(255, 122, 92, .22); --gm-glow2: rgba(59, 125, 216, .16);
	--gm-display: "Funnel Display", "Segoe UI", Helvetica, Arial, sans-serif;
	--gm-body: "Funnel Sans", "Segoe UI", Helvetica, Arial, sans-serif;
	--gm-mono: "Geist Mono", "Cascadia Mono", Consolas, monospace;
	--gm-radius: 22px;
	/* Bausteine des Plugins az-verzeichnis */
	--azv-akzent: var(--gm-tinte); --azv-akzent-hell: var(--gm-weich); --azv-premium: var(--gm-akzent); --azv-rand: var(--gm-linie);
	--azv-text: var(--gm-text); --azv-grau: var(--gm-neben); --azv-radius: 20px;
	background: var(--gm-flaeche) !important; color: var(--gm-text); font-family: var(--gm-body); font-size: 17px; line-height: 1.65;
	-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
body.gm h1, body.gm h2, body.gm h3, body.gm h4, body.gm .entry-title { font-family: var(--gm-display); color: var(--gm-tinte); letter-spacing: -.025em; text-wrap: balance; }
body.gm h1 { font-weight: 700; font-size: clamp(30px, 4.2vw, 46px); line-height: 1.08; letter-spacing: -.035em; }
body.gm h2 { font-weight: 650; font-size: clamp(24px, 2.8vw, 32px); line-height: 1.15; }
body.gm h3 { font-weight: 650; font-size: 21px; line-height: 1.25; }
body.gm a { color: var(--gm-akzent-text); }
body.gm a:hover { color: var(--gm-tinte); }
body.gm :focus-visible { outline: 3px solid var(--gm-akzent); outline-offset: 2px; border-radius: 6px; }
body.gm ::selection { background: var(--gm-weich); color: var(--gm-tinte); }
body.gm .gm-innen { max-width: 1200px; margin-inline: auto; padding-inline: 32px; }
@media (max-width: 640px) { body.gm .gm-innen { padding-inline: 16px; } }

/* GeneratePress-Rahmen */
body.gm .site.grid-container { max-width: 1264px; }
body.gm.separate-containers .inside-article, body.gm.separate-containers .comments-area, body.gm.separate-containers .page-header,
body.gm.one-container .container, body.gm .inside-page-header { background: var(--gm-weiss); border: 1px solid var(--gm-linie); border-radius: var(--gm-radius); }
body.gm.separate-containers .site-main > * { margin-bottom: 24px; }
body.gm .site-content { padding-top: 28px; }
body.gm .entry-meta, body.gm .posted-on, body.gm .byline { display: none; }
body.gm .entry-content > p, body.gm .entry-content > ul, body.gm .entry-content > ol { max-width: 74ch; }
body.gm .entry-content h2 { margin-top: 1.6em; }
body.gm .featured-image img, body.gm .post-image img, body.gm .wp-block-image img { border-radius: 16px; }
body.gm .wp-block-latest-posts.is-grid li { background: var(--gm-weiss); border: 1px solid var(--gm-linie); border-radius: 18px; padding: 16px; }
body.gm .rank-math-breadcrumb { font-size: 14px; color: var(--gm-neben); margin-bottom: 12px; }
body.gm .rank-math-breadcrumb a { color: var(--gm-neben); text-decoration: none; }
body.gm .rank-math-breadcrumb a:hover { color: var(--gm-tinte); }
body.gm .entry-content table { border-collapse: collapse; width: 100%; font-size: 15.5px; }
body.gm .entry-content th { background: var(--gm-flaeche); text-align: left; font-weight: 650; color: var(--gm-tinte); }
body.gm .entry-content th, body.gm .entry-content td { border: 1px solid var(--gm-linie); padding: 10px 12px; vertical-align: top; }
body.gm .nav-links .page-numbers, body.gm .azv-pagination a, body.gm .azv-pagination span { display: inline-flex; min-width: 40px; height: 40px; align-items: center; justify-content: center;
	border-radius: 999px; border: 1px solid var(--gm-linie); background: var(--gm-weiss); color: var(--gm-tinte); text-decoration: none; padding-inline: 12px; }
body.gm .nav-links .page-numbers.current, body.gm .azv-pagination .current { background: var(--gm-tinte); border-color: var(--gm-tinte); color: var(--gm-weiss); }
body.gm button, body.gm input[type="submit"], body.gm .button, body.gm .wp-block-button__link { border-radius: 999px; background: var(--gm-tinte); color: var(--gm-weiss); font-family: var(--gm-body); font-weight: 600; }
body.gm input[type="text"], body.gm input[type="email"], body.gm input[type="search"], body.gm input[type="tel"], body.gm input[type="url"], body.gm textarea, body.gm select {
	border: 1px solid var(--gm-linie); border-radius: 14px; background: var(--gm-weiss); color: var(--gm-text); font-family: var(--gm-body); }
body.gm .fluentform .ff-el-form-control { border-radius: 14px; border-color: var(--gm-linie); }
body.gm .fluentform .ff-btn-submit { border-radius: 999px !important; background: var(--gm-tinte) !important; }

/* Knöpfe, Pillen, Datumszeilen */
.gm .gm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font: 600 15px/1 var(--gm-body); padding: 13px 20px; border-radius: 999px;
	border: 1px solid var(--gm-linie); color: var(--gm-tinte); background: var(--gm-weiss); white-space: nowrap; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease; }
.gm .gm-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 18px -8px rgba(15, 25, 40, .35); color: var(--gm-tinte); }
.gm .gm-btn--voll { background: var(--gm-tinte); border-color: var(--gm-tinte); color: var(--gm-weiss); }
.gm .gm-btn--voll:hover { color: var(--gm-weiss); }
.gm .gm-btn--akzent { background: var(--gm-akzent); border-color: var(--gm-akzent); color: var(--gm-weiss); }
.gm .gm-btn--akzent:hover { color: var(--gm-weiss); }
.gm .gm-pill { display: inline-flex; align-items: center; gap: 7px; font: 600 13px/1.25 var(--gm-body); color: var(--gm-tinte); background: var(--gm-weich); border-radius: 999px; padding: 6px 12px; justify-self: start; align-self: flex-start; }
.gm .gm-pill::before { content: ""; width: 6px; height: 6px; flex: none; border-radius: 50%; background: var(--gm-akzent); }
.gm .gm-pill--blau { background: var(--gm-puls-weich); }
.gm .gm-pill--blau::before { background: var(--gm-puls); }
.gm .gm-pill--dunkel { background: rgba(255, 255, 255, .12); color: var(--gm-weiss); }
.gm .gm-datum { font: 500 12.5px/1.3 var(--gm-mono); color: var(--gm-neben); font-variant-numeric: tabular-nums; }
.gm .gm-mehr { display: inline-flex; gap: 8px; align-items: center; font: 600 15px/1 var(--gm-body); color: var(--gm-tinte); text-decoration: none; white-space: nowrap; justify-self: start; }
.gm .gm-mehr::after { content: "→"; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--gm-weiss); border: 1px solid var(--gm-linie); transition: transform .15s ease; }
.gm .gm-mehr:hover::after { transform: translateX(3px); }
.gm .gm-mehr--hell { color: var(--gm-weiss); }
.gm .gm-mehr--hell::after { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .22); }
.gm .gm-karte { background: var(--gm-weiss); border: 1px solid var(--gm-linie); border-radius: var(--gm-radius); color: var(--gm-text); text-decoration: none; transition: box-shadow .2s ease, transform .2s ease; }
.gm .gm-karte:hover { box-shadow: 0 18px 40px -24px rgba(15, 25, 40, .35); transform: translateY(-2px); color: var(--gm-text); }
@media (prefers-reduced-motion: reduce) { .gm .gm-btn, .gm .gm-karte, .gm .gm-mehr::after { transition: none; } .gm .gm-btn:hover, .gm .gm-karte:hover { transform: none; } }

/* Kopf */
.gm .gm-kopf { position: sticky; top: 0; z-index: 100; background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid var(--gm-linie); }
.admin-bar.gm .gm-kopf { top: 32px; }
@media (max-width: 782px) { .admin-bar.gm .gm-kopf { top: 46px; } }
.gm .gm-kopf__innen { display: flex; align-items: center; gap: 18px; padding-block: 14px; max-width: 1264px; }
.gm .gm-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--gm-tinte); flex: none; }
.gm .gm-logo__zeichen { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: none;
	background: linear-gradient(135deg, var(--gm-akzent), color-mix(in srgb, var(--gm-akzent) 55%, var(--gm-puls))); box-shadow: 0 6px 16px -6px var(--gm-akzent); }
.gm .gm-logo__wort { font: 650 21px/1 var(--gm-display); letter-spacing: -.035em; white-space: nowrap; }
.gm .gm-logo__wort span { color: var(--gm-akzent); }
.gm .gm-logo--hell { color: var(--gm-weiss); }
.gm .gm-logo--hell .gm-logo__wort span { color: var(--gm-akzent-hell); }
.gm .gm-nav { margin-inline: auto; }
.gm .gm-nav__liste { list-style: none; margin: 0; padding: 4px; display: flex; gap: 2px; background: var(--gm-flaeche); border: 1px solid var(--gm-linie); border-radius: 999px; }
.gm .gm-nav__liste > li { position: relative; }
.gm .gm-nav__liste > li > a { display: block; font: 550 15px/1 var(--gm-body); color: var(--gm-text); padding: 10px 14px; border-radius: 999px; text-decoration: none; white-space: nowrap; }
.gm .gm-nav__liste > li.menu-item-has-children > a::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 7px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: translateY(-3px) rotate(45deg); opacity: .6; }
.gm .gm-nav__liste > li > a:hover, .gm .gm-nav__liste > li:focus-within > a { background: var(--gm-weiss); color: var(--gm-tinte); }
.gm .gm-nav__liste > li.current-menu-item > a, .gm .gm-nav__liste > li.current-menu-ancestor > a, .gm .gm-nav__liste > li.current-menu-parent > a { background: var(--gm-weiss); color: var(--gm-tinte); box-shadow: 0 1px 3px rgba(15, 25, 40, .12); }
.gm .gm-nav .sub-menu { display: none; position: absolute; left: 0; top: calc(100% + 8px); min-width: 280px; max-height: 70vh; overflow-y: auto; list-style: none; margin: 0; padding: 8px;
	background: var(--gm-weiss); border: 1px solid var(--gm-linie); border-radius: 18px; box-shadow: 0 22px 50px -24px rgba(15, 25, 40, .4); z-index: 10; }
.gm .gm-nav .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
.gm .gm-nav li:hover > .sub-menu, .gm .gm-nav li:focus-within > .sub-menu { display: block; }
.gm .gm-nav .sub-menu a { display: block; padding: 9px 12px; border-radius: 10px; font-size: 15px; color: var(--gm-text); text-decoration: none; line-height: 1.3; }
.gm .gm-nav .sub-menu a:hover { background: var(--gm-flaeche); color: var(--gm-tinte); }
.gm .gm-kopf__aktion { flex: none; }
.gm .gm-mobil { display: none; }
@media (max-width: 1080px) {
	.gm .gm-nav { display: none; }
	.gm .gm-kopf__aktion { margin-left: auto; }
	.gm .gm-mobil { display: block; }
}
@media (max-width: 560px) {
	.gm .gm-kopf__aktion { display: none; }
	.gm .gm-mobil { margin-left: auto; }
	.gm .gm-logo__wort { font-size: 17px; }
	.gm .gm-logo__zeichen { width: 34px; height: 34px; border-radius: 10px; }
	.gm .gm-kopf__innen { gap: 10px; }
}
.gm .gm-mobil > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; font: 600 15px/1 var(--gm-body); color: var(--gm-tinte);
	padding: 11px 16px; border-radius: 999px; border: 1px solid var(--gm-linie); background: var(--gm-weiss); }
.gm .gm-mobil > summary::-webkit-details-marker { display: none; }
.gm .gm-mobil > summary::before { content: ""; width: 16px; height: 2px; background: currentColor; box-shadow: 0 -5px 0 currentColor, 0 5px 0 currentColor; }
.gm .gm-mobil[open] > summary::before { box-shadow: none; transform: rotate(45deg); }
.gm .gm-mobil__flaeche { position: absolute; left: 0; right: 0; top: 100%; background: var(--gm-weiss); border-bottom: 1px solid var(--gm-linie); padding: 12px 16px 18px;
	display: grid; gap: 6px; box-shadow: 0 24px 40px -24px rgba(15, 25, 40, .35); max-height: calc(100vh - 80px); overflow-y: auto; }
.gm .gm-mobil__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.gm .gm-mobil__liste a { display: block; padding: 14px 16px; border-radius: 14px; background: var(--gm-flaeche); color: var(--gm-tinte); font-weight: 600; text-decoration: none; }
.gm .gm-mobil__flaeche .gm-btn { margin-top: 6px; }

/* Startseite: volle Breite, eigene Abschnitte */
body.gm.home .site.grid-container { max-width: none; }
body.gm.home .site-content { padding: 0; display: block; }
body.gm.home.separate-containers .inside-article { background: transparent; border: 0; border-radius: 0; padding: 0; }
body.gm.home .entry-content { margin: 0; }
body.gm.home .entry-header { display: none; }
body.gm.home.separate-containers .site-main { margin: 0; }
.gm .gm-abschnitt { padding-block: 72px; }
.gm .gm-abschnitt--dicht { padding-top: 0; }
@media (max-width: 640px) { .gm .gm-abschnitt { padding-block: 44px; } .gm .gm-abschnitt--dicht { padding-top: 0; } }
.gm .gm-titelzeile { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: end; justify-content: space-between; margin-bottom: 26px; }
.gm .gm-titelzeile > div { display: grid; gap: 10px; }
.gm .gm-h2 { font: 700 clamp(28px, 3.6vw, 46px)/1.06 var(--gm-display); letter-spacing: -.035em; color: var(--gm-tinte); margin: 0; }
.gm .gm-leise { color: var(--gm-neben); font-weight: 500; }

.gm .gm-held { position: relative; overflow: hidden; background: radial-gradient(60% 70% at 85% 10%, var(--gm-glow1), transparent 70%), radial-gradient(50% 60% at 10% 90%, var(--gm-glow2), transparent 70%), var(--gm-flaeche); }
.gm .gm-held::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(14, 27, 44, .17) 1px, transparent 1.4px); background-size: 22px 22px;
	-webkit-mask-image: radial-gradient(70% 80% at 30% 40%, #000, transparent 75%); mask-image: radial-gradient(70% 80% at 30% 40%, #000, transparent 75%); pointer-events: none; }
.gm .gm-held__innen { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 44px; align-items: center; padding-block: 64px 88px; }
@media (max-width: 960px) { .gm .gm-held__innen { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-block: 36px 64px; } }
.gm .gm-held__text { display: grid; gap: 18px; }
.gm .gm-held__h1 { font: 700 clamp(30px, 4.3vw, 56px)/1.05 var(--gm-display) !important; letter-spacing: -.04em; color: var(--gm-tinte); margin: 0 !important; overflow-wrap: break-word; }
.gm .gm-held__h1 { -webkit-hyphens: manual !important; hyphens: manual !important; }
@media (max-width: 400px) { .gm .gm-held__h1 { font-size: 28px !important; } }
@media (max-width: 360px) { .gm .gm-held__h1 { font-size: 25px !important; } }
.gm .gm-held__lead { font-size: 18.5px; line-height: 1.6; color: var(--gm-neben); max-width: 52ch; margin: 0; }
.gm .gm-held__kurve { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 90px; pointer-events: none; }
.gm .gm-held__kurve path { fill: none; stroke: var(--gm-akzent); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 2600; animation: gm-zeichnen 2.6s ease-out both; }
.gm .gm-held__kurve .gm-held__kurve2 { stroke: var(--gm-puls); opacity: .35; animation-delay: .25s; }
@keyframes gm-zeichnen { from { stroke-dashoffset: 2600; } to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) { .gm .gm-held__kurve path { animation: none; } }
.gm .gm-suche { margin: 8px 0 0; background: var(--gm-weiss); border: 1px solid var(--gm-linie); border-radius: 22px; padding: 8px; box-shadow: 0 18px 40px -22px rgba(15, 25, 40, .4); display: grid; gap: 6px; max-width: 640px; }
.gm .gm-segment { display: flex; flex-wrap: wrap; gap: 2px; padding: 3px; background: var(--gm-flaeche); border-radius: 14px; justify-self: start; }
.gm .gm-segment button { font: 600 14px/1 var(--gm-body); border: 0; background: transparent; color: var(--gm-neben); padding: 9px 13px; border-radius: 11px; cursor: pointer; }
.gm .gm-segment button[aria-pressed="true"] { background: var(--gm-weiss); color: var(--gm-tinte); box-shadow: 0 1px 3px rgba(15, 25, 40, .14); }
.gm .gm-suche__feld { display: flex; gap: 8px; align-items: center; padding: 4px 4px 4px 14px; color: var(--gm-neben); }
.gm .gm-suche__feld svg { flex: none; }
.gm .gm-suche__feld input[type="search"] { flex: 1; min-width: 0; border: 0; padding: 12px 4px; font: 16px var(--gm-body); color: var(--gm-text); background: transparent; outline: none; box-shadow: none; }
.gm .gm-suche__feld button { border: 0; background: var(--gm-tinte); color: var(--gm-weiss); font: 600 15px var(--gm-body); padding: 14px 22px; border-radius: 14px; cursor: pointer; }
@media (max-width: 440px) { .gm .gm-suche__feld { flex-wrap: wrap; padding-left: 10px; } .gm .gm-suche__feld input[type="search"] { flex-basis: calc(100% - 40px); } .gm .gm-suche__feld button { flex-basis: 100%; } }
.gm .gm-bento { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.gm .gm-kachel { background: var(--gm-weiss); border: 1px solid var(--gm-linie); border-radius: 20px; padding: 18px; display: grid; gap: 4px; align-content: space-between; min-height: 132px; position: relative; overflow: hidden; text-decoration: none; color: var(--gm-neben); transition: transform .2s ease, box-shadow .2s ease; }
.gm .gm-kachel:hover { transform: translateY(-2px); box-shadow: 0 18px 40px -24px rgba(15, 25, 40, .35); color: var(--gm-neben); }
.gm .gm-kachel strong { font: 700 clamp(30px, 3.2vw, 42px)/1 var(--gm-display); letter-spacing: -.04em; color: var(--gm-tinte); font-variant-numeric: tabular-nums; position: relative; }
.gm .gm-kachel > span { font-size: 14.5px; line-height: 1.35; position: relative; }
.gm .gm-kachel__ic { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--gm-flaeche); color: var(--gm-tinte); margin-bottom: 8px; }
.gm .gm-kachel--haupt { background: var(--gm-tinte); border-color: var(--gm-tinte); color: rgba(255, 255, 255, .82); }
.gm .gm-kachel--haupt:hover { color: rgba(255, 255, 255, .82); }
.gm .gm-kachel--haupt strong { color: var(--gm-weiss); }
.gm .gm-kachel--haupt .gm-kachel__ic { background: rgba(255, 255, 255, .12); color: var(--gm-akzent-hell); }
.gm .gm-kachel--haupt::after { content: ""; position: absolute; right: -40px; top: -40px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(var(--gm-akzent), transparent 70%); opacity: .55; }
.gm .gm-kachel--neu { grid-column: 1 / -1; min-height: 0; gap: 8px; }
.gm .gm-kachel--neu b { font: 600 16px/1.3 var(--gm-display); color: var(--gm-tinte); letter-spacing: -.01em; }

.gm .gm-meld { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.gm .gm-meld .gm-karte { padding: 22px; display: grid; gap: 12px; align-content: start; }
.gm .gm-meld__gross { grid-row: span 2; padding: 28px !important; background: linear-gradient(160deg, var(--gm-weiss) 55%, var(--gm-weich)) !important; }
.gm .gm-meld__kopf { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.gm .gm-meld__titel { font: 700 clamp(24px, 2.4vw, 32px)/1.12 var(--gm-display); letter-spacing: -.03em; color: var(--gm-tinte); }
.gm .gm-meld__titel--klein { font-size: 18.5px; font-weight: 650; line-height: 1.25; letter-spacing: -.02em; }
.gm .gm-meld__auszug { color: var(--gm-neben); font-size: 16px; }
@media (max-width: 980px) { .gm .gm-meld { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gm .gm-meld__gross { grid-row: auto; grid-column: 1 / -1; } }
@media (max-width: 560px) { .gm .gm-meld { grid-template-columns: minmax(0, 1fr); } }
.gm .gm-leiste-dunkel { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; justify-content: space-between; border-radius: 18px; padding: 16px 18px 16px 22px; background: var(--gm-tinte); color: rgba(255, 255, 255, .86); font-size: 15.5px; }

.gm .gm-firmen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
@media (max-width: 900px) { .gm .gm-firmen { grid-template-columns: minmax(0, 1fr); } }
.gm .gm-firma { padding: 20px; display: grid; gap: 12px; align-content: start; }
.gm .gm-firma__kopf { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 12px; align-items: center; }
.gm .gm-ini { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: var(--gm-puls-weich); color: var(--gm-tinte); font: 700 20px/1 var(--gm-display); }
.gm .gm-firma__name { display: block; font: 650 17.5px/1.2 var(--gm-display); letter-spacing: -.015em; color: var(--gm-tinte); }
.gm .gm-firma__ort { display: block; font-size: 14px; color: var(--gm-neben); }
.gm .gm-firma__text { font-size: 15px; }
.gm .gm-premium { padding: 22px; border-radius: var(--gm-radius); display: grid; gap: 12px; align-content: start; color: var(--gm-weiss); text-decoration: none;
	background: radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--gm-akzent) 70%, transparent), transparent 55%), var(--gm-tinte); }
.gm .gm-premium:hover { color: var(--gm-weiss); }
.gm .gm-premium__titel { font: 700 21px/1.15 var(--gm-display); letter-spacing: -.02em; }
.gm .gm-premium__text { color: rgba(255, 255, 255, .82); font-size: 15px; }
.gm .gm-premium .gm-btn { justify-self: start; }
.gm .gm-rubriken { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 1000px) { .gm .gm-rubriken { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) { .gm .gm-rubriken { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }
.gm .gm-rubrik { padding: 16px; display: grid; gap: 10px; align-content: space-between; min-height: 150px; border-radius: 18px; }
.gm .gm-rubrik__oben { display: flex; justify-content: space-between; align-items: start; gap: 8px; }
.gm .gm-rubrik__ic { width: 36px; height: 36px; flex: none; border-radius: 11px; display: grid; place-items: center; background: var(--gm-weich); color: var(--gm-akzent); }
.gm .gm-rubrik__zahl { font: 700 26px/1 var(--gm-display); letter-spacing: -.03em; color: var(--gm-tinte); font-variant-numeric: tabular-nums; }
.gm .gm-rubrik__name { font: 600 15px/1.25 var(--gm-body); color: var(--gm-tinte); hyphens: auto; overflow-wrap: anywhere; }
.gm .gm-rubrik__balken { display: block; height: 5px; border-radius: 99px; background: var(--gm-flaeche); overflow: hidden; }
.gm .gm-rubrik__balken i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--gm-akzent), var(--gm-akzent-hell)); }
.gm .gm-hinweis { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 12px 20px; justify-content: space-between; align-items: center; padding: 14px 16px 14px 20px; border-radius: 18px;
	background: var(--gm-weiss); border: 1px dashed rgba(14, 27, 44, .3); font-size: 15.5px; }

.gm .gm-studium { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.5fr); gap: 36px; align-items: start; }
@media (max-width: 880px) { .gm .gm-studium { grid-template-columns: minmax(0, 1fr); gap: 22px; } }
.gm .gm-studium__text { display: grid; gap: 14px; }
.gm .gm-studium__text p { color: var(--gm-neben); margin: 0; }
.gm .gm-laender { display: flex; flex-wrap: wrap; gap: 8px; align-content: start; }
.gm .gm-land { display: inline-flex; gap: 8px; align-items: center; background: var(--gm-weiss); border: 1px solid var(--gm-linie); padding: 8px 8px 8px 14px; border-radius: 999px; font-weight: 550; font-size: 15px; color: var(--gm-tinte); text-decoration: none; }
.gm .gm-land:hover { border-color: var(--gm-tinte); color: var(--gm-tinte); }
.gm .gm-land b { font: 600 12.5px/1 var(--gm-mono); background: var(--gm-flaeche); color: var(--gm-tinte); padding: 5px 8px; border-radius: 999px; font-variant-numeric: tabular-nums; }

.gm .gm-zahlen { background: radial-gradient(70% 90% at 100% 0%, color-mix(in srgb, var(--gm-puls) 35%, transparent), transparent 60%), var(--gm-tinte); color: var(--gm-weiss);
	border-radius: 28px; padding: 40px; display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.3fr); gap: 40px; align-items: center; }
@media (max-width: 880px) { .gm .gm-zahlen { grid-template-columns: minmax(0, 1fr); padding: 26px 20px; gap: 24px; border-radius: 22px; } }
.gm .gm-zahlen__text { display: grid; gap: 14px; }
.gm .gm-zahlen__text p { color: rgba(255, 255, 255, .82); margin: 0; }
.gm .gm-zahlen__gross { font: 700 clamp(48px, 6.4vw, 88px)/.95 var(--gm-display) !important; letter-spacing: -.05em; color: var(--gm-weiss) !important; font-variant-numeric: tabular-nums; }
.gm .gm-zahlen__gross small { font-size: .36em; letter-spacing: -.02em; font-weight: 600; color: rgba(255, 255, 255, .8); }
.gm .gm-diagramm { margin: 0; display: grid; gap: 14px; }
.gm .gm-diagramm__z { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 14px; align-items: center; }
.gm .gm-diagramm__z > span:first-child { font-size: 14px; color: rgba(255, 255, 255, .86); line-height: 1.25; }
.gm .gm-diagramm__spur { position: relative; height: 30px; background-image: linear-gradient(90deg, rgba(255, 255, 255, .14) 1px, transparent 1px); background-size: 25% 100%; }
.gm .gm-diagramm__bar { display: block; height: 30px; border-radius: 0 10px 10px 0; position: relative; background: color-mix(in srgb, var(--gm-puls) 70%, white); }
.gm .gm-diagramm__bar--haupt { background: linear-gradient(90deg, var(--gm-akzent), var(--gm-akzent-hell)); }
.gm .gm-diagramm__bar b { position: absolute; left: calc(100% + 10px); top: 50%; transform: translateY(-50%); font: 500 13px/1 var(--gm-mono); color: var(--gm-weiss); white-space: nowrap; }
.gm .gm-diagramm__achse { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 14px; }
.gm .gm-diagramm__skala { position: relative; height: 12px; font: 400 11px/1 var(--gm-mono); color: rgba(255, 255, 255, .62); }
.gm .gm-diagramm__skala i { position: absolute; top: 0; font-style: normal; transform: translateX(-50%); }
.gm .gm-diagramm__skala i:first-child { transform: none; }
.gm .gm-diagramm__skala i:last-child { transform: translateX(-100%); }
.gm .gm-diagramm figcaption { font: 400 11.5px/1.5 var(--gm-mono); color: rgba(255, 255, 255, .66); }
@media (max-width: 480px) { .gm .gm-diagramm__z, .gm .gm-diagramm__achse { grid-template-columns: 92px minmax(0, 1fr); } .gm .gm-diagramm__bar b { font-size: 11.5px; } }

.gm .gm-termine { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 760px) { .gm .gm-termine { grid-template-columns: minmax(0, 1fr); } }
.gm .gm-termin { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 16px; align-items: center; padding: 14px; border-radius: 18px; }
.gm .gm-kal { display: grid; place-items: center; align-content: center; gap: 3px; width: 64px; height: 64px; border-radius: 16px; background: var(--gm-flaeche); border: 1px solid var(--gm-linie); }
.gm .gm-kal b { font: 700 22px/1 var(--gm-display); letter-spacing: -.03em; color: var(--gm-tinte); font-variant-numeric: tabular-nums; }
.gm .gm-kal span { font: 500 11px/1 var(--gm-mono); color: var(--gm-neben); text-transform: uppercase; }
.gm .gm-termin .gm-datum { display: block; margin-bottom: 4px; }
.gm .gm-termin__name { display: block; font: 650 17.5px/1.25 var(--gm-display); letter-spacing: -.015em; color: var(--gm-tinte); }
.gm .gm-termin__ort { display: block; font-size: 14.5px; color: var(--gm-neben); margin-top: 3px; }

.gm .gm-rg { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, .95fr); gap: 14px; }
@media (max-width: 920px) { .gm .gm-rg { grid-template-columns: minmax(0, 1fr); } }
.gm .gm-artikel { padding: 22px; display: grid; gap: 12px; align-content: start; }
.gm .gm-artikel__titel { font: 650 20.5px/1.2 var(--gm-display); letter-spacing: -.02em; color: var(--gm-tinte); }
.gm .gm-artikel__text { font-size: 15.5px; color: var(--gm-neben); }
.gm .gm-glossar { padding: 22px; display: grid; gap: 14px; align-content: start; background: var(--gm-weiss); border: 1px solid var(--gm-linie); border-radius: var(--gm-radius); }
.gm .gm-glossar__titel { font: 700 22px/1.1 var(--gm-display); letter-spacing: -.03em; color: var(--gm-tinte); margin: 0; }
.gm .gm-abc { display: flex; flex-wrap: wrap; gap: 4px; }
.gm .gm-abc a { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; font: 600 13.5px/1 var(--gm-body); color: var(--gm-tinte); background: var(--gm-flaeche); text-decoration: none; }
.gm .gm-abc a:hover { background: var(--gm-tinte); color: var(--gm-weiss); }
.gm .gm-begriffe { display: flex; flex-wrap: wrap; gap: 6px; }
.gm .gm-begriffe a { font-size: 14px; font-weight: 550; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--gm-linie); color: var(--gm-tinte); text-decoration: none; }
.gm .gm-begriffe a:hover { border-color: var(--gm-tinte); }

/* Ratgebertext der Startseite (Wortlaut unverändert) */
body.gm .gm-ratgebertext__innen { max-width: 860px; background: var(--gm-weiss); border: 1px solid var(--gm-linie); border-radius: var(--gm-radius); padding: 36px 40px; }
@media (max-width: 640px) { .gm .gm-ratgebertext__innen { padding: 24px 18px; border-radius: 18px; margin-inline: 12px; } }
.gm .gm-ratgebertext h2 { font-size: clamp(22px, 2.4vw, 28px); margin: 1.4em 0 .5em; }
.gm .gm-ratgebertext h2:first-child { margin-top: 0; }

/* Fußzeile */
.gm .site-footer { background: transparent; }
.gm .gm-fuss { background: var(--gm-tinte); color: var(--gm-weiss); overflow: hidden; margin-top: 72px; }
.gm .gm-fuss__riesig { font: 700 clamp(28px, 8.2vw, 104px)/.95 var(--gm-display); letter-spacing: -.055em; white-space: nowrap; margin: 0; padding-top: 40px;
	background: linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .02)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.gm .gm-fuss__raster { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 28px; padding-block: 28px 34px; }
@media (max-width: 800px) { .gm .gm-fuss__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gm .gm-fuss__marke { grid-column: 1 / -1; } }
.gm .gm-fuss__marke p { color: rgba(255, 255, 255, .72); font-size: 15px; margin: 14px 0 0; max-width: 34ch; }
.gm .gm-fuss__spalte { display: grid; gap: 8px; align-content: start; }
.gm .gm-fuss__kopf { font: 600 14px/1.3 var(--gm-body); color: var(--gm-akzent-hell); margin: 0 0 4px; }
.gm .gm-fuss__spalte a { color: rgba(255, 255, 255, .84); text-decoration: none; font-size: 15px; }
.gm .gm-fuss__spalte a:hover { color: var(--gm-weiss); text-decoration: underline; }
.gm .gm-fuss__unten { border-top: 1px solid rgba(255, 255, 255, .12); padding-block: 18px 22px; display: flex; flex-wrap: wrap; gap: 12px 18px; justify-content: space-between; align-items: center; font: 400 12.5px/1.4 var(--gm-mono); color: rgba(255, 255, 255, .64); }
.gm .gm-fuss .azv-provenexpert { margin: 0; text-align: left; }

/* ---------- az-verzeichnis: Listen, Karten, Profile, Glossar ---------- */
.gm .azv-wrap { max-width: 1200px; }
.gm .azv-kopf h1 { font-size: clamp(30px, 4vw, 46px); }
.gm .azv-kopf__zahl { display: inline-flex; font: 600 13px/1.25 var(--gm-body); color: var(--gm-tinte); background: var(--gm-weich); border-radius: 999px; padding: 7px 13px; }
.gm .azv-breadcrumb ol { font-size: 14px; }
.gm .azv-abschnitt h2 { font-size: clamp(22px, 2.6vw, 30px); }
.gm .azv-filter { background: var(--gm-weiss); border-color: var(--gm-linie); border-radius: var(--gm-radius); padding: 14px; }
.gm .azv-filter input[type="search"], .gm .azv-filter select { border-radius: 14px; padding: 12px 14px; min-height: 46px; }
.gm .azv-btn { border-radius: 999px; background: var(--gm-tinte) !important; color: var(--gm-weiss) !important; padding: 12px 20px; }
.gm .azv-chip span { border-radius: 999px; font-size: 14px; padding: 7px 12px; }
.gm .azv-chip input:checked + span { background: var(--gm-tinte); border-color: var(--gm-tinte); }
.gm .gm-rubrikwahl { margin-bottom: 12px; }
.gm .gm-rubrikwahl > summary { cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: 10px; font: 600 15px/1 var(--gm-body); color: var(--gm-tinte);
	padding: 12px 16px; border-radius: 999px; border: 1px solid var(--gm-linie); background: var(--gm-flaeche); }
.gm .gm-rubrikwahl > summary::-webkit-details-marker { display: none; }
.gm .gm-rubrikwahl > summary::after { content: ""; width: 7px; height: 7px; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.gm .gm-rubrikwahl[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
.gm .gm-rubrikwahl .azv-filter__rubriken { margin-top: 12px; }
.gm .azv-filter__rubrik > summary { border-radius: 14px; }
.gm .azv-grid { gap: 14px; }
.gm .azv-card { border-radius: var(--gm-radius); border-color: var(--gm-linie); transition: box-shadow .2s ease, transform .2s ease; }
.gm .azv-card:hover { box-shadow: 0 18px 40px -24px rgba(15, 25, 40, .35); transform: translateY(-2px); }
.gm .azv-card--premium { border: 1px solid color-mix(in srgb, var(--gm-akzent) 40%, white); box-shadow: 0 0 0 3px var(--gm-weich); }
.gm .azv-card__logo { height: 128px; background: var(--gm-flaeche); }
.gm .azv-card__logo:not(:has(img)) { height: auto; justify-content: flex-start; background: transparent; padding: 20px 20px 0; }
.gm .azv-card__platzhalter { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; background: var(--gm-puls-weich); color: var(--gm-tinte); font: 700 22px/1 var(--gm-display); }
.gm .azv-card__titel { font: 650 18px/1.25 var(--gm-display); letter-spacing: -.015em; }
.gm .azv-card__titel a { color: var(--gm-tinte); }
.gm .azv-chips a { background: var(--gm-puls-weich); color: var(--gm-tinte); font-size: 13px; font-weight: 550; padding: 4px 10px; }
.gm .azv-badge { background: var(--gm-weich); color: var(--gm-tinte); border-radius: 999px; font-size: 12px; font-weight: 650; padding: 5px 10px; letter-spacing: .02em; text-transform: none; }
.gm .azv-badge::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--gm-akzent); margin-right: 6px; vertical-align: 1px; }
.gm .azv-kacheln li { min-width: 0; }
.gm .azv-kacheln a { border-radius: 16px; padding: 10px 10px 10px 16px; gap: 8px; border-color: var(--gm-linie); color: var(--gm-tinte); font-weight: 550; overflow-wrap: anywhere; hyphens: auto; }
.gm .azv-kacheln a:hover { border-color: var(--gm-tinte); background: var(--gm-weiss); }
.gm .azv-kachel__zahl { flex: none; font: 600 12.5px/1 var(--gm-mono); background: var(--gm-flaeche); color: var(--gm-tinte); padding: 5px 8px; }
.gm .azv-abschnitt--bundesweit { background: var(--gm-weiss); border: 1px solid var(--gm-linie); border-radius: var(--gm-radius); }
.gm .azv-eckdaten { background: color-mix(in srgb, var(--gm-weich) 45%, white); border: 1px solid color-mix(in srgb, var(--gm-weich) 80%, var(--gm-linie)); border-radius: var(--gm-radius); padding: 22px 24px; }
.gm .azv-eckdaten h2, .gm .azv-kontakt__titel { font-family: var(--gm-display); color: var(--gm-tinte); }
.gm .azv-kontakt { border-radius: var(--gm-radius); border-color: var(--gm-linie); box-shadow: 0 18px 40px -30px rgba(15, 25, 40, .35); }
.gm .azv-kontakt dt, .gm .azv-eckdaten__liste dt { font: 500 11.5px/1.3 var(--gm-mono); letter-spacing: .02em; }
.gm .azv-tabelle th { background: var(--gm-flaeche); font-family: var(--gm-mono); font-size: 11.5px; }
.gm .azv-faq details, .gm .azv-faq__eintrag { border-radius: 16px; }
.gm .azv-herkunft, .gm .azv-single__inhalt .azv-herkunft { color: var(--gm-neben); }
.gm .azv-ortstext, .gm .azv-langtext { border-top-color: var(--gm-linie); }
.gm .azv-glossar__gruppe h2 { font-family: var(--gm-display); }
.gm .azv-leer { border-radius: var(--gm-radius); }

/* Mobil: Überbreiten (Prüfung 15.10.2026) */
@media (max-width: 420px) {
	.gm .gm-logo__wort { font-size: 15.5px; letter-spacing: -.04em; }
	.gm .gm-mobil > summary { padding: 12px 13px; }
	.gm .gm-mobil > summary span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
.gm .gm-kopf__innen > * { min-width: 0; }
.gm .azv-single__raster > * { min-width: 0; }
.gm .azv-glossar__liste > li { min-width: 0; overflow-wrap: anywhere; border-radius: 16px; }
body.gm .wp-block-table { overflow-x: auto; }
@media (max-width: 760px) {
	body.gm .entry-content table:not(.azv-tabelle), body.gm .azv-langtext table, body.gm .azv-glossar__text table, body.gm .azv-ortstext table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* Altlasten aus dem Customizer-CSS (Unterstreichungsbalken der H2 in Petrol, Abstände) neutralisieren */
body.gm h2::after, body.gm h1::after, body.gm .entry-content h2::after, body.gm .azv-wrap h2::after { content: none !important; display: none !important; }
body.gm .entry-content .gm-h2, body.gm .entry-content .gm-glossar__titel, body.gm .entry-content .gm-held__h1 { margin: 0 !important; }
body.gm .entry-content .gm-titelzeile p, body.gm .entry-content .gm-held p { margin: 0; }
body.gm .site-footer, body.gm .site-footer.grid-container { max-width: none !important; padding: 0 !important; background: transparent; }
body.gm .site-info { display: none; }
/* Seitenabstand mobil für Inhaltskästen; Vergleichstabelle der Leistungsseiten */
@media (max-width: 768px) { body.gm:not(.home) .site-content { padding-left: 12px; padding-right: 12px; } }
.gm .azv-vergleich__hinweis { color: var(--gm-neben); font-size: 15px; margin: -4px 0 14px; max-width: 72ch; }
.gm .azv-vergleich .azv-tabelle { background: var(--gm-weiss); border: 1px solid var(--gm-linie); border-radius: 18px; overflow: hidden; }
.gm .azv-vergleich .azv-tabelle td:first-child a { font-weight: 650; color: var(--gm-tinte); text-decoration: none; }
.gm .azv-vergleich .azv-tabelle td:first-child a:hover { text-decoration: underline; }
.gm .azv-vergleich .azv-tabelle td:nth-child(3) { font-family: var(--gm-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 768px) { .gm .azv-vergleich .azv-tabelle { border: 0; background: transparent; } .gm .azv-vergleich .azv-tabelle tr { background: var(--gm-weiss); } }
/* Archive und Suche: ruhigere Titel, kompaktere Karten */
body.gm .entry-title a { color: var(--gm-tinte); text-decoration: none; }
body.gm .entry-title a:hover { color: var(--gm-akzent-text); }
body.gm:is(.archive, .search, .blog).separate-containers .inside-article { padding: 26px 30px; }
body.gm:is(.archive, .search, .blog) .entry-title { font-size: clamp(21px, 2.2vw, 26px); }
body.gm:is(.archive, .search, .blog) .entry-summary p { margin-bottom: 0; }
@media (max-width: 640px) { body.gm:is(.archive, .search, .blog).separate-containers .inside-article { padding: 20px 18px; } }
