changed spacing and moved footer-logos around

keep-around/a9cea1b3dd8298cd5b755dfc50d476c9a8758c53
Lukas Schulz 2021-03-24 20:41:43 +01:00
parent 745bc66b7e
commit c4a5347f71
1 changed files with 24 additions and 3 deletions

View File

@ -142,6 +142,17 @@
.footer_hinweise > img:hover {
cursor: pointer;
}
.footer_box {
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.footer_box > h3 {
color: white;
display: flex;
justify-content: center;
align-items: center;
}
.footer-links {
font-family: "PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
font-weight: lighter;
@ -165,6 +176,7 @@
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
margin-bottom: 80px;
}
.title_title {
height: 200px;
@ -214,6 +226,7 @@
padding: 16px 16px;
border-radius: 8px;
transition: background-color 0.5s;
margin-bottom: 100px;
}
.white_btn:hover {
background-color: #3c90d9; /* Green */
@ -222,7 +235,7 @@
transition: background-color 0.5s;
}
.spacing {
height: 80px;
height: 140px;
}
.footer_hinweise .image {
@ -242,6 +255,9 @@
.kontakt_items a {
color: white;
}
.ueber {
margin-bottom: 140px;
}
@media only screen and (min-width: 1300px) {
@ -527,10 +543,15 @@
</div>
</div>
<footer class="content" style="z-index: 200">
<div class="footer_box">
<h3>powered by...</h3>
<div class="footer_hinweise">
<img class="image" src="images/hacc_logo.png" onclick="window.location.href='https://hacc.earth/'"></img>
<img class="image" src="images/Cogrowing_logo.png" onclick="window.location.href='https://cogrowing.io/'"></img>
</div>
</div>
<div class="footer_hinweise">
<img class="image" src="images/hacc_logo.png" onclick="window.location.href='https://hacc.earth/'"></img>
<img class="image" src="images/foerderhinweis.png" onclick="window.location.href='https://www.stmuv.bayern.de/'"></img>
<img class="image" src="images/cogrowing_logo.png" onclick="window.location.href='https://cogrowing.io/'"></img>
</div>
<div class="footer-links">
<a href="https://knotenpunkt-alpen.de/about/impressum.html">Impressum</a>