@charset "UTF-8";
body h1 {
  font-size: calc(38px + (40 - 38) * ((100vw - 320px) / (1920 - 320))) !important;
}
body h2 {
  font-size: calc(21px + (32 - 21) * ((100vw - 320px) / (1920 - 320))) !important;
}
.font-blue {
  color: #4E738A;
}
.bg-lightBlue {
  background-color: #7592A4 !important;
}
.font-back {
  color: #070B0D;
}
.hupa-gmaps-ds-btn {
  padding: 1rem 1.5rem !important;
  text-transform: uppercase;
  border-radius: 35px !important;
}
.hupa-gmaps-ds-btn:hover:not(:disabled) {
  background-color: #fff !important;
  color: #4E738A !important;
  border-color: #4E738A !important;
}
h1, h2 {
  text-transform: uppercase;
}
.bg-blue {
  background-color: #4E738A !important;
  color: #fff !important;
}
.bg-green {
  background-color: #9BAE88 !important;
  color: #fff !important;
}
.bg-rounded {
  overflow: hidden;
  border: solid 0;
  border-radius: 36px 36px 36px 36px;
}
.sprechzeiten strong {
  font-weight: normal;
  min-width: 2.25rem;
  display: inline-block;
}
.after-section-head:after {
  content: "";
  display: block;
  height: 2px;
  width: 50px;
  background-color: #4E738A;
  margin-top: 30px;
}
.kontakt a {
  color: #fff !important;
  text-decoration: none;
  transition: all 350ms linear;
}
.kontakt a:hover {
  color: #eaeaea !important;
}
.bg-dark-green {
  background-color: #819A88 !important;
  color: #fff !important;
}
/** COVER */
.hupa-cover:after {
  display: block;
  position: absolute;
  content: "";
  height: 60px;
  width: 100%;
  bottom: 0;
  background-color: rgba(155, 174, 136, 0.3);
}
#content {
  padding-top: 0 !important;
}
.get-lebenslauf, .get-lebenslauf-mobil {
  cursor: pointer;
  transition: all 250ms linear;
  text-decoration: underline;
  color: #4E738A;
}
.get-lebenslauf:hover, .get-lebenslauf-mobil:hover {
  color: #070B0D;
}
#slider-container .splide__arrow {
  border-radius: unset;
  background: #fff;
}
#slider-container .splide__arrow:disabled {
  cursor: not-allowed;
}
#slider-container .splide__list {
  padding: 0 !important;
}
#slider-container .splide__arrow--next {
  right: 0;
}
#slider-container .splide__arrow--prev {
  left: 0;
}
#slider-container .splide__track {
  padding-bottom: 4rem !important;
}
#slider-container .splide__pagination__page {
  background: #fff;
  border: 1px solid #4E738A;
}
#slider-container .splide__pagination__page.is-active {
  background: #4E738A;
  border: 1px solid #fff;
}
.splide__slide.is-prev a {
  pointer-events: none !important;
}
.scene {
  width: 236px;
  height: 325px;
}
.scene:hover .card-flip {
  transform: rotateY(180deg);
}
.scene--mobil {
  width: 236px;
  height: 325px;
  cursor: pointer;
}
.card-flip.is_flipped {
  transform: rotateY(180deg);
}
/** CARD */
.card-flip.is-flipped {
  transform: rotateY(180deg);
}
.card-flip {
  transform-style: preserve-3d;
  transition: transform 0.75s ease-in-out;
  position: relative;
}
.back-arbeitsgebiet {
  position: absolute;
  height: 250px;
  left: 0;
  right: 0;
}
.splide__pagination__page {
  width: 12px !important;
  height: 12px !important;
}
.card__face {
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.card__face--back {
  display: flex;
  flex-direction: column;
  border-radius: 36px;
  position: absolute;
  background-color: #4e738a;
  width: 220px;
  min-height: 290px;
  transform: rotateY(180deg);
}
.card__face--back img {
  filter: blur(9px);
  opacity: 0.25;
  height: 250px;
}
.card__face--front img.splide-img {
  transition: all 450ms ease-in-out;
  border: 3px solid transparent;
}
.card__face--front img.splide-img.active {
  border: 3px solid #4E738A;
}
.btn.btn-load-more {
  background-color: transparent;
  border-radius: 36px;
  padding: 0.667em 1.333em;
  transition: all 250ms ease-in-out;
}
.btn.btn-load-more.loadTeam {
  border: 1px solid #4E738A;
  color: #4E738A;
}
.btn.btn-load-more.loadTeam:hover:not(:disabled) {
  color: #fff !important;
  background-color: #4E738A;
}
.btn.btn-load-more.loadTeam:disabled {
  color: #A8B3B7;
  border-color: #A8B3B7;
  cursor: not-allowed;
}
.btn.btn-load-more.loadLeistungen {
  border: 1px solid #fff;
  color: #fff;
}
.btn.btn-load-more.loadLeistungen:hover:not(:disabled) {
  color: #fff !important;
  background-color: #4E738A;
}
.btn.btn-load-more.loadLeistungen:disabled {
  background-color: #fff;
  color: #A8B3B7;
  border-color: #A8B3B7;
  cursor: not-allowed;
}
.dot-bg-org {
  width: 100vw;
  top: -1080px;
  margin-bottom: -1080px;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  height: 1190px;
  background-image: linear-gradient(-20deg, #9BAE88 0%, #C7D2BC 50%) !important;
}
.dot-bg-org:after {
  content: "";
  opacity: 0.175;
  position: absolute;
  height: 1190px;
  width: 100%;
  background-repeat: repeat;
  background-image: url("dot-2bg.svg");
  background-size: 74.5px 74px;
}
.dot-bg-org:before {
  content: "";
  top: -3rem;
  background-image: url("welle_grau.svg");
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 500px;
  z-index: 1;
  background-size: 100vw;
}
.lebenslauf-wrapper {
  padding: 3rem 3rem 1rem;
  border: 1px solid #4E738A;
  border-radius: 36px;
}
.ds-check-wrapper {
  margin: 1.5rem !important;
}
.mobil-kontakt {
  cursor: pointer;
  max-height: 85px;
  font-size: 22px !important;
  height: 85px;
  background-color: #4E738A;
  color: #fff;
}
.shortcode-kontakt i {
  margin-right: 0.25rem;
}
.dot-bg {
  height: 100%;
  background-image: linear-gradient(-20deg, #9BAE88 0%, #C7D2BC 50%) !important;
}
.dot-bg:after {
  content: "";
  opacity: 0.175;
  position: absolute;
  width: 100%;
  background-repeat: repeat;
  background-image: url("dot-2bg.svg");
  background-size: 74.5px 74px;
}
.dot-bg:before {
  content: "";
  top: -3rem;
  background-image: url("welle_grau.svg");
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 500px;
  z-index: 1;
  background-size: 100vw;
  margin-bottom: -1080px;
  left: 50%;
  margin-left: -50vw;
}
.blue-wel img {
  max-height: 100vw;
  width: 100vw;
}
.green-welle {
  position: absolute;
  top: 24rem;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-image: linear-gradient(180deg, #BBC8AD 0%, #9BAE88 40%) !important;
}
.green-welle:before {
  content: "";
  background-image: url("welle_grau.svg");
  background-repeat: no-repeat;
  position: absolute;
  min-width: 100vw;
  background-size: 100vw;
  height: 500px;
  z-index: 9;
}
.green-welle:after {
  content: "";
  opacity: 0.125;
  position: absolute;
  width: 100%;
  background-repeat: repeat;
  top: 0;
  bottom: 0;
  background-image: url("dot-2bg.svg");
  background-size: 74.5px 74px;
}
.blaue-welle {
  position: relative;
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 349px;
  background-image: url("welle_blau.svg");
  background-repeat: no-repeat;
  background-size: 100vw;
}
.blue-we:before {
  content: "";
  width: 100%;
  height: 349px;
  bottom: 0;
  background-image: url("welle_blau.svg");
  background-repeat: no-repeat;
  background-size: 100vw;
}
.bg-bl-welle figure {
  position: relative;
}
.bg-bl-welle figure img {
  position: absolute;
  top: 0;
}
.full-bg-container {
  z-index: 0;
}
.section-dot {
  z-index: 0;
  position: relative;
}
.section-dot:before {
  position: absolute;
  content: "";
  width: 550px;
  height: 550px;
  display: block;
  border-radius: 50%;
  background-color: rgba(176, 192, 203, 0.41);
  z-index: -1;
  top: -14rem;
  left: -10rem;
}
.green-trans-dot {
  z-index: 0;
  position: relative;
}
.green-trans-dot:before {
  position: absolute;
  content: "";
  width: 550px;
  height: 550px;
  display: block;
  border-radius: 50%;
  background-color: rgba(213, 223, 203, 0.4);
  z-index: -1;
  top: -25rem;
  right: -30rem;
}
.leistungen-mobil {
  min-width: 280px;
  height: 100%;
  width: 100%;
}
/*+++++++++++++++++++++++++++++++++CARD++++++++++++++++++++++++++++++++++*/
/* Flip Cards CSS */
.leistungen-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
  gap: 20px;
}
.leistungen-grid-mobil {
  margin: 0 auto;
}
.item-mobile {
  cursor: pointer;
}
.grid-card-flip.is_flipped {
  transform: rotateY(180deg);
}
.grid-item {
  z-index: 99;
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.grid-item:hover:not(.item-mobile) .grid-card-flip {
  transform: rotateY(180deg);
}
.grid-item ul {
  list-style: none;
}
.grid-item ul li {
  position: relative;
}
.grid-item ul li:before {
  position: absolute;
  left: -1rem;
  top: 0.35rem;
  font-size: 0.5rem;
  font-family: bootstrap-icons, sans-serif;
  content: " ";
}
.grid-card-flip {
  transform-style: preserve-3d;
  transition: transform 1s ease-in-out;
  perspective: 1000px;
  position: relative;
  width: 100%;
  height: 100%;
}
.face_card_grid {
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.front__card_grid {
  background-color: white;
  border-radius: 40px;
  border: 2px solid #f4f4f4;
  color: #4E738A;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
}
.back_card_grid {
  transform: rotateY(180deg);
  transition: transform 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275);
  background-color: #4E738A;
  border-radius: 40px;
  border: 1px solid #616161;
  color: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 3.5rem 2rem 1rem;
}
.leistungen-img {
  width: auto;
  height: 120px;
  margin-top: 2rem;
}
.zindex9 {
  z-index: 9;
}
.btn-white a, .btn-white {
  border-color: #4E738A !important;
  border-width: 1px !important;
  color: #4E738A !important;
  transition: all 250ms ease-in-out;
  text-transform: uppercase;
  font-size: 16px !important;
}
.btn-white a:hover, .btn-white:hover {
  background-color: #4E738A !important;
  color: #fff !important;
}
.notdienst {
  z-index: 999;
}
.notdienst .card {
  background-color: transparent !important;
  border: unset !important;
}
.notdienst .card-header {
  border-top-left-radius: 35px !important;
  border-top-right-radius: 35px !important;
}
.notdienst .card-body {
  border-bottom-right-radius: 36px !important;
  border-bottom-left-radius: 36px !important;
}
.lebenslauf-wrapper strong {
  font-size: 18px;
  color: #4E738A;
  font-weight: normal !important;
}
h2.text-white:after {
  background-color: #fff !important;
}
.back-footer {
  border-bottom-right-radius: 36px;
  border-bottom-left-radius: 36px;
}
.back-footer h5 {
  line-height: 1.2;
}
.rounded-leistung-img img {
  height: 300px;
  object-fit: cover;
  border-top-left-radius: 150px;
  border-bottom-left-radius: 150px;
  position: relative;
}
.bg-child-gradient {
  background-image: linear-gradient(0deg, #eef1f4 20%, #fff 50%) !important;
}
/** CUSTOM MENU */
.menu-border {
  border-color: #707070 !important;
}
.splide-img {
  width: 220px;
  height: 220px;
  object-fit: cover;
}
.circle {
  border-radius: 50%;
}
.nav-container {
  transition: all 300ms linear;
}
.nav-link {
  position: relative;
}
body.error404 #nav-main-starter {
  display: none;
}
body.error404 .site-content {
  margin-top: 5rem !important;
  height: 85vh;
}
#nav-main-starter.navbar-root .navbar-nav .nav-link:not(.mega-menu-wrapper .nav-link:hover):after {
  transition: all 300ms linear;
  content: "";
  background-color: #fff;
  height: 2px;
  width: 0;
  position: absolute;
  display: block;
}
#nav-main-starter.navbar-root .navbar-nav .nav-link:hover:not(.mega-menu-wrapper .nav-link:hover) {
  background-color: #BCC9AF00;
  color: #fff;
}
#nav-main-starter.navbar-root .navbar-nav .nav-link:hover:not(.mega-menu-wrapper .nav-link:hover):after {
  content: "";
  background-color: #fff;
  height: 2px;
  width: 17px;
  position: absolute;
  display: block;
}
#nav-main-starter.navbar-root .navbar-nav .nav-link.active:not(.mega-menu-wrapper .nav-link:hover):after {
  content: "";
  background-color: #fff;
  height: 2px;
  width: 17px;
  position: absolute;
  display: block;
}
.offcanvas-end.show li {
  text-align: center;
}
.offcanvas-end.show li a {
  color: #4E738A !important;
}
.offcanvas-end.show li a:hover {
  color: #4E738A !important;
}
ol, ul {
  padding-left: 0 !important;
}
.menu1.show .nav-link.active {
  font-weight: bold !important;
  position: relative;
  display: inline-block;
}
.menu1.show .nav-link.active:after {
  content: "";
  height: 2px;
  width: 25px !important;
  background-color: #4E738A !important;
  position: absolute;
  display: block;
  bottom: 0.1rem;
}
.btn2 .icon:before {
  transition-duration: 0.5s;
  position: absolute;
  width: 30px;
  height: 0.2rem;
  background-color: #fff !important;
  content: "";
  top: -20px;
}
.btn2 .icon:after {
  transition-duration: 0.5s;
  position: absolute;
  width: 30px;
  height: 0.2rem;
  background-color: #fff !important;
  content: "";
  top: 20px;
}
button.navbar-toggler i.fa:before {
  position: absolute;
  content: "";
  width: 35px;
  top: -20px;
  right: 0;
  height: 0.2rem;
  background-color: #fff !important;
}
button.navbar-toggler i.fa:after {
  position: absolute;
  content: "";
  width: 35px;
  bottom: -15px;
  margin-bottom: 25px;
  right: 0;
  height: 0.2rem;
  background-color: transparent !important;
}
button.navbar-toggler i.fa {
  position: relative;
  width: 35px;
  right: 0;
  height: 0.2rem;
  background-color: #fff !important;
}
.border-left {
  border-left: 1px solid;
  border-color: #707070 !important;
}
#customMenu li:not(.customInfo) {
  transition: all 250ms linear;
  color: #fff;
  cursor: pointer;
}
#customMenu li:not(.customInfo):hover {
  color: #4E738A;
}
.nav-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customInfo {
  transition: all 250ms linear;
  padding: 2rem 0.5rem;
  color: #4E738A;
  font-size: 14px;
  opacity: 0;
  background-color: #BCC9AF;
}
.customInfo.active {
  opacity: 1;
}
#nav-main-starter.navbar-root {
  padding-top: 0;
  padding-bottom: 0;
}
#footer-menu li:first-of-type {
  display: flex;
  align-items: center;
}
#footer-menu li:first-of-type:after {
  display: block;
  padding-right: 1rem;
  content: "• ";
}
.leistung-margin {
  margin-bottom: -220px;
}
.brand-img img {
  transition: all 350ms ease-in-out;
}
.image-notdienst-md {
  text-align: center;
  padding-bottom: 1.5rem;
}
.image-notdienst-md img {
  width: 320px;
  height: 320px;
  object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 1200px) {
  .notdienst-wrapper {
    min-height: 650px;
  }
  .rounded-leistung-img img {
    width: 630px;
    height: 250px !important;
    object-fit: cover;
    border-top-left-radius: 125px;
    border-bottom-left-radius: 125px;
  }
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  flex-basis: unset !important;
  flex-grow: unset !important;
}
.z-index-h {
  z-index: 10 !important;
  position: relative;
}
@media (max-width: 992px) {
  .green-trans-dot:before {
    display: none;
  }
  .rounded-leistung-img img {
    height: 250px !important;
    object-fit: cover;
    border-top-left-radius: 125px;
    border-bottom-left-radius: 125px;
  }
  .notdienst-wrapper {
    flex-direction: column-reverse !important;
  }
  #kontakt {
    padding-top: 1.5rem;
  }
  .notdienst {
    z-index: 9;
    padding-bottom: 2.5rem;
    padding-top: 1.5rem;
  }
  .section-dot:before {
    width: 550px;
    height: 550px;
    top: -4rem;
    left: -13rem;
  }
  .section-plceholder {
    height: 40px !important;
  }
  .plcaholder-notdienst {
    height: 130px !important;
  }
  .footer-box {
    min-height: 250px;
  }
  .footer-box .hupa-gmaps, .footer-box .map-placeholder {
    min-height: 350px !important;
  }
  #customMenu {
    display: none !important;
  }
  .brand-img {
    display: none !important;
  }
  .wp-block-cover.is-light {
    max-height: 290px !important;
    min-height: 190px !important;
  }
  .site-content {
    margin-top: 93px !important;
  }
}
@media (max-width: 768px) {
  /*.section-dot:before {
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    content: unset;
  }*/
  #kontakt {
    padding-top: 4.5rem;
  }
  .rounded-leistung-img img {
    height: 170px !important;
    object-fit: cover;
    border-top-left-radius: 85px;
    border-bottom-left-radius: 85px;
    bottom: 2rem;
  }
}
.wp-block-esab-accordion-child {
  margin-bottom: 24px;
  border-radius: 36px !important;
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}
.wp-block-esab-accordion-child.esab__active_accordion {
  border: none !important;
}
.wp-block-esab-accordion-child.esab__active_accordion .esab__head {
  background-color: #9BAE88 !important;
  border: none !important;
}
.wp-block-esab-accordion-child.esab__active_accordion .esab__head .esab__heading_tag {
  color: #fff !important;
}
.wp-block-esab-accordion-child.esab__active_accordion .esab__head .esab__expand svg {
  fill: #fff !important;
}
.wp-block-esab-accordion-child.esab__active_accordion .esab__head .esab__expand svg path {
  fill: #fff !important;
}
.wp-block-esab-accordion-child .esab__head {
  background-color: #BCC9AF;
  padding: 24px;
  text-transform: uppercase;
  border: none !important;
}
.wp-block-esab-accordion-child .esab__body {
  background-color: #BCC9AF !important;
  padding: 24px !important;
  border-color: transparent !important;
}
.wp-block-esab-accordion-child .esab__body .wp-block-list {
  padding-left: 14px !important;
}
.akkordeon-cols {
  padding: 0 !important;
  margin-bottom: 0;
}
.akkordeon-cols .wp-block-column:first-child {
  padding-right: 24px;
}
.akkordeon-cols .wp-block-column:last-child {
  padding-left: 24px;
}
form.hupa-form {
  margin-left: 0;
  margin-right: auto;
  max-width: 600px;
  margin-right: auto;
  border-radius: 36px;
  padding: 48px;
  background-color: #fff;
}
form.hupa-form input[type=text], form.hupa-form input[type=email], form.hupa-form textarea {
  border-radius: 0px;
  border-color: transparent;
  border-bottom: 1px solid #070B0D;
  padding: 15px 16.5px;
  margin-bottom: 20px;
}
form.hupa-form input[type=text]:focus, form.hupa-form input[type=email]:focus, form.hupa-form textarea:focus {
  border-bottom: 1px solid #4E738A;
}
form.hupa-form input[type=text]:focus-visible, form.hupa-form input[type=email]:focus-visible, form.hupa-form textarea:focus-visible {
  outline: none !important;
  border-bottom: 1px solid #4E738A;
  z-index: 0 !important;
}
form.hupa-form input[type=text] + .invalid-feedback, form.hupa-form input[type=email] + .invalid-feedback, form.hupa-form textarea + .invalid-feedback {
  padding: 4px 8px;
  background-color: #BCC9AF;
  border-radius: 3px;
  position: absolute;
  top: calc(100%);
  left: 0;
  width: auto;
}
form.hupa-form textarea {
  height: 140px;
  resize: none;
}
form.hupa-form .hupa-floating-label {
  left: 16.5px;
  top: 16px;
  font-size: 16px;
  opacity: 1;
}
form.hupa-form .hupa-floating:focus-within .hupa-floating-label, form.hupa-form .hupa-floating[data-filled="1"] .hupa-floating-label {
  top: -12px;
  font-size: 16px;
  opacity: 1;
  color: #4E738A;
}
form.hupa-form .hupa-field[data-hupa-field="textarea"] {
  margin-top: 12px;
}
form.hupa-form .hupa-field[data-hupa-field="textarea"].hupa-floating:focus-within .hupa-floating-label, form.hupa-form .hupa-field[data-hupa-field="textarea"].hupa-floating[data-filled="1"] .hupa-floating-label {
  top: -22px;
}
form.hupa-form #hupa-bewerbungsformular-anhang {
  padding: 0;
}
form.hupa-form .hupa-error {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 16px;
  color: red;
}
form.hupa-form .hupa-field.is-invalid .hupa-input, form.hupa-form .hupa-field.is-invalid .hupa-choice-input {
  outline: none;
  border-bottom: 2px solid red;
}
form.hupa-form .hupa-notice-error {
  border: 2px solid red;
}
form.hupa-form .hupa-submit {
  border-radius: 36px;
  background-color: #fff;
}
form.hupa-form .hupa-submit.hupa-loading {
  padding-right: 44px !important;
}
form.hupa-form .hupa-submit.hupa-loading:after {
  position: absolute;
  top: 14px;
  right: 15px;
  display: block;
}
/*# sourceMappingURL=https://www.xn--zahnrzte-im-ulrichshaus-y7b.de/wp-content/themes/starter-theme-v2-child/style.css.map */