* {margin: 0px; padding: 0px; }
#thegreatwrapper { position: absolute; width: 100%; height: 100%; top: 0; font-family: univers-next-pro, sans-serif; font-weight: 400; font-style: normal; }
#magenta { position: fixed; width: 100%; height: 100%; top: 0; background-color:#E83185; z-index: -1; }

#wrapper_content { padding: 1rem; padding-bottom: 4rem; font-size: 1.3rem; line-height: 1.7rem; }
#content { z-index: 0; }

#wrapper_content.inline { padding: 0; margin-top: 4rem; font-size: 1.3rem; line-height: 1.7rem; }

#logo { font-size: 4rem; line-height: 4rem; margin-top: 1rem; margin-left: -0.3rem; padding-bottom: 4rem; }

#title { font-size: 2rem; line-height: 2.2rem; margin-bottom: 2rem; }

.headline { font-size: 2rem; line-height: 2.2rem; margin-bottom: 1rem; }

.text { font-size: 1.3rem; line-height: 1.7rem; }
.text_oben { margin-bottom: 2rem; }
.text_unten { margin-top: -1rem; }

 a { display: inline; text-decoration: underline; color: black; text-align: left;
padding: 0; margin: 0; }




.Inputfield.absatz { margin-bottom: 4em; }

.activator { cursor: pointer; color: black; text-decoration: underline; }
.activator:hover { cursor: pointer; text-decoration: underline; }
.activator::after { content: " >>"; }
.activator.activated::after { content: " << … / Formular schließen"; }
.hidden { display: none; }



#schwarm { padding-top: 8rem; }

.beitrag { margin-bottom: 3rem; }
.info_top { margin-bottom: 1rem; }
.autor_in { display: inline-block; font-size: 1.8rem; line-height: 2rem; }
.datum { display: inline-block; }

.bildbeitrag { height: 300px; width: auto; margin-top: 2rem; }
.bildbeitrag img { height: 100%; width: auto; }

i { font-family: univers-next-pro, sans-serif;  font-weight: 400;  font-style: italic; }
b, strong { font-family: univers-next-pro, sans-serif; font-weight: 600; font-style: normal; }

h2 { font-size: 2.8rem; line-height: 3.2rem; margin-bottom: 1rem; font-weight: normal; }
h3 { font-size: 2rem; line-height: 2.2rem; margin-bottom: 1rem; font-weight: normal; }
.title { font-size: 2rem; line-height: 2.2rem; margin-bottom: 1rem; }


.FormBuilder.InputfieldForm .InputfieldStateRequired > .InputfieldHeader:first-child:after {
  color: black;
  content: "*"; }
  
  
#footer { background-color: black; }
  #footer a { font-size: 1.2rem; line-height: 1.7rem; padding: 2px 5px 2px 5px; }
  #footer a:link { text-decoration:underline; background: black; color:#E83185; }
  #footer a:visited { text-decoration:underline; background: black; color:#E83185; }
  #footer a:hover { text-decoration:none; background: black; color:#E83185; }
  #footer a:active { text-decoration:none; background: black; color:#E83185; }
  #footer a.active { text-decoration:none; background: black; color:#E83185; }
  .tohide { font-size: 1.2rem; line-height: 1.7rem; background: black; color:#E83185; padding: 2px 0; }
  .hamburger { display: none; }  
  
  
#wrapper_footer { position: fixed; right: 10px; bottom: 10px; }  
  
  
  
  
  
  
  
  
  
  
  
@media only screen and (max-width: 1000px) {

  #footer { background: none; }
  #footer a { display: block; text-align: right; padding: 0 5px 0 7px; margin-top: 8px; }
  .tohide { display: none; }
  }



@media only screen and (max-width: 760px) {

  a { hyphens: auto; }
  }


  
@media only screen and (max-width: 640px) {
  
  #wrapper_content { padding-bottom: 11rem; }
  
  #footer a { margin-top: 5px; }
  }
  
    
  
@media only screen and (max-width: 540px) {
  
  .bildbeitrag { width: 100%; height: auto; }
  .bildbeitrag img { width: 100%; height: auto; } 
  
  
  #navigation { display: none; }
  
  .hamburger::before { content: "open ";  }
  .hamburger { display: block; text-decoration: underline; background: black; color: #E83185; text-align: right; padding: 0px 5px 0px 7px; margin-top: 5px; font-size: 1.2rem; line-height: 1.7rem; cursor: pointer; }
  
  .hamburger_x::before { content: "close "; }
  
  }
  


@media only screen and (max-width: 430px) {
  
  #wrapper_content { padding-bottom: 12.5rem; }
 
  a { font-size: 1.2rem; line-height: 1.7rem; }
  #articles .text, #articles_start .text { font-size: 1.2rem; line-height: 1.7rem; }
  .title { font-size: 1.8rem; line-height: 2rem; }
  #expl { font-size: 1rem; line-height: 1.2rem; }
  }



  
@media only screen and (max-width: 410px) {
  
  #footer a { font-size: 1.1rem; }
  
  #articles a { display: inline; text-align: left; padding: 0; margin: 0; }
  
  .tohide { display: none; }
  }