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
1 changed files with 18 additions and 2 deletions

View File

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