/* Allgemeines Stylesheet Var. 3, geändert 14. 12. 2019 */

@font-face    { font-family: "Standard";
                src: url("font/FuturaLT-Book.ttf") format("truetype"); }
@font-face    { font-family: "Standard";
                src: url("font/FuturaLT-Heavy.ttf") format("truetype");
                font-weight: bold; }
@font-face    { font-family: "Standard";
                src: url("font/futura-lt-book-oblique.ttf") format("truetype");
                font-style: italic; }
@font-face    { font-family: "Standard";
                src: url("font/FuturaLT-HeavyOblique.ttf") format("truetype");
                font-weight: bold; font-style: italic; }

@font-face    { font-family: "ExtraFett";
                src: url("font/FuturaLT-Bold.ttf") format("truetype"); }


/* Steuerung des Bildwechslers */

#gallery img {
  width: 100%;
  margin: 0;
  padding: 0;
}

.changer figure {        /* wird erst per JS aktiviert */
  position: absolute;
  top: 0em; left: 0em;
  width: 100%;
  max-width: 80em;
  margin: 0;
  padding: 0;
  opacity: 0;

}


/* Allgemeine Formatierung */

a  {
   color: #b61c3e;
   font-weight: bold;
   text-decoration: none;
   }

a:hover {
   color: #ff0000;
   text-decoration: none;
   }

.h1_indx {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #b61c3e;
   transition: all 1s ease;
   }

.h1_indx:hover {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #ffffff;
   background-color: #b61c3e;
   transition: all 0.5s ease;
   }

.h1_aktu {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #d9b500;
   transition: all 1s ease;
   }

.h1_aktu:hover {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #ffffff;
   background-color: #d9b500;
   transition: all 0.5s ease;
   }

.h1_term {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #009e7c;
   transition: all 1s ease;
   }

.h1_term:hover {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #ffffff;
   background-color: #009e7c;
   transition: all 0.5s ease;
   }

.h1_pers {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #4097c2;
   transition: all 1s ease;
   }

.h1_pers:hover {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #ffffff;
   background-color: #4097c2;
   transition: all 0.5s ease;
   }

.h1_ziel {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #347020;
   transition: all 1s ease;
   }

.h1_ziel:hover {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #ffffff;
   background-color: #347020;
   transition: all 0.5s ease;
   }

.h1_unab {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #e85217;
   transition: all 1s ease;
   }

.h1_unab:hover {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #ffffff;
   background-color: #e85217;
   transition: all 0.5s ease;
   }

.h1_unst {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #046285;
   transition: all 1s ease;
   }

.h1_unst:hover {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #ffffff;
   background-color: #046285;
   transition: all 0.5s ease;
   }

.h1_kont {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #e40040;
   transition: all 1s ease;
   }

.h1_kont:hover {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #ffffff;
   background-color: #e40040;
   transition: all 0.5s ease;
   }

.h1_impr {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #808080;
   transition: all 1s ease;
   }

.h1_impr:hover {
   margin-top: 2rem; margin-bottom: 0.75rem;
   padding: 0 1rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #ffffff;
   background-color: #808080;
   transition: all 0.5s ease;
   }

h2 {
   margin-top: 0.25rem; margin-bottom: 0.75rem;
   font-family: "Standard", "Arial Black", sans-serif;
   font-weight: bold;
   font-size: 1.4em;
   color: #b61c3e;
   }

.h2_indx {
   margin-top: 0.25rem; margin-bottom: 0.75rem;
   font-family: "Standard", "Arial Black", sans-serif;
   font-weight: bold;
   font-size: 1.4em;
   color: #b61c3e;
   }

.h2_aktu {
   margin-top: 0.25rem; margin-bottom: 0.75rem;
   font-family: "Standard", "Arial Black", sans-serif;
   font-weight: bold;
   font-size: 1.4em;
   color: #d9b500;
   }

.h2_term {
   margin-top: 0.25rem; margin-bottom: 0.75rem;
   font-family: "Standard", "Arial Black", sans-serif;
   font-weight: bold;
   font-size: 1.4em;
   color: #009e7c;
   }

.h2_pers {
   margin-top: 0.25rem; margin-bottom: 0.75rem;
   font-family: "Standard", "Arial Black", sans-serif;
   font-weight: bold;
   font-size: 1.4em;
   color: #4097c2;
   }

.h2_ziel {
   margin-top: 0.25rem; margin-bottom: 0.75rem;
   font-family: "Standard", "Arial Black", sans-serif;
   font-weight: bold;
   font-size: 1.4em;
   color: #347020;
   }

.h3_ziel {
   font-family: "Standard", "Arial Black", sans-serif;
   font-weight: bold;
   font-size: 1.1em;
   color: #347020;
   }

.h2_impr {
   margin-top: 0.25rem; margin-bottom: 0.75rem;
   font-family: "Standard", "Arial Black", sans-serif;
   font-size: 1.4em;
   font-weight: bold;
   color: #808080;
   }

p {
   margin-top: 0.25em; margin-bottom: 0.75em;
   }

.einr {     /* class für eingerückten Textabsatz <p> */
   padding-left: 1.8em;
   text-indent: -1.8em;
   }


/* Format für Seitenstruktur */

body {
   font-family: "Standard", "Arial", sans-serif;
   max-width: 80em;
   padding: 0;
   margin: 0;
   }

header {
   padding: 0;
   }

.h1_4 {
   margin-top: 2rem; margin-bottom: 0.75rem;
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   color: #e85217;
   }

#titelzeile {     /* id für eingeblendete Titelzeile */
   font-family: "ExtraFett", "Arial Black", sans-serif;
   font-size: 1.4em;
   color: #ffffff;
   text-shadow: 1px 1px 3px #202020;
   position: absolute;
   top: 0.5em; left: 1em;
   }

.menu {     /* class für Menüzeile im header */
   padding: 0 1rem;
   line-height: 2;
   font-family: "Standard", "Arial", sans-serif;
   font-weight: bold;
   font-size: 1rem;
   }

/* Menupunkt "Startseite" */
.menu_indx {
   padding: 0.2rem 0.5rem;
   color: #b61c3e;
   background-color: #ffffff;
   border: 1px solid #b61c3e;
   transition: all 1s ease;
   }

.menu_indx:hover {
   padding: 0.2rem 0.5rem;
   color: #ffffff;
   background-color: #b61c3e;
   border: 1px solid #b61c3e;
   transition: all 0.5s ease;
   }

/* Menupunkt "zur Person" */
.menu_pers {
   padding: 0.2rem 0.5rem;
   color: #4097c2;
   background-color: #ffffff;
   border: 1px solid #4097c2;
   transition: all 1s ease;
   }

.menu_pers:hover {
   padding: 0.2rem 0.5rem;
   color: #ffffff;
   background-color: #4097c2;
   border: 1px solid #4097c2;
   transition: all 0.5s ease;
   }

/* Menupunkt "meine Ziele" */
.menu_ziel {
   padding: 0.2rem 0.5rem;
   color: #347020;
   background-color: #ffffff;
   border: 1px solid #347020;
   transition: all 1s ease;
   }

.menu_ziel:hover {
   padding: 0.2rem 0.5rem;
   color: #ffffff;
   background-color: #347020;
   border: 1px solid #347020;
   transition: all 0.5s ease;
   }

/* Menupunkt "Aktuelles" */
.menu_aktu {
   padding: 0.2rem 0.5rem;
   color: #d9b500;
   background-color: #ffffff;
   border: 1px solid #d9b500;
   transition: all 1s ease;
   }

.menu_aktu:hover {
   padding: 0.2rem 0.5rem;
   color: #ffffff;
   background-color: #d9b500;
   border: 1px solid #d9b500;
   transition: all 0.5s ease;
   }

/* Menupunkt "Termine" */
.menu_term {
   padding: 0.2rem 0.5rem;
   color: #009e7c;
   background-color: #ffffff;
   border: 1px solid #009e7c;
   transition: all 1s ease;
   }

.menu_term:hover {
   padding: 0.2rem 0.5rem;
   color: #ffffff;
   background-color: #009e7c;
   border: 1px solid #009e7c;
   transition: all 0.5s ease;
   }

/* Menupunkt "warum unabhängig?" */
.menu_unab {
   padding: 0.2rem 0.5rem;
   color: #e85217;
   background-color: #ffffff;
   border: 1px solid #e85217;
   transition: all 1s ease;
   }

.menu_unab:hover {
   padding: 0.2rem 0.5rem;
   color: #ffffff;
   background-color: #e85217;
   border: 1px solid #e85217;
   transition: all 0.5s ease;
   }

/* Menupunkt "Unterstützer" */
.menu_unst {
   padding: 0.2rem 0.5rem;
   color: #046285;
   background-color: #ffffff;
   border: 1px solid #046285;
   transition: all 1s ease;
   }

.menu_unst:hover {
   padding: 0.2rem 0.5rem;
   color: #ffffff;
   background-color: #046285;
   border: 1px solid #046285;
   transition: all 0.5s ease;
   }

/* Menupunkt "Kontakt" */
.menu_kont {
   padding: 0.2rem 0.5rem;
   color: #e40040;
   background-color: #ffffff;
   border: 1px solid #e40040;
   transition: all 1s ease;
   }

.menu_kont:hover {
   padding: 0.2rem 0.5rem;
   color: #ffffff;
   background-color: #e40040;
   border: 1px solid #e40040;
   transition: all 0.5s ease;
   }

article {
   padding: 0 1rem;
   columns: 1 1em;
   font-size: 0.9em;
   }

#unterstuetzer {
   columns: auto 15em;
   }

#unterstuetzerbilder {
   column-count: auto;
   column-width: 5em;
   column-gap: 0.5em;
   }

section {
   padding: 0.5rem 1rem;
   columns: 1 1em;
   font-size: 0.9em;
   }

#zwischentitel {     /* id für Zwischenüberschrift als eigene section */
   padding-bottom: 0;
   }

/*
aside {
   padding: 0em 0.5em;
   border: 1px solid #e3000f;
   font-size: 1em;
   }
*/


footer {
   padding: 1rem;
   font-family: "Standard", "Arial", sans-serif;
   font-size: 0.9rem;
   }


/* Seitenstruktur responsiv */

@media (min-width: 30em) {

   #titelzeile {
      font-size: 1.6em;
      }
   article {
      font-size: 1em;
      }
   section {
      font-size: 1em;
      }
   footer {
      font-size: 1em;
      }
   }

@media (min-width: 40em) {

   #titelzeile {
      font-size:1.9em;
      }
   }

@media (min-width: 50em) {

   #titelzeile {
      font-size:2.1em;
      }
   .menu {
      font-size: 1.1em;
      }
   }

@media (min-width: 60em) {

   #titelzeile {
      font-size: 2.25em;
      }
   .menu {
      font-size: 1.25rem;
      }
   article {
      font-size: 1.1em;
      }
   section {
      font-size: 1.1em;
      }
   footer {
      font-size: 1.1em;
      }
   }


/* Kalendertabelle */

.kal {
   width: 100%;
   padding-bottom: 1em;
   border-spacing: 0.15em;
   border: 0;
   }

.kal_monat {
   padding: 0.25em;
   text-align: center;
   font-family: "Standard", "Arial", sans-serif;
   font-weight: bold;
   font-size: 1.1em;
   color: #ffffff;
   background-color: #006a53;
   }

.kal_dat {
   padding: 0.25em;
   text-align: center;
   font-family: "Standard", "Arial", sans-serif;
   font-size: 1em;
   font-weight: bold;
   color: #ffffff;
   background-color: #009e7c;
   }

.kal_kopf {
   padding: 0.25rem 0.5rem;
   font-family: "Standard", "Arial", sans-serif;
   font-weight: bold;
   font-size: 1.1em;
   color: #ffffff;
   background-color: #009e7c;
   }

.kal_zeit {
   padding: 0.25em;
   text-align: left;
   font-family: "Standard", "Arial", sans-serif;
   font-size: 1em;
   color: #000000;
   background-color: #e0e0e0;
   }

.kal_text {
   padding: 0.25em;
   font-family: "Standard", "Arial", sans-serif;
   font-size: 1em;
   color: #000000;
   background-color: #f0f0f0;
   }

.meldung {
   width: 100%;
   padding-bottom: 1em;
   border-spacing: 0.15em;
   border: 0;
   }

.meldung_dat {
   padding: 0.25rem;
   text-align: center;
   font-family: "Standard", "Arial", sans-serif;
   font-weight: bold;
   font-size: 1.1em;
   color: #ffffff;
   background-color: #d9b500;
   }

.meldung_kopf {
   padding: 0.25rem 0.5rem;
   font-family: "Standard", "Arial", sans-serif;
   font-weight: bold;
   font-size: 1.1em;
   color: #ffffff;
   background-color: #d9b500;
   }

.meldung_kopf_tx {
   color: #ffffff;
   }

.meldung_text {
   padding: 0.25rem 0.5rem;
   font-family: "Standard", "Arial", sans-serif;
   font-size: 1em;
   background-color: #f0f0f0;
   }

.meldung_fuss {
   width: 33%;
   padding: 0.25rem;
   text-align: center;
   font-family: "Standard", "Arial", sans-serif;
   font-size: 1em;
   background-color: #f0f0f0;
   }


/* Unterstützertabelle */

.ust {
   width: 100%;
   margin-bottom: 1em;
   }

.ust_ohne_bild {
   width: 100%;
   margin-bottom: 1em;
   border: 1px solid #046285;
   }

.ust_td {
   padding: 0;
   font-family: "Standard", "Arial", sans-serif;
   text-align: center;
   }

.ust_ut {
   font-family: "Standard", "Arial", sans-serif;
   font-size: 0.9em;
   }

#boxlinks25 {
   float: left;
   width: 25%;
   margin-right: 1em;
   }

#boxlinks33 {
   float: left;
   width: 33%;
   margin-right: 1em;
   }

#boxlinks50 {
   float: left;
   width: 50%;
   margin-right: 1em;
   }

#boxrechts25 {
   float: right;
   width: 25%;
   margin-left: 1em;
   }

#boxrechts33 {
   float: right;
   width: 33%;
   margin-left: 1em;
   }

#boxrechts50 {
   float: right;
   width: 50%;
   margin-left: 1em;
   }