Aktuelle Stellenangebote
.ikd-job-card {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
min-height: 420px;
padding: 30px;
overflow: hidden;
box-sizing: border-box;
isolation: isolate;
color: #fff;
text-decoration: none !important;
background-image:
linear-gradient(
180deg,
rgba(10, 15, 20, 0.08) 0%,
rgba(10, 15, 20, 0.16) 44%,
rgba(10, 15, 20, 0.28) 100%
),
url("https://www.islamkolleg.de/wp-content/uploads/2026/08/classic_notebook_small.png");
background-size: cover;
background-position: center;
border: 1px solid rgba(255,255,255,0.20);
border-radius: 24px;
box-shadow: 0 14px 34px rgba(20, 25, 30, 0.14);
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.ikd-job-card::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: radial-gradient(circle at 82% 18%, rgba(255,255,255,0.12), transparent 32%);
pointer-events: none;
}
.ikd-job-card:hover {
transform: translateY(-4px);
border-color: rgba(255,255,255,0.34);
box-shadow: 0 18px 42px rgba(20, 25, 30, 0.22);
}
.ikd-job-card:focus-visible {
outline: 3px solid rgba(255,255,255,0.65);
outline-offset: 4px;
}
.ikd-job-arrow {
position: absolute;
top: 28px;
right: 28px;
width: 40px;
height: 40px;
display: grid;
place-items: center;
font-size: 23px;
line-height: 1;
color: #fff;
background: rgba(255,255,255,0.14);
border: 1px solid rgba(255,255,255,0.22);
border-radius: 50%;
backdrop-filter: blur(5px);
transition: transform 180ms ease, background-color 180ms ease;
}
.ikd-job-card:hover .ikd-job-arrow {
transform: translate(2px, -2px);
background: rgba(255,255,255,0.22);
}
.ikd-job-top {
min-width: 0;
}
.ikd-job-kicker {
display: inline-flex;
align-items: center;
min-height: 30px;
margin: 0 0 18px 0 !important;
padding: 6px 12px;
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #fff;
background: rgba(255,255,255,0.14);
border: 1px solid rgba(255,255,255,0.22);
border-radius: 999px;
backdrop-filter: blur(5px);
}
.ikd-job-title {
margin: 0 0 10px 0 !important;
padding-right: 54px;
font-size: clamp(21px, 2vw, 29px);
line-height: 1.10;
font-weight: 760;
letter-spacing: -0.028em;
color: #fff !important;
text-wrap: balance;
}
.ikd-job-title.ikd-job-title--long {
font-size: clamp(19px, 1.82vw, 24px);
line-height: 1.12;
}
.ikd-job-worktime {
margin: 0 !important;
font-size: 15px;
line-height: 1.35;
color: rgba(255,255,255,0.92) !important;
}
.ikd-job-bottom {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: 14px;
margin-top: auto;
padding-top: 24px;
}
.ikd-job-meta {
min-width: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 2px !important;
}
.ikd-job-line {
display: block;
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
}
.ikd-job-deadline {
font-size: 14px;
line-height: 1.28;
}
.ikd-job-deadline strong {
font-weight: 750;
color: #fff;
}
.ikd-job-email {
font-size: 15px;
line-height: 1.28;
font-weight: 700;
overflow-wrap: anywhere;
}
.ikd-job-closing {
font-size: 15px;
line-height: 1.32;
font-weight: 700;
}
.ikd-job-logo {
width: 84px;
height: 84px;
object-fit: contain;
flex: 0 0 auto;
align-self: end;
}
@media (max-width: 900px) {
.ikd-job-card {
min-height: 400px;
padding: 26px;
}
.ikd-job-arrow {
top: 24px;
right: 24px;
}
.ikd-job-logo {
width: 76px;
height: 76px;
}
}
@media (max-width: 560px) {
.ikd-job-card {
min-height: 410px;
padding: 22px;
border-radius: 18px;
}
.ikd-job-title,
.ikd-job-title.ikd-job-title--long {
padding-right: 42px;
font-size: 20px;
line-height: 1.14;
}
.ikd-job-worktime {
font-size: 15px;
}
.ikd-job-bottom {
grid-template-columns: 1fr auto;
gap: 10px;
padding-top: 20px;
}
.ikd-job-logo {
width: 62px;
height: 62px;
}
.ikd-job-arrow {
top: 20px;
right: 20px;
width: 36px;
height: 36px;
font-size: 21px;
}
}
↗
Stellenangebot
Verwaltungsfachangestellte/r (m/w/d) bzw. Sachbearbeiter/in (m/w/d) im Bereich Verwaltung
in Voll- oder Teilzeit gesucht
.ikd-job-card {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
min-height: 420px;
padding: 30px;
overflow: hidden;
box-sizing: border-box;
isolation: isolate;
color: #fff;
text-decoration: none !important;
background-image:
linear-gradient(
180deg,
rgba(10, 15, 20, 0.08) 0%,
rgba(10, 15, 20, 0.16) 44%,
rgba(10, 15, 20, 0.28) 100%
),
url("https://www.islamkolleg.de/wp-content/uploads/2026/08/classic_notebook_small.png");
background-size: cover;
background-position: center;
border: 1px solid rgba(255,255,255,0.20);
border-radius: 24px;
box-shadow: 0 14px 34px rgba(20, 25, 30, 0.14);
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.ikd-job-card::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: radial-gradient(circle at 82% 18%, rgba(255,255,255,0.12), transparent 32%);
pointer-events: none;
}
.ikd-job-card:hover {
transform: translateY(-4px);
border-color: rgba(255,255,255,0.34);
box-shadow: 0 18px 42px rgba(20, 25, 30, 0.22);
}
.ikd-job-card:focus-visible {
outline: 3px solid rgba(255,255,255,0.65);
outline-offset: 4px;
}
.ikd-job-arrow {
position: absolute;
top: 28px;
right: 28px;
width: 40px;
height: 40px;
display: grid;
place-items: center;
font-size: 23px;
line-height: 1;
color: #fff;
background: rgba(255,255,255,0.14);
border: 1px solid rgba(255,255,255,0.22);
border-radius: 50%;
backdrop-filter: blur(5px);
transition: transform 180ms ease, background-color 180ms ease;
}
.ikd-job-card:hover .ikd-job-arrow {
transform: translate(2px, -2px);
background: rgba(255,255,255,0.22);
}
.ikd-job-top {
min-width: 0;
}
.ikd-job-kicker {
display: inline-flex;
align-items: center;
min-height: 30px;
margin: 0 0 18px 0 !important;
padding: 6px 12px;
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #fff;
background: rgba(255,255,255,0.14);
border: 1px solid rgba(255,255,255,0.22);
border-radius: 999px;
backdrop-filter: blur(5px);
}
.ikd-job-title {
margin: 0 0 10px 0 !important;
padding-right: 54px;
font-size: clamp(21px, 2vw, 29px);
line-height: 1.10;
font-weight: 760;
letter-spacing: -0.028em;
color: #fff !important;
text-wrap: balance;
}
.ikd-job-title.ikd-job-title--long {
font-size: clamp(19px, 1.82vw, 24px);
line-height: 1.12;
}
.ikd-job-worktime {
margin: 0 !important;
font-size: 15px;
line-height: 1.35;
color: rgba(255,255,255,0.92) !important;
}
.ikd-job-bottom {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: 14px;
margin-top: auto;
padding-top: 24px;
}
.ikd-job-meta {
min-width: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 2px !important;
}
.ikd-job-line {
display: block;
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
}
.ikd-job-deadline {
font-size: 14px;
line-height: 1.28;
}
.ikd-job-deadline strong {
font-weight: 750;
color: #fff;
}
.ikd-job-email {
font-size: 15px;
line-height: 1.28;
font-weight: 700;
overflow-wrap: anywhere;
}
.ikd-job-closing {
font-size: 15px;
line-height: 1.32;
font-weight: 700;
}
.ikd-job-logo {
width: 84px;
height: 84px;
object-fit: contain;
flex: 0 0 auto;
align-self: end;
}
@media (max-width: 900px) {
.ikd-job-card {
min-height: 400px;
padding: 26px;
}
.ikd-job-arrow {
top: 24px;
right: 24px;
}
.ikd-job-logo {
width: 76px;
height: 76px;
}
}
@media (max-width: 560px) {
.ikd-job-card {
min-height: 410px;
padding: 22px;
border-radius: 18px;
}
.ikd-job-title,
.ikd-job-title.ikd-job-title--long {
padding-right: 42px;
font-size: 20px;
line-height: 1.14;
}
.ikd-job-worktime {
font-size: 15px;
}
.ikd-job-bottom {
grid-template-columns: 1fr auto;
gap: 10px;
padding-top: 20px;
}
.ikd-job-logo {
width: 62px;
height: 62px;
}
.ikd-job-arrow {
top: 20px;
right: 20px;
width: 36px;
height: 36px;
font-size: 21px;
}
}
↗
Stellenangebot
Geschäftsführer:in (m/w/d)
in Vollzeit gesucht
