.hero_kariere {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.hero_kariere h1 {
font-size: 48px;
font-weight: 700;
line-height: 1;
margin-bottom: 10px;
}
.hero_kariere p {
font-size: 28px;
}
.hero_kariere #heroKareiereText2 h1 {
font-size: 115px;
}
.hero_kariere #heroKareiereText2 p {
font-size: 40px;
line-height: 1.2;
}
@media screen and (max-width: 1440px) {
.hero_kariere h1 {
font-size: 42px;
}
.hero_kariere p {
font-size: 21px;
}
.hero_kariere #heroKareiereText2 h1 {
font-size: 85px;
}
.hero_kariere #heroKareiereText2 p {
font-size: 30px;
}
}
@media screen and (max-width: 1300px) {
.hero_kariere p {
font-size: 18px;
}
}
@media screen and (max-width: 1024px) {
.hero_kariere #heroKareiereText2 h1 {
font-size: 60px;
text-shadow: 1px 1px 3px #000;
}
.hero_kariere #heroKareiereText2 p {
font-size: 22px;
text-shadow: 1px 1px 3px #000;
}
}
@media screen and (max-width: 768px) {
#heroKareiereText {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 0;
}
#heroKareiereText * {
width: 100%;
max-width: 480px;
margin: auto;
padding-left: 20px;
padding-right: 20px;
}
.hero_kariere #heroKareiereText2 h1 {
font-size: 40px;
}
.hero_kariere #heroKareiereText2 p {
font-size: 16px;
}
}