/* lexend-exa-regular - latin */
@font-face {
  font-family: 'Lexend Exa';
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/lexend-exa-v24-latin-regular.woff2") format("woff2"), url("../fonts/lexend-exa-v24-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* lexend-exa-700 - latin */
@font-face {
  font-family: 'Lexend Exa';
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../fonts/lexend-exa-v24-latin-700.woff2") format("woff2"), url("../fonts/lexend-exa-v24-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
.row.np > * {
  padding-left: 0;
  padding-right: 0; }

.col a{
	    color: #97BF0D;
	    line-height:20px;
	    display: flex
}

.col a i{
	display: inline-block;
	width: 20px;
	height:20px;
	margin-right:10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_5_705)'%3E%3Cpath d='M13.75 -0.00964355C13.2461 -0.00964355 12.7891 0.295044 12.5938 0.763794C12.3984 1.23254 12.5078 1.7677 12.8633 2.12708L14.4805 3.74036L7.86719 10.3575C7.37891 10.8458 7.37891 11.6388 7.86719 12.1271C8.35547 12.6154 9.14844 12.6154 9.63672 12.1271L16.25 5.50989L17.8672 7.12708C18.2266 7.48645 18.7617 7.59192 19.2305 7.39661C19.6992 7.20129 20.0039 6.74817 20.0039 6.24036V1.24036C20.0039 0.54895 19.4453 -0.00964355 18.7539 -0.00964355H13.75ZM3.125 1.24036C1.39844 1.24036 0 2.63879 0 4.36536V16.8654C0 18.5919 1.39844 19.9904 3.125 19.9904H15.625C17.3516 19.9904 18.75 18.5919 18.75 16.8654V12.4904C18.75 11.799 18.1914 11.2404 17.5 11.2404C16.8086 11.2404 16.25 11.799 16.25 12.4904V16.8654C16.25 17.2091 15.9688 17.4904 15.625 17.4904H3.125C2.78125 17.4904 2.5 17.2091 2.5 16.8654V4.36536C2.5 4.02161 2.78125 3.74036 3.125 3.74036H7.5C8.19141 3.74036 8.75 3.18176 8.75 2.49036C8.75 1.79895 8.19141 1.24036 7.5 1.24036H3.125Z' fill='%2395C11F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5_705'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 -0.00964355)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.col a.phone:before{
	content:"";
	display: inline-block;	
	width: 20px;
	height:21px;
	margin-right:10px;
	float: left;	
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cg clip-path='url(%23clip0_5_841)'%3E%3Cpath d='M6.44141 1.08657C6.14062 0.360012 5.34766 -0.0267071 4.58984 0.180324L1.15234 1.11782C0.472656 1.30532 0 1.92251 0 2.62564C0 12.2897 7.83594 20.1256 17.5 20.1256C18.2031 20.1256 18.8203 19.653 19.0078 18.9733L19.9453 15.5358C20.1523 14.778 19.7656 13.985 19.0391 13.6842L15.2891 12.1217C14.6523 11.8561 13.9141 12.0397 13.4805 12.5749L11.9023 14.5006C9.15234 13.1999 6.92578 10.9733 5.625 8.22329L7.55078 6.64907C8.08594 6.21157 8.26953 5.4772 8.00391 4.84048L6.44141 1.09048V1.08657Z' fill='%2395C11F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5_841'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 0.125977)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.col a.email:before{
	content:"";
	display: inline-block;	
	width: 20px;
	height:21px;
	margin-right:10px;
	float: left;	
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M1.875 2.62573C0.839844 2.62573 0 3.46558 0 4.50073C0 5.09058 0.277344 5.64526 0.75 6.00073L9.25 12.3757C9.69531 12.7078 10.3047 12.7078 10.75 12.3757L19.25 6.00073C19.7227 5.64526 20 5.09058 20 4.50073C20 3.46558 19.1602 2.62573 18.125 2.62573H1.875ZM0 7.00073V15.1257C0 16.5046 1.12109 17.6257 2.5 17.6257H17.5C18.8789 17.6257 20 16.5046 20 15.1257V7.00073L11.5 13.3757C10.6094 14.0437 9.39062 14.0437 8.5 13.3757L0 7.00073Z' fill='%2395C11F'/%3E%3C/svg%3E");
}

body {
  background-color: #e3e3e3;
  font-family: 'Lexend Exa';
  hyphens: auto; }

h2, h3, h4 {
  font-weight: 700; }

body > .container {
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.03); }

#top header {
  padding-top: 28px;
  padding-bottom: 32px;
  padding-left: 30px;
  overflow: hidden;
  background-color: #fff; }

#header {
  position: relative; }
  #header header {
    background-color: #fff;
    position: absolute;
    width: fit-content;
    left: 0;
    bottom: 30px;
    padding: 20px 30px 12px 24px; }

h1 {
  font-size: 42px;
  line-height: 50px;
  position: : relative;
  width: 373px;
  aspect-ratio: 3572/477;
  height: auto;
  max-width: calc(100% - 60px);
  overflow: hidden; }
  h1:before {
    content: "";
    width: 373px;
    aspect-ratio: 3572/477;
    height: auto;
    background-image: url(../img/logo.svg);
    background-repeat: no-repeat;
    position: absolute;
    max-width: calc(100% - 60px);
    background-size: contain; }

h2 {
  font-size: 27px;
  line-height: 32px;
  color: #97BF0D;
  letter-spacing: -2px; }
  h2 span {
    color: #004B7D;
    display: block; }

.intro .row {
  background-color: #fff; }
  #intro .row.last {
	  background-color:#E6EDF1;
	  padding-top: 60px; 
    padding-bottom: 60px; }
    
    .pb-6{padding-bottom: 60px;}
    .pt-6{padding-top: 60px;}
    
.intro h2 {
  padding-top: 120px;
  padding-bottom: 60px;
  text-align: center; }
  #intro h2 span {
    display: inline; }
.intro .col p {
  margin-left: 30px;
  margin-right: 30px;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -2px;
  color: #004B7D; }
.intro .col img {
  margin-top: 40px; }

.col img {
  max-width: 100%; }

p {
  font-weight: 400; }
  
.intro .col p.zitat{
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
}

#activityfields .row {
  background-color: #004B7D;
  padding: 0 40px; }
  #activityfields .row.last {
    gap: 30px;
    padding: 0;
    justify-content: center;
    padding-bottom: 120px; }
#activityfields h2 {
  padding-top: 120px;
  padding-bottom: 60px;
  text-align: center; }
  #activityfields h2 span {
    color: white;
    display: inline; }
#activityfields .afitem {
  background-color: white;
  display: flex;
  padding: 0;
  flex-direction: column;
  width: calc(100% - 60px); }
#activityfields p {
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -2px; }

.afimage {
  position: relative; }
  .afimage img.image {
    width: 100%;
    aspect-ratio: 724/483;
    height: auto;
    background-repeat: no-repeat;
    max-width: 100%; }
  .afimage img.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }

.afbox {
  padding: 20px; }
  .afbox h3 {
    color: #97BF0D;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -1px; }

footer {
  hyphens: none; }

footer .row {
  background-color: #002135;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 20px; }
  footer .row > * {
    display: flex;
    width: fit-content; }

#evn {
  font-size: 42px;
  line-height: 50px;
  padding: relative;
    width: 281px;
    aspect-ratio: 281/23;
  height: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  overflow: hidden; }
  #evn:before {
    content: "";
    width: 281px;
    aspect-ratio: 281/23;
    height: auto;
    background-image: url(../img/footerlogos.png);
    background-repeat: no-repeat;
    position: absolute;
    max-width: calc(100% - 60px);
    background-size: contain; }

#social a.facebook {
  width: 31px;
  aspect-ratio: 31/30;
  margin-right: 20px; }
  #social a.facebook:before {
    content: "";
    width: 31px;
    aspect-ratio: 31/30;
    height: auto;
    background-image: url(../img/facebook.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-size: contain; }
#social a.instagram {
  width: 32px;
  aspect-ratio: 32/30; }
  #social a.instagram:before {
    content: "";
    width: 32px;
    aspect-ratio: 32/30;
    height: auto;
    background-image: url(../img/instagram.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-size: contain; }

#imprint {
  margin-top: 40px;
  margin-bottom: 40px;
  flex-direction: column; }
  #imprint a {
    display: block;
    color: white;
    margin-right: 20px;
    text-decoration: none; }
  #imprint p {
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 0; }

.topfooter {
  text-align: center; }
  .topfooter .row {
    padding: 0 40px;
    background-color: #fff; }
  .topfooter img {
    max-width: 100%; }
    


@media (min-width: 576px) {
  footer .row {
    align-items: center;
    padding-left: 0; }

  #evn {
    margin-left: 40px; }

  #imprint {
    flex-direction: row; }
    #imprint a {
      display: inline-block; } }
@media (min-width: 768px) {
  #top header {
    padding-top: 38px;
    padding-bottom: 32px;
    padding-left: 80px; }

  #header header {
    bottom: 40px;
    padding: 20px 80px; }

  h2 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -3px; }

  .intro .col p {
    margin-left: 60px;
    margin-right: 60px; } }
@media (min-width: 992px) {
  #top header {
    padding-top: 38px;
    padding-bottom: 32px;
    padding-left: 120px; }

  #header header {
    bottom: 100px;
    padding: 50px 120px; }

  h2 {
    font-size: 42px;
    line-height: 50px; }

  .intro .col img {
    margin-top: 0; }

  #activityfields .afitem {
    width: calc(33.3% - 60px); }

  #activityfields .afitem50 {
    width: calc(50% - 60px); }

  footer .row {
    flex-direction: row; }

  footer #imprint {
    margin-right: 40px; } }
@media (min-width: 1200px) {
  #header header {
    bottom: 200px; }

  .intro .col p {
    margin-left: 60px;
    margin-right: 60px; } }

ul{
	color:#004B7D;
	        margin-left: 60px;
        margin-right: 60px;
	padding: 0;
	    font-size: 18px;
    line-height: 32px;
    letter-spacing: -2px;
}
ul li{
	margin-left:20px;
}

