html {font-size: 21px;}
p {line-height: 1.7rem;}
.text-darkgray {color: #656565;}
.hr-mb {margin-bottom: 45px;}
.hr-ml {margin-left: -400px;}
.hr-farbe_1 {border-color: #000;}
.container-fluid {max-width: 1100px;}
.img-right-div {padding-left: 0;}
.img-right {margin-left: -1px;}
.endlogo{margin-top:16rem;}
.shop{margin-top:14rem;}
.shoplogo{margin-top:9rem;}
.footerlogo{margin-top:4rem;}
.pic_1{display:block;}
.pic_2{display:none;}
.img-left-div,
.text-left-div {padding-right: 0;}
.index-section-startbild {
padding-top: 82px;
 padding-bottom: 70px;}
.logo_w{
position:relative;
z-index:1; 
left:200px; 
top:165px;}
#bg_01 {
  background-image: url(../img/bg_01.jpg);
  height: 480px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;}
#logo {
  background-image: url(../img/logo.jpg);
  height: 119px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;}
@media (max-width: 991px) {
.section-image-div {text-align: center;}
.endlogo{margin-top:5rem;}
.hr-ml {margin-left: 0;}
.pic_1{display:none;}
.pic_2{display:block;}
.logo_w{display: none;}
.img-right-div {padding-left: 15px;}
.img-left-div,
.text-left-div {padding-right: 15px;}
.section-text-div-fz {
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.9);}
#bg_01 {height: 380px;} }
@media (max-width: 767px) {
.endlogo{margin-top:5rem;}
section {margin-top: 70px;}}
@media (max-width: 575px) {
.section-text-div {padding: 40px 30px;}}