Irschad
* {
box-sizing: border-box;
}
body {
margin: 0;
background: #f6f7f7;
color: #171717;
font-family: Arial, Helvetica, sans-serif;
}
.igmg-hero {
position: relative;
min-height: 430px;
display: grid;
place-items: center;
padding: 96px 20px 86px;
overflow: hidden;
text-align: center;
background-image: url("https://www.igmg.org/wp-content/uploads/2015/08/Hutba-Koran-Tasbih-Grun-Hutbe-Kuran-Tesbih-Yesil.jpg");
background-position: center;
background-size: cover;
}
.igmg-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: rgba(0, 0, 0, .28);
backdrop-filter: blur(1.5px);
pointer-events: none;
}
.igmg-hero::after {
content: "";
position: absolute;
right: 0;
bottom: -1px;
left: 0;
z-index: 0;
height: 150px;
background: linear-gradient(180deg, rgba(246, 247, 247, 0) 0%, rgba(246, 247, 247, .45) 66%, #f6f7f7 100%);
pointer-events: none;
}
.igmg-hero-content {
position: relative;
z-index: 1;
width: min(760px, 100%);
color: #fff;
}
.igmg-hero h1 {
margin: 0;
color: #fff;
font-size: clamp(42px, 7vw, 72px);
font-weight: 800;
letter-spacing: 0;
line-height: 1;
text-shadow:
0 2px 0 rgba(0, 0, 0, .45),
0 4px 12px rgba(0, 0, 0, .9),
0 12px 34px rgba(0, 0, 0, .72);
}
.igmg-line {
width: 72px;
height: 3px;
margin: 22px auto 18px;
border-radius: 999px;
background: #00a870;
}
.igmg-hero p {
max-width: 680px;
margin: 0 auto;
color: #fff;
font-size: 17px;
font-weight: 500;
line-height: 1.6;
text-shadow:
0 1px 2px rgba(0, 0, 0, .9),
0 4px 14px rgba(0, 0, 0, .78),
0 10px 24px rgba(0, 0, 0, .56);
}
.igmg-category-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 28px;
}
.igmg-category-row a {
display: inline-flex;
align-items: center;
min-height: 42px;
padding: 0 18px;
border: 1px solid rgba(255, 255, 255, .45);
border-radius: 999px;
background: rgba(255, 255, 255, .14);
color: #fff;
font-size: 13px;
font-weight: 700;
text-decoration: none;
text-shadow: 0 1px 4px rgba(0, 0, 0, .72);
backdrop-filter: blur(4px);
transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.igmg-category-row a:hover,
.igmg-category-row a.is-active {
border-color: #fff;
background: #fff;
color: #11604c;
text-shadow: none;
}
.igmg-intro-box {
width: min(820px, calc(100% - 40px));
margin: -22px auto 42px;
position: relative;
z-index: 2;
padding: 26px 30px;
border-radius: 8px;
background: #fff;
box-shadow: 0 14px 36px rgba(0, 0, 0, .08);
}
.igmg-intro-box p {
margin: 0;
color: #4f5754;
font-size: 15px;
line-height: 1.75;
}
.igmg-posts {
width: min(1120px, calc(100% - 40px));
margin: 0 auto 72px;
}
@media (max-width: 767px) {
.igmg-hero {
min-height: 360px;
padding: 76px 18px 62px;
}
.igmg-hero h1 {
font-size: 44px;
}
.igmg-hero p {
font-size: 15px;
}
.igmg-category-row a {
min-height: 38px;
padding: 0 14px;
font-size: 12px;
}
.igmg-intro-box {
padding: 22px;
}
}
Irschad
IGMG unterstützt Musliminnen und Muslime dabei, ihren Glauben auf der Grundlage des Korans und der Sunna bewusst zu leben. Mit Freitagspredigten, Vorträgen, Veranstaltungen, religiösen Publikationen und seelsorgerischer Begleitung bietet sie verlässliche Orientierung zu aktuellen religiösen Fragen und trägt zur spirituellen Entwicklung der muslimischen Gemeinschaft bei.
<!--
Die Irschad-Arbeit der IGMG begleitet Menschen in religiösen, ethischen und gesellschaftlichen Fragen.
Sie macht islamisches Wissen zugänglich und unterstützt eine bewusste Auseinandersetzung mit Glauben und Alltag.
Dazu gehören Vorträge, Seminare, Predigten und persönliche Orientierung.
Im Mittelpunkt stehen Wissen, Verantwortung, Barmherzigkeit und Gemeinschaft.
So entstehen Räume für Reflexion, Austausch und religiöse Bildung.
-->