@charset "utf-8";
/* CSS Document */


@font-face {
  font-family: "Inter-Regular";
  src: url("../fonts/Inter-Regular.woff") format("woff");
}

@font-face {
  font-family: "Inter-Medium";
  src: url("../fonts/Inter-Medium.woff") format("woff");
}

@font-face {
  font-family: "Inter-SemiBold";
  src: url("../fonts/Inter-SemiBold.woff") format("woff");
}



* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}



html,body {
	margin: 0px;
	padding: 0px;
    font-family: "Inter-Regular", sans-serif;
    font-size: 15px;
font-style: normal;
	line-height: 26px;
    color:#fff;
     width: 100%;
  height: 100vh; /* nimmt die volle Höhe des Viewports */
  background-image: url('../background-gruen-dark.jpg');
  background-size: cover;       /* Bild füllt den Container, wird ggf. zugeschnitten */
  background-position: top center;  /* Bild wird mittig zentriert */
  background-repeat: no-repeat; /* Bild wird nicht gekachelt */
z-index: 0;
   
}

.txt {
	font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    color:#fff;
    line-height: 33px;
	
  	
}

     


/********************** CONTENT ***********************/



@media (max-width: 1200px) {
html,body {
     
    background-image: url('../background-mobil.jpg');
  }
    }



#logo {
	position: relative;
    margin: 0 auto 0;
    padding: 65px 25px 0 25px;
	text-align: center;
	width: 100%;
    max-width: 555px;
    height: auto;
    box-sizing: border-box;
    
	
}


@media (max-width: 1200px) {
#logo {
     
    padding: 35px 25px 0 25px;
  }
    }


.logo-img {
	width: 100%;
    max-width: 555px;
    height: auto;
	
  	
}


@media (max-width: 1200px) {
.logo-img {
     
    max-width: 280px;
  }
    }



#headline {
    justify-content: center; /* horizontal zentrieren */
    height: auto;
    padding: 20% 25px 0 25px;
	text-align: center;
	width: 100%;
    box-sizing: border-box;
}


@media (max-width: 1200px) {
#headline  {
     
    padding: 40% 25px 0 25px;
  }
    }

#divider {
    margin: 0 auto 0;
    width: 100%;
    height: 80px;
}


@media (max-width: 1200px) {
#divider  {
     
    height: 40px;
  }
    }



 .container {
     margin: 0 auto 0; 
     display: flex;
      flex-wrap: wrap; /* erlaubt Umbruch bei kleineren Screens */
      gap: 10px; /* Abstand zwischen den Spalten */
      padding: 20px 0 0 0;
     max-width: 600px;
    }

    .column {
      flex: 1; /* beide Spalten gleich breit */
      min-width: 130px; /* minimale Breite bevor sie umbrechen */
      padding: 0px;
        color: #fff;
      
    }


@media (max-width: 1200px) {
.container  {
     
    max-width: 100%;
  }
    }




   
/********************** LINKS ***********************/



a:link,a:visited
{
  color: #fff !important;
  text-decoration:underline;
    
  
}


a:hover,a:active,a:focus
{
  color: #fff !important;
  text-decoration:underline;
   
}

/************ HEADLINES ***************/


h1 {
  font-family: "Inter-Medium", sans-serif;
	font-size: calc(3vw + 3vh);
    line-height: 1.2em;
	 color:#fff;
    
}


@media (max-width: 1200px) {
  h1 {
    font-size: calc(3.7vw + 3.7vh);
    line-height: 1.1em;
  }

 
}



 


h2 {
  font-family: "Inter-Regular", sans-serif;
	font-size: calc(1.2vw + 1.2vh);
    line-height: 1em;
    color:#fff;
 
    
}


@media (max-width: 1200px) {
  h2 {
   font-size: calc(1.8vw + 1.8vh);
    line-height: 1.2em;
  }

 
}