.gg-site{
--gg-green:#23A62E;
--gg-green-700:#1B8424;
--gg-green-50:#EAF7EC;
--gg-dark:#1E1C1B;
--gg-text:#2B2A29;
--gg-muted:#6B6967;
--gg-line:#E6E4E0;
--gg-surface:#F6F5F2;
--gg-paper:#FFFFFF;
--gg-ink:#534F4E;
--gg-font: Inter, "SF Pro Text", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-family: var(--gg-font);
color: var(--gg-text);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.6;
font-size: 17px;
}
.gg-site *{ box-sizing: border-box; }
.gg-site a{ color: var(--gg-green-700); text-decoration: none; transition: color .2s ease; }
.gg-site a:hover{ color: var(--gg-green); }
.gg-site .gg-container{ max-width: 1180px; margin: 0 auto; padding: 0 24px; }
/* HERO */
.gg-site .gg-hero{
position: relative;
background: url('https://www.gnadengemeinde-berlin.de/wp-content/uploads/sam-ferrara-1527pjeb6jg-unsplash.jpg') center/cover no-repeat;
color: #fff;
overflow: hidden;
padding: clamp(96px, 14vw, 180px) 0 clamp(80px, 12vw, 140px);
}
.gg-site .gg-hero::before{
content:"";
position:absolute; inset:0;
background:
linear-gradient(180deg, rgba(10,20,11,.82) 0%, rgba(20,34,21,.72) 55%, rgba(28,44,29,.78) 100%),
radial-gradient(900px 500px at 12% 18%, rgba(35,166,46,.18), transparent 60%),
radial-gradient(700px 600px at 90% 110%, rgba(35,166,46,.10), transparent 60%);
pointer-events:none;
}
.gg-site .gg-hero::after{
content:"";
position:absolute; inset:0;
background-image:
linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
background-size: 64px 64px;
mask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%);
-webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%);
opacity:.5;
pointer-events:none;
}
.gg-site .gg-hero__inner{ position: relative; z-index:1; }
.gg-site .gg-hero__eyebrow{
display:inline-flex; align-items:center; gap:10px;
font-size: 12px; letter-spacing: .22em; text-transform: uppercase;
color: #B7E7BC; font-weight: 600;
padding: 8px 14px;
border: 1px solid rgba(183,231,188,.3);
border-radius: 999px;
background: rgba(35,166,46,.08);
backdrop-filter: blur(6px);
}
.gg-site .gg-hero__eyebrow .dot{
width:6px; height:6px; border-radius:50%;
background:#23A62E; box-shadow:0 0 0 4px rgba(35,166,46,.2);
}
.gg-site .gg-hero h1{
font-family: var(--gg-font);
font-weight: 700;
font-size: clamp(44px, 7vw, 96px);
line-height: 1.02;
letter-spacing: -0.03em;
margin: 28px 0 24px;
max-width: 18ch;
}
.gg-site .gg-hero h1 .accent{
color: #B7E7BC;
font-style: italic;
font-weight: 400;
}
.gg-site .gg-hero__lead{
font-size: clamp(17px, 1.5vw, 21px);
color: rgba(255,255,255,.78);
max-width: 56ch;
line-height: 1.55;
margin: 0 0 36px;
}
.gg-site .gg-hero__cta{
display:inline-flex; align-items:center; gap:10px;
padding: 16px 26px;
background: #fff; color: var(--gg-dark);
border-radius: 999px;
font-weight: 600; font-size: 15px;
transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
.gg-site .gg-hero__cta:hover{
background:#B7E7BC; color: var(--gg-dark);
transform: translateY(-1px);
}
.gg-site .gg-hero__cta svg{ width:18px; height:18px; }
.gg-site .gg-hero__meta{
position:absolute;
right: clamp(24px, 6vw, 88px);
bottom: clamp(40px, 8vw, 88px);
z-index:1;
text-align:right;
font-size: 13px;
letter-spacing: .18em;
text-transform: uppercase;
color: rgba(255,255,255,.55);
display: flex; flex-direction: column; gap: 6px;
}
.gg-site .gg-hero__meta .num{
font-family: var(--gg-font);
font-size: 64px;
font-weight: 200;
letter-spacing: -0.02em;
color: rgba(255,255,255,.4);
line-height:1;
text-transform: none;
}
@media (max-width: 720px){
.gg-site .gg-hero__meta{ display:none; }
}
/* INTRO */
.gg-site .gg-intro{
background: var(--gg-paper);
padding: clamp(72px, 10vw, 128px) 0 clamp(40px, 6vw, 72px);
}
.gg-site .gg-intro__grid{
display: grid;
grid-template-columns: 1fr 1.7fr;
gap: clamp(40px, 6vw, 96px);
align-items: start;
}
@media (max-width: 820px){
.gg-site .gg-intro__grid{ grid-template-columns: 1fr; gap: 28px; }
}
.gg-site .gg-eyebrow{
display:inline-flex; align-items:center; gap:10px;
font-size: 12px; letter-spacing: .22em; text-transform: uppercase;
color: var(--gg-green-700); font-weight: 600;
}
.gg-site .gg-eyebrow::before{
content:""; width: 28px; height: 1px; background: var(--gg-green);
}
.gg-site .gg-intro__title{
font-size: clamp(28px, 3.2vw, 40px);
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.15;
margin: 18px 0 0;
color: var(--gg-dark);
}
.gg-site .gg-intro__body p{
font-size: clamp(17px, 1.4vw, 19px);
line-height: 1.7;
color: var(--gg-text);
margin: 0 0 18px;
}
.gg-site .gg-intro__body p:first-child{
font-size: clamp(19px, 1.6vw, 22px);
color: var(--gg-dark);
font-weight: 500;
line-height: 1.55;
}
.gg-site .gg-intro__body .gg-em{
font-style: italic;
color: var(--gg-green-700);
font-weight: 500;
}
.gg-site .gg-intro__pull{
margin-top: 28px;
padding: 22px 26px;
background: var(--gg-green-50);
border-radius: 16px;
display:flex; align-items:center; gap: 14px;
font-weight: 600;
color: var(--gg-green-700);
font-size: 16px;
}
.gg-site .gg-intro__pull svg{ width: 22px; height: 22px; flex-shrink: 0; }
/* CHAPTERS — adjusted top padding to match chapter gap */
.gg-site .gg-chapters{
background: var(--gg-paper);
padding: clamp(56px, 8vw, 96px) 0;
}
.gg-site .gg-chapter{
display: grid;
grid-template-columns: 280px 1fr;
gap: clamp(40px, 6vw, 88px);
padding: clamp(56px, 8vw, 96px) 0;
border-bottom: 1px solid var(--gg-line);
align-items: start;
}
/* First chapter now has top border + restored top padding — mirrors the between-chapter dividers */
.gg-site .gg-chapter:first-child{
padding-top: clamp(56px, 8vw, 96px);
border-top: 1px solid var(--gg-line);
}
.gg-site .gg-chapter:last-child{ border-bottom: none; padding-bottom: 0; }
@media (max-width: 900px){
.gg-site .gg-chapter{ grid-template-columns: 1fr; gap: 24px; }
}
.gg-site .gg-chapter__side{
position: sticky; top: 32px;
display: flex; flex-direction: column; gap: 20px;
}
@media (max-width: 900px){
.gg-site .gg-chapter__side{ position: static; }
}
.gg-site .gg-chapter__num{
font-size: clamp(72px, 9vw, 120px);
font-weight: 200;
line-height: 0.9;
letter-spacing: -0.04em;
color: var(--gg-dark);
display: flex; align-items: baseline; gap: 8px;
}
.gg-site .gg-chapter__num .of{
font-size: 16px; letter-spacing: .15em; text-transform: uppercase;
color: var(--gg-muted); font-weight: 500;
margin-left: 6px;
}
.gg-site .gg-chapter__kicker{
display: inline-flex; align-items: center; gap: 10px;
font-size: 12px; letter-spacing: .22em; text-transform: uppercase;
color: var(--gg-green-700); font-weight: 600;
}
.gg-site .gg-chapter__kicker .ico{
width: 36px; height: 36px;
border-radius: 50%;
background: var(--gg-green-50);
display: flex; align-items: center; justify-content: center;
color: var(--gg-green-700);
}
.gg-site .gg-chapter__kicker .ico svg{ width: 18px; height: 18px; }
.gg-site .gg-chapter__heading{
font-size: clamp(40px, 5vw, 64px);
font-weight: 700;
line-height: 1.02;
letter-spacing: -0.035em;
margin: 0 0 28px;
color: var(--gg-dark);
}
.gg-site .gg-chapter__heading .lead-word{
color: var(--gg-green);
}
.gg-site .gg-chapter__body p{
font-size: clamp(17px, 1.35vw, 19px);
line-height: 1.75;
margin: 0 0 20px;
color: var(--gg-text);
}
.gg-site .gg-chapter__body p:last-child{ margin-bottom: 0; }
.gg-site .gg-chapter__body .ref{
color: var(--gg-muted);
font-size: 0.92em;
white-space: nowrap;
}
.gg-site .gg-chapter__body strong{ color: var(--gg-dark); font-weight: 600; }
.gg-site .gg-chapter__card{
padding: 22px;
border: 1px solid var(--gg-line);
border-radius: 18px;
background: var(--gg-paper);
display: none;
}
@media (min-width: 901px){
.gg-site .gg-chapter__card{ display: block; }
}
.gg-site .gg-chapter__card-title{
font-size: 13px; font-weight: 600;
letter-spacing: .14em; text-transform: uppercase;
color: var(--gg-muted); margin-bottom: 10px;
}
.gg-site .gg-chapter__card-text{
font-size: 15px; color: var(--gg-text); line-height: 1.6;
}
/* VERSE */
.gg-site .gg-verse{
background: var(--gg-dark);
color: #fff;
padding: clamp(80px, 10vw, 128px) 0;
position: relative;
overflow: hidden;
}
.gg-site .gg-verse::before{
content:"";
position:absolute; inset: 0;
background: radial-gradient(900px 400px at 50% 0%, rgba(35,166,46,.12), transparent 60%);
}
.gg-site .gg-verse__inner{ position: relative; z-index: 1; text-align: center; }
.gg-site .gg-verse__mark{
font-family: Georgia, "Times New Roman", serif;
font-size: 88px;
color: var(--gg-green);
line-height: 0.6;
margin-bottom: 12px;
display: inline-block;
}
.gg-site .gg-verse__quote{
font-size: clamp(26px, 3.4vw, 42px);
line-height: 1.25;
font-weight: 400;
letter-spacing: -0.02em;
max-width: 22ch;
margin: 0 auto 24px;
color: #fff;
}
.gg-site .gg-verse__quote em{ font-style: italic; color: #B7E7BC; }
.gg-site .gg-verse__cite{
font-size: 13px; letter-spacing: .22em; text-transform: uppercase;
color: rgba(255,255,255,.5); font-weight: 500;
}
/* RESPONSE */
.gg-site .gg-response{
background: var(--gg-surface);
padding: clamp(80px, 11vw, 140px) 0;
position: relative;
overflow: hidden;
}
.gg-site .gg-response::before{
content:"";
position:absolute;
width: 480px; height: 480px;
right: -120px; top: -120px;
background: radial-gradient(circle, rgba(35,166,46,.10), transparent 70%);
pointer-events:none;
}
.gg-site .gg-response__head{ text-align: left; max-width: 720px; }
.gg-site .gg-response__title{
font-size: clamp(34px, 4.4vw, 56px);
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.05;
margin: 14px 0 24px;
color: var(--gg-dark);
}
.gg-site .gg-response__title em{
font-style: italic; font-weight: 400; color: var(--gg-green);
}
.gg-site .gg-response__lead{
font-size: clamp(17px, 1.4vw, 20px);
color: var(--gg-text);
max-width: 60ch;
margin: 0 0 56px;
}
.gg-site .gg-response__lead .ref{ color: var(--gg-muted); }
.gg-site .gg-response__lead strong{ color: var(--gg-dark); font-weight: 600; }
.gg-site .gg-steps{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
position: relative;
z-index: 1;
}
@media (max-width: 900px){
.gg-site .gg-steps{ grid-template-columns: 1fr; }
}
.gg-site .gg-step{
background: var(--gg-paper);
border-radius: 22px;
padding: 30px 28px 32px;
border: 1px solid var(--gg-line);
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
display: flex; flex-direction: column; gap: 14px;
}
.gg-site .gg-step:hover{
transform: translateY(-3px);
box-shadow: 0 14px 40px rgba(20,30,20,.08);
border-color: #D9E7DC;
}
.gg-site .gg-step__num{
font-size: 12px; font-weight: 600; letter-spacing: .2em;
color: var(--gg-green-700);
}
.gg-site .gg-step__title{
font-size: 22px; font-weight: 700; color: var(--gg-dark);
letter-spacing: -0.02em; line-height: 1.2;
margin: 0;
}
.gg-site .gg-step__text{
color: var(--gg-text); font-size: 15.5px; line-height: 1.65;
margin: 0;
}
.gg-site .gg-step__text .ref{ color: var(--gg-muted); }
.gg-site .gg-step__icon{
width: 44px; height: 44px;
border-radius: 12px;
background: var(--gg-green-50);
display: flex; align-items: center; justify-content: center;
color: var(--gg-green-700);
}
.gg-site .gg-step__icon svg{ width: 22px; height: 22px; }
/* CTA — two-column form (Image 1) with light color scheme (Image 2) */
.gg-site .gg-cta{
background: var(--gg-paper);
padding: clamp(80px, 10vw, 128px) 0;
}
.gg-site .gg-cta__box{
background: var(--gg-surface);
border-radius: 28px;
padding: clamp(48px, 7vw, 88px) clamp(32px, 6vw, 72px);
position: relative;
overflow: hidden;
}
.gg-site .gg-cta__inner{
position: relative; z-index: 1;
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 40px;
align-items: end;
}
@media (max-width: 820px){
.gg-site .gg-cta__inner{ grid-template-columns: 1fr; align-items: start; }
}
.gg-site .gg-cta__eyebrow{
display:inline-flex; align-items:center; gap:10px;
font-size: 12px; letter-spacing: .22em; text-transform: uppercase;
color: var(--gg-green-700); font-weight: 600;
}
.gg-site .gg-cta__eyebrow::before{
content:""; width: 28px; height: 1px; background: var(--gg-green);
}
.gg-site .gg-cta__title{
font-size: clamp(30px, 4vw, 48px);
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.1;
margin: 14px 0 16px;
color: var(--gg-dark);
}
.gg-site .gg-cta__title em{ font-style: italic; color: var(--gg-green); font-weight: 400; }
.gg-site .gg-cta__text{
color: var(--gg-text);
font-size: 17px; line-height: 1.65;
max-width: 52ch;
margin: 0;
}
.gg-site .gg-cta__actions{
display: flex; flex-direction: column; gap: 12px;
align-items: stretch;
}
.gg-site .gg-cta__btn{
display:inline-flex; align-items:center; justify-content: space-between;
gap: 12px;
padding: 18px 24px;
border-radius: 14px;
font-weight: 600; font-size: 15px;
transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.gg-site .gg-cta__btn--primary{
background: var(--gg-dark); color: #fff;
}
.gg-site .gg-cta__btn--primary:hover{
background: var(--gg-green-700); color: #fff; transform: translateY(-1px);
}
.gg-site .gg-cta__btn--ghost{
background: var(--gg-paper);
color: var(--gg-dark);
border: 1px solid var(--gg-line);
}
.gg-site .gg-cta__btn--ghost:hover{
border-color: #C8D9CB; background: var(--gg-surface); color: var(--gg-dark);
}
.gg-site .gg-cta__btn svg{ width: 18px; height: 18px; flex-shrink: 0; }
@media (prefers-reduced-motion: no-preference){
.gg-site .gg-hero h1,
.gg-site .gg-hero__lead,
.gg-site .gg-hero__cta{
animation: gg-rise .9s cubic-bezier(.2,.7,.2,1) both;
}
.gg-site .gg-hero__lead{ animation-delay: .12s; }
.gg-site .gg-hero__cta{ animation-delay: .22s; }
@keyframes gg-rise{
from{ opacity:0; transform: translateY(14px); }
to{ opacity:1; transform: translateY(0); }
}
}
Für dich · persönlich
Eine Botschaft
Eine Botschaft
für dich.
Vielleicht hast du nicht damit gerechnet, hier eine Botschaft für dich zu finden. Doch von allem, wonach du suchen könntest, ist diese die wichtigste — und das Wertvollste, was du auf dieser Seite finden kannst.
Botschaft lesen
04
Kapitel · 5 Min. Lesedauer
Einleitung
Lies unbedingt weiter.
Vielleicht hast du nicht unbedingt damit gerechnet, dass du hier eine Botschaft für dich findest?! Vielleicht hast du gar nicht danach gesucht?!
Doch von allem wonach du auf der Suche sein könntest, ist diese Botschaft das Wichtigste!
Und von allem was du auf unserer Website finden kannst, ist diese Botschaft das Wertvollste!
Also: Lies unbedingt weiter!
Die Botschaft beginnt mit Gott.
Genau, nicht mit irgendeinem Gott, sondern dem lebendigen und wahren Gott, wie Er sich selbst in der Bibel vorstellt (1. Mose 1,1).
Dieser Gott hat alles erschaffen, besitzt alles und ist der Ursprung aller Dinge (1. Korinther 10,26). Er ist auch vollkommen gerecht und verlangt daher vollkommene Einhaltung seines Gesetzes (1. Petrus 1,16).
Dann bist da du — der Mensch.
Wer sind wir? Woher kommen wir? Der Mensch ist eine direkte Schöpfung Gottes und wurde dafür geschaffen, seinem Gott allein zu dienen und Ihn anzubeten (1. Mose 1,26-27).
Leider hat sich das erste Menschenpaar anders entschieden und ging lieber seinen eigenen Weg. Sie gehorchten Gottes Geboten nicht und sündigten. Das bedeutet, sie taten und dachten, was Gott missfällt (1. Mose 2,17; 3,1-6).
Seit diesem Ereignis ist jeder Nachkomme dieses ersten Menschenpaares ein Sünder und wird sogar mit der Neigung geboren, Böses zu tun (1. Mose 6,5). Dafür dass der Mensch mit seiner Sünde einen ewigen Gott beleidigt hat, wird ein jeder Strafe erleiden.
Vor dieser Strafe kann sich kein Mensch selbst retten — weder durch eigene Anstrengung noch durch gute Werke (Römer 6,23; Titus 3,5).
Doch es gibt Hoffnung: Da ist Jesus.
Jesus ist Gott, der auf diese Erde kam und als vollkommen gerechter Mensch ohne Sünde lebte (Kolosser 2,9).
Er ist wahrer Gott und wahrer Mensch und konnte daher die für uns unmöglichen Forderungen des göttlichen Gesetzes erfüllen (Johannes 1,14).
Nachdem Er alles erfüllt hatte, was vom Gesetz gefordert wird, bewies Er seine Liebe und Gnade dadurch, dass er am Kreuz an unserer Stelle für unsere Sünde bezahlte (Römer 5,8).
„
Gott aber beweist seine Liebe zu uns dadurch, dass Christus für uns gestorben ist, als wir noch Sünder waren.
Römer 5, 8
Kapitel 04 — Deine Antwort
Wie solltest du auf diese gewaltige Botschaft reagieren?
Du solltest erkennen, dass du ein Sünder bist: Ein Mensch, der als Sünder und Übertreter von Gottes Geboten keine Möglichkeit hat, dem ewigen Gericht durch eigene Kraft oder Anstrengung zu entkommen. Über diese Sünde solltest du Buße tun und an das glauben, was Christus am Kreuz getan hat (Römer 10,9-10).
Schritt 01
Buße tun.
Buße tun bedeutet, dich von allem Bösen in deinem eigenen Leben abzuwenden (Jesaja 55,7).
Schritt 02
Glauben.
Glauben bedeutet, dein ganzes Vertrauen zur Rettung von deiner Schuld nicht auf deine eigenen Werke, sondern allein auf das Erlösungswerk von Jesus Christus zu setzen.
Schritt 03
Nachfolgen.
Als Folge deines echten Glaubens und deiner Umkehr beginnst du damit, dem Herrn nachzufolgen (Lukas 9,23) — durch Seine Kraft verändert in Denken und Handeln, geprägt von Heiligkeit, Gehorsam, Gottesfurcht und Liebe (Titus 2,11-12).
Komm vorbei
Hast du Fragen?
Hast du Fragen?
Wir freuen uns auf dich.
Diese Botschaft ist kein Abschluss — sie ist ein Anfang. Schreib uns, besuche einen Gottesdienst, oder lerne unsere Gemeinde kennen. Sonntag für Sonntag, mitten in Berlin.