/* Nerds mit Herz — Stylesheet
   Farben, Schriften und Rundungen kommen aus den CSS-Variablen, die das Theme
   aus dem Customizer erzeugt. Hier stehen keine festen Markenfarben.

   Gestaltung nach der Markenwelt: runde Formen, farbige Rubrikmarken,
   Symbolkacheln in der Themenfarbe, weisse Karten auf hellem Grund. Das
   Leiterbahn-Herz traegt den Kopfbereich. */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{
	margin:0;
	background:var(--nmht-papier);
	color:var(--nmht-ink);
	font-family:var(--nmht-font-text);
	font-size:var(--nmht-basis);
	line-height:1.68;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}

img,svg,video{max-width:100%;height:auto}
img{display:block}
a{color:var(--nmht-gemeinschaft);text-underline-offset:.18em}
a:hover{color:var(--nmht-herz)}

h1,h2,h3,h4{
	font-family:var(--nmht-font-ueber);
	font-weight:700;line-height:1.15;letter-spacing:-.02em;
	margin:0 0 .5em;text-wrap:balance;
}
h1{font-size:clamp(2rem,1.3rem + 3.2vw,3.4rem)}
h2{font-size:clamp(1.55rem,1.15rem + 1.9vw,2.35rem)}
h3{font-size:clamp(1.08rem,1rem + .4vw,1.25rem)}
p{margin:0 0 1em}

:focus-visible{outline:3px solid var(--nmht-herz);outline-offset:3px;border-radius:6px}

.screen-reader-text{
	position:absolute!important;width:1px;height:1px;overflow:hidden;
	clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;
}

.nmht-skip{
	position:absolute;left:-9999px;top:0;z-index:100;
	background:var(--nmht-herz);color:#fff;padding:14px 22px;
	border-radius:0 0 var(--nmht-radius) 0;text-decoration:none;font-weight:600;
}
.nmht-skip:focus{left:0;color:#fff}

.nmht-wrap{width:min(1180px,100% - 2rem);margin-inline:auto}
@media (min-width:640px){.nmht-wrap{width:min(1180px,100% - 3rem)}}

/* ---- Rubrikmarke und Symbolkachel ---- */

.nmht-chip{
	display:inline-block;padding:.34rem .82rem;border-radius:999px;
	font-family:var(--nmht-font-ueber);font-weight:700;font-size:.72rem;
	letter-spacing:.09em;text-transform:uppercase;line-height:1.5;
	background:color-mix(in srgb,var(--nmht-herz) 14%,#fff);color:var(--nmht-herz);
	margin-bottom:1rem;
}
.nmht-chip--medien{background:color-mix(in srgb,var(--nmht-medien) 14%,#fff);color:var(--nmht-medien)}
.nmht-chip--gemeinschaft{background:color-mix(in srgb,var(--nmht-gemeinschaft) 14%,#fff);color:var(--nmht-gemeinschaft)}
.nmht-chip--gruen{background:color-mix(in srgb,var(--nmht-gruen) 16%,#fff);color:#2f7d1e}
.nmht-chip--idee{background:color-mix(in srgb,var(--nmht-idee) 26%,#fff);color:#8a6a06}
.nmht-chip--ink{background:color-mix(in srgb,var(--nmht-ink) 10%,#fff);color:var(--nmht-ink)}
.nmht-abschnitt--dunkel .nmht-chip,
.nmht-hero .nmht-chip{background:rgb(255 255 255 / .14);color:#fff}

.nmht-kachel{
	display:inline-flex;align-items:center;justify-content:center;
	width:56px;height:56px;border-radius:var(--nmht-radius-klein);
	background:color-mix(in srgb,var(--nmht-herz) 13%,#fff);color:var(--nmht-herz);
	margin-bottom:1.1rem;flex:0 0 auto;
}
.nmht-kachel--medien{background:color-mix(in srgb,var(--nmht-medien) 13%,#fff);color:var(--nmht-medien)}
.nmht-kachel--gemeinschaft{background:color-mix(in srgb,var(--nmht-gemeinschaft) 13%,#fff);color:var(--nmht-gemeinschaft)}
.nmht-kachel--gruen{background:color-mix(in srgb,var(--nmht-gruen) 15%,#fff);color:#2f7d1e}
.nmht-kachel--idee{background:color-mix(in srgb,var(--nmht-idee) 26%,#fff);color:#8a6a06}
.nmht-kachel--ink{background:color-mix(in srgb,var(--nmht-ink) 9%,#fff);color:var(--nmht-ink)}

/* ---- Kopfbereich ---- */

.nmht-kopf{
	background:var(--nmht-ink);color:#fff;
	position:sticky;top:0;z-index:40;
}
.nmht-kopf__innen{display:flex;align-items:center;gap:.75rem;min-height:76px}
.nmht-marke{display:flex;align-items:center;gap:.55rem;margin-right:auto;min-width:0}
.nmht-marke a{color:#fff;text-decoration:none}
.nmht-marke img{max-height:46px;width:auto}
.nmht-marke__text{display:flex;align-items:center;gap:.55rem;min-width:0}
.nmht-marke__herz{color:var(--nmht-herz);display:flex;flex:0 0 auto}
.nmht-marke__name{
	font-family:var(--nmht-font-ueber);font-weight:700;
	font-size:clamp(.95rem,.85rem + .35vw,1.1rem);letter-spacing:-.015em;
}
.nmht-marke__status{
	font-size:.63rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
	background:rgb(255 255 255 / .16);padding:.22rem .5rem;border-radius:999px;
	white-space:nowrap;
}

.nmht-nav__liste{list-style:none;display:flex;gap:.2rem;margin:0;padding:0;flex-wrap:wrap;align-items:center}
.nmht-nav__liste a{
	color:#fff;text-decoration:none;display:block;
	padding:.55rem .85rem;border-radius:999px;font-size:.95rem;
	transition:background .16s ease;
}
.nmht-nav__liste a:hover,
.nmht-nav__liste .current-menu-item > a{background:rgb(255 255 255 / .14)}

.nmht-burger{
	display:none;background:rgb(255 255 255 / .1);border:0;cursor:pointer;
	width:46px;height:46px;border-radius:999px;position:relative;color:#fff;
}
.nmht-burger__strich,
.nmht-burger__strich::before,
.nmht-burger__strich::after{
	content:"";position:absolute;left:12px;width:22px;height:2px;border-radius:2px;
	background:currentColor;transition:transform .2s ease,opacity .2s ease;
}
.nmht-burger__strich{top:22px}
.nmht-burger__strich::before{top:-7px;left:0}
.nmht-burger__strich::after{top:7px;left:0}
.nmht-burger[aria-expanded="true"] .nmht-burger__strich{background:transparent}
.nmht-burger[aria-expanded="true"] .nmht-burger__strich::before{transform:translateY(7px) rotate(45deg)}
.nmht-burger[aria-expanded="true"] .nmht-burger__strich::after{transform:translateY(-7px) rotate(-45deg)}

@media (max-width:900px){
	.nmht-burger{display:block}
	.nmht-kopf__innen{position:relative}
	.nmht-nav{
		position:absolute;left:0;right:0;top:calc(100% + .5rem);
		background:var(--nmht-ink);border-radius:var(--nmht-radius);
		padding:.6rem;display:none;box-shadow:0 18px 40px rgb(0 0 0 / .35);
	}
	.nmht-nav.ist-offen{display:block}
	.nmht-nav__liste{flex-direction:column;align-items:stretch;gap:.15rem}
	.nmht-nav__liste a{padding:.8rem 1rem;border-radius:var(--nmht-radius-klein)}
}

/* ---- Leiterbahn als Uebergang ---- */

.nmht-bahn{display:flex;align-items:center;margin:0 0 1.8rem;color:var(--nmht-herz)}
.nmht-bahn__linie{flex:0 0 96px;height:3px;border-radius:999px;background:currentColor;opacity:.35}
.nmht-bahn__punkt{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:currentColor}
.nmht-bahn__punkt--voll{width:13px;height:13px}
.nmht-bahn--medien{color:var(--nmht-medien)}
.nmht-bahn--gemeinschaft{color:var(--nmht-gemeinschaft)}
.nmht-bahn--gruen{color:var(--nmht-gruen)}

/* ---- Knoepfe ---- */

.nmht-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
	min-height:48px;padding:.7rem 1.5rem;border-radius:999px;
	border:2px solid transparent;
	font-family:var(--nmht-font-ueber);font-weight:600;font-size:1rem;
	text-decoration:none;cursor:pointer;
	transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.nmht-btn__pfeil{transition:transform .18s ease}
.nmht-btn:hover .nmht-btn__pfeil{transform:translateX(3px)}
.nmht-btn + .nmht-btn{margin-left:.6rem}

.nmht-btn--primaer{background:var(--nmht-herz);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--nmht-herz) 34%,transparent)}
.nmht-btn--primaer:hover{background:var(--nmht-ink);color:#fff;box-shadow:0 8px 22px rgb(13 27 42 / .3)}

.nmht-btn--sekundaer{background:#fff;color:var(--nmht-ink);border-color:color-mix(in srgb,var(--nmht-ink) 32%,#fff)}
.nmht-btn--sekundaer:hover{background:var(--nmht-ink);color:#fff;border-color:var(--nmht-ink)}

.nmht-btn--leise{background:rgb(255 255 255 / .12);color:#fff;border-color:rgb(255 255 255 / .38)}
.nmht-btn--leise:hover{background:#fff;color:var(--nmht-ink);border-color:#fff}

/* Umfeldregeln fuer Knoepfe.
   Grundsatz: eine Regel setzt immer Hintergrund UND Schriftfarbe zusammen.
   Wird nur eine der beiden ueberschrieben, entsteht Weiss auf Weiss. Genau das
   ist passiert, weil die Linkfarbe dunkler Abschnitte mehr Gewicht hatte als
   die Knopfvariante. Deshalb schliesst jene Regel Knoepfe jetzt aus. */

.nmht-abschnitt--dunkel .nmht-btn--sekundaer,
.nmht-hero__text .nmht-btn--sekundaer{
	background:transparent;color:#fff;border-color:rgb(255 255 255 / .5);
}
.nmht-abschnitt--dunkel .nmht-btn--sekundaer:hover,
.nmht-hero__text .nmht-btn--sekundaer:hover{
	background:#fff;color:var(--nmht-ink);border-color:#fff;
}

.nmht-abschnitt--hell .nmht-btn--leise,
.nmht-cta .nmht-btn--leise,
.nmht-inhalt .nmht-btn--leise,
.nmht-leer .nmht-btn--leise{
	background:transparent;color:var(--nmht-ink);
	border-color:color-mix(in srgb,var(--nmht-ink) 32%,#fff);
}
.nmht-abschnitt--hell .nmht-btn--leise:hover,
.nmht-cta .nmht-btn--leise:hover,
.nmht-inhalt .nmht-btn--leise:hover,
.nmht-leer .nmht-btn--leise:hover{
	background:var(--nmht-ink);color:#fff;border-color:var(--nmht-ink);
}

/* ---- Hero ---- */

.nmht-hero{
	background:var(--nmht-ink);color:#fff;
	padding:clamp(2.75rem,6vw,5rem) 0 clamp(3.5rem,7vw,5.5rem);
	position:relative;overflow:hidden;
	border-radius:0 0 var(--nmht-radius-gross) var(--nmht-radius-gross);
}
.nmht-hero__marke{
	position:absolute;right:-40px;bottom:-56px;width:min(420px,42vw);
	color:#fff;opacity:.07;pointer-events:none;
}
.nmht-herzmarke{display:block;width:100%;height:auto}
@media (max-width:900px){.nmht-hero__marke{right:-70px;bottom:-70px;width:280px;opacity:.06}}

.nmht-hero__innen{
	display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);
	gap:clamp(2rem,4vw,3.25rem);align-items:center;position:relative;z-index:1;
}
.nmht-hero__titel{margin-bottom:.4em}
.nmht-hero__absatz{font-size:clamp(1rem,.95rem + .3vw,1.15rem);color:rgb(255 255 255 / .84);max-width:52ch}
.nmht-hero__knoepfe{margin:1.9rem 0 0;display:flex;flex-wrap:wrap;gap:.7rem}
.nmht-hero__knoepfe .nmht-btn + .nmht-btn{margin-left:0}
.nmht-hero__hinweis{
	margin-top:1.8rem;font-size:.9rem;color:rgb(255 255 255 / .66);
	background:rgb(255 255 255 / .07);border-radius:var(--nmht-radius-klein);
	padding:.85rem 1.1rem;max-width:52ch;
}

.nmht-naechster{
	background:#fff;color:var(--nmht-ink);
	border-radius:var(--nmht-radius);padding:1.7rem;
	box-shadow:0 22px 50px rgb(0 0 0 / .28);
}
.nmht-naechster__datum{font-size:.92rem;color:var(--nmht-neutral);margin:0 0 .35rem}
.nmht-naechster__titel{font-size:1.28rem;margin:0 0 .55rem}
.nmht-naechster__ort,.nmht-naechster__beitrag{margin:0 0 .3rem;font-size:.95rem}
.nmht-naechster .nmht-btn{margin-top:1.2rem;width:100%}

@media (max-width:900px){.nmht-hero__innen{grid-template-columns:1fr}}

/* ---- Maskottchen ---- */

.nmht-figur{display:block;height:auto;max-width:100%}

.nmht-hero__figur{display:flex;justify-content:center;align-items:flex-end;position:relative}
/* Standflaeche statt Schlagschatten: auf dunklem Grund waere ein schwarzer
   Schatten unsichtbar, ein heller Fleck wirkt wie ein Freistellungsfehler. */
.nmht-hero__figur::after{
	content:"";position:absolute;left:50%;bottom:-6px;translate:-50% 0;
	width:66%;height:18px;border-radius:50%;
	background:radial-gradient(ellipse,rgb(255 255 255 / .16),transparent 70%);
}
.nmht-figur--hero{width:min(260px,60vw)}
@media (max-width:900px){
	.nmht-hero__figur{justify-content:flex-start}
	.nmht-figur--hero{width:min(200px,44vw)}
}

.nmht-leer--figur{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;text-align:left;align-items:start}
.nmht-leer__figur{display:flex;justify-content:center}
.nmht-figur--leer{width:96px}
@media (max-width:560px){
	.nmht-leer--figur{grid-template-columns:1fr;text-align:center;justify-items:center}
}

.nmht-figur--404{width:min(170px,45vw);margin-inline:auto;margin-bottom:.6rem}

/* ---- Abschnitte ---- */

.nmht-abschnitt{padding:clamp(3rem,6.5vw,5rem) 0}
.nmht-abschnitt--hell{background:var(--nmht-grund)}
.nmht-abschnitt--dunkel{
	background:var(--nmht-ink);color:#fff;
	border-radius:var(--nmht-radius-gross);
	margin-inline:clamp(0px,2vw,24px);
}
.nmht-abschnitt--dunkel a:not(.nmht-btn){color:#fff}
.nmht-einstieg{max-width:64ch;margin-bottom:2rem}
.nmht-abschnitt__titel{margin-bottom:.35em}
.nmht-abschnitt__lead{font-size:1.05rem;margin-bottom:0;color:#41505f}
.nmht-abschnitt--dunkel .nmht-abschnitt__lead{color:rgb(255 255 255 / .8)}

.nmht-zwei{
	display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
	gap:clamp(1.8rem,4vw,3.25rem);align-items:center;
}
@media (max-width:860px){.nmht-zwei{grid-template-columns:1fr}}

/* ---- Themenfelder ---- */

.nmht-themen{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.nmht-thema{
	background:#fff;border-radius:var(--nmht-radius);padding:1.7rem 1.5rem;
	box-shadow:0 2px 4px rgb(13 27 42 / .05),0 10px 26px rgb(13 27 42 / .06);
	transition:transform .2s ease,box-shadow .2s ease;
}
.nmht-thema:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgb(13 27 42 / .06),0 18px 38px rgb(13 27 42 / .1)}
.nmht-thema__titel{font-size:1.1rem;margin-bottom:.45em}
.nmht-thema__text{font-size:.96rem;color:#41505f;margin:0}

/* ---- Terminkarten ---- */

.nmht-termine{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.nmht-termin{
	background:#fff;border-radius:var(--nmht-radius);overflow:hidden;
	display:flex;flex-direction:column;
	box-shadow:0 2px 4px rgb(13 27 42 / .05),0 12px 30px rgb(13 27 42 / .07);
	transition:transform .2s ease,box-shadow .2s ease;
}
.nmht-termin:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgb(13 27 42 / .06),0 20px 44px rgb(13 27 42 / .11)}
.nmht-termin__kopf{position:relative;aspect-ratio:16/9;background:var(--nmht-grund)}
.nmht-termin__bild{width:100%;height:100%;object-fit:cover}

/* Ohne Bild entsteht eine gestaltete Flaeche statt einer leeren Box. */
.nmht-termin__flaeche{
	width:100%;height:100%;display:flex;align-items:center;justify-content:center;
	color:#fff;background:var(--nmht-ink);
}
.nmht-termin--ton-medien .nmht-termin__flaeche{background:var(--nmht-medien)}
.nmht-termin--ton-gemeinschaft .nmht-termin__flaeche{background:var(--nmht-gemeinschaft)}
.nmht-termin--ton-gruen .nmht-termin__flaeche{background:var(--nmht-gruen)}
.nmht-termin--ton-herz .nmht-termin__flaeche{background:var(--nmht-herz)}
.nmht-termin__flaeche svg{opacity:.6}

.nmht-termin__datum{
	position:absolute;left:1rem;bottom:-1.4rem;margin:0;
	background:#fff;color:var(--nmht-ink);
	border-radius:999px;padding:.55rem .95rem;text-align:center;line-height:1;
	box-shadow:0 8px 20px rgb(13 27 42 / .18);
	display:flex;align-items:baseline;gap:.35rem;
}
.nmht-termin__tag{font-family:var(--nmht-font-ueber);font-weight:700;font-size:1.3rem}
.nmht-termin__monat{
	font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
	color:var(--nmht-herz);font-weight:700;
}

.nmht-termin__koerper{padding:2.4rem 1.5rem 1.5rem;display:flex;flex-direction:column;flex:1}
.nmht-termin__titel{font-size:1.15rem;margin-bottom:.5em}
.nmht-termin__text{font-size:.96rem;color:#41505f}

.nmht-termin__fakten{margin:.5rem 0 0;font-size:.92rem}
.nmht-termin__fakten > div{
	display:grid;grid-template-columns:78px 1fr;gap:.6rem;
	padding:.45rem 0;border-top:1px solid rgb(13 27 42 / .08);
}
.nmht-termin__fakten dt{color:var(--nmht-neutral);font-weight:600}
.nmht-termin__fakten dd{margin:0}
.nmht-termin__zugang{
	margin:.9rem 0 0;font-size:.86rem;font-weight:600;color:#2f7d1e;
	background:color-mix(in srgb,var(--nmht-gruen) 13%,#fff);
	border-radius:999px;padding:.35rem .8rem;align-self:flex-start;
}
.nmht-termin__aktion{margin:1.2rem 0 0;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.nmht-termin__plaetze{font-size:.86rem;color:var(--nmht-neutral)}

.nmht-hinweise{
	margin-top:2.2rem;padding:1.3rem 1.5rem;
	background:var(--nmht-grund);border-radius:var(--nmht-radius);
	font-size:.9rem;color:#41505f;
}
.nmht-abschnitt--hell .nmht-hinweise{background:#fff}
.nmht-hinweise p:last-child{margin-bottom:0}

/* ---- Mitmachen ---- */

.nmht-wege{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.nmht-weg{
	background:rgb(255 255 255 / .07);border-radius:var(--nmht-radius);
	padding:1.7rem 1.5rem;display:flex;flex-direction:column;
}
.nmht-weg__titel{font-size:1.1rem;margin-bottom:.45em}
.nmht-weg__text{font-size:.96rem;color:rgb(255 255 255 / .78);margin-bottom:1.4rem;flex:1}
.nmht-weg .nmht-btn{align-self:flex-start}
.nmht-abschnitt--dunkel .nmht-kachel{background:rgb(255 255 255 / .14);color:#fff}

/* ---- Schritte ---- */

.nmht-schritte{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.nmht-schritte li{
	display:grid;grid-template-columns:38px 1fr;gap:1rem;align-items:center;
	background:#fff;border-radius:var(--nmht-radius);padding:1rem 1.3rem;
	font-size:.98rem;box-shadow:0 2px 4px rgb(13 27 42 / .05),0 8px 20px rgb(13 27 42 / .05);
}
.nmht-schritte span{
	display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
	background:var(--nmht-herz);color:#fff;
	font-family:var(--nmht-font-ueber);font-weight:700;font-size:.95rem;
}

.nmht-bildtext__bild{border-radius:var(--nmht-radius);width:100%;height:auto}
.nmht-wege__beiwerk{margin-top:2rem;display:flex;justify-content:center}
.nmht-wege__figur{max-width:min(560px,92%);height:auto}
.nmht-technik__aktion{margin-top:1.5rem}

/* ---- Aufruf ---- */

.nmht-cta{background:var(--nmht-grund);text-align:center}
.nmht-cta .nmht-einstieg{margin-inline:auto;text-align:center}
.nmht-cta .nmht-abschnitt__lead{margin-inline:auto}

/* ---- Inhaltsseiten ---- */

.nmht-inhalt{padding:clamp(2.25rem,5vw,3.75rem) 0}
.nmht-seite__kopf{margin-bottom:1.8rem}
.nmht-seite__bild{margin:0 0 2.2rem;border-radius:var(--nmht-radius);overflow:hidden}
.nmht-prosa{max-width:70ch;font-size:1.05rem}
.nmht-prosa h2{margin-top:1.8em}
.nmht-prosa h3{margin-top:1.5em}
.nmht-prosa ul,.nmht-prosa ol{padding-left:1.3em}
.nmht-prosa li{margin-bottom:.4em}
.nmht-prosa blockquote{
	margin:1.7em 0;padding:1.1em 1.4em;background:var(--nmht-grund);
	border-radius:var(--nmht-radius);color:#41505f;
}
.nmht-prosa blockquote p:last-child{margin-bottom:0}
.nmht-prosa img{border-radius:var(--nmht-radius)}
.nmht-prosa table{width:100%;border-collapse:collapse}
.nmht-prosa th,.nmht-prosa td{text-align:left;padding:.65em .75em;border-bottom:1px solid rgb(13 27 42 / .1)}

/* ---- Listen ---- */

.nmht-liste{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.nmht-eintrag{
	background:#fff;border-radius:var(--nmht-radius);overflow:hidden;
	display:flex;flex-direction:column;
	box-shadow:0 2px 4px rgb(13 27 42 / .05),0 12px 30px rgb(13 27 42 / .07);
	transition:transform .2s ease,box-shadow .2s ease;
}
.nmht-eintrag:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgb(13 27 42 / .06),0 20px 44px rgb(13 27 42 / .11)}
.nmht-eintrag__bild img{aspect-ratio:16/9;object-fit:cover;width:100%}
.nmht-eintrag__koerper{padding:1.4rem}
.nmht-eintrag__titel{font-size:1.12rem;margin-bottom:.45em}
.nmht-eintrag__titel a{color:inherit;text-decoration:none}
.nmht-eintrag__titel a:hover{color:var(--nmht-herz)}
.nmht-eintrag__text{font-size:.96rem;color:#41505f;margin:0}
.nmht-liste__kopf{margin-bottom:2rem}

.nmht-pagination{margin-top:2.4rem}
.nmht-pagination .page-numbers{
	display:inline-grid;place-items:center;min-width:44px;min-height:44px;
	padding:0 .6rem;border-radius:999px;text-decoration:none;color:var(--nmht-ink);
}
.nmht-pagination .page-numbers:hover{background:var(--nmht-grund)}
.nmht-pagination .current{background:var(--nmht-ink);color:#fff}

/* ---- Leerzustaende ---- */

.nmht-leer{
	background:#fff;border-radius:var(--nmht-radius);
	padding:clamp(1.9rem,4vw,3rem);text-align:center;
	box-shadow:0 2px 4px rgb(13 27 42 / .05),0 12px 30px rgb(13 27 42 / .06);
	max-width:64ch;margin-inline:auto;
}
.nmht-abschnitt--hell .nmht-leer{background:#fff}
.nmht-leer__icon{display:block;margin-bottom:.4rem}
.nmht-leer__icon .nmht-kachel{margin-inline:auto}
.nmht-leer__titel{font-size:1.3rem;margin-bottom:.45em}
.nmht-leer__text{color:#41505f;margin-bottom:1.4rem}
.nmht-leer__knoepfe{margin-top:1.5rem;display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.nmht-leer__knoepfe .nmht-btn + .nmht-btn{margin-left:0}

/* ---- Suche ---- */

.nmht-suche{display:flex;gap:.7rem;margin-top:1.5rem;justify-content:center;flex-wrap:wrap}
.nmht-suche__feld{
	padding:.72rem 1.2rem;min-height:48px;border-radius:999px;
	border:2px solid rgb(13 27 42 / .16);
	font:inherit;min-width:min(320px,100%);background:#fff;color:var(--nmht-ink);
}
.nmht-suche__feld:focus{border-color:var(--nmht-herz);outline:none}

/* ---- Fussbereich ---- */

.nmht-fuss{
	background:var(--nmht-ink);color:rgb(255 255 255 / .78);
	padding:clamp(2.5rem,5vw,3.5rem) 0 1.6rem;
	border-radius:var(--nmht-radius-gross) var(--nmht-radius-gross) 0 0;
	margin-top:clamp(2rem,4vw,3rem);
}
.nmht-fuss a:not(.nmht-btn){color:#fff}
.nmht-fuss__raster{
	display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
	padding-bottom:2.2rem;
}
.nmht-fuss__name{font-family:var(--nmht-font-ueber);font-weight:700;color:#fff;font-size:1.05rem;margin-bottom:.55rem}
.nmht-fuss__titel{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--nmht-herz);margin-bottom:.85rem}
.nmht-fuss__text,.nmht-fuss__zeile{font-size:.94rem;margin:0 0 .4rem}
.nmht-fuss__block--schutz{
	background:rgb(255 255 255 / .07);border-radius:var(--nmht-radius);padding:1.3rem 1.4rem;
}
.nmht-fuss__liste,.nmht-fuss__recht{list-style:none;margin:0;padding:0}
.nmht-fuss__liste li{margin-bottom:.45rem}
.nmht-fuss__liste a,.nmht-fuss__recht a{text-decoration:none;font-size:.94rem}
.nmht-fuss__liste a:hover,.nmht-fuss__recht a:hover{text-decoration:underline}
.nmht-fuss__unten{
	border-top:1px solid rgb(255 255 255 / .14);padding-top:1.3rem;
	display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center;
}
.nmht-fuss__copy{margin:0;font-size:.88rem}
.nmht-fuss__recht{display:flex;gap:1.2rem;flex-wrap:wrap}

/* ---- Nach oben ---- */

.nmht-hoch{
	position:fixed;right:1.1rem;bottom:1.1rem;z-index:50;
	width:50px;height:50px;border-radius:50%;border:0;cursor:pointer;
	background:var(--nmht-herz);color:#fff;font-size:1.15rem;
	box-shadow:0 10px 26px rgb(13 27 42 / .32);
	transition:transform .18s ease,background .18s ease;
}
.nmht-hoch:hover{transform:translateY(-3px);background:var(--nmht-ink)}
.nmht-hoch[hidden]{display:none}

/* ---- Kleine Bildschirme ---- */

@media (max-width:520px){
	.nmht-btn{width:100%}
	.nmht-btn + .nmht-btn{margin-left:0}
	.nmht-hero__knoepfe,.nmht-leer__knoepfe{flex-direction:column;align-items:stretch}
	.nmht-weg .nmht-btn{align-self:stretch}
	.nmht-termin__fakten > div{grid-template-columns:1fr;gap:.1rem}
	.nmht-termin__fakten dt{font-size:.82rem}
	.nmht-fuss__unten{justify-content:flex-start}
}

/* ---- Ruecksicht auf Bewegungsempfindlichkeit ---- */

@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*{animation-duration:.01ms!important;animation-iteration-count:1!important;
		transition-duration:.01ms!important}
	.nmht-thema:hover,.nmht-termin:hover,.nmht-eintrag:hover,.nmht-hoch:hover{transform:none}
	.nmht-btn:hover .nmht-btn__pfeil{transform:none}
}

@media print{
	.nmht-kopf,.nmht-hoch,.nmht-burger,.nmht-hero__marke{display:none!important}
	body{color:#000;background:#fff}
	.nmht-thema,.nmht-termin,.nmht-eintrag{box-shadow:none;border:1px solid #ccc}
}