/* CSS */
.esh-seite,
.esh-seite * {
box-sizing: border-box;
}
.esh-seite {
--esh-blau: #009fe3;
--esh-dunkelblau: #007fba;
--esh-lila: #7a4fa3;
--esh-dunkellila: #624083;
--esh-hellblau: #eef8fd;
--esh-helllila: #f7f2fb;
--esh-schrift: #2c3550;
--esh-text: #424956;
--esh-weiss: #ffffff;
width: 100%;
color: var(--esh-text);
font-family: inherit;
font-size: 18px;
line-height: 1.7;
}
.esh-seite a {
text-decoration: none;
}
.esh-kurs {
position: relative;
overflow: hidden;
padding: 72px 24px;
background:
radial-gradient(circle at 92% 8%, rgba(122, 79, 163, 0.13) 0, rgba(122, 79, 163, 0) 28%),
radial-gradient(circle at 6% 92%, rgba(0, 159, 227, 0.14) 0, rgba(0, 159, 227, 0) 30%),
linear-gradient(135deg, var(--esh-hellblau) 0%, var(--esh-weiss) 48%, var(--esh-helllila) 100%);
border-radius: 32px;
}
.esh-kurs-inner {
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
.esh-kurs-kopf {
max-width: 880px;
margin: 0 auto 42px;
text-align: center;
}
.esh-kurs-label {
display: inline-flex;
align-items: center;
gap: 9px;
margin: 0 0 18px;
padding: 8px 16px;
color: var(--esh-dunkellila);
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(122, 79, 163, 0.18);
border-radius: 999px;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
letter-spacing: 0.02em;
}
.esh-kurs-label-punkt {
width: 9px;
height: 9px;
flex: 0 0 9px;
background: var(--esh-lila);
border-radius: 50%;
}
.esh-kurs h2 {
margin: 0 0 18px;
color: var(--esh-schrift);
font-size: clamp(36px, 5vw, 62px);
font-weight: 800;
line-height: 1.08;
letter-spacing: -0.025em;
}
.esh-kurs h2 span {
color: var(--esh-dunkelblau);
}
.esh-kurs-einleitung {
max-width: 760px;
margin: 0 auto;
color: var(--esh-text);
font-size: clamp(18px, 2vw, 21px);
line-height: 1.65;
}
.esh-kurs-grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
gap: 28px;
align-items: stretch;
}
.esh-kurs-hauptkarte,
.esh-kurs-infokarte,
.esh-kurs-zielgruppe,
.esh-kurs-inhalte {
background: rgba(255, 255, 255, 0.94);
border: 1px solid rgba(0, 127, 186, 0.1);
border-radius: 24px;
box-shadow: 0 18px 48px rgba(44, 53, 80, 0.09);
}
.esh-kurs-hauptkarte {
padding: 38px;
}
.esh-kurs-hauptkarte h3,
.esh-kurs-infokarte h3,
.esh-kurs-zielgruppe h3,
.esh-kurs-inhalte h3 {
margin: 0 0 22px;
color: var(--esh-schrift);
font-size: clamp(24px, 3vw, 30px);
font-weight: 750;
line-height: 1.25;
}
.esh-kurs-hauptkarte h3::after,
.esh-kurs-infokarte h3::after,
.esh-kurs-zielgruppe h3::after,
.esh-kurs-inhalte h3::after {
display: block;
width: 54px;
height: 4px;
margin-top: 12px;
background: linear-gradient(90deg, var(--esh-blau), var(--esh-lila));
border-radius: 999px;
content: "";
}
.esh-kurs-daten {
display: grid;
gap: 14px;
}
.esh-kurs-datenzeile {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
gap: 15px;
align-items: start;
padding: 17px 18px;
background: var(--esh-hellblau);
border-radius: 16px;
}
.esh-kurs-datenzeile:nth-child(even) {
background: var(--esh-helllila);
}
.esh-kurs-symbol {
display: flex;
width: 48px;
height: 48px;
align-items: center;
justify-content: center;
color: var(--esh-weiss);
background: linear-gradient(135deg, var(--esh-blau), var(--esh-dunkelblau));
border-radius: 14px;
font-size: 22px;
font-weight: 800;
line-height: 1;
}
.esh-kurs-datenzeile:nth-child(even) .esh-kurs-symbol {
background: linear-gradient(135deg, var(--esh-lila), var(--esh-dunkellila));
}
.esh-kurs-datenzeile strong {
display: block;
margin-bottom: 2px;
color: var(--esh-schrift);
font-size: 17px;
line-height: 1.4;
}
.esh-kurs-datenzeile p,
.esh-kurs-datenzeile address {
margin: 0;
color: var(--esh-text);
font-size: 17px;
font-style: normal;
line-height: 1.55;
}
.esh-kurs-datenzeile a {
color: var(--esh-dunkelblau);
font-weight: 700;
}
.esh-kurs-datenzeile a:hover,
.esh-kurs-datenzeile a:focus {
color: var(--esh-dunkellila);
text-decoration: underline;
}
.esh-kurs-seitenspalte {
display: flex;
flex-direction: column;
gap: 28px;
}
.esh-kurs-infokarte {
padding: 38px;
color: var(--esh-weiss);
background: linear-gradient(145deg, var(--esh-lila), var(--esh-dunkellila));
border: 0;
}
.esh-kurs-infokarte h3 {
color: var(--esh-weiss);
}
.esh-kurs-infokarte h3::after {
background: rgba(255, 255, 255, 0.72);
}
.esh-kurs-kostenfrei {
display: flex;
gap: 14px;
align-items: center;
margin-bottom: 23px;
padding: 16px 18px;
color: var(--esh-dunkellila);
background: var(--esh-weiss);
border-radius: 16px;
font-size: 19px;
font-weight: 800;
line-height: 1.4;
}
.esh-kurs-haken {
display: flex;
width: 32px;
height: 32px;
flex: 0 0 32px;
align-items: center;
justify-content: center;
color: var(--esh-weiss);
background: var(--esh-blau);
border-radius: 50%;
font-size: 19px;
line-height: 1;
}
.esh-kurs-infokarte p {
margin: 0 0 21px;
color: rgba(255, 255, 255, 0.94);
font-size: 17px;
}
.esh-kurs-buttons {
display: grid;
gap: 12px;
}
.esh-kurs-button {
display: flex;
min-height: 54px;
align-items: center;
justify-content: center;
padding: 13px 20px;
color: var(--esh-dunkelblau);
background: var(--esh-weiss);
border: 2px solid var(--esh-weiss);
border-radius: 14px;
font-size: 17px;
font-weight: 750;
line-height: 1.35;
text-align: center;
transition: background-color 0.2s ease, color 0.2s ease;
}
.esh-kurs-button:hover,
.esh-kurs-button:focus {
color: var(--esh-weiss);
background: transparent;
}
.esh-kurs-button-zweit {
color: var(--esh-weiss);
background: transparent;
}
.esh-kurs-button-zweit:hover,
.esh-kurs-button-zweit:focus {
color: var(--esh-dunkellila);
background: var(--esh-weiss);
}
.esh-kurs-leitung {
padding: 30px;
background: linear-gradient(145deg, var(--esh-hellblau), var(--esh-weiss));
border: 1px solid rgba(0, 159, 227, 0.14);
border-radius: 24px;
}
.esh-kurs-leitung-label {
display: block;
margin-bottom: 7px;
color: var(--esh-dunkelblau);
font-size: 15px;
font-weight: 750;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.esh-kurs-leitung strong {
display: block;
margin-bottom: 5px;
color: var(--esh-schrift);
font-size: 22px;
line-height: 1.35;
}
.esh-kurs-leitung p {
margin: 0;
color: var(--esh-text);
font-size: 16px;
line-height: 1.6;
}
.esh-kurs-zusatzgrid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
margin-top: 28px;
}
.esh-kurs-zielgruppe,
.esh-kurs-inhalte {
padding: 34px;
}
.esh-kurs-liste {
display: grid;
gap: 13px;
margin: 0;
padding: 0;
list-style: none;
}
.esh-kurs-liste li {
position: relative;
min-height: 30px;
padding-left: 38px;
color: var(--esh-text);
font-size: 17px;
line-height: 1.55;
}
.esh-kurs-liste li::before {
position: absolute;
top: 2px;
left: 0;
display: flex;
width: 26px;
height: 26px;
align-items: center;
justify-content: center;
color: var(--esh-weiss);
background: var(--esh-blau);
border-radius: 50%;
content: "✓";
font-size: 15px;
font-weight: 800;
line-height: 1;
}
.esh-kurs-zielgruppe .esh-kurs-liste li::before {
background: var(--esh-lila);
content: "•";
font-size: 22px;
}
.esh-kurs-abschluss {
margin: 30px 0 0;
padding: 21px 26px;
color: var(--esh-schrift);
background: rgba(255, 255, 255, 0.82);
border-left: 5px solid var(--esh-blau);
border-radius: 0 16px 16px 0;
font-size: 19px;
font-weight: 700;
line-height: 1.55;
text-align: center;
}
@media (max-width: 900px) {
.esh-kurs {
padding: 56px 20px;
border-radius: 26px;
}
.esh-kurs-grid {
grid-template-columns: 1fr;
}
.esh-kurs-zusatzgrid {
grid-template-columns: 1fr;
}
.esh-kurs-seitenspalte {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.esh-seite {
font-size: 17px;
}
.esh-kurs {
padding: 42px 15px;
border-radius: 20px;
}
.esh-kurs-kopf {
margin-bottom: 30px;
text-align: left;
}
.esh-kurs-label {
margin-bottom: 15px;
font-size: 14px;
}
.esh-kurs h2 {
font-size: 36px;
}
.esh-kurs-einleitung {
font-size: 18px;
}
.esh-kurs-hauptkarte,
.esh-kurs-infokarte,
.esh-kurs-zielgruppe,
.esh-kurs-inhalte {
padding: 25px 20px;
border-radius: 19px;
}
.esh-kurs-seitenspalte {
display: flex;
}
.esh-kurs-datenzeile {
grid-template-columns: 40px minmax(0, 1fr);
gap: 12px;
padding: 15px 13px;
}
.esh-kurs-symbol {
width: 40px;
height: 40px;
font-size: 18px;
border-radius: 12px;
}
.esh-kurs-datenzeile strong,
.esh-kurs-datenzeile p,
.esh-kurs-datenzeile address,
.esh-kurs-liste li,
.esh-kurs-infokarte p,
.esh-kurs-button {
font-size: 16px;
}
.esh-kurs-leitung {
padding: 24px 20px;
border-radius: 19px;
}
.esh-kurs-abschluss {
padding: 18px;
font-size: 17px;
text-align: left;
}
}
@media (max-width: 380px) {
.esh-kurs h2 {
font-size: 31px;
}
.esh-kurs {
padding-right: 11px;
padding-left: 11px;
}
.esh-kurs-hauptkarte,
.esh-kurs-infokarte,
.esh-kurs-zielgruppe,
.esh-kurs-inhalte {
padding-right: 16px;
padding-left: 16px;
}
}
Kostenloser Informations- und Pflegekurs
Demenz geht uns alle an
Demenz wirft für Betroffene, Angehörige und das persönliche Umfeld viele Fragen auf. Unser achtteiliger Kurs vermittelt verständliches Wissen, praktische Hilfen und Raum für den Austausch mit anderen.
Kursinformationen
1
Beginn
Dienstag, 29. September 2026
8
Umfang
8 Kursabende, jeweils dienstags
U
Uhrzeit
19:00 bis 20:45 Uhr
O
Veranstaltungsort
Evangelische Sozialstation „Nördliche Bergstraße“ gGmbH
Ahornstraße 16
69502 Hemsbach
Jetzt anmelden
✓
Die Teilnahme ist kostenfrei
Wenn Sie teilnehmen möchten oder Fragen zum Kurs haben, erreichen Sie uns telefonisch oder per E-Mail.
Kursleitung
Manuela Bingen
Lehrerin im Gesundheitswesen und Fachkraft für Demenz
Für wen ist der Kurs gedacht?
Pflegende Angehörige
Freunde, Nachbarn und Bekannte
Interessierte Bürgerinnen und Bürger
Alle, die mehr über Demenz erfahren möchten
Das erwartet Sie
Demenz erkennen und verstehen
Kommunikation mit Menschen mit Demenz
Hilfen und Unterstützungsangebote
Leistungen und Finanzierung
Entlastung für pflegende Angehörige
Praktische Tipps für den Alltag
Austausch mit anderen Betroffenen
Wir freuen uns auf Ihre Anmeldung und auf acht informative Abende in vertrauensvoller Atmosphäre.