body {
  overflow-x: hidden;
  overflow-y: visible;
  background-color: #628222;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}
h1 {
  margin: 0px 20px 10px 0px;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
}
h2 {
  margin-top: 0px;
  margin-bottom: 10px;impressum
  
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}
h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  text-align: left;
}
h4 {
  margin: 0px 20px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  text-align: left;
}
h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
p {
  width: 90%;
  margin-bottom: 5px;
}
a {
  color: #00e;
}
.button {
  display: inline-block;
  padding: 4px 15px;
  background-color: #4c6618;
  color: white;
  text-align: center;
  text-decoration: none;
}
.button:hover {
  background-color: #72962a;
}
.button.fb-color {
  background-color: #3460d9;
}
.hsrwelcome {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: white;
}
.hsroverview {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #72962a;
}
.hsrbereich01 {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #f7f3d7;
}
.hsrbereich02 {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #72962a;
}
.hsrwir {
  padding-top: 80px;
  padding-bottom: 20px;
  background-color: white;
}
.hsrpraxis {
  padding-top: 80px;
  padding-bottom: 20px;
  background-color: #cade8e;
}
.hsrimpressum {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: white;
}
.hsrrows01 {
  margin: 0px 20px;
}
.hsrrows2 {
  margin-right: 20px;
  margin-left: 20px;
}
.hsrmenuinhalt {
  max-width: 3000px;
  margin-right: 20px;
  margin-left: 20px;
}
.hsrbereichrows {
  width: 70%;
  margin: 40px auto 30px;
}
.hsrbereichcolumn {
  text-align: center;
}
.hsrwilkommenrows {
  margin-right: 20px;
  margin-left: 20px;
}
.fixedmenu {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  border-bottom: 1px solid #45962a;
  background-color: white;
}
.mobilemenulinks:hover {
  color: #628222;
}
.mobilemenulinks.w--current {
  color: #628222;
}
.menusection {
  overflow-x: hidden;
  overflow-y: hidden;
  height: 57px;
}
.hallo {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #f7f3d7;
}
.textcenter {
  text-align: center;
}
.desktopparagraph {
  width: 400px;
  padding-left: 10px;
  float: right;
  border-bottom: 0px none black;
  border-left: 1px solid black;
  font-size: 16px;
  line-height: 20px;
}
.picjuli {
  width: 400px;
}
.headingbereich {
  color: white;
  text-align: center;
}
.bereichsbutton {
  text-align: center;
}
.bereichsbuttonimg {
  width: 200px;
  box-shadow: #4c6618 -5px 5px 0px 0px;
  opacity: 0.85;
  text-align: left;
}
.bereichsbuttonimg:hover {
  opacity: 1;
}
.infotext {
  width: 90%;
  height: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 15px;
  background-color: #eaf5c4;
  box-shadow: #91a164 -4px 4px 0px 0px;
}
.h4left {
  margin-left: 0px;
  text-align: left;
}
.headingwhite {
  margin-left: 0px;
  color: white;
}
.headingwhite.bereichparagraphwhite {
  width: 90%;
  margin-bottom: 0px;
  padding-left: 15px;
  border-left: 1px solid white;
}
.headingwhite.desktoplistwhite {
  width: 90%;
  border-left-style: solid;
  border-left-width: 1px;
}
.portraitparagraph {
  width: 80%;
  margin-left: 30px;
  padding-left: 10px;
  float: left;
  border-left: 1px dashed black;
  line-height: 17px;
}
.portrait {
  margin-right: 7px;
  margin-left: 30px;
  float: left;
  border: 1px solid #d9d9d9;
}
.infoblocktext.linkcolor {
  width: 100%;
  padding-bottom: 10px;
  float: left;
  color: #4c6618;
}
.infoblocktext.linkcolor:hover {
  color: #95a85d;
}
.infoblocktext.linkcolor.noabstand {
  float: left;
}
.infoblocktext.linkcolor.noabstand:hover {
  color: #95a85d;
}
.bereichparagraph {
  width: 90%;
  margin-bottom: 0px;
  padding-left: 10px;
  border-left-style: solid;
  border-left-width: 1px;
}
.platzhalter110px {
  height: 80px;
}
.desktoplist {
  width: 90%;
  border-left: 1px solid black;
}
.desktoplistitem {
  margin-bottom: 5px;
  line-height: 17px;
}
.desktoplistitem.keinabstand {
  margin-bottom: 0px;
}
.backbutton {
  width: 250px;
  margin-top: 10px;
  margin-right: 30px;
  margin-left: auto;
  float: right;
  box-shadow: #c2bda1 -3px 4px 0px 0px;
  opacity: 0.85;
}
.backbutton:hover {
  opacity: 1;
}
.backbuttonlink {
  float: right;
}
.infoblockparagraph {
  width: 100%;
}
.adressparagraph {
  margin-bottom: 20px;
}
.impressum {
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
  color: white;
}
.impressumback {
  width: 100%;
  margin-bottom: 100px;
  float: left;
  color: white;
  text-align: center;
}
.impressumback:hover {
  color: #cade8e;
}
.bottom {
  background-color: white;
  color: black;
  text-align: center;
}
.impressumdiv {
  height: 100px;
}
.impressumlink {
  width: 100%;
  height: 200px;
  float: left;
  background-color: white;
  color: black;
  text-align: center;
}
.impressumlink:hover {
  color: #628222;
}

.datenschutzlink {
  width: 100%;
  height: 300px;
  float: left;
  background-color: white;
  color: black;
  text-align: center;
}
.datenschutzlink:hover {
  color: #628222;
}
@media (max-width: 991px) {
  body {
    overflow-x: hidden;
    overflow-y: visible;
  }
  h2 {
    margin-top: 0px;
  }
  p {
    float: right;
  }
  .button {
    margin-top: 10px;
  }
  .hsroverview {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  .hsrbereich01 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .hsrbereich02 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .hsrwir {
    padding-top: 80px;
  }
  .hsrpraxis {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .fixedmenu {
    overflow-x: visible;
    overflow-y: visible;
    border-bottom: 1px solid #2d7504;
    background-color: white;
  }
  .menubutton {
    position: fixed;
    top: 0px;
    right: 0px;
  }
  .menubutton.w--open {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #628222;
  }
  .mobilemenulinks {
    width: 100%;
    border-bottom: 1px solid #45962a;
    background-color: white;
  }
  .mobilemenulinks.w--current {
    width: 100%;
  }
  .desktopparagraph.mobileparagraph {
    float: left;
  }
  .tabletparagraph {
    width: 80%;
  }
  .tabletjuli {
    width: 80%;
    margin-bottom: 20px;
  }
  .tabletcol {
    margin-top: 30px;
    margin-right: 10px;
    margin-left: 10px;
  }
  .tabletimportant {
    float: left;
    font-size: 16px;
  }
  .tabletimportant.keinabstand {
    margin-left: -20px;
  }
  .tabletparagraphcenter {
    margin-right: 20px;
    margin-left: 20px;
    float: none;
  }
  .tabletparagraphcenter.keinabstand02 {
    margin-top: 10px;
    margin-left: 0px;
  }
  .tabletinfoblock {
    margin: 20px;
    background-color: #eaf5c4;
    box-shadow: #95a85d -3px 4px 0px 0px;
  }
  .portraitparagraph {
    margin-bottom: 5px;
  }
  .infoblocktext {
    padding: 20px;
    float: left;
  }
  .infoblocktext.linkcolor {
    width: 100%;
    color: #628222;
  }
  .infoblocktext.linkcolor.noabstand {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .portraitrow {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 80px;
  }
  .nofloat {
    margin-bottom: 20px;
    margin-left: 0px;
    float: none;
  }
  .tabletbereichsimg {
    margin-bottom: 20px;
  }
  .tabletsection {
    padding-top: 80px;
    background-color: white;
  }
  .mobileheading {
    width: 100%;
    margin-left: 40px;
  }
  .impressum01 {
    text-align: center;
  }
  .impressum {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .impressumback {
    margin-bottom: 100px;
  }
  .mobilelistwhiteitem {
    color: white;
  }
  .mobilelistgreen {
    opacity: 1;
  }
  .mobilelistgreenitem {
    background-color: transparent;
    opacity: 1;
    color: #333;
  }
}
@media (max-width: 767px) {
  body {
    overflow-x: hidden;
    overflow-y: visible;
  }
  .hsroverview {
    padding-top: 73px;
  }
  .fixedmenu {
    height: 66px;
  }
  .menubutton {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
    height: 70px;
  }
  .menubutton.w--open {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #628222;
  }
  .mobilemenulinks {
    width: 100%;
    border-bottom: 1px solid #45962a;
    background-color: white;
  }
  .mobileparagraph {
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .tabletjuli {
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .bereichsbutton.mobilebuttonwidth {
    width: 300px;
    margin-bottom: 10px;
  }
  .tabletparagraphcenter.keinabstand02.mobileplusabstand {
    margin-left: 20px;
  }
  .infoblocktext.linkcolor {
    width: 100%;
  }
  .nofloat.mobilewidth {
    width: 100%;
  }
  .impressumback {
    margin-bottom: 100px;
  }
  .impressumlink:hover {
    color: #628222;
  }
  .icon {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .mobilelistgreenitem {
    color: black;
  }
}
@media (max-width: 479px) {
  body {
    overflow-x: hidden;
    overflow-y: visible;
  }
  h3 {
    margin-right: auto;
    margin-left: auto;
    float: left;
  }
  a {
    width: 260px;
  }
  .button.mobileabstand03 {
    width: 100%;
    margin-left: 0px;
  }
  .hsroverview {
    padding-top: 70px;
  }
  .hsrmenuinhalt {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .fixedmenu {
    overflow-x: visible;
    overflow-y: visible;
  }
  .menubutton {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 900;
    width: 57px;
    height: 57px;
    float: right;
  }
  .menubutton.w--open {
    position: absolute;
    height: 66px;
    background-color: #628222;
  }
  .linieunten {
    border-bottom: 1px solid #45962a;
  }
  .mobilenavmenu {
    background-color: white;
  }
  .mobilemenulinks {
    width: 100%;
    border-bottom: 1px solid #45962a;
  }
  .mobilemenulinks.w--current {
    position: static;
  }
  .mobileparagraph {
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .tabletparagraphcenter.keinabstand02.mobileplusabstand {
    width: 100%;
    margin-left: 0px;
  }
  .headingwhite {
    width: 100%;
    float: none;
    text-align: left;
  }
  .headingwhite.headingcenter {
    text-align: center;
  }
  .portraitparagraph.mobileabstand {
    margin-bottom: 30px;
  }
  .infoblocktext.linkcolor.noabstand {
    padding-bottom: 10px;
  }
  .portraitrow {
    padding-top: 0px;
  }
  .nofloat.mobilewidth {
    width: 100%;
    text-align: left;
  }
  .backbutton {
    margin-right: auto;
    float: none;
  }
  .mobilecol {
    padding-right: 0px;
    padding-left: 0px;
  }
  .mobileheading {
    margin-left: 27px;
  }
  .mobilejuli {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .impressumback {
    width: 100%;
    margin-bottom: 100px;
    padding-bottom: 0px;
  }
  .icon {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 25px;
    height: 25px;
    margin: 15px;
  }
  .platzhalter50px {
    height: 50px;
  }
}