@import url("https://fonts.nwwn.de/file.php?&family=Jomhuria");
@import url("https://fonts.nwwn.de/file.php?&family=Abel");
html{font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth}*,*::before,*::after{padding:0;margin:0;-webkit-box-sizing:inherit;box-sizing:inherit;list-style:none;list-style-type:none;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-family:inter,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#121212;background:#fafafa}
body.scrolling{overflow-y:hidden}a,button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;outline:none;background:0 0;text-decoration:none}
@media only screen and (max-width:768px){a,button{cursor:default!important;border:none;outline:none}}img,video{display:block;max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover}
.container{max-width:80rem;width:100%;height:auto;padding:0 2rem;margin:0 auto}@media only screen and (max-width:768px){.container{padding:0 1rem;margin:0 auto}}.brand{font-family:inherit;font-size:1.75rem;font-weight:700;line-height:inherit;border:none;outline:none;color:#09363F;text-transform:uppercase;text-rendering:optimizeLegibility}
.header{position:relative;left:0;top:0;width:100%;height:auto;z-index:999;border:none;outline:none;background:#E7F2F5;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.header .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem;max-width:100%;height:auto;padding:.75rem 0}.header .navbar{max-width:100%;height:auto}.header .menu>.menu-item{position:relative;display:inline-block;margin:0 .75rem}.header .menu>.menu-item>a{display:block;font-family:inherit;font-size:1rem;font-weight:600;line-height:inherit;padding:1rem 0;border:none;outline:none;color:#121212;text-rendering:optimizeLegibility;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease}.header .menu>.menu-item>a .expand{position:relative;display:inline-block;height:.75rem;width:.75rem;margin-left:.35rem;border:none;outline:none;pointer-events:none}.header .menu>.menu-item>a .expand:before,.header .menu>.menu-item>a .expand:after{position:absolute;-webkit-box-sizing:inherit;box-sizing:inherit;content:'';left:50%;top:50%;width:100%;height:2px;background:#121212;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease}.header .menu>.menu-item:hover>a{color:#09363F}.header .menu>.menu-item:hover>a .expand::before,.header .menu>.menu-item:hover>a .expand::after{background:#09363F}.header .menu>.menu-item>a .expand::after{-webkit-transform:translate(-50%,-50%) rotate(-90deg);-ms-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)}.header .menu>.menu-item>.sub-menu>.menu-item>a:hover{color:#09363F}.header .menu>.menu-item>.sub-menu{position:absolute;left:-1rem;top:100%;width:13rem;height:auto;padding:.75rem 0;border:none;outline:none;opacity:0;visibility:hidden;border-top:3px solid #09363F;background:#fff;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);-webkit-transform:translateY(1rem);-ms-transform:translateY(1rem);transform:translateY(1rem);-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease}.header .menu>.menu-item>.sub-menu>.menu-item{display:block}.header .menu>.menu-item>.sub-menu>.menu-item>a{display:block;font-family:inherit;font-size:1rem;font-weight:600;line-height:inherit;padding:.5rem 1.25rem;color:#121212;text-transform:capitalize;text-rendering:optimizeLegibility;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease}.header .opened-menu{position:relative;display:none;cursor:pointer;width:2rem;height:1rem;border:none;outline:none;opacity:0;visibility:hidden;background:0 0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease}.header .opened-menu span{display:block;position:absolute;width:100%;height:2px;left:0;border:none;outline:none;opacity:1;border-radius:.25rem;background:#121212;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.header .opened-menu span:nth-child(1){top:0}.header .opened-menu span:nth-child(2),.header .opened-menu span:nth-child(3){top:.5rem}.header .opened-menu span:nth-child(4){top:1rem}.header .closed-menu{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;width:2.5rem;height:2.5rem;border:none;outline:none;background:0 0}.header .closed-menu img.closed-icon{display:block;width:1rem;height:auto}.header .overlay{position:fixed;left:0;top:0;height:100%;width:100%;z-index:999;opacity:0;visibility:hidden;background:rgba(0,0,0,.6);-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease}@media only screen and (min-width:993px){.header .menu>.menu-item-has-children:hover>.sub-menu{display:block;opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.header .menu>.menu-item-has-children:hover>a .expand::after{-webkit-transform:translate(-50%,-50%) rotate(0deg);-ms-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}}@media only screen and (max-width:992px){.header .overlay.active{display:block;opacity:1;visibility:visible}.header .navbar{position:fixed;top:0;left:-18rem;width:18rem;height:100%;padding:1rem 0;z-index:999;opacity:0;overflow-y:auto;visibility:hidden;background:#fff;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.header .navbar.active{left:0;opacity:1;visibility:visible}.header .navbar::-webkit-scrollbar{width:5px}.header .navbar::-webkit-scrollbar-thumb{border-radius:1rem;background:#e6e6e6;-webkit-box-shadow:inset 0 2px 6px rgba(0,0,0,.12);box-shadow:inset 0 2px 6px rgba(0,0,0,.12)}.header .menu{width:100%;height:auto;margin-top:3.5rem}.header .menu>.menu-item{display:block;margin:0}.header .menu>.menu-item-has-children>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .menu>.menu-item>a{padding:.75rem 1rem;color:#121212;border-bottom:1px solid #f2f2f2}.header .menu>.menu-item:first-child>a{border-top:1px solid #f2f2f2}.header .menu>.menu-item>a .expand::before,.header .menu>.menu-item>a .expand::after{background:#121212}.header .menu>.menu-item-has-children.active>a .expand:after{-webkit-transform:translate(-50%,-50%) rotate(0deg);-ms-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}.header .menu>.menu-item>.sub-menu{position:relative;top:auto;left:auto;width:100%;max-height:0;padding:0;border:none;outline:none;opacity:1;overflow:hidden;visibility:visible;background:0 0;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}.header .menu>.menu-item>.sub-menu>.menu-item>a{padding:.75rem 2rem;color:#121212;border-bottom:1px solid #f2f2f2}.header .opened-menu{display:block;opacity:1;visibility:visible}.header .closed-menu{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;top:1rem;right:.5rem}}.main{display:block;max-width:100%;height:auto;margin:6rem 0}


.header nav {  font-size: 1rem;
  line-height: 1.5rem;font-family: "Abel", sans-serif;
font-weight: 400;
text-transform: uppercase;}

#teaser { background:#E7F2F5 url(../externer-datenschutzbeauftragter.webp) right top no-repeat; background-size:contain; min-height:30rem; display:flex; width:100%; }

#teaser section {
  max-width: 35rem;
  margin: 0 1.5rem 1.5rem 0;
  place-self: center; }

#teaser section h1 {
  font:bold 2.5rem "Abel", sans-serif;
  line-height: 2.75rem; 
  margin: 0.5rem 0px 1rem;
  color: #09363F;
  letter-spacing: -0.02rem; 
  text-transform: uppercase;
}


#teaser section p { 
  font:400 1.25rem/1.75rem "Abel", sans-serif; 
  margin: 1rem 0;
  color: #09363F;
  text-transform: none;
  max-width: 31rem;
}
 
#teaser p span { font-size:0.9rem;line-height:1rem; }

 
#teaser section a.button {
  line-height: inherit;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.125rem;
  cursor: pointer;
  font-family: "Abel", sans-serif;
  font-weight: 500;
  -moz-box-pack: center;
  justify-content: center;
  transition: background 200ms ease 0s, color 200ms ease 0s, border 200ms ease 0s;
  background: #09363F;
  border-color: #09363F;
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  padding: 0.875rem 1.125rem;
  display: inline-block;
  text-decoration: none;
  text-align: center; 
  margin: 1rem 1.5rem 0.5rem 0rem;
  position:relative;
}
#teaser section a.button:hover {
  border: 0.125rem solid #09363F; 
  background: transparent; 
  color: #09363F;
 
}

#green { background:#09363F; padding:2rem 0; color:#fff; }


footer { background:#09363F; padding:4rem 0; }

main article { display:flex; flex-direction:row; flex-wrap:wrap; }
main section { display: inline-block; width:calc(25% - 2rem); margin:1rem; border-radius:0.5rem; border:2px solid #09363F; background:#09363F; min-height:20rem; }