*{margin:0px; padding:0px; box-sizing: border-box;}

ul{margin:0px; padding: 0px;  list-style: none;}
a{text-decoration: none;}
.home-page{background:url(../images/body-bg.png) repeat; }
.inner-page{background-color: #0c8358; padding-bottom: 40px;}
.address {display: flex;align-items: center; margin-top: 50px; position: relative; z-index: 0;
  width:450px; left:-15px;  padding: 10px 0px 10px 0px; background: #000; border-radius: 0 5px 5px 0px; border-bottom:7px solid #e7e216;
}

@font-face {
  font-family: 'LiebeDoris';
  src: url('../fonts/LiebeDoris-Bold.eot');
  src: url('../fonts/LiebeDoris-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/LiebeDoris-Bold.woff2') format('woff2'),
      url('../fonts/LiebeDoris-Bold.woff') format('woff'),
      url('../fonts/LiebeDoris-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.address img {
  margin-left:20px;
}
.address:before {
  content: "";
  background: #000;
  position: absolute;
  width:100%;
  height: 100%;
  top:0px;
  left:7px;
  z-index: -1;
  transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
    border-radius: 0 5px 5px 0px;
  }
  .innerpage-text {text-align: center; padding: 20px 0 0 0;}
  .innerpage-text h1{font-size:48px;  font-family: "Khand", sans-serif;}
  .innerpage-text li{margin: 20px 0; font-family: "Khand", sans-serif;}
  .innerpage-text h2{font-size: 30px;  margin-top: 20px; font-family: "Khand", sans-serif;}
  .innerpage-text h3{font-size: 24px;  margin-top: 20px; font-family: "Khand", sans-serif;} 
  .innerpage-text p{font-size: 16px; font-family: "Khand", sans-serif;}



  .address:after {
    content: "";
    background: #e7e216;
    position: absolute;
    width:100%;
    height: 100%;
    top:7px;
    left:15px;
    z-index: -2;
    transform-origin: bottom left;
      -ms-transform: skew(-30deg, 0deg);
      -webkit-transform: skew(-30deg, 0deg);
      transform: skew(-30deg, 0deg);
      border-radius: 0 7px 7px 0px;
      
    }

    .col-lg-6.address-section {
      width: 47%;
  }

.address h3 {
  font-size:21px;
  color: #fff;
  margin-left: 20px;
  margin-top: 10px;
  text-align: left;
}

.col-lg-12.logo-section {
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo img{width:550px; margin-top:50px;}

.phone {
  background: #e7e216;
  margin-top:80px;
  border-radius: 50px;
  width:350px;
  border: 2px solid #000;
}

.phone i.fa-solid.fa-phone {
  background: #000;
  color: #e7e216;
  padding: 10px;
  border-radius: 50px;
  font-size: 30px;
  }



.phone span {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-shadow: -2px -2px 1px black, 2px -2px 1px black, -2px 2px 1px black, 2px 2px 1px black;
    
}

.home-pic1 {
  width: 400px;
  height: 400px;
  position: absolute;
  left: -50px;
  object-fit: cover;
  bottom: -37px;
  z-index: 0;
}

.home-pic1::after{content: ""; position: absolute; width: 100%; height: 100%; border:10px dashed #e7e216; top:-5px; left:-15px; border-radius:100%;}

.home-pic1 img {
  object-fit: none;
  width:390px;
  height: 390px;
}

.home-contact {
  margin-top:20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.home-contact ul{margin: 0px; padding: 0px;}
.home-contact ul li{margin: 0px; padding:10px 0;}
.home-contact ul li a{font-size: 48px; color: #000; font-family: 'LiebeDoris'; text-transform: uppercase;}
.red-text{color: hsl(355.36deg 79.25% 41.57%); position: relative;}
.red-text:before{content:""; position: absolute; border-bottom:4px solid hsl(355.36deg 79.25% 41.57%); bottom: 0; left: 0; right:0;}
.insta-btn{margin:30px 0 0 0;}
.wir-text{margin:50px 0; border:dashed 3px #000; font-family: "Khand", sans-serif;  font-weight:600; padding: 10px; border-radius: 6px; font-weight: bold;}
.insta-btn a{background-color:  hsl(355.36deg 79.25% 41.57%); color: #fff; padding: 10px; font-family: "Khand", sans-serif; font-weight:600; border-radius: 6px; text-decoration: underline;}
span.icon-font i {
  background: #be1623;
  color: #fff;
  border-radius: 40px;
  width: 30px;
  height: 30px;
  padding-top: 7px;
}

.startseite-text a { 
  color: #e7e216;
  font-size:72px;
  font-style: italic;
  font-weight: bold;
  text-shadow: -3px -3px 1px black, 3px -3px 1px black, -3px 3px 1px black, 3px 3px 1px black;
  position: relative;
}
.email-text{margin-bottom:40px; margin-top: 10px;}
.contact-text {font-family: "Khand", sans-serif; font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  width:400px;
  justify-content: space-around;
}


.startseite-text a::after {
  content: "";
  position: absolute;
  border-bottom: 5px solid #e7e216;
  bottom: 6px;
  left: 0;
  right: 0;
}

.contact-text h2 {
  font-size:72px;
  color: #fff;
  margin-top:10px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 10px;
 margin-left:20px;
}

.insta-text {
  text-align: center;
  background: #e7e216;
  width: 400px;
  
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  font-size:48px;
  border: 5px dashed #000;
  border-radius: 20px;
  margin-top:40px;
}

.insta-text i.fa-brands.fa-instagram {
  background: #000;
  color: #e7e216;
  border-radius: 100%;
  padding: 10px;
  font-size: 42px;
  width: 60px;
  height: 60px;
}

.insta-text a {
  color: #000;
  font-weight: bold;
}


.left-piza-box {
  width: 400px;
  display: flex;
  background: #fff;
  position: absolute;
  top: 40%;
  border: 5px solid #000;
  border-left: 0;
  border-radius: 0 40px 40px 0;
}

.member-text {
  margin-top:40px;
  margin-left: 20px;
}

.right-piza-box {
  position: absolute;
  right: 0;
  width:500px;
  height: 100%;
  overflow: hidden;
}
.piza-pic1 {
  position: relative;
  left: 100px;
}
.member-text h5 {
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.member-pic{padding: 20px;}
.member-pic img{width:100%;}
.right-piza-box:before{content:""; position: absolute; width:3px; height:74%; top:0; right:130px; background-color: #000;}

.home-piza{position: relative; width:100%; right: 0;}

.piza-pic1 {position:absolute; top:100px; }
.piza-pic1 img{width: 90%; margin-left:90px;}

.piza-pic2 {
  position: absolute;
  bottom:20px;
  right:40px;
}

.member-text h3 {
  margin: 0;
  padding: 0;
  color: hsl(150.2deg 93.71% 31.18%);
  text-transform: uppercase;
  font-size: 40px;
  line-height:36px;
}

.member-text h2 {
  margin: 0;
  padding: 0;
  color: hsl(355.36deg 79.25% 41.57%);
  text-transform: uppercase;
  font-size: 48px;
  line-height:36px;
  letter-spacing: 4px;
}

.member-text h4 {margin: 0;padding: 0;text-transform: uppercase;font-size:23px;}



.footer-bg {
  background-color:hsl(355.36deg 79.25% 41.57%);
  padding:20px 0;
  position: relative;
  z-index: 1;
}
.footer{text-align: center;}
.footer a{color: #fff; margin:0 0px; line-height: 30px; font-family: "Khand", sans-serif; font-size:18px; font-weight: bold;}
.footer span{color: #fff;}
span.text-right {
  margin-left: 25px;
}
.phone-text a{color: #000;}
.email-text a{color: #000;}
@media screen and (max-width: 768px) {
  .piza-pic1 {
    position: relative;
    top: 300px;
    overflow: hidden;
    left:60px;
    width: 170px;
}


  .logo img {
    width: 100%;
}

.piza-pic1 img {
    width: 250px;
    margin-left: 21px;
    overflow: hidden;
}
.left-piza-box {
  width: 300px;
  display: flex;
  background: #fff;
  position: inherit;
  top: 40%;
  border: 5px solid #000;
  border-left: 0;
  border-radius: 0 40px 40px 0;
  margin-top: 30px;
}
.logo {
  width:70%; margin:auto;
}

span.text-right {
 display: block;
  margin-left: 25px;
}
.piza-pic2 img {
  width:50px;
}
.piza-pic2 {
  position: absolute;
  bottom:245px;
  right: 0px;
}
.piza-pic2 {
 right:10px;
 margin-bottom: 50px;
}
.right-piza-box:before {
  height:68%;
  right: 30px;
}

.home-contact ul {
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 9999;
}

.right-piza-box {
  overflow: hidden;
  width: auto;
  height: 100%;
}

.contact-text {
 width: auto;
}

.col-lg-12.logo-section {
  display: block;
}

.wir-text{width:90%; }

.home-contact {
  margin-top: 100px;
  height: auto;
  }

}