.kugelglbcon {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* The Modal (background) */
.kugelmodal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000000000; /* Sit on top */
  left: 0;
  top: 0;
  padding-top: 100px;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  color: white !important;
}

/* Modal Content */
.kugelmodal-content {
  background-color: #051a39;
  margin: auto;
  width: 100%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#kugelrepcon,
.kugelabzug_buttons,
.kugelrightcon {
  display: flex;
}

.kugelrightcon {
  flex-direction: column;
  justify-content: space-between;
}

.imgc {
  max-width: 360px;
}

.kugelcon {
  cursor: pointer;
}

.closekugelmodal {
  display: block;
  text-align: right;
  padding-right: 20px;
  font-size: 33px;
  cursor: pointer;
}
.kugelabzug_titel {
  font-family: "Titillium Web" !important;
  font-weight: 600;
  font-size: 30px;
  line-height: 35px;
}
.kugelabzug_sub_titel {
  font-family: "Titillium Web" !important;
  font-size: 20px;
  color: #e0d5ba;
  font-weight: 600;
  margin-bottom: 25px;
  line-height: 25px;
}
.kugelleftcon {
  margin-left: 60px;
  margin-right: 30px;
}
#kugelrepcon {
  padding-bottom: 50px;
}
.kugelabzug_gewicht_modal_con {
  margin-top: 25px;
}

.kugelabzug_gewicht_modal {
  border: 1px solid white;
  padding: 10px;
}
.kugelabzug_buttons a {
  background-color: #baa988;
  padding: 8px 35px;
  margin-right: 15px;
  color: white;
}
.kugeltitle {
  font-family: "Titillium Web" !important;
  font-size: 20px;
  color: #051a39;
  font-weight: 600;
  margin-top: 10px;
  line-height: 25px;
}
.kugelgewicht {
  font-family: "Charter" !important;
  color: #baa988;
  margin-bottom: 50px;
  font-size: 14px;
}

.footermain {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.kugelimg {
  max-width: 380px !important;
}
#kugelabzug_bild {
  max-width: 300px !important;
  height: auto !important;
}
#kugelrightcon {
  min-height: 300px !important;
}

@media only screen and (max-width: 600px) {
  #kugelabzug_buttons > div {
    margin-bottom: 20px;
  }
  #kugelabzug_buttons {
    flex-direction: column;
  }
}