@charset "utf-8";
/* CSS Document */

:root
{
  --grau1:#666666;
  --grau2:#999999;
  --grau3:#E0E0E0;
  --grau4:#F0F0F0;
  --weiss:#FFFFFF;
  --gruen:#2CCD0A;
  --orange:#FFC000;
}

@font-face{
font-family:'Segoe Print';
font-style:normal;
font-weight:300;
src:local('Segoe Print'),
  url('fonts/segoepr.ttf') format('truetype');}

  body { padding:0em;
         margin:0em;
         background-color:var(--grau3);
         font-family:'Calibri';
         width:100%;
         height:100%;}

  body.bindex { background-color:var(--gruen);}
  body.bdsgvo { background-color:var(--orange);}
  body.imgbody  { background-color:var(--weiss);
                  width:100%;
                  height:100%;}

  div {  color:var(--grau1);
         background-color:var(--weiss);
         padding:1em;}

  div.headline { margin:1em 2em 0em 2em;
                 border-radius:1em 0em 0em 0em;
                 padding:0em;
                 padding:0.1em 0em;
                 background-color:var(--weiss);}
  div.headline_green{margin:1em 2em 0em 2em;
                 border-radius:1em 1em 0em 0em;
                 padding:0em;
                 padding:0.1em 0em;
                 background-color:var(--weiss);}
  div.headline_orange{margin:1em 2em 0em 2em;
                 border-radius:0.5em 0.5em 0em 0em;
                 padding:0em;
                 padding:0.1em 0em;
                 background-color:var(--weiss);}
  div.headline_grey{margin:1em 2em 0em 2em;
                 border-radius:1em 0em 0em 0em;
                 padding:0em;
                 padding:0.1em 0em;
                 background-color:var(--weiss);}
  div.main {     border-radius:0em;
                 margin:0em 2em;}
  div.main_green{border-radius:0em;
                 margin:0em 2em;}
  div.main_grey{border-radius:0em;
                 margin:0em 2em;}
  div.main_index {border-radius:0em;
                 margin:0em 2em;
                 text-align:center;}
  div.image {    border-radius:0em;
                 margin:0em 2em;
                 text-align:left;
                 min-height:15em;}
  div.imagetop { border-radius:0em;
                 margin:0em 2em;
                 text-align:left;
                 min-height:15em;}
  div.bottom-line {      color:var(--gruen);
                         text-align:right;
                         padding-top:0em;
                         border-radius:0em 0em 1em 0em;
                         margin:0em 2em;}
  div.header {   background-color:var(--weiss);
                 color:var(--grau1);
                 border-radius:0em 0em 0em 0em;
                 padding-left:1em;}

  div.footer {   background-color:var(--weiss);
                 color:var(--grau1);
                 padding-left:2em;
                 background-color:var(--weiss);
                 line-height:1.5em;
                 border-radius:1em 0em 0em 0em;}

  div.footer_green {background-color:var(--weiss);
                 color:var(--grau1);
                 padding-left:2em;
                 background-color:var(--weiss);}
  div.footer_orange {background-color:var(--weiss);
                 color:var(--grau1);
                 padding-left:2em;
                 background-image:linear-gradient(30deg, var(--weiss) 19em, var(--orange) 19.1em);}
  div.footer_grey {background-color:var(--weiss);
                 color:var(--grau1);
                 padding-left:2em;
                 background-color:var(--weiss);
                 line-height:1.5em;
                 border-radius:1em 0em 0em 0em;}

  div.footer1 {  background-color:#FFFFFF;
                 color:var(--grau1);
                 padding-right:2em;padding-top:0em;
                 background-image:linear-gradient(210deg, var(--weiss) 13em, var(--grau1) 13.1em);
                 text-align:right;}

  div.footer1_green {  background-color:#FFFFFF;
                 color:var(--grau1);
                 padding-right:2em;padding-top:0em;
                 background-color:var(--weiss);
                 text-align:right;}

  div.footer1_orange {  background-color:#FFFFFF;
                 color:var(--grau1);
                 padding-right:2em;padding-top:0em;
                 background-color:var(--weiss);
                 text-align:right;}

  div.footer1_grey {  background-color:#FFFFFF;
                 color:var(--grau1);
                 padding-right:2em;padding-top:0em;
                 background-color:var(--weiss);
                 text-align:right;
                 line-height:1.5em;
                 border-radius:0em 0em 1em 0em;}

  div.footline {padding:1em 2em;text-align:right;}

  div.imgWrapper {padding:0em;margin:0em;vertical-align:middle;text-align:center;border: 1px solid;}

  a.footer-link{color:var(--grau1);}
  a.index-link{font-family:'Segoe Print';color:var(--gruen);font-size:140%;}
  ul {   background-color:var(--weiss);
         color:var(--grau1);padding:0.5em;
         padding-left:3em;
         margin:-1em 2em;}
  h1{font-family:'Segoe Print';margin-left:1em;color:var(--grau1);}
  h1.green {color:var(--gruen);}
  h1.orange {color:var(--orange);}
  h1.grey {color:var(--grau1);}

  h3 {font-family:'Segoe Print';margin-bottom:0em;margin-left:2em;color:var(--grau1);}
  h3.green {color:var(--gruen);}
  h3.orange {color:var(--orange);}
  h3.grey {color:var(--grau1);}

  h4 {font-family:'Segoe Print';margin-bottom:0em;margin-left:2em;color:var(--grau1);}
  h4.green {color:var(--gruen);}
  h4.orange {color:var(--orange);}
  h4.grey {color:var(--grau1);}

  img.header_logo {height:6em;float:right;margin-right:2em;}
  img.bottom_logo {height:4em;margin:1em 1em;}
  img.inText {width:15em;float:left;margin:0em 2em 2em 2em;}
  img.aboveText {width:15em;float:none;margin:0em 2em 2em 2em;}
  img.top {width:30%;max-height:20em;float:top;margin:2em auto 2em auto;display:block;}
  img.top2 {width:30%;float:top;margin:2em auto 2em auto;display:block;}

  img.FocusPic {width:90%;max-height:80%;
      position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

  img.FocusPic2 {width:90%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

  img.FocusX   {
      position: fixed;
    top: 1em;
    right: 1em;
    width:2em;}

  input[type=range]:focus {
    outline: none;}

    /*hier geht das original los*/
  input[type=range] {
    appearance:none;
    width:50%;
    border-radius:2px;
    height: 4px;
    border:1px solid var(--grau3);
    background-color: var(--gruen);
    margin:1em;
    min: 1;
    max: 15;
    step:1}

  input[type='range']::-webkit-slider-thumb {
    appearance: none;
    background: var(--grau3);
    border:1px solid var(--grau1);
    width:15px;
    height:15px;
    border-radius:15px;
    cursor: pointer;}

  input[type=range]::-moz-range-thumb {
    background: var(--grau3);
    border:1px solid var(--grau1);
    width:15px;
    height:15px;
    border-radius: 15px;
    cursor: pointer;}


  input[type="radio"][disabled] + label {
    color: var(--grau1); }

  fieldset{border-style:solid;background-color:var(--grau4);}

  td{text-align:center;border-left-style:solid;border-left-width:0px;padding:0em 1em;}
  td.firstCol{text-align:right;border-left-style:none;}

  th{text-align:center;border-left-style:solid;border-left-width:0px;padding:0em 1em;font-weight: normal;}
  th.firstCol{text-align:right;border-left-style:none;}

  tr.odd{background-color:var(--grau4)}
  tr.even{}