530 lines
20 KiB
HTML
530 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<!--<script src="scroll.min.js"></script>-->
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Knotenpunkt-Alpen</title>
|
|
<style>
|
|
|
|
|
|
@font-face {
|
|
font-family: "PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
|
|
font-family: var(--font-headings,"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif);
|
|
font-weight: 700;
|
|
clear: both;
|
|
/*--src: url('assets/ShareTech-Regular.ttf') format('truetype');*/
|
|
/*font-weight: normal;
|
|
font-style: normal;*/
|
|
}
|
|
/*@import url('https://fonts.googleapis.com/css?family=Raleway:regular,bold,italic,bolditalic|Cabin:regular,bold,italic,bolditalic|');*/
|
|
:root {
|
|
--font-headings: Cabin;
|
|
--font-base: Raleway;
|
|
--font-headings-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
|
--font-base-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
|
}
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
body {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
header {
|
|
font-family: "PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
|
|
/*font-family: var(--font-headings,"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif);*/
|
|
/*font-weight: 900;*/
|
|
}
|
|
h1 {
|
|
font-family: "PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
|
|
/*font-family: var(--font-headings,"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif);*/
|
|
/*font-weight: 1500;*/
|
|
text-align: center;
|
|
font-size: 60px;
|
|
margin: 0;
|
|
}
|
|
h2 {
|
|
font-family: "PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
|
|
/*font-family: var(--font-headings,"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif);*/
|
|
/*font-weight: 1500;*/
|
|
text-align: center;
|
|
font-size: 40px;
|
|
margin: 0;
|
|
}
|
|
p {
|
|
font-size: 17.3913px;
|
|
font-family: "Arial";
|
|
/*font-family: var(--font-base,"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif);*/
|
|
line-height: 1.6;
|
|
font-style: normal;
|
|
text-align: center;
|
|
margin-right: 120px;
|
|
margin-left: 120px;
|
|
/*font-weight: 600pt;*/
|
|
}
|
|
button {
|
|
font-family: "Arial";
|
|
border: none;
|
|
font-size: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
nav {
|
|
position: fixed;
|
|
}
|
|
footer {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #303030;
|
|
}
|
|
.content {
|
|
padding-top: 80px;
|
|
}
|
|
.logo {
|
|
width: 300px;
|
|
}
|
|
.header_nav {
|
|
width: 100%; /* i'm assuming full width */
|
|
height: 90px; /* change it to desired width */
|
|
background-color: #ffffff; /* change to desired color */
|
|
|
|
}
|
|
|
|
.logo {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 240px;
|
|
height: 80px;
|
|
margin-right: 20px;
|
|
margin-left: 30px;
|
|
margin-top: 15px; /* if you want it vertically middle of the navbar. */
|
|
}
|
|
#hamitems > a{
|
|
float: right;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-right: 20px;
|
|
height: 90px; /* if you want it to take the full height of the bar */
|
|
line-height: 90px; /* if you want it vertically middle of the navbar */
|
|
color: #d9e1e8;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
font-size: 15px;
|
|
transition: color 0.5s;
|
|
}
|
|
#hamitems > a:hover {
|
|
color: #3c90d9;
|
|
transition: color 1s;
|
|
}
|
|
#hamnav label, #hamburger { display: none; }
|
|
.buttons {
|
|
margin: auto;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.embed {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.footer_hinweise {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.footer_hinweise > img {
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
.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;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
}
|
|
.footer-links > a {
|
|
color: #c0c2c9;
|
|
text-decoration: none;
|
|
transition: color 0.2s;
|
|
}
|
|
.footer-links > a:hover {
|
|
color: #808289;
|
|
transition: color 0.5s;
|
|
}
|
|
|
|
.title {
|
|
height: 600px;
|
|
background-image: url('background.jpg');
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
}
|
|
.title_title {
|
|
height: 200px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.ueberschrift {
|
|
padding-top: 80px;
|
|
height: 80px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.white {
|
|
color: #ffffff;
|
|
}
|
|
.dark_btn {
|
|
background-color: #3c90d9;
|
|
color: white;
|
|
padding: 16px 16px;
|
|
border-radius: 8px;
|
|
transition: background-color 0.5s;
|
|
}
|
|
.dark_btn:hover {
|
|
background-color: #ffffff; /* Green */
|
|
color: #3c90d9;
|
|
/*transition: color 1s;*/
|
|
transition: background-color 0.5s;
|
|
}
|
|
.hilfe {
|
|
background-color: #3c90d9;
|
|
}
|
|
.prezi {
|
|
height: 500px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.prezi iframe {
|
|
width: 550px;
|
|
height: 400px;
|
|
}
|
|
.white_btn {
|
|
background-color: #f0f0f0;
|
|
color: #3c90d9;
|
|
padding: 16px 16px;
|
|
border-radius: 8px;
|
|
transition: background-color 0.5s;
|
|
}
|
|
.white_btn:hover {
|
|
background-color: #3c90d9; /* Green */
|
|
color: #ffffff;
|
|
/*transition: color 1s;*/
|
|
transition: background-color 0.5s;
|
|
}
|
|
.spacing {
|
|
height: 80px;
|
|
}
|
|
|
|
.footer_hinweise .image {
|
|
height: 80px;
|
|
}
|
|
.mobile_logo {
|
|
display: none;
|
|
}
|
|
.kontakt_items {
|
|
color: white;
|
|
background-image: url('background.jpg');
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
}
|
|
.kontakt_items a {
|
|
color: white;
|
|
}
|
|
.mobile_logo:hover {
|
|
cursor: pointer;
|
|
}
|
|
.logo:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
@media only screen and (min-width: 1300px) {
|
|
.header_nav > a {
|
|
font-size: 25px;
|
|
margin-right: 80px;
|
|
}
|
|
.logo {
|
|
margin-right: 100px;
|
|
}
|
|
p {
|
|
margin-right: 500px;
|
|
margin-left: 500px;
|
|
}
|
|
.kontakt-items {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.geschaeftsstelle_div {
|
|
width: 500px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.geschaeftsstelle_div > p {
|
|
width: 425px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 0 auto;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.nachricht_div {
|
|
vertical-align: top;
|
|
height: 620px;
|
|
margin-top: 5px;
|
|
width: 500px;
|
|
}
|
|
.nachricht_div > p {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
display: block;
|
|
justify-content: center;
|
|
text-justify: distribute-all-lines;
|
|
}
|
|
.kontakt_items {
|
|
height: 900px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.prezi {
|
|
height: 700px;
|
|
}
|
|
.prezi iframe {
|
|
width: 900px;
|
|
height: 500px;
|
|
}
|
|
.footer_hinweise .image {
|
|
height: 120px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 768px){
|
|
nav {
|
|
background-color: white;
|
|
position: fixed;
|
|
height: 60px;
|
|
}
|
|
/* Show Hamburger Icon */
|
|
#hamnav label {
|
|
display: inline-block;
|
|
float: right;
|
|
color: white;
|
|
background: #303030;
|
|
font-style: normal;
|
|
font-size: 1.2em;
|
|
padding: 20px;
|
|
line-height: 40px;
|
|
|
|
}
|
|
|
|
/* Break down menu items into vertical */
|
|
#hamitems div {
|
|
background-color: white;
|
|
}
|
|
#hamitems a {
|
|
background-color: white;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 100%;
|
|
border-top: 1px solid #333;
|
|
float: left;
|
|
margin-left: 15px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
/*
|
|
#hamitems > a{
|
|
float: right;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-right: 20px;
|
|
height: 90px;
|
|
line-height: 90px;
|
|
color: #d9e1e8;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
font-size: 15px;
|
|
transition: color 0.5s;
|
|
}*/
|
|
#hamitems {
|
|
background-color: white;
|
|
}
|
|
.mobile_logo {
|
|
vertical-align: top;
|
|
height: 60px;
|
|
margin-right: 20px;
|
|
margin-left: 30px;
|
|
margin-top: 15px;
|
|
display: block;
|
|
width: 200px;
|
|
}
|
|
.logo {
|
|
width: 200px;
|
|
}
|
|
|
|
.header_nav {
|
|
width: 100%; /* i'm assuming full width */
|
|
height: 80px; /* change it to desired width */
|
|
background-color: #ffffff; /* change to desired color */
|
|
|
|
}
|
|
.title_title {
|
|
margin-top: 80px;
|
|
height: 300px;
|
|
font-size: 50px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.ueberschrift {
|
|
font-size: 50px;
|
|
height: 100px;
|
|
}
|
|
|
|
/* Toggle Show/Hide Menu */
|
|
#hamitems { display: none; }
|
|
#hamnav input:checked ~ #hamitems {
|
|
display: block;
|
|
transition: color 1s;
|
|
transition: background-color 1s;
|
|
}
|
|
#hamnav input:checked ~ .mobile_logo {
|
|
display: none;
|
|
}
|
|
#hamitems > .logo {
|
|
display: block;
|
|
}
|
|
p {
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
.title {
|
|
height: 500px;
|
|
}
|
|
.prezi iframe{
|
|
height: 300px;
|
|
}
|
|
.prezi {
|
|
height: 320px;
|
|
}
|
|
.kontakt_items {
|
|
height: 900px;
|
|
}
|
|
}
|
|
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
|
|
<nav id="hamnav" class="header_nav">
|
|
<label for="hamburger">☰</label>
|
|
<input type="checkbox" id="hamburger"/>
|
|
|
|
<div class="mobile_logo"><img src="assets/logo_header.svg" onclick="window.location.href='https://knotenpunkt-alpen.de/about';"/></div>
|
|
<!--<a href="knotenpunkt-alpen.de">Startseite</a>-->
|
|
<div id="hamitems">
|
|
<div class="logo"><img src="assets/logo_header.svg" onclick="window.location.href='https://knotenpunkt-alpen.de/about';"/></div>
|
|
<a href="https://knotenpunkt-alpen.de/about/impressum.html">Impressum</a>
|
|
<a class="scroll" href="https://knotenpunkt-alpen.de/about/#Kontakt">Kontakt</a>
|
|
<a class="scroll" href="https://knotenpunkt-alpen.de/about/#hilfe">Hilfe</a>
|
|
<a class="scroll" href="https://knotenpunkt-alpen.de/about/#ueber">Über</a>
|
|
<a href="https://knotenpunkt-alpen.de/auth/sign_in">Log-in</a>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<div id="bg"></div>
|
|
<div class="content" style="z-index: 100">
|
|
<a name="Impressum"></a>
|
|
<div class="impressum">
|
|
<h1 class="ueberschrift black" >IMPRESSUM</h1>
|
|
<p class="black">
|
|
Deutsche Vertretung der Internationalen Alpenschutzkommission <br>
|
|
CIPRA Deutschland e.V.
|
|
</p>
|
|
<p class="black">
|
|
c/o Sektion München des DAV e.V.<br>
|
|
Rindermarkt 3<br>
|
|
D-80331 München
|
|
</p>
|
|
<p class="black">
|
|
Telefon: +49 89 - 23 23 98 40
|
|
</p>
|
|
<p class="black">
|
|
E-Mail: deutschland@cipra.org<br>
|
|
Webseite: www.cipra.de
|
|
</p>
|
|
<p class="black">
|
|
Vertretungsberchtigter: Axel Doering<br>
|
|
Registergericht: Amtsgericht München<br>
|
|
Registernummer: VR 13735
|
|
</p>
|
|
<p class="black">
|
|
Verantwortlicher i.S.d. § 55 Abs. 2 RStV:<br>
|
|
Uwe Roth<br>
|
|
c/o Sektion München des DAV e.V.<br>
|
|
Rindermarkt 3<br>
|
|
D-80331 München
|
|
</p>
|
|
<h2>Haftung für Inhalte</h2>
|
|
<p class="black">
|
|
Als Anbieter sind wir gemäß § 7 Abs. 1 TMG für eigene Inhalte auf dieser Mastodon-Instanz nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir umgehend entsprechende Schritte ergreifen.
|
|
</p>
|
|
<h2>Haftung für Links</h2>
|
|
<p class="black">
|
|
Diese Instanz enthält Links zu externen Webseiten, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die verlinkten Inhalte ist stets die jeweilige der/die jeweilige Anbieter/in oder Betreiber/in verantwortlich der Seiten verantwortlich. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir umgehend die gebotenen Schritte ergreifen.
|
|
</p>
|
|
<h2>Urheberrecht</h2>
|
|
<p class="black">
|
|
Die hier durch die Mastodon-User oder uns erstellten Inhalte unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen in der Regel der schriftlichen Zustimmung der jeweiligen des/der jeweiligen Autors/Autorin bzw. Erstellers/Erstellerin. Downloads und Kopien sind grundsätzlich nur für den privaten, nicht kommerziellen Gebrauch gestattet. Sollten Sie auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir hinsichtlich derartiger Inhalte umgehend die notwendigen Schritte ergreifen.
|
|
</p>
|
|
</div>
|
|
|
|
|
|
</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/foerderhinweis.png" onclick="window.location.href='https://www.stmuv.bayern.de/'"></img>
|
|
</div>
|
|
<div class="footer-links">
|
|
<a href="https://knotenpunkt-alpen.de/about/impressum.html">Impressum</a>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|