:root {
  --green1: #E5F5ED;
  --green2: #BDEAD2;
  --green3: #ADDBC2;
  --secondary: #ADDBC2;
  --green4: #7BAF93;
  --green5: #6DA180;
  --blue-super-light: #E0E4EB;
  --blue1: #5F6C84;
  --blue2: #2B3E4B;
  --blue3: #29354C;
  --blue4: #2A3753;
  --blue5: #1C2433;
  --blue6: #0E1219;
  --primary: #374765;
  --mint-dark: #7BAF93;
  --mint-lightest: #E5F5ED;
  --red: #b30000;
}

@media (min-width: 576px) {
  .position-sm-static {
    position: static !important;
  }
  .position-sm-fixed {
    position: fixed !important;
  }
  .position-sm-absolute {
    position: absolute !important;
  }
  .position-sm-relative {
    position: relative !important;
  }
}
@media (min-width: 768px) {
  .position-md-static {
    position: static !important;
  }
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .position-md-relative {
    position: relative !important;
  }
}
@media (min-width: 992px) {
  .position-lg-static {
    position: static !important;
  }
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
}
@media (min-width: 1200px) {
  .position-xl-static {
    position: static !important;
  }
  .position-xl-fixed {
    position: fixed !important;
  }
  .position-xl-absolute {
    position: absolute !important;
  }
  .position-xl-relative {
    position: relative !important;
  }
}
@media (min-width: 1400px) {
  .position-xxl-absolute {
    position: absolute !important;
  }
  .position-xxl-relative {
    position: relative !important;
  }
  .position-xxl-static {
    position: static !important;
  }
  .position-xxl-fixed {
    position: fixed !important;
  }
}
/*
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);

https://getbootstrap.com/docs/5.0/layout/breakpoints/
 */
@media (max-width: 575.98px) {
  #page-header-addendum .j_ihr-termin-header-box {
    padding-left: 15px;
  }
  .awards .award .award-img img {
    height: 42px;
  }
}
@media (max-width: 991.98px) {
  #page-header-addendum {
    margin-top: 40px;
  }
  #page-header-addendum .j_ihr-termin-header-box {
    margin-top: 20px;
  }
  .j_vertical-icons {
    justify-content: normal;
  }
  .j_vertical-icons > div {
    margin-bottom: 20px;
  }
  .team-member-modal .team-detail-wrapper .team-detail-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  #radiologie .button-custom, #spezialuntersuchungen .button-custom {
    position: absolute;
    right: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  body.page-kontakt section.contact .contact-card {
    background-image: url(/assets/images/kontakt/kontakt-side.jpg);
    position: relative;
  }
  body.page-kontakt section.contact .contact-card:before {
    content: "";
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    inset: 0;
  }
  body.page-kontakt section.contact .contact-card .contact-body {
    position: relative;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .process-panel {
    padding-right: 40px !important;
  }
  .awards .award .award-img img {
    height: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .header .navbar-brand .logo {
    width: 140px;
    height: auto;
  }
  .awards .award .award-img img {
    height: auto;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .slider.slider-2 .carousel-dots .owl-dots {
    max-width: 1320px;
  }
}
@media screen and (min-width: 991px) and (max-width: 1410px) {
  .header.header-topbar .navbar .navbar-nav > li > a {
    line-height: normal;
  }
}
/*@media screen and (min-width: 1200px) {
    .module-holder.module-holder-phone .navbar-toggler {
        display: flex;
    }
}*/
@media screen and (min-width: 992px) {
  .contact-panel.contact-panel-3 .contact-card {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
  }
  .contact-panel.contact-panel-3 .heading {
    -ms-flex-preferred-size: 36%;
    flex-basis: 36%;
  }
}
@media screen and (max-width: 767.98px) {
  .slider .slide .slide-content .slide-headline {
    font-size: 25px;
    line-height: normal;
  }
  .slider .slide .slide-content .slide-button-wrapper .slide-action {
    align-items: start;
  }
  .slider .slide .slide-content .slide-button-wrapper .slide-action .btn {
    width: 100% !important;
    padding: 24px;
  }
  .slider .slide .slide-content .slide-button-wrapper .slide-action .btn .btn-icon {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.1;
    font-size: 74px;
  }
  .processes .processes-holder .images-holder .processes-panel {
    border-radius: 0;
  }
}
@media only screen and (max-width: 767px) {
  section {
    padding: 40px 0;
  }
}
@media screen and (max-width: 991.98px) {
  .heading {
    text-align: left;
  }
  #page-title .title {
    text-align: left;
  }
  .processes .processes-holder .process-content-carousel {
    text-align: left;
  }
  .about .about-block {
    text-align: left;
  }
  .service-single .service-entry .entry-content .entry-infos {
    text-align: left;
  }
  .contact-panel.contact-panel-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
/*
 * --------------------------------------
 */
@media (pointer: coarse) {
  #j_common-news-section .project-panel a.j_news-detail-btn {
    position: static;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 20px;
  }
  #back-to-top {
    width: 40px;
    height: 40px;
    right: 15px;
    bottom: 15px;
  }
  .header.header-topbar {
    height: auto;
  }
  .top-bar {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  body.page-home #intro-section.about .about-img {
    height: auto !important;
  }
  body.page-home #intro-section.about .about-img .counter {
    position: static;
    transform: none;
  }
  .j_services .j_service-box > p {
    line-height: 1.6em;
  }
  .news-modal {
    max-width: 98%;
    padding: 8px;
  }
  .news-modal .news-modal-content {
    padding: 10px;
  }
  .page-title .page-title-wrap {
    align-items: end;
  }
  .page-title .page-title-wrap br {
    display: none;
  }
  .page-title .page-title-wrap h1 {
    background-color: rgba(255, 255, 255, 0.6);
  }
  .features-bar .features-holder {
    transform: translate(0);
  }
  .features-bar .features-holder .feature-panel {
    border-left: 2px solid #E5F5ED;
  }
  .features-bar .bg-primary-blue {
    background-color: #fff !important;
  }
  #therapie.features-bar .bg-primary-blue {
    background-color: #374765 !important;
  }
  .member .member-info p {
    line-height: normal;
  }
  .clients .client {
    width: auto;
  }
  .widget .widget-title {
    text-align: left;
  }
  body.page-service-und-informationen .projects.projects-grid {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  body.page-service-und-informationen .projects.projects-grid .owl-carousel .owl-dots {
    display: none;
  }
  body.page-service-und-informationen .projects.projects-grid .owl-carousel .project-panel {
    margin-bottom: 0;
  }
}
@media (pointer: coarse) and (max-width: 575.98px) {
  body {
    font-size: 16px;
  }
  /*.j_team-member-wrapper {
      // https://www.stefanjudis.com/snippets/how-to-animate-height-with-css-grid/
      > .row {
          overflow: hidden;
      }
      display: grid;
      grid-template-rows: 0fr;
      transition: grid-template-rows 0.5s ease-in-out;
      &.open {
          grid-template-rows: 1fr;
      }
  }*/
  body.page-home #j_reviews.services.services-2 .owl-dots {
    margin-bottom: 0px;
  }
  .j_default-section-spacing {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  #j_mitgliedschaften .client {
    max-width: 68%;
  }
  #body-nav-section {
    background-image: url(/assets/images/bodynav/PNG/blanko_25@2x.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .top-bar {
    padding: 4px 15px;
  }
  .btn.j-social-btn {
    width: 40px;
    font-size: 20px;
    padding: 0;
    height: 40px;
    float: right;
    margin-right: 5px;
  }
  body.page-home #intro-section .btn:not(.j-social-btn) {
    height: 40px;
  }
  .slider .slide {
    height: auto;
    background-image: none !important;
  }
  .slider .slide *:not(.text-white) {
    color: #374765 !important;
  }
  .slider .slide .slide-content {
    position: absolute;
    top: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    max-width: 60%;
  }
  .slider .slide .slide-content h3 {
    font-size: 1em;
    line-height: 1.3em;
  }
  .slider .slide .slide-content .slide-headline,
  .slider .slide .slide-content .slide-desc {
    text-align: left;
  }
  body.page-home #slider-2 .slide:before {
    display: none;
  }
  .carousel-navs .owl-dots {
    position: static;
    margin-bottom: 40px;
  }
  .carousel-dots .owl-dots .owl-dot.active span {
    background-color: #374765;
  }
  body.page-home #slider-2 .carousel-dots .owl-dots .owl-dot:not(.active) span {
    background-color: #ADDBC2;
  }
  .j_cta--img-right .j_cta-img img {
    position: static;
  }
  .j_cta--img-right .j_cta-icons {
    position: static;
    flex-direction: row;
    justify-content: start;
    display: block;
    margin-bottom: 20px;
    padding-left: 15px;
    margin-top: 15px;
  }
  .j_cta--img-right .j_cta-icons .j_cta-icon {
    margin: 0;
    transform: none;
    width: 40px;
    height: 40px;
    border: 0;
    float: left;
    margin-right: 10px;
    font-size: 20px;
  }
  .j_services .j_service-box > a.j_absolute-read-more-btn {
    position: static;
  }
  .page-title .page-title-wrap {
    height: 200px;
    padding-bottom: 10px;
  }
  .page-title .page-title-wrap h1 {
    font-size: 1.5em;
    line-height: normal;
  }
  .heading.heading-1 {
    margin-bottom: 20px;
  }
  .processes .process-panel {
    padding-bottom: 65px;
  }
  .processes .processes-holder .images-holder {
    margin-top: 0;
    transform: none;
  }
  #kooperationspartner img {
    max-width: 70% !important;
  }
  #sidr {
    width: 100%;
  }
}
@media (pointer: coarse) and (min-width: 576px) {
  body {
    font-size: 18px;
  }
  section {
    padding: 50px 0;
  }
  .clients .client img {
    padding: 20px;
  }
  .service-panel .service-content h5 {
    font-size: 1em;
  }
}
@media (pointer: coarse) and (min-width: 576px) and (orientation: landscape) {
  body.page-service-und-informationen #page-title .title h1 {
    font-size: 42px;
  }
}
@media (pointer: coarse) and (min-width: 576px) and (orientation: portrait) {
  .page-title .page-title-wrap {
    height: 300px;
    padding-bottom: 20px;
  }
  body.page-praxis .about-img-holder {
    background-size: contain;
  }
  .processes .process-panel {
    padding-bottom: 75px;
  }
}
@media (max-width: 1400px) {
  body.page-praxis .member-info h5 {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  body.page-praxis .member-info h5 {
    font-size: 16px;
  }
}

/*# sourceMappingURL=CUSTOM-MEDIA-QUERIES.css.map */