html {
margin-top: 0;
}
.screen-reader-text {
display: none;
}
.skip-link {
display: none;
}
body {
margin: 0;
}
header {
background-image: url(//www.armos.de/wp-content/themes/armos-landingpage/assets/images/armos-rauten-header.png);
background-repeat: no-repeat;
background-position: center top;
height: 100vh;
margin-top: -5rem;
}
.site-content {
margin-top: -70vh;
margin-left: auto;
margin-right: auto;
width: 1000px;
}
.site-content a {
color: #00305F;
}
@media (max-width: 1000px) {
.site-content {
margin-top: -70vh;
margin-left: auto;
margin-right: auto;
width: 600px;
}
}
@media (max-width: 600px) {
.site-content {
margin-top: -70vh;
margin-left: auto;
margin-right: auto;
width: 300px;
}
}
.logos {
margin-top: -10rem;
}
@media (max-width: 1000px) {
.logos {
margin-top: -6rem;
}
}
@media (max-width: 600px) {
.logos {
margin-top: 0;
}
}
p {
font-family: 'Josefin Sans', sans-serif;
color: #333333;
font-size: 1.1rem;
line-height: 1.4rem;
}
h1, h2, h3, h4 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
color: #00305F;
}
h1 {
font-size: 3rem;
}
.img-hover-zoom {
height: 300px; overflow: hidden; } .img-hover-zoom img {
transition: transform .5s ease;
margin-bottom: 1rem;
} .img-hover-zoom:hover img {
transform: scale(1.1);
}
.slogen-down img{
margin-top: 6px;
transform: translateY(6px);
}
.slogen {
margin-bottom: 2rem;
}
.wp-block-button {
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
}
.wp-block-button a {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
color: #fff;
}
.wp-block-button a:hover, .wp-block-button a:focus, .wp-block-button a:active {
text-decoration: underline;
background-color: #001e3d !important;
}
.wp-block-quote {
margin: 5rem auto 3rem;
width: 60%;
border-left: 2px solid #00305F;
padding-left: 10px;
}
@media (max-width: 1000px) {
.wp-block-quote {
margin: 5rem auto 3rem;
width: 80%;
border-left: 2px solid #00305F;
padding-left: 10px;
}
}
@media (max-width: 600px) {
.wp-block-quote {
margin: 4rem auto 2rem;
width: 100%;
border-left: 2px solid #00305F;
padding-left: 10px;
}
}
.wp-block-quote p {
font-size: 1.75rem;
font-family: 'Homemade Apple', cursive;
line-height: 3rem;
}
.wp-block-quote cite {
color: #00305f;
font-family: 'Josefin Sans', sans-serif;
font-style: italic;
}
.news {
margin-left: 15%;
margin-top: 9rem;
margin-bottom: 9rem;
}
@media (max-width: 1000px) {
.news {
margin-left: auto;
margin-right: auto;
margin-top: 9rem;
margin-bottom: 9rem;
}
}
@media (max-width: 600px) {
.news {
margin-top: 9rem;
margin-bottom: 6rem;
margin-left: auto;
margin-right: auto;
}
}
.news img {
margin-left: -18rem;
margin-top: -4.2rem;
width: 520px;
height: auto;
position: absolute;
}
@media (max-width: 1000px) {
.news img{
margin-left: -10rem;
margin-top: -9rem;
max-width: 350px;
height: auto;
position: inherit;
}
}
@media (max-width: 785px) {
.news img{
margin-left: -7rem;
margin-top: -8rem;
max-width: 350px;
height: auto;
position: inherit;
}
}
@media (max-width: 600px) {
.news img{
margin-left: -2.25rem;
margin-top: -10rem;
position: inherit;
max-width: 240px;
}
}
.news h2, .news h4, .news h5,.news p {
color: #fff;
}
.news .wp-block-button {
margin-left: 0;
text-align: left;
} .site-footer {
background-color: #b2b2b2;
bottom: 0;
padding: .5rem;
text-align: center;
color: #fff;
}
.footer-content {
margin-left: auto;
margin-right: auto;
width: 1000px;
display: flex;
}
@media (max-width: 1000px) {
.footer-content {
margin-left: auto;
margin-right: auto;
width: 600px;
}
}
@media (max-width: 600px) {
.footer-content {
margin-left: auto;
margin-right: auto;
width: 300px;
}
}
.site-footer .site-logo {
float: left;
margin-right: 4rem;
}
.site-footer .site-logo img {
width: 250px;
height: auto;
margin-top: -3rem;
}
.site-footer .site-info {
text-align: left;
}
.site-footer .site-info p {
color: #fff;
}
.site-footer .main-navigation {
height: 120px;
}
@media (max-width: 600px) {
.site-footer .main-navigation  {
}
}
.site-footer .main-navigation .menu ul{
list-style-type: none;
}
.site-footer .main-navigation .menu li {
float: left;
color: #fff;
border-left: 1px solid #fff;
padding-left: 10px;
padding-right: 20px;
margin-bottom: 20px;
}
.site-footer .main-navigation .menu li a{
color: #fff;
font-family: 'Josefin Sans', sans-serif;
text-decoration: none;
}
.site-footer .main-navigation .menu li a:hover, .site-footer .main-navigation .menu li a:focus, .site-footer .main-navigation .menu li a:active {
text-decoration: underline;}
.content-area {
margin-top: 20rem;
margin-bottom: 5rem;
} div#BorlabsCookieBox{
font-family: 'Josefin Sans', sans-serif;
} #popmake-161 img{
width: 100%;
}header {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: -1;
}
.site-content {
margin-top: 170px;
}
.content-area {
margin-top: 20rem;
margin-bottom: 5rem;
}
.logo {
max-width: 450px;
margin: 0 auto;
}
.logo img {
max-width: 100%;
height: auto;
}
@media (min-width: 1000px) {
.wp-block-columns.logos {
max-width: 90%;
margin: -6rem auto 0;
}
}
#flag-covid-now {
position: fixed;
right: 0;
top: 45%;
display: block;
background: #b2b2b2;
color: #fff;
font-family: 'Josefin Sans', sans-serif;
padding: 12px 25px;
text-decoration: none;
font-size: 25px;
z-index: 99;
}
#flag-covid-now strong {
display: block;
}
#flag-covid-now .button {
font-weight: bold;
background: #00305f;
font-size: 18px;
padding: 8px 24px 6px;
margin-top: 5px;
display: inline-block;
}
@media(max-width: 640px){
#flag-covid-now {
display: none;
}
}
@media (min-width: 782px)
.logos .wp-block-column:not(:first-child) {
margin-left: 50px !important;
}
.logos .wp-block-button__link {
min-width: 75%;
}
.logos .wp-block-column {
padding: 0 7px;
}