fix: Responsives Verhalten des Headers auf der Homepage gefixt.

This commit is contained in:
muli 2023-06-04 14:15:43 +02:00
parent 719bc15b26
commit 8580d6e359

View File

@ -1267,7 +1267,7 @@ footer {
@media screen and (max-width: 959px) and (min-width: 790px) { @media screen and (max-width: 959px) and (min-width: 790px) {
header { header {
margin-bottom: 1rem; margin-bottom: 2.5rem;
} }
.header__bg_box { .header__bg_box {
@ -1289,7 +1289,11 @@ footer {
.header__sub_claim { .header__sub_claim {
grid-column: 1 / span 5; grid-column: 1 / span 5;
padding: 0; padding: 0;
margin: 2rem 1.5rem -3rem 1.5rem; margin: 5.5rem 1.5rem 0 1.5rem;
}
.sub_claim__box {
padding: 0 1.5rem 2rem 1.5rem;
} }
.primary_nav__toggle { .primary_nav__toggle {
@ -1319,6 +1323,10 @@ footer {
--column-count: 1 --column-count: 1
} }
header {
margin-bottom: 1rem;
}
.header__bg_box { .header__bg_box {
grid-template-columns: 15% 82px auto 96px auto; grid-template-columns: 15% 82px auto 96px auto;
} }
@ -1339,6 +1347,14 @@ footer {
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.header__claim {
margin-top: 0.5rem;
}
.header__sub_claim {
margin-top: 3rem;
}
.content__box.-card_box.-homepage { .content__box.-card_box.-homepage {
margin-top: 0; margin-top: 0;
padding-top: 0; padding-top: 0;