html {
margin-top: 0 !important;
font-size: 32px;
line-height: 1.2;
}
body, h1, h2, h3, p, ul {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, .naviBox li, footer p, table {
font-family: 'Roboto', sans-serif;
font-weight: 900;
text-transform: uppercase;
}
h1 {
font-size: 3.2rem;
}
.entry-title {
display: none;
}
h2 {
font-size: 2.4rem;
}
h3 {
font-size: 1.8rem;
}
h4 {
margin-bottom: 0;
}
p, li, table tr {
font-family: 'Neuton', serif;
}
a {
text-decoration: none;
color: inherit;
}
a:hover {
color: orange;
}
#backsigns {
font-size: 3rem;
color: orange;
margin-bottom: 6%;
}
.wrapper {
width: 90%;
display: grid;
grid-template-columns: 100%;
margin: 0 auto;
margin-top: 0.5%;
}
footer {
margin: 0 auto;
margin-top: 3%;
margin-bottom: 3%;
border-top: solid orange 2px;
font-size: 0.8rem;
padding-top: 1%;
}
.textBox ul {
list-style: none;
}
.textBox li {
margin-bottom: 3%;
}
#tagline {
font-size: 1.5rem;
background-color: orange;
}
#sectionHeadline {
margin-bottom: 3%;
}
#yearline {
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-size: 1.4rem;
margin-top: 1%;
}
.topBox {
grid-column-start: 1;
grid-column-end: 2;
margin-top: 3%;
}
.mainBox {
grid-row-start: 2;
grid-row-end: 3;
margin-top: 10%;
}
.lifeBlock {
margin-bottom: 12%;
}
.lifeBlock .textBox {
margin-top: 1%;
font-size: 1.6rem;
line-height: 1.5;
}
.post-thumbnail {
display: none;
}
.button, .button:hover, .buttonAusgebucht, #wpforms-submit-946 {
background-color: orange;
color: black;
font-weight: 800;
text-transform: uppercase;
}
.buttonAusgebucht, .buttonAusgebucht:hover {
background-color: grey;
color: black;
}
.input:focus, .input:active, #wpforms-submit-946:focus-visible, #wpforms-submit-946:active {
border: 2px solid orange;
}
.roller h3 {
font-weight: 600;
}
table .button, table .buttonAusgebucht {
margin-left: 12%;
}
@media screen and (min-width:1024px) { 
html {
font-size: 16px;
line-height: 1.5;
}
.wrapper {
width: 66%;
margin-top: 1.5%;
}
.mainBox {
margin-top: 5%;
}
.textBox li {
margin-bottom: 1%;
}
#tagline {
margin-top: 1%;
}
.lifeBlock {
margin-bottom: 8%;
}
footer {
width: 66%;
}
}
@media screen and (max-width:1024px) { 
html {
margin-top: 2%;
font-size: 12px;
line-height: 1.5;
}
.wrapper, footer {
width: 90%;
}
table .button, table .buttonAusgebucht {
margin-left: 0;
}
}