.ce_map_with_button {
  margin: clamp(2.5em, 1.8932em + 2.589vw, 5em) 0 clamp(2.5em, 1.8932em + 2.589vw, 5em);
}
.ce_map_with_button .inside {
  width: 92.5%;
  margin: auto;
  max-width: 1392px;
  max-width: 87em;
  position: relative;
  padding: 0 5.75vw 3.75vw 0;
}
@media (max-width: 1080px) {
  .ce_map_with_button .inside {
    padding: 0;
  }
}
.ce_map_with_button figure {
  position: relative;
}
.ce_map_with_button figure::before {
  content: "";
  position: absolute;
  right: -2.7vw;
  bottom: -2.2vw;
  width: 46.35vw;
  height: 15.625vw;
  background-color: #ECECEC;
  z-index: -1;
}
@media (max-height: 1800px) {
  .ce_map_with_button figure::before {
    height: 16.625vw;
  }
}
@media (max-height: 1700px) {
  .ce_map_with_button figure::before {
    height: 25vw;
  }
}
@media (max-width: 1080px) {
  .ce_map_with_button figure::before {
    display: none;
  }
}
.ce_map_with_button figure::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.09);
}
@media (max-width: 1080px) {
  .ce_map_with_button figure::after {
    display: none;
  }
}
.ce_map_with_button figure img {
  width: 100%;
  height: auto;
}
.ce_map_with_button .content-box {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35.625vw;
  padding: 4.875em 4.375em 3.5em;
  background-color: #fff;
}
@media (max-width: 1366px) {
  .ce_map_with_button .content-box {
    padding: 2.875em 2.375em 2.5em;
  }
}
@media (max-width: 1080px) {
  .ce_map_with_button .content-box {
    bottom: 1.625em;
    left: 50%;
    right: unset;
    display: flex;
    align-items: center;
    width: 25em;
    padding: 1em;
    border-radius: 1em;
    transform: translateX(-50%);
  }
}
@media (max-width: 540px) {
  .ce_map_with_button .content-box {
    width: 20em;
  }
}
@media (max-width: 375px) {
  .ce_map_with_button .content-box {
    width: 17em;
  }
}
.ce_map_with_button .content-box p {
  font-size: 1.5em;
  font-size: clamp(1.125em, 1.034em + 0.3883vw, 1.5em);
  font-weight: 400;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 1.5em;
}
@media (max-width: 1080px) {
  .ce_map_with_button .content-box .desktop-text {
    display: none;
  }
}
.ce_map_with_button .content-box .mobile-text {
  font-size: 1.25em;
  font-size: clamp(1.0625em, 1.017em + 0.1942vw, 1.25em);
  font-weight: 400;
  line-height: 1.7;
  font-weight: bold;
  display: none;
}
@media (max-width: 1080px) {
  .ce_map_with_button .content-box .mobile-text {
    display: inline-block;
    margin-bottom: 0;
    margin-right: auto;
  }
}
.ce_map_with_button .content-box .mobile-text span {
  color: #D70F3C;
}
.ce_map_with_button .content-box .map-btn {
  display: flex;
  align-items: center;
  width: fit-content;
  cursor: pointer;
}
@media (max-width: 1080px) {
  .ce_map_with_button .content-box .map-btn span {
    width: 2em;
    height: 2em;
  }
  .ce_map_with_button .content-box .map-btn span svg {
    width: 0.625em;
    height: auto;
  }
}
.ce_map_with_button .content-box .map-btn p {
  color: #D70F3C;
  font-size: 0.95em;
  font-size: clamp(0.725em, 0.6704em + 0.233vw, 0.95em);
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #46464B;
  font-weight: bold;
  margin-left: 1.1em;
  margin-bottom: 0;
}
@media (max-width: 1080px) {
  .ce_map_with_button .content-box .map-btn p {
    display: none;
  }
}
.tl_content .ce_map_with_button {
  margin: 0;
}
.tl_content .ce_map_with_button img {
  max-width: 100%;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvhosts%2Ffellbach81.abnahme-server.de%2Fhttpdocs%2Fprivate-bundles%2Fvonheldenundgestalten%2Ffellbach-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2Felements%2Fce_map_with_button.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAACI%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOQ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUZ%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%22%7D */