@font-face {
   font-family:'Merriweather Sans';
   font-style:normal;
   font-weight:200;
   src: url(../fonts/MerriweatherSans-Light.ttf);
}
@font-face {
   font-family:'Merriweather Sans';
   font-style:normal;
   font-weight:400;
   src: url(../fonts/MerriweatherSans-Regular.ttf);
}
@font-face {
   font-family:'Merriweather Sans';
   font-style:normal;
   font-weight:700;
   src: url(../fonts/MerriweatherSans-Bold.ttf);
}

@font-face {
   font-family:'Merriweather';
   font-style:normal;
   font-weight:200;
   src: url(../fonts/Merriweather-Light.ttf);
}
@font-face {
   font-family:'Merriweather';
   font-style:normal;
   font-weight:400;
   src: url(../fonts/Merriweather-Regular.ttf);
}
@font-face {
   font-family:'Merriweather';
   font-style:normal;
   font-weight:700;
   src: url(../fonts/Merriweather-Bold.ttf);
}

* {
  box-sizing: border-box;
}

body{
   font:normal 1.1em/140% 'Merriweather Sans', sans-serif;
   color: #456d87;
   font-weight: 200;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Merriweather', serif;
   color: #456d87;
}
h1 {
   font-size: 1.3em;
}
h2 {
   font-size: 1.2em;
}
h3 {
   font-size: 1.1em;
}

a, a:hover, a:visited {
   text-decoration: none;
   border-bottom: 1px dotted;
   color: #456d87;
}

a.clHeaderLink, a.clHeaderLink:hover, a.clHeaderLink:visited {
   text-decoration: none;
   border-bottom: none;
}

.clCenter {
   text-align: center;
}

@media screen and (max-width: 899px) {
   body {
      margin: 1vw;
      padding: 0;
      width: 98vw;
   }
   h1 {
      font-size: 1.1em;
      font-weight: 200;
   }
   h2, h3, h4, h5, h6 {
      font-size: 1.0em;
      font-weight: 200;
   }
   /*
   a, a:hover, a:visited {
      text-decoration: underline;
      border-bottom: none;
   }
   */

   body#idStart {
      margin-bottom: 70px;
   }

   #idStart > header {
      width: 90vw;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1em;
   }
   #idStart > header h1 {
      padding-left: 90px;
      background-image: url("/images/GAW-Logo-Strich_pos_kurz.jpg");
      background-repeat: no-repeat;
      background-size: contain;
      text-align: center;
      min-height: 75px;
   }
   #idStart > section:first-of-type {
      margin-top: 3em;
      margin-bottom: 3em;
      text-align: center;
   }
   #idStart > section:first-of-type a {
      padding: 1em;
      background-color: hsl(105, 32%, 75%);
      text-align: center;
      text-decoration: none;
   }

   #idStart > div {
      /*width: 400px;*/
      min-width: 300px;
      max-width: 400px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 50px;
      font-size: smaller;
   }
   #idStart .clBox > header {
      font-weight: bold;
   }
   #idStart .clBox a {
      text-decoration: none;
      border-bottom: 1px dotted;
      line-height: 170%;
   }

   #idStart footer {
      /*
      background-color: hsl(204, 32%, 95%);
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      width: 90vw;
      margin: auto;
      */
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      /*width: 900px;*/
      margin: auto;
      border-top: 1px solid #456d87;
      background-color: white;

   }
   #idStart footer div {
      line-height: 50px;
      text-align: center;
   }
   #idStart footer a {
      display:inline-block;
      text-align: center;
      font-size: 0.7em;
      text-decoration: none;
      border-bottom: none;
   }

   /* --- */

   body#idPage {
      margin-bottom: 70px;
   }

   #idPage > header {
      width: 90vw;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1em;
   }
   #idPage > header h1 {
      padding-left: 90px;
      background-image: url("/images/GAW-Logo-Strich_pos_kurz.jpg");
      background-repeat: no-repeat;
      background-size: contain;
      text-align: center;
      min-height: 75px;
   }

   #idPage > div {
      /*display: table;
      table-layout: fixed;*/
      /*width: 400px;*/
      margin-left: auto;
      margin-right: auto;
      padding-left: 50px;
      font-size: smaller;
   }
   #idPage > div > h2 {
      margin-top: 40px;
      margin-bottom: 10px;
      text-align: left;
      font-weight: bold;
   }

   #idPage .clBox {
      /*display: table-cell;*/
      width: 280px;
      /*height: 300px;*/
      /*padding-left: 20px;*/
   }
   #idPage .clBox > header {
      margin-top: 40px;
      font-weight: bold;
   }
   #idPage .clBox a {
      text-decoration: none;
      border-bottom: 1px dotted;
      line-height: 170%;
   }

   #idPage footer {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      /*
      width: 900px;
      */
      margin: auto;
      border-top: 1px solid #456d87;
      background-color: white;
   }
   #idPage footer div {
      line-height: 50px;
      text-align: center;
   }
   #idPage footer a {
      display: inline-block;
      text-align: center;
      font-size: 0.7em;
      text-decoration: none;
      padding-right: 1em;
      padding-left: 1em;
      border-bottom: none;
   }

   #idVorstand {
      display: table;
      table-layout: fixed;
   }

   .clBoxV {
      display: table-row;
      padding: 5px;
   }
   .clBoxV header {
      font-weight: bold;
      /*height: 2em;*/
   }
   .clBoxV img {
      width: 200px;
      height: 200px;
      border: 1px solid;
      border-radius: 10px;
      box-shadow: 5px 5px 20px gray;
      margin-top: 10px;
      margin-bottom: 10px;
   }
   .clBoxV p {
      margin-bottom: 5px;
      margin-top: 5px;
   }
   .clBoxV p:last-of-type {
      margin-bottom: 25px;
   }
}

@media screen and (min-width: 900px) {
   body {
      margin-bottom: 0;
      background-color: white;
      line-height: 170%;
   }
   h1 {
      font-weight: 200;
   }
   h2, h3, h4, h5, h6 {
      font-weight: 200;
   }
   a, a:hover, a:visited {
      text-decoration: underline;
      border-bottom: none;
   }

   #idStart > header {
      min-height: 100px;
      max-height: 100px;
      width: 900px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 100px;
      padding-bottom: 50px;
      background-color: white;
   }
   #idStart > header h1 {
      padding-left: 90px;
      background-image: url("/images/GAW-Logo-Strich_pos_kurz.jpg");
      background-repeat: no-repeat;
      background-size: contain;
      text-align: center;
      min-height: 75px;
   }
   #idStart > section:first-of-type {
      width: 900px;
      margin-top: 50px;
      margin-bottom: 50px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding-top: 50px;
      padding-bottom: 50px;
      background-color: white;
   }
   #idStart > section:first-of-type a {
      line-height: 100px;
      padding: 1em;
      background-color: hsl(105, 32%, 75%);
      text-align: center;
      text-decoration: none;
   }

   #idStart > div {
      display: table;
      table-layout: fixed;
      width: 900px;
      margin-left: auto;
      margin-right: auto;
      background-color: white;
   }
   #idStart .clBox {
      display: table-cell;
      width: 280px;
      height: 300px;
      padding-left: 20px;
   }
   #idStart .clBox > header {
      font-weight: bold;
   }
   #idStart .clBox a {
      text-decoration: none;
      border-bottom: 1px dotted;
      line-height: 170%;
   }

   #idStart footer {
      width: 900px;
      margin: auto;
      border-top: 1px solid #456d87;
      background-color: white;
   }
   #idStart footer div {
      line-height: 50px;
      margin: auto;
      text-align: center;
   }
   #idStart footer a {
      /*display: inline-block;
      text-align: center;*/
      font-size: 0.7em;
      text-decoration: none;
      padding-right: 1em;
      padding-left: 1em;
   }

   /* --- */

   body#idPage {
      margin-bottom: 70px;
   }

   #idPage > header {
      min-height: 100px;
      max-height: 100px;
      width: 900px;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 50px;
   }
   #idPage > header h1 {
      padding-left: 90px;
      background-image: url("/images/GAW-Logo-Strich_pos_kurz.jpg");
      background-repeat: no-repeat;
      background-size: contain;
      text-align: center;
      min-height: 75px;
   }
   /*
   #idPage > section:first-of-type {
      width: 900px;
      margin-top: 50px;
      margin-bottom: 50px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding-top: 50px;
      padding-bottom: 50px;
   }
   #idPage > section:first-of-type a {
      line-height: 100px;
      padding: 1em;
      background-color: hsl(105, 32%, 75%);
      text-align: center;
      text-decoration: none;
   }
   */
   #idPage > div {
      /*display: table;
      table-layout: fixed;*/
      width: 900px;
      margin-left: auto;
      margin-right: auto;
   }
   #idPage > div > h2 {
      margin-top: 20px;
      margin-bottom: 10px;
      text-align: center;
      font-weight: bold;
   }

   #idPage .clBox {
      /*display: table-cell;*/
      width: 280px;
      height: 300px;
      padding-left: 20px;
   }
   #idPage .clBox > header {
      margin-top: 40px;
      font-weight: bold;
   }
   #idPage .clBox a {
      text-decoration: none;
      border-bottom: 1px dotted;
      line-height: 170%;
   }

   #idPage footer {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      width: 900px;
      margin: auto;
      border-top: 1px solid #456d87;
      background-color: white;
   }
   #idPage footer div {
      line-height: 50px;
      margin: auto;
      text-align: center;
   }
   #idPage footer a {
      display: inline-block;
      text-align: center;
      font-size: 0.7em;
      text-decoration: none;
      padding-right: 1em;
      padding-left: 1em;
   }

   #idVorstand {
      display: table;
      table-layout: fixed;
   }

   .clBoxV {
      display: table-cell;
      padding: 5px;
   }
   .clBoxV header {
      font-weight: bold;
      height: 2em;
   }
   .clBoxV img {
      width: 200px;
      height: 200px;
      border: 1px solid;
      border-radius: 10px;
      box-shadow: 5px 5px 20px gray;
      margin-top: 10px;
      margin-bottom: 10px;
   }
   .clBoxV p {
      margin-bottom: 5px;
      margin-top: 5px;
   }
   .clBoxV p:first-of-type {
      margin-top: 25px;
   }
}
/* EOF */