@font-face {
    font-family: 'Kumbh Sans';
    src: url('../font/KumbhSans-Regular.woff2') format('woff2'),
        url('../font/KumbhSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kumbh Sans';
    src: url('../font/KumbhSans-Bold.woff2') format('woff2'),
        url('../font/KumbhSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



body, html {
    height: 100%;
	font-family:'Kumbh Sans';
}


.hero-image {
  background-image:  url("../clouds.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.stellarnav {
	margin-bottom:5vH;
}

aside {
	font-size:85%;
}

footer {
	margin-top:5vH;
	font-size:85%;
	border-top:1px solid #ccc;
	padding:1rem 0;
}

footer {
display: flex;
justify-content: center;
align-items: center;
padding: 30px 15px; /* Etwas mehr Padding */
background-color: #f8f8f8;
text-align: center; /* Zentriert den gesamten Footer-Inhalt auf mobilen Geräten */
}
 
.footer-content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 960px;
}
 
.footer-links {
margin-bottom: 15px;
width: 100%;
}
 
.footer-links a {
text-decoration: none;
color: #0d2744;
margin: 0 10px;
font-size: 0.9em;
}
 
.footer-links a:hover {
text-decoration: underline;
}
.social-media-container {
display: flex;
flex-wrap: wrap; /* Erlaubt Umbruch auf sehr kleinen Bildschirmen */
align-items: center;
justify-content: center;
}
 
.social-icon {
text-decoration: none;
border: 0;
width: 36px;
height: 36px;
padding: 2px;
margin: 5px;
border-radius: 35%;
background-color: #f5f3f0;
display: flex;
justify-content: center;
align-items: center;
transition: transform 0.2s ease; /* Kleine Hover-Animation */
}
.social-icon:hover {
transform: scale(1.1);
}
 
.social-icon img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}