body{
overflow-x: hidden;
}
section{
grid-template-columns: 100%;
grid-column-gap: 0;
padding: 10px;
}
#header{
display: none;
}
#katrinPortrait{
width: 100%;
}
.mobileHidden{
display: none;
}
.musterLinks{
display: none;
}
.formInput{
width:100%;
}
.mediaAndText{
flex-direction: column;
}
.mediaAndText .text{
width: 100%;
}
.mediaAndText .media{
width: 100%;
margin-top: 30px;
}
.mobileNav{
position: fixed;
top:0;
display: block;
width: 100%;
height: 40px;
z-index: 999;
}
.navigation{
display: none;
}
.navBack{
background: url(http://spinnradmaerchen.de/wp-content/uploads/2018/12/navBackgroundBorder_kl.png),
url(http://spinnradmaerchen.de/wp-content/uploads/2018/12/navBackground_kl.png);
background-size: 50% 100%;
}
.navBackSpezial{
background: url(http://spinnradmaerchen.de/wp-content/uploads/2018/12/navBackground_kl.png);
background-size: 50% 100%;
}
.container{
padding: 0;
margin: 0;
}
.headline{
font-size:2.6em;
}
.headline p{
padding: 40px 40px;
}
.aufzaehlung li{
width: 100%;
}
.rahmenText{
padding: 180px 50px;
}
.logo img{
width: 80%;
margin-top: 70px;
}