@media (max-width: 1500px) {
.site-container {
margin: 4em 50px 0;
width: calc(100% - 100px);
}
.nav-primary .genesis-nav-menu a {
font-size: 16px;
padding: 15px 10px;
}
}
@media (max-width: 1300px) {
header .search-form {
right: 72px;
top: 9rem;
}
header .asl_w_container {
top: 45px;
right: 140px;
}
.site-header.fixed {
position: sticky;
background: #fff;
z-index: 1000;
}
header.fixed .asl_w_container {
top: 22px;
right: 120px;
}
.wp-custom-logo .site-container .title-area {
padding: 0;
}
.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a {
width: 100%;
}
.genesis-nav-menu .sub-menu .sub-menu {
margin: 0;
}
}
@media (max-width: 1024px) {
.headlinebox .subheadline,
.home article h2 {
font-size: 4.5vw;
}
.home .aktuelles h3 {
margin-top: 0;
}
.entry-content #projekte li {
width: 48%;
}
}
@media (max-width: 960px) {
.wrapper {
flex-wrap: wrap;
}
.home .artikelliste .article .left {
width: 100%;
order: 2;
}
.home .artikelliste .article .right {
width: 100%;
order: 1;
max-height: 300px;
}
}
@media (max-width: 767px) {
.home .entry-content,
.home .aktuelles {
float: none;
width: 100%;
margin-bottom: 2em;
}
.single .entry-content {
width: 100%;
order: 2;
}
.single .gallery {
width: 100%;
order: 3;
}
.headlinebox .headline {
font-size: 5vw;
}
header .asl_w_container {
top: 59vh;
right: 0;
}
}
@media (max-width: 600px) {
.site-container {
margin: 4em 30px 0;
width: calc(100% - 60px);
}
.home h2,
h1,
.entry-title {
font-size: 25px;
}
h3.status,
.home .article h3,
.single h2.status {
font-size: 16px;
}
#aktuelles h3 {
font-size: 20px;
}
header .search-form {
right: 52px;
width: 210px;
}
#searchform-1 {
padding: 10px;
}
header .search-form,
header .asl_w_container {
width: 230px;
right: 0px;
}
.site-header.fixed {
top: 71px;
}
.entry-content #projekte li {
width: 100%;
margin: 4% 0;
}
}
@media (max-width: 540px) {
header .search-form,
header .asl_w_container {
display: none;
}
.site-header {
padding: 20px;
}
.wp-custom-logo .site-container .title-area {
max-width: 230px;
padding: 10px 0;
}
.site-header.fixed {
padding: 0 20px
}
.menu-toggle {
margin-right: 0;
font-size: 14px;
}
}
@media (max-width: 400px) {
.site-container {
margin: 4em 0 0;
width: 100%;
}
.home article h2 {
font-size: 7vw;
}
.headlinebox .subheadline {
font-size: 6vw;
text-align: center;
padding: 0 20px;
}
header .search-form {
right: 22px;
}
}
@media (max-width: 350px) {
.wp-custom-logo .site-container .title-area {
max-width: 210px;
padding: 10px 0;
}
.nav-secondary a {
font-size: 13px;
}
}