<style type="text/css">

 body {
 background: #FFFFFF;
 color: #595959;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 11pt;
 font-size: 0.917rem;
 }

 img.logo {
  width: 30%;
  margin-bottom: 10px;
 }

 img.icon {
  width: 29px;
  margin-right: 25px;
 }
 
 img.sketchnote {
    width: 300px; 
    margin-top: 10px;
 }
 

 img.profilbild {
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  width: 80%;
  border-style: dashed;
  border-color: #FFFFFF;
  borderwidth: 20px;
 }

 img.referenzbild {
  width: 100px;
  height: 100px;
 }

 img.logo_fusszeile {
  width: 70px;
 }

 td {
  color: #595959;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }

 td.distance {
  padding-top: 10px;
  padding-bottom: 10px;
 }
 
 td.COL1 {
  width: 5%;
 }
 
 td.abstand_unten {
  padding-bottom: 20px;
 }


 td.COL2 {
  width: 90%;
 }
 
 td.COL3 {
  width: 5%;
 }

 td.fusszeile {
  font-size: 0.583rem;
  padding-bottom: 7px;
 }

 li {
  color: #595959;
  list-style-type: "\22B8";
  line-height: 15pt;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.833rem;
  padding-left: 10px;
  margin-bottom: 1em;
  margin-left: 0;
 }
 
 li.menue {
  display: inline-block;
  margin: 0 10px 0 10px;
  padding: 0 10px 0 10px;
  text-align: left;
 }

 li.menue:hover {
  line-height: 24pt;
  color: #78B82B;
  background-color:#F5F5F5;
 }

 li.menue a {
  font-weight: bold;
  font-size: 0.833rem;
  line-height: 20pt;
  color: #595959;
  text-decoration: none;
 }

 
 li.home {
  list-style-type: "\2718";
  font-size: 0.833rem;
  padding-left: 10px;
  margin-bottom: 0.7em;
  margin-left: 0;
 }

 li.item {
  font-size: 0.833rem;     
  margin-bottom: 0.5em;
 }

 li.item::marker {
  color: #7CC24D;
  font-size: 1.5rem;
  font-weight: bold;
 }

 li.warum {
  list-style-type: "\25BA";
  font-size: 0.75rem;
  margin-left: -3em;
  margin-bottom: 1.5em;
 }

 li.datenschutz {
  margin-bottom: 0.5em;
 }
 


 div.table_socialmedia  {
  display: table;
  width: 100%;
 }
 
 .menue {
  font-weight: bold;
  font-size: 12pt;
  line-height: 20pt;
  color: #595959;
 }

 div.tablewrapper {
  display: table;
  width: 100%;
  margin-bottom: 30px;
 }

 .socialmediabartable_leftCol {
  color: #595959;
  display: table-cell;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.667rem;
  vertical-align: bottom;
  text-align: right;
  padding: 7px 0 10px 0;
 }
 
 p.social {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.667rem;   
 }

 .socialmediabartable_rightCol {
  display: table-cell;
  width: 21%;
  text-align: left;
  padding: 7px 0 10px 20px;
 }

 .farbzeile_home {
   background-color: #F7F9EF;
   border-top-style: solid;
   border-color: #78B82B;
   border-width: 1px;
 }

 .farbzeile_home_bild {
   background-color: #F7F9EF;
   background-repeat: no-repeat;
   background-position: right bottom;
   border-top-style: solid;
   border-color: #78B82B;
   border-width: 1px;
 }

 .home_oneCol {
  display: table-cell;
  width: 100%;
  margin: 0;
  padding: 0 10px 0 0;
  vertical-align:top;
 }
 
 

 h1 {
  color: #78B82B;
  font-family: "PT Serif", Cambria, Georgia, serif;
  font-size: 1.083rem;
  font-variant: small-caps;
  margin-top: 20px;
 }

 h1.start {
  margin-top: 40px;
 }

 h2 {
  color: #595959;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.833rem;
  text-align: left;
 }

 h2.home {
  color: #78B82B;
  text-align: left;
  margin-top: -1em;
  margin-bottom: 30px;
  margin-left: 28px;
 }
 
 .home_leftCol {
  display: table-cell;
  width: 60%;
  margin: 0;
  padding: 0 15px 0 0;
  vertical-align:top;
 }

 .home_rightCol {
  display: table-cell;
  width: 40%;
  margin: 0;
  vertical-align:top;
  text-align: left;
  padding: 0 0 0 15px;
 }

 h2.zwischentitel {
  font-weight: normal;
  margin-bottom: 30px;
 }

 h2.impressum {
  margin-top: 30px;
 }

 h2.datenschutz_haupttitel {
  font-size: 1.083rem;
  margin-top: 30px;
 }

 h2.agb  {
  font-size: 1.083rem;
  margin-top: 30px;
 }

 span.hervorhebung {
  color: #595959;
  font-weight: bold;
 }

 span.symbol {
 color: #78B82B;
 font-size: 1.5rem;
 }

 span.underline {
 text-decoration: underline;
 }

 p {
  color: #595959;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.833rem;
  line-height: 15pt;
 }

 p.grau {
  color: #595959;
  font-weight: bold;
 }

 p.kompetenz {
 margin-top: 2em;
 }

 p.zitat {
  font-size: 0.75rem;
}

 p.kontakt {
  vertical-align: middle;
  width: 40%;
  height: 100%;
  color: #2D333A;
  background-color: #FFFFFF;
  font-size: 1rem;
  line-height: 18pt;
  border-radius: 0.5em;
  border-style: solid;
  border-width: 1px;
  border-color: #78B82B;
  text-align: center;
  padding: 10px 10px 10px 10px;
  margin-top: 40px;
  margin-left: 30px;
  margin-bottom: 20px;
 }

 p.agb {
  font-size: 0.75rem;
 }

.button_home {
  width: 15%;
  display: block;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  background-color: #FFFFFF;
  border: 2px solid;
  border-radius: 100px;
  border-color: #7CC24D;
  color: #595959;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 0.667rem;
  font-weight: bold;
  cursor: pointer;
 }

 .button {
  width: 8%;
  display: block;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  border: 2px solid;
  border-radius: 100px;
  border-color: #7CC24D;
  color: #595959;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 0.667rem;
  font-weight: bold;
  cursor: pointer;
 }

 .leftCol {
  display: table-cell;
  width: 60%;
  margin: 0;
  padding: 10px 0 0 0;
  vertical-align:top;
 }

 .rightCol {
  display: table-cell;
  width: 40%;
  margin: 0;
  vertical-align:top;
  text-align: center;
  padding: 0 0 0 0;
 }

 .farbzeile_brettspiel {
   background-color: #E7EBDA;
   border-top-style: solid;
   border-color: #78B82B;
   border-width: 1px;
 }

 .brettspiel_leftCol {
  display: table-cell;
  width: 50%;
  margin: 0;
  padding: 0 15px 0 0;
  vertical-align:top;
 }

 .brettspiel_rightCol {
  display: table-cell;
  width: 50%;
  margin: 0;
  vertical-align:top;
  text-align: left;
  padding: 0 0 0 15px;
 }

 .farbzeile_dokumentation {
   background-color: #F7F9EF;
   border-top-style: solid;
   border-color: #78B82B;
   border-width: 1px;
 }

 .dokumentation_leftCol {
  display: table-cell;
  width: 50%;
  margin: 0;
  padding: 0 15px 0 0;
  vertical-align:top;
 }

 .dokumentation_rightCol {
  display: table-cell;
  width: 50%;
  margin: 0;
  vertical-align:top;
  text-align: left;
  padding: 0 0 0 15px;
 }


 .farbzeile_dasbinich {
   background-color: #E7EBDA;
   border-top-style: solid;
   border-color: #78B82B;
   border-width: 1px;
 }

 .dasbinich_leftCol {
  display: table-cell;
  width: 40%;
  margin-bottom: 0px;
  padding: 10px 15px 0 0;
  text-align: center;
  vertical-align: top;
 }

 .dasbinich_rightCol {
  display: table-cell;
  width: 60%;
  margin: 0;
  vertical-align: middle;
  text-align: left;
  padding: 0 0 0 15px;
 }

 .dasbinich_Forts_leftCol {
  display: table-cell;
  width: 50%;
  margin: 0;
  padding: 0 15px 0 0;
  vertical-align:top;
 }

 .dasbinich_Forts_rightCol {
  display: table-cell;
  width: 50%;
  margin: 0;
  vertical-align:top;
  text-align: left;
  padding: 0 0 0 15px;
 }

 .farbzeile_leistungen {
   background-color: #F7F9EF;
   border-top-style: solid;
   border-color: #78B82B;
   border-width: 1px;
 }

 .leistungen_leftCol {
  display: table-cell;
  width: 50%;
  margin: 0;
  padding: 0 15px 0 0;
  vertical-align:top;
 }

 .leistungen_rightCol {
  display: table-cell;
  width: 50%;
  margin: 0;
  vertical-align:top;
  text-align: left;
  padding: 0 0 0 15px;
 }

 table.angebot {
  width: 90%;
  border-color: #595959;
  background-color: #FFFFFF;
  margin-right: auto;
  margin-left: auto;
 }

 td.angebotstabelle {
  color: #595959;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 5px;
 }
 

 td.header {
  text-align: center;
  padding: 5px;
 }

 td.tabelle_kriterien {
  text-align: left;
  padding-left: 10px;
 }

 .farbzeile_referenzen {
   background-color: #E7EBDA;
   border-top-style: solid;
   border-color: #78B82B;
   border-width: 1px;
 }

 .referenzen_leftCol {
  display: table-cell;
  width: 27%;
  margin: 0;
  padding: 0 0 0 0;
  vertical-align:top;
 }

 .referenzen_rightCol {
  display: table-cell;
  width: 73%;
  margin: 0;
  vertical-align:top;
  text-align: center;
  padding: 0 0 30px 0;
 }

 table.referenz {
  background-color: #FFFFFF;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
 }

 td.referenz_footer {
  color: #78B82B;
  font-size: 0.583rem;
 }

 .farbzeile_kontakt {
   background-color: #F7F9EF;
   border-top-style: solid;
   border-color: #78B82B;
   border-width: 1px;
 }

 .kontakt_leftCol {
  display: table-cell;
  width: 27%;
  margin: 0;
  padding: 0 0 0 0;
  vertical-align:top;

 }

 .kontakt_rightCol {
  display: table-cell;
  width: 73%;
  height: 30%;
  margin: 0;
  vertical-align:middle;
  text-align: center;
  padding: 0 0 0 0;
 }

 a {
  text-decoration: none;
 }

 a.bottom:link {
 font-family: "Open Sans", Helvetica, Arial, sans-serif;
 font-size: 0.667rem;
 color: #595959;
 text-decoration: none;
 }

 a.bottom:visited {
  color: #7D7D7D;
  font-weight: normal;
  text-decoration: none;
 }

 a.bottom:hover {
  color: #78B82B;
  font-weight: normal;
  text-decoration: none;
 }

 a.bottom:active {
  color: #78B82B;
  font-weight: normal;
  text-decoration: none;
 }

 a.bottom:focus {
  color: #78B82B;
  font-weight: normal;
  text-decoration: none;
 }

 a.bottom:target {
  color: #7D7D7D;
  font-weight: normal;
  text-decoration: none;
 }

 a.pflichtangaben:link {
  color: #595959;
  font-weight: bold;
  text-decoration: underline;
 }

 a.pflichtangaben:visited {
  color: #7D7D7D;
  font-weight: bold;
  text-decoration: underline;
 }

 a.pflichtangaben:hover {
  color: #78B82B;
  font-weight: bold;
  text-decoration: underline;
 }

 a.pflichtangaben:active {
  color: #78B82B;
  font-weight: bold;
  text-decoration: underline;
 }

 a.pflichtangaben:focus {
  color: #78B82B;
  font-weight: bold;
  text-decoration: underline;
 }

 a.pflichtangaben:target {
  color: #7D7D7D;
  font-weight: bold;
  text-decoration: underline;
 }

 .datenschutz {
  font-size: 0.75;
 }
 
 /* Tablet  */
@media (min-width: 1024px) {
    body {font-size: 0.917rem;}
    p {font-size: 0.917rem;}
    img.logo { width: 23%; }
    td.COL1 { width:14%; }
    td.COL2 { width: 72%; }
    img.sketchnote {
    width: 320px; 
    margin-top: -1.1em;
    }
    td.COL3 { width:14%; }
    td.tabelle_kriterien {font-size: 0.917rem;}
    td.angebotstabelle {
        font-size: 0.917rem;
        color: #595959;
    }
    td.fusszeile {font-size: 0.667rem;}
    li {font-size: 0.917rem;}
    li.menue {
        margin: 0 7px 0 4px;
        padding: 0 10px 0 10px;
    }
    li.menue a {
        font-size: 0.917rem;
    }
    li.item::marker {font-size: 1.667rem;}
    li.warum {font-size: 0.833rem;}
    .socialmediabartable_leftCol {font-size: 0.75rem;}
    .socialmediabartable_rightCol {width: 24%;}
    h1 {font-size: 1.167rem;}
    h2 {font-size: 0.917rem;}
    h2.home {margin-left: 24px;}
    h2.datenschutz_haupttitel {font-size: 1.167rem;}
    h2.agb {font-size: 1.167rem;}
    span.symbol {font-size: 1.667rem;}
    p.zitat {font-size: 0.833rem;}
    p.kontakt {font-size: 1.083rem;}
    p.agb {font-size: 0.833rem;}
    .button_home {font-size: 0.75rem;}
    .button {font-size: 0.75rem;}
    td.referenz_footer {font-size: 0.667rem;}
    a.bottom:link {font-size: 0.75rem;}
    .datenschutz {font-size: 0.833rem;}
}

 /* kleine Laptops */
@media (min-width: 1500px) {
    body {font-size: 1rem;}
    img.logo { width: 17%; }
    td.COL1 { width:21%; }
    td.COL2 { width: 58%; }
    img.sketchnote {
    width: 320px; 
    margin-top: -1em;
    }
    td.COL3 { width:21%; }
    td.angebotstabelle {color: #78B82B;}
    td.fusszeile {font-size: 0.75rem;}
    li.menue {
        margin: 0 8px 0 5px;
        padding: 0 10px 0 10px;
    }
    li.menue a {font-size: 1rem;}
    li.item::marker {font-size: 1.667rem;}
    li.warum {font-size: 0.917rem;}
    .socialmediabartable_leftCol {font-size: 0.833rem;}
    .socialmediabartable_rightCol {width: 28%;}
    h1 {font-size: 1.25rem;}
    h2 {font-size: 1rem;}
    h2.home {margin-left: 25px;}
    h2.datenschutz_haupttitel {font-size: 1.25rem;}
    h2.agb {font-size: 1.25rem;}
    span.symbol {font-size: 1.667rem;}
    p.zitat {font-size: 0.917rem;}
    p.kontakt {font-size: 1.167rem;}
    p.agb {font-size: 0.917rem;}
    .button_home {font-size: 0.833rem;}
    .button {font-size: 0.833rem;}
    td.referenz_footer {font-size: 0.75rem;}
    a.bottom:link {font-size: 0.833rem;}
    .datenschutz {font-size: 0.917rem;}
}
 
 /* Desktop */
@media (min-width: 1900px) {
    body {font-size: 1rem;}
    p {font-size: 1rem;}
    img.logo { width: 15%; }
    td.COL1 { width:23%; }
    td.COL2 { width: 54%; }
    img.sketchnote { 
        width: 360px; 
        margin-top: -1em;
    }
    td.COL3 { width:23%; }
    td.angebotstabelle {color: #78B82B;}
    td.fusszeile {font-size: 0.75rem;}
    li {font-size: 1rem;}
    li.menue {
        margin: 0 11px 0 10px;
        padding: 0 11px 0 11px;
    }
    li.menue a {font-size: 1rem;}
    li.home {font-size: 1rem;}
    li.item {font-size: 1rem;}
    li.item::marker {font-size: 1.667rem;}
    li.warum {font-size: 0.917rem;}
    .socialmediabartable_leftCol {font-size: 0.833rem;}
    .socialmediabartable_rightCol {width: 27%;}
    h1 {font-size: 1.25rem;}
    h2 {font-size: 1rem;}
    h2.home {margin-left: 25px;}
    h2.datenschutz_haupttitel {font-size: 1.25rem;}
    h2.agb {font-size: 1.25rem;}
    span.symbol {font-size: 1.667rem;}
    p.zitat {font-size: 0.917rem;}
    p.kontakt {font-size: 1.167rem;}
    p.agb {font-size: 0.917rem;}
    .button_home {font-size: 0.833rem;}
    .button {font-size: 0.833rem;}
    td.referenz_footer {font-size: 0,75rem;}
    a.bottom:link {font-size: 0.833rem;}
    .datenschutz {font-size: 0.917rem;}
}

</style>