/*
 Theme Name:     Divi Child
 Theme URI:      https://buero15.com
 Description:    Divi Child
 Author:         BÜRO15 GmbH
 Author URI:     https://buero15.com
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

.r-container {
  display: none;
}

@media (min-width: 1280px) {
  .r-container {
    position: relative;
    display: block;
    max-height: 425px !important;
  }
}

.r-hero-container {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 4rem;
  padding-top: 100px;
}

.r-hero-container-career {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 4rem;
  padding: 100px 0;
}

.r-hero-inner-left {
  position: relative;
  min-width: 305px;
  min-height: 440px;
  margin-bottom: -6rem;
}

.r-hero-inner-left-career h2 {
  font-size: 28px;
  color: #6f4e3b !important;
}

.r-hero-inner-left-career h3 {
  font-size: 24px;
  color: ##c1a177 !important;
}

.r-hero-inner-left-img {
  width: 305px;
  height: 440px;
  object-fit: cover;
}

.r-hero-inner-left-content-makeln {
  position: absolute;
  bottom: 5px;
  right: -240px;
}

.r-hero-inner-left-content-small {
  position: absolute;
  bottom: 5px;
  right: -205px;
}

.r-hero-inner-left-content {
  position: absolute;
  bottom: 5px;
  right: -300px;
}

.r-hero-inner-left-content h3,
.r-hero-inner-left-content-small h3,
.r-hero-inner-left-content-makeln h3 {
  font-size: 24px;
  font-weight: 400 !important;
  color: #6f4e3b;
  line-height: 0.5em;
}

.r-hero-inner-right,
.r-hero-inner-right-about,
.r-hero-inner-right-career {
  background-color: #6f4e3b;
  display: grid;
  align-items: center;
  min-width: 100vw;
  gap: 1rem;
  padding: 3rem;
}

@media (min-width: 1280px) {
  .r-hero-inner-right,
  .r-hero-inner-right-about,
  .r-hero-inner-right-career {
    max-height: 260px;
  }
}

@media (min-width: 1560px) {
  .r-hero-inner-right,
  .r-hero-inner-right-about,
  .r-hero-inner-right-career {
    max-height: 220px;
  }
}

@media (min-width: 1280px) {
  .r-hero-inner-right {
    background-color: #6f4e3b;
    display: flex;
    align-items: center;
    min-width: 100vw;
    gap: 3rem;
    padding: 3rem;
  }
}

@media (min-width: 1280px) {
  .r-hero-inner-right-about {
    background-color: #6f4e3b;
    display: flex;
    align-items: center;
    min-width: 100vw;
    gap: 3rem;
    padding: 3rem 3rem 2.3rem 3rem;
  }
}

@media (min-width: 1280px) {
  .r-hero-inner-right-career {
    background-color: #6f4e3b;
    display: flex;
    align-items: center;
    min-width: 100vw;
    gap: 3rem;
    padding: 2rem;
  }
}

.r-hero-inner-right h2,
.r-hero-inner-right-about h2,
.r-hero-inner-right-career h2 {
  font-size: 28px;
  color: white;
}

.r-hero-inner-right p,
.r-hero-inner-right-about p,
.r-hero-inner-right-career p {
  color: white;
}

.r-hero-inner-right h3,
.r-hero-inner-right-about h3,
.r-hero-inner-right-career h3 {
  color: #c0a077;
}

.r-hero-inner-right-first img,
.r-hero-inner-right-first-about img {
  margin: 0 auto;
  text-align: center;
  width: 50px;
}

@media (min-width: 1280px) {
  .r-hero-inner-right-first img {
    margin: 0 auto;
    text-align: center;
    width: 100px;
  }
}

@media (min-width: 1280px) {
  .r-hero-inner-right-first-about img {
    margin: -25px auto 0 auto;
    text-align: center;
    width: 100px;
  }
}

@media (min-width: 980px) {
  .r-hero-inner-right-third {
    max-width: 450px;
  }
}

@media (min-width: 1140px) {
  .r-hero-inner-right-third {
    max-width: 600px;
  }
}

@media (min-width: 1280px) {
  .r-hero-inner-right-first {
    width: auto;
  }
}

@media (min-width: 1280px) {
  .r-hero-inner-right-first-about {
    width: auto;
  }
}

@media (min-width: 1280px) {
  .r-hero-inner-right-second {
    width: auto;
    max-width: 300px;
  }
}

@media (min-width: 1280px) {
  .r-hero-inner-right-third {
    max-width: 350px;
  }
}

@media (min-width: 1440px) {
  .r-hero-inner-right-third {
    max-width: 475px;
  }
}

@media (min-width: 1680px) {
  .r-hero-inner-right-third {
    max-width: 650px;
  }
}

@media (min-width: 1920px) {
  .r-hero-inner-right-third {
    max-width: 715px;
  }
}

@media (min-width: 2560px) {
  .r-hero-inner-right-third {
    max-width: 800px;
  }
}

/* career */

.r-hero-inner-right-third-career p {
  line-height: 25px;
}

@media (min-width: 980px) {
  .r-hero-inner-right-third-career {
    max-width: 450px;
  }
}

@media (min-width: 1140px) {
  .r-hero-inner-right-third-career {
    max-width: 600px;
  }
}

@media (min-width: 1280px) {
  .r-hero-inner-right-third-career {
    max-width: 350px;
  }
}

@media (min-width: 1440px) {
  .r-hero-inner-right-third-career {
    max-width: 475px;
  }
}

@media (min-width: 1680px) {
  .r-hero-inner-right-third-career {
    max-width: 650px;
  }
}

@media (min-width: 1920px) {
  .r-hero-inner-right-third-career {
    max-width: 815px;
  }
}

@media (min-width: 2560px) {
  .r-hero-inner-right-third-career {
    max-width: 800px;
  }
}

.team-gallery .et_pb_text_inner {
  display: flex;
  flex-direction: column;
  height: 90px;
}

.hide-for-desktop-padding-top {
  padding-top: 60px !important;
  padding-bottom: 0 !important;
}

.hide-for-desktop-padding-top-lp {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.hide-for-desktop-padding-top-small {
  padding-top: 0px !important;
  padding-bottom: 10px !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hide-for-desktop-padding-top {
    padding-top: 70px !important;
  }
  .hide-for-desktop-padding-top-lp {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
  }
  .hide-for-desktop-padding-top-small {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
  }
}

@media (min-width: 980px) and (max-width: 1279px) {
  .hide-for-desktop-padding-top {
    padding-top: 0px !important;
  }
  .hide-for-desktop-padding-top-lp {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
  }
  .hide-for-desktop-padding-top-small {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
  }
}

@media (min-width: 1280px) {
  .hide-for-desktop {
    display: none;
  }
  .hide-for-desktop-padding-top {
    padding-top: 160px !important;
  }
  .hide-for-desktop-padding-top-lp {
    padding-top: 160px !important;
    padding-bottom: 10px !important;
  }
  .hide-for-desktop-padding-top-small {
    padding-top: 140px !important;
    padding-bottom: 10px !important;
  }
}