84 lines
No EOL
1.6 KiB
CSS
84 lines
No EOL
1.6 KiB
CSS
@media screen and (max-width: 767px) {
|
|
header {
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
header h4 {
|
|
margin-top: 1rem !important;
|
|
margin-bottom: 2rem;
|
|
font-size: calc(1.5vw + 1.0rem);
|
|
}
|
|
|
|
header p {
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
header img {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
#header-sm img#logo_sm {
|
|
display:inline !important;
|
|
margin: 1rem 0 0 3rem;
|
|
}
|
|
|
|
#header-sm h4 {
|
|
display:inline !important;
|
|
font-family: "gidole", sans-serif;
|
|
font-size: calc(2vw + 1.1rem);
|
|
font-weight: 700;
|
|
color: var(--ve-heavy-violett);
|
|
text-wrap: balance;
|
|
}
|
|
|
|
.content {
|
|
padding: 0.5rem !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
.content h2,
|
|
.content h3,
|
|
.content > #vorteile h2,
|
|
.content > section h2,
|
|
.content > section h3 {
|
|
font-size: calc(1.3vw + 1.2rem) !important;
|
|
}
|
|
|
|
.content > #vorteile {
|
|
margin-top: 3rem !important;
|
|
padding: 0.5rem !important;
|
|
}
|
|
|
|
.content hr {
|
|
margin: 2rem 0 !important;
|
|
clear: both;
|
|
}
|
|
|
|
#newsgrid {
|
|
display: grid;
|
|
grid-template-columns: repeat(1, 1fr);
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
#newsgrid > article.newsitem:first-child {
|
|
grid-column: 1 / 2;
|
|
}
|
|
|
|
.wrapper {
|
|
width: 86%;
|
|
margin-left: 2.6rem !important;
|
|
}
|
|
|
|
#contact {
|
|
font-size: 1.02rem;
|
|
padding: 0.5rem !important;
|
|
}
|
|
|
|
#contact img.icon {
|
|
width: 0.7rem !important;
|
|
}
|
|
|
|
footer {
|
|
height: auto !important;
|
|
}
|
|
} |