/* Main Colors */
:root {
  --blue: #5e8ab5;
  --pink: #e882a8;
  --orange: #ff9e6e;
  --green: #91d6ab;
}

/* Hauptseite */
.site-1 {
  --main-color: #5E8AB4;
}

/* Neue Höfe */
.site-2 {
  --main-color: green;
}

.tm-header .uk-navbar-right {
  background: var(--main-color);
  padding: 0 40px;
  margin-right: -40px;
  border-radius: 32px 0 0 32px;
}






/* Header Sublayout */
.uk-container:has(.cp-header-sublayout)>div {
  padding: 0px 0px;
  position: relative;
}

.cp-header-sublayout {
  position: absolute;
  bottom: -120px;
  padding: 50px;
  background: rgba(255, 255, 255, 1);
  border-radius: 20px;
  backdrop-filter: blur(20px);
  box-shadow: 0px 6px 30px 0px rgba(53, 67, 81, 0.14);
  z-index: 3;
}

@media (max-width: 959px) {
  .cp-header-sublayout {
    position: relative;
    top: -40px;
  }

  .uk-section:has(.cp-header-sublayout) {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
}

@media (max-width: 639px) {
  .cp-header-sublayout h1 {
    font-size: 26px;
  }

  .cp-header-sublayout {
    padding: 30px;
  }
}


.uk-navbar-center.uk-light {
  border: 2px solid white;
  border-top: 0px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background: rgb(0 0 0 / 8%);
  backdrop-filter: blur(10px);
}

.uk-navbar-center.uk-dark {
  border: 2px solid var(--blue);
  border-top: 0px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background: rgb(255 255 255 / 8%);
  backdrop-filter: blur(10px);
}

@media (min-width: 960px) {
  .uk-logo {
    margin-top: 26px;
    padding-bottom: 14px;
  }
}

.uk-navbar-center:not(:only-child) {
  top: 0;
  transform: translate(-50%, 0);
}

.uk-navbar-nav {
  margin: 20px 40px;
}


.rg-header-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  /* Höhe des Verlaufs */
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.2) 50%,
      transparent 100%);
  z-index: 1;
  pointer-events: none;
}





/* Justins Zeug */

/* Allgemein */

html {
  font-size: 20px;
}

h1.el-meta {
  font-size: 1rem !important;
}

@media (max-width: 1200px) {
  html {
    font-size: 18px;
  }
}

@media (max-width: 959px) {
  html {
    font-size: 17px;
  }
}

@media (max-width: 639px) {
  html {
    font-size: 16px;
  }

  .card-blue .uk-card-title, .card-blue .el-title{
    font-size: 1.5rem;
  }
}

/* Button */

.uk-button:not(.uk-button-text):not(.uk-button-large):not(.uk-button-small) {
  line-height: 1.3rem;
    padding: 12px 18px;  
}

.uk-button-default {
  position: relative;
  overflow: hidden;
  border: 0px;
  z-index: 2;
  transition: 0.4s;
}

.uk-button-default:hover {
  background: linear-gradient(90deg, var(--green) 0%, var(--pink) 100%);
}

.uk-button-default::before,
.uk-button-default::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  filter: blur(20px);
  top: 50%;
  z-index: -1;
  transition: 0.4s;
}

.uk-button-default::before {
  background-color: var(--blue);
  left: 0px;
  transform: translatey(-50%) translatex(-50%);
}


.uk-button-default::after {
  background-color: var(--orange);
  right: 0px;
  transform: translatey(-50%) translatex(50%);
}

.uk-button-default:hover::after {
  right: 100%;
}

.uk-button-default:hover::before {
  left: 100%;
}

.uk-button-primary {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.uk-button-primary::before {
  content: "";
  position: absolute;
  width: 40px;
  aspect-ratio: 1 / 1;
  top: 100%;
  left: 50%;
  border-radius: 50%;
  transform: translatey(50%) translatex(-50%);
  transition: 0.3s;
  
  background-color: #5E8AB4;
  z-index: -1;
}

.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary::before,
.uk-card-primary .uk-button-primary::before, .uk-tile-primary .uk-button-primary::before {
  background-color: white !important;
}

.uk-button-primary:hover::before {
  width: 104%;
  top: 50%;
  transform: translatey(-50%) translatex(-50%);
  transition: 0.3s;
}

/* Section */

@media (min-width: 960px) {
  .uk-section>.tm-grid-expand>div:nth-of-type(2)>.uk-panel {
    width: calc(700px - 1.5rem);
    max-width: calc(50vw - 3.5rem);
  }

  .uk-section>.tm-grid-expand>div:nth-of-type(1)>.uk-panel {
    width: calc(700px - 1.5rem);
    max-width: calc(50vw - 3.5rem);
    margin-left: auto;
  }
}

@media (max-width: 959px) {
  .uk-section>.tm-grid-expand>div>.uk-panel {
    padding: 1rem;
  }
}

.uk-section-secondary {
  position: relative;
}

.uk-section-secondary .uk-container {
  position: relative;
  z-index: 1;
}

/* Menu */
.uk-dark .menu-item a {
  color: black!important;
}

.menu-item a:before {
background-color: transparent!important;
  background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(250, 252, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
}

.uk-dark .menu-item a:before {
background-color: transparent!important;
  background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0) 100%);
}

/* Farbverlauf */

.gardient-background, .uk-section-secondary, .gardient-card {
  position: relative;
  background-color: var(--blue);
}

.gardient-card {
  overflow: hidden;
}

.gardient-card>* {
  position: relative;
  z-index: 1;
}

.uk-section-secondary::before,
.gardient-background::before,
.gardient-card::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse 160% 160% at var(--p1x, 15%) var(--p1y, 15%), var(--orange) 0%, transparent 60%),
    radial-gradient(ellipse 160% 160% at var(--p2x, 85%) var(--p2y, 15%), var(--green) 0%, transparent 60%),
    radial-gradient(ellipse 160% 160% at var(--p3x, 15%) var(--p3y, 85%), var(--blue) 0%, transparent 60%),
    radial-gradient(ellipse 160% 160% at var(--p4x, 85%) var(--p4y, 85%), var(--pink) 0%, transparent 60%); 
  z-index: 0;
}


/* Bilder */
@media (min-width: 960px) {
  .uk-section:not(.rg-header-section)>.tm-grid-expand>div:nth-of-type(1)>div:has(.el-image) {
    border-radius: 0px 1rem 1rem 0px;
    overflow: hidden;
  }

  .uk-section:not(.rg-header-section)>.tm-grid-expand>div:nth-of-type(2)>div:has(.el-image) {
    border-radius: 1rem 0px 0px 1rem;
    overflow: hidden;
  }
}

/* Wörter umbrechen */
/*.uk-card {
  hyphens: auto;
}*/

/* Slider */

@media (max-width: 959px) {

  .uk-slider .uk-position-medium.uk-position-center-left,
  .uk-slider .uk-position-medium.uk-position-center-right {
    top: calc(100% + 1rem);
    margin: 0px !important;
  }

  .uk-slider .uk-position-medium a {
    padding: 0.5rem 1.5rem;
    border-radius: 3rem;
    border: 2px solid var(--blue);
  }

  .uk-slider .uk-position-medium.uk-position-center-left {
    left: calc(50% - 0.5rem);
    transform: translatex(-100%);
  }

  .uk-slider .uk-position-medium.uk-position-center-right {
    right: calc(50% - 0.5rem);
    transform: translatex(100%);
  }

  .uk-slider {
    padding-bottom: 3rem;
  }
}

/* Cards */
.uk-card-secondary svg {
  color: var(--blue);
}

.card-blue.uk-card-primary,
.card-green.uk-card-primary,
.card-orange.uk-card-primary,
.card-pink.uk-card-primary {
  position: relative;
  overflow: hidden;
}

.card-blue.uk-card-primary *,
.card-green.uk-card-primary *,
.card-orange.uk-card-primary *,
.card-pink.uk-card-primary * {
  position: relative;
  z-index: 1;
}

.card-blue.uk-card-primary::before,
.card-green.uk-card-primary::before,
.card-orange.uk-card-primary::before,
.card-pink.uk-card-primary::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  
  
  z-index: 0;
}

.card-blue.uk-card-primary::before {
  background-color: var(--blue);
}

.card-green.uk-card-primary::before {
  background-color: var(--green);
}

.card-orange.uk-card-primary::before {
  background-color: var(--orange);
}

.card-pink.uk-card-primary::before {
  background-color: var(--pink);
}

.uk-section-secondary .uk-card, .uk-section-secondary .uk-accordion .el-item {
  border: 0px;
  background-color: rgba(255, 255, 255, 0.24);
  backdrop-filter: blur(8px) saturate(1.7) brightness(0.9);
}

a.uk-card-secondary {
  transition: 0.2s;
  position: relative;
  overflow: hidden;
}

a.uk-card-secondary>* {
  position: relative;
  z-index: 1;
}

@media (min-width: 960px) {
  .el-item:hover a.uk-card-secondary {
    transform: scale(0.98);
  }
  
  .el-item:hover a.uk-card-secondary>* {
    color: white !important;
  }
  
  a.uk-card-secondary::after {
    content: "";
    position: absolute;
    width: 40px;
    aspect-ratio: 1 / 1;
    top: 100%;
    left: 50%;
    border-radius: 50%;
    transform: translatey(50%) translatex(-50%);
    transition: 0.3s;
    z-index: 0;
  }

  .el-item:hover a.uk-card-secondary::after {
    width: 130%;
    top: 50%;
    transform: translatey(-50%) translatex(-50%);
  }
}

.uk-grid .uk-card .uk-card-media-top {
  border-radius: 1rem;
}

/* Gardient Cards */
.gardient-background .uk-card {
  background-color: transparent;
}

.gardient-background .uk-card {
  position: relative;
  background-color: transparent;
}

.gardient-background.last-child-white>.uk-grid>div:last-of-type .uk-card {
  background-color: white;
}

.gardient-background.last-child-white-2>.uk-grid>div:nth-last-child(2) .uk-card {
  background-color: white;
}

@media (max-width: 639px) {
  .gardient-background.last-child-white>.uk-grid>div:last-of-type,
  .gardient-background.last-child-white-2>.uk-grid>div:nth-last-child(2) {
    display: none;
  }
}

.gardient-background .uk-card::after {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  width: 100%;
  height: 100%;
  border: 0.5rem solid white;
  border-radius: 30px;
  pointer-events: none;
}

.gardient-background .uk-card::before {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  width: 100%;
  height: 100%;
  border: 0.5rem solid white;
  pointer-events: none;
}

@media (max-width: 1199px) {
  .gardient-background .uk-card::before, .gardient-background .uk-card::after {
  top: -0.5rem;
  left: -0.5rem;
  border: 0.5rem solid white;
}
}

/* Blue */

.colorfull-grid .uk-card,
.colorfull-grid .el-item::after,
.colorfull-slider .uk-slider-items .uk-card,
.colorfull-slider .uk-slider-items .el-item::after {
  border: 2px solid var(--blue);
}

.colorfull-grid svg,
.colorfull-slider .uk-slider-items svg {
  color: var(--blue)!important;
}

.colorfull-grid a.uk-card-secondary::after,
.colorfull-slider .uk-slider-items a.uk-card-secondary::after {
  background-color: var(--blue);
}

/* Green */

.colorfull-grid .green .uk-card,
.colorfull-grid .green .el-item::after,
.colorfull-slider .uk-slider-items .green .uk-card,
.colorfull-slider .uk-slider-items .green .el-item::after {
  border: 2px solid var(--green);
}

.colorfull-grid .green svg,
.colorfull-slider .uk-slider-items .green svg {
  color: var(--green)!important;
}

.colorfull-grid .green a.uk-card-secondary::after,
.colorfull-slider .uk-slider-items .green a.uk-card-secondary::after {
  background-color: var(--green);
}

/* Pink */

.colorfull-grid .pink .uk-card,
.colorfull-grid .pink .el-item::after,
.colorfull-slider .uk-slider-items .pink .uk-card,
.colorfull-slider .uk-slider-items .pink .el-item::after {
  border: 2px solid var(--pink);
}

.colorfull-grid .pink svg,
.colorfull-slider .uk-slider-items .pink svg {
  color: var(--pink)!important;
}


.colorfull-grid .pink a.uk-card-secondary::after,
.colorfull-slider .uk-slider-items .pink a.uk-card-secondary::after {
  background-color: var(--pink);
}

/* Orange */

.colorfull-grid .orange .uk-card,
.colorfull-grid .orange .el-item::after,
.colorfull-slider .uk-slider-items .orange .uk-card,
.colorfull-slider .uk-slider-items .orange .el-item::after {
  border: 2px solid var(--orange);
}

.colorfull-grid .orange svg,
.colorfull-slider .uk-slider-items .orange svg {
  color: var(--orange)!important;
}

.colorfull-grid .orange a.uk-card-secondary::after,
.colorfull-slider .uk-slider-items .orange a.uk-card-secondary::after {
  background-color: var(--orange);
}

/* hover */

@media (min-width: 960px) {
  .colorfull-slider .el-item:hover a.uk-card-secondary>* {
    color: white !important;
  }
}




/*panel slider images*/

.panel-slider-images .uk-slider-items>div>div {
  transform: scale(0.8);
  transition: 0.3s;
  opacity: 0.7;
  border-radius: 1rem;
  overflow: hidden;
}

.panel-slider-images .uk-slider-items>div.uk-slide-active>div {
  transform: scale(1.22);
  opacity: 1;
}

.panel-slider-images .uk-slider-items>div.uk-slide-active {
  z-index: 3;
}

.panel-slider-images .uk-slider-items>div.uk-slide-leave>div {
  transform: scale(0.8);
  transition: 0.3s;
  opacity: 0.7;
}

.panel-slider-images .el-slidenav {
  position: relative;
  top: 130px;
  border: 2px solid black;
  border-radius: 50%;
}

.panel-slider-images .uk-slidenav-container {
  gap: 10px;
}

.panel-slider-images .el-slidenav svg {
  transform: scale(0.7);
}

.panel-slider-images polyline {
  stroke-width: 3px;
}

@media (max-width: 959px) {
  .panel-slider-images .el-slidenav {
      top: 100px;
  }
}

@media (max-width: 639px) {
  .panel-slider-images .el-slidenav {
      top: 80px;
  }
}


/* Formmular */

.formular .wpforms-container {
  margin: 0px!important;
}

.formular .wpforms-field[data-field-id="1"] {
  padding-top: 0!important;
}


.formular input, .formular textarea, .formular .choices__inner, .formular .choices__list--dropdown, .formular .wpforms-uploader {
  border: 2px solid var(--blue)!important;
  border-radius: 1rem!important;
  min-height: 3rem!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--blue)!important;
}

.formular label, .formular legend {
  font-size: 1rem!important;
}

.formular .wpforms-submit {
      background-color: var(--blue)!important;
  border-radius: 2rem!important;
  font-size: 1rem!important;
  height: 2.6rem!important;
  padding: 0px 1rem!important;
  transition: 0.3s!important;
}

.formular .wpforms-submit:hover {
      background-color: var(--green)!important;
}



/* Standorte */

.wp-child-theme-yootheme-rehse:has(.rg-header-section.green) .uk-section:has(.panel-slider-images),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.green) .uk-section:has(.panel-slider-ratings),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.green) .uk-navbar-nav > li:nth-child(3),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.green) .uk-navbar-nav > li:nth-child(4),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.pink) .uk-section:has(.panel-slider-images),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.pink) .uk-section:has(.panel-slider-ratings),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.pink) .uk-navbar-nav > li:nth-child(3),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.pink) .uk-navbar-nav > li:nth-child(4),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.orange) .uk-section:has(.panel-slider-images),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.orange) .uk-section:has(.panel-slider-ratings),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.orange) .uk-navbar-nav > li:nth-child(3),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.orange) .uk-navbar-nav > li:nth-child(4),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.blue) .uk-section:has(.panel-slider-images),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.blue) .uk-section:has(.panel-slider-ratings),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.blue) .uk-navbar-nav > li:nth-child(3),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.blue) .uk-navbar-nav > li:nth-child(4) {
  display: none;
}


/* Mobile Menu Punkte ausgeblendet die es bis jetzt nicht gibt */

.wp-child-theme-yootheme-rehse:has(.rg-header-section.green) #tm-dialog-mobile .uk-nav-default > li:nth-child(3),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.green) #tm-dialog-mobile .uk-nav-default > li:nth-child(4),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.pink) #tm-dialog-mobile .uk-nav-default > li:nth-child(3),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.pink) #tm-dialog-mobile .uk-nav-default > li:nth-child(4),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.orange) #tm-dialog-mobile .uk-nav-default > li:nth-child(3),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.orange) #tm-dialog-mobile .uk-nav-default > li:nth-child(4),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.blue) #tm-dialog-mobile .uk-nav-default > li:nth-child(3),
.wp-child-theme-yootheme-rehse:has(.rg-header-section.blue) #tm-dialog-mobile .uk-nav-default > li:nth-child(4) {
  display: none;
}




/* Farben */

.wp-child-theme-yootheme-rehse:has(.rg-header-section.green) {

  .cp-header-sublayout {
    background-color: var(--green);
}

.uk-tile-primary {
    background-color: transparent;
}

.uk-tile-primary {
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.panel-slider-ratings .uk-card {
  border-color: var(--green);
}

.panel-slider-ratings .el-item::before {
  background-image: url("wp-content/uploads/2026/03/anfuerhungszeichen-gruen.svg");
}

.panel-slider-ratings .star-rating path {
  fill: var(--green)!important;
}

.side-button svg * {
  fill: var(--green)!important;
}

.uk-navbar-center.uk-dark {
  border-color: var(--green);
}

.grid-kontakt .uk-card {

  border-color: var(--green);
}

.grid-kontakt svg {
  color: var(--green);
}

.switcher .el-nav>li>a {
  border: solid var(--green);
  background-color: var(--green);
}

.switcher .uk-switcher {
  border: 2px solid var(--green);
}

.switcher svg {
  color: var(--green)!important;
}

.color-emphasis {
  color: var(--green)
}

.formular input, .formular textarea {
  border: 2px solid var(--green)!important;
}

.formular button {
  background-color: var(--green)!important;
}

.formular button:hover {
  background-color: var(--green)!important;
  opacity: 0.8!important;
}

div.wpforms-container-full input:focus:invalid,
div.wpforms-container-full textarea:focus:invalid {
  box-shadow: 0 0 0 1px var(--green)!important;
}

.uk-button-primary:not(.uk-section-secondary .uk-button-primary):not(.cp-header-sublayout .uk-button-primary) {
  background-color: transparent!important;
  color: var(--green)!important;
  border: 2px solid var(--green)!important;
}

.uk-button-primary:hover:not(.uk-section-secondary .uk-button-primary:hover):not(.cp-header-sublayout .uk-button-primary:hover) {
  background-color: transparent!important;
  color: #fff!important;
  border-color: var(--green)!important;
}

.uk-button-primary:not(.uk-section-secondary .uk-button-primary):not(.cp-header-sublayout .uk-button-primary)::before {

  background-color: var(--green)!important;

}

}

.wp-child-theme-yootheme-rehse:has(.rg-header-section.blue) {

  .cp-header-sublayout {
    background-color: var(--blue);
}

.uk-tile-primary {
    background-color: transparent;
}

.uk-tile-primary {
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.panel-slider-ratings .uk-card {
  border-color: var(--blue);
}

.panel-slider-ratings .el-item::before {
  background-image: url("/wp-content/uploads/2026/04/anfuerhungszeichen-blau.svg");
}

.panel-slider-ratings .star-rating path {
  fill: var(--blue)!important;
}

.side-button svg * {
  fill: var(--blue)!important;
}

.uk-navbar-center.uk-dark {
  border-color: var(--blue);
}

.grid-kontakt .uk-card {

  border-color: var(--blue);
}

.grid-kontakt svg {
  color: var(--blue);
}

.switcher .el-nav>li>a {
  border: solid var(--blue);
  background-color: var(--blue);
}

.switcher .uk-switcher {
  border: 2px solid var(--blue);
}

.switcher svg {
  color: var(--blue)!important;
}

.color-emphasis {
  color: var(--blue)
}

.formular input, .formular textarea {
  border: 2px solid var(--blue)!important;
}

.formular button {
  background-color: var(--blue)!important;
}

.formular button:hover {
  background-color: var(--blue)!important;
  opacity: 0.8!important;
}

div.wpforms-container-full input:focus:invalid,
div.wpforms-container-full textarea:focus:invalid {
  box-shadow: 0 0 0 1px var(--blue)!important;
}

.uk-button-primary:not(.uk-section-secondary .uk-button-primary):not(.cp-header-sublayout .uk-button-primary) {
  background-color: transparent!important;
  color: var(--blue)!important;
  border: 2px solid var(--blue)!important;
}

.uk-button-primary:hover:not(.uk-section-secondary .uk-button-primary:hover):not(.cp-header-sublayout .uk-button-primary:hover) {
  background-color: transparent!important;
  color: #fff!important;
  border-color: var(--blue)!important;
}

.uk-button-primary:not(.uk-section-secondary .uk-button-primary):not(.cp-header-sublayout .uk-button-primary)::before {

  background-color: var(--blue)!important;

}


}

.wp-child-theme-yootheme-rehse:has(.rg-header-section.orange) {

  .cp-header-sublayout {
    background-color: var(--orange);
}

.uk-tile-primary {
    background-color: transparent;
}

.uk-tile-primary {
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.panel-slider-ratings .uk-card {
  border-color: var(--orange);
}

.panel-slider-ratings .el-item::before {
  background-image: url("/wp-content/uploads/2026/04/anfuerhungszeichen-orange.svg");
}

.panel-slider-ratings .star-rating path {
  fill: var(--orange)!important;
}

.side-button svg * {
  fill: var(--orange)!important;
}

.uk-navbar-center.uk-dark {
  border-color: var(--orange);
}

.grid-kontakt .uk-card {

  border-color: var(--orange);
}

.grid-kontakt svg {
  color: var(--orange);
}

.switcher .el-nav>li>a {
  border: solid var(--orange);
  background-color: var(--orange);
}

.switcher .uk-switcher {
  border: 2px solid var(--orange);
}

.switcher svg {
  color: var(--orange)!important;
}

.color-emphasis {
  color: var(--orange)
}

.formular input, .formular textarea {
  border: 2px solid var(--orange)!important;
}

.formular button {
  background-color: var(--orange)!important;
}

.formular button:hover {
  background-color: var(--orange)!important;
  opacity: 0.8!important;
}

div.wpforms-container-full input:focus:invalid,
div.wpforms-container-full textarea:focus:invalid {
  box-shadow: 0 0 0 1px var(--orange)!important;
}

.uk-button-primary:not(.uk-section-secondary .uk-button-primary):not(.cp-header-sublayout .uk-button-primary) {
  background-color: transparent!important;
  color: var(--orange)!important;
  border: 2px solid var(--orange)!important;
}

.uk-button-primary:hover:not(.uk-section-secondary .uk-button-primary:hover):not(.cp-header-sublayout .uk-button-primary:hover) {
  background-color: transparent!important;
  color: #fff!important;
  border-color: var(--orange)!important;
}

.uk-button-primary:not(.uk-section-secondary .uk-button-primary):not(.cp-header-sublayout .uk-button-primary)::before {

  background-color: var(--orange)!important;

}

}

.wp-child-theme-yootheme-rehse:has(.rg-header-section.pink) {

  .cp-header-sublayout {
    background-color: var(--pink);
}

.uk-tile-primary {
    background-color: transparent;
}

.uk-tile-primary {
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.panel-slider-ratings .uk-card {
  border-color: var(--pink);
}

.panel-slider-ratings .el-item::before {
  background-image: url("/wp-content/uploads/2026/04/anfuerhungszeichen-pink.svg");
}

.panel-slider-ratings .star-rating path {
  fill: var(--pink)!important;
}

.side-button svg * {
  fill: var(--pink)!important;
}

.uk-navbar-center.uk-dark {
  border-color: var(--pink);
}

.grid-kontakt .uk-card {

  border-color: var(--pink);
}

.grid-kontakt svg {
  color: var(--pink);
}

.switcher .el-nav>li>a {
  border: solid var(--pink);
  background-color: var(--pink);
}

.switcher .uk-switcher {
  border: 2px solid var(--pink);
}

.switcher svg {
  color: var(--pink)!important;
}

.color-emphasis {
  color: var(--pink)
}

.formular input, .formular textarea {
  border: 2px solid var(--pink)!important;
}

.formular button {
  background-color: var(--pink)!important;
}

.formular button:hover {
  background-color: var(--pink)!important;
  opacity: 0.8!important;
}

div.wpforms-container-full input:focus:invalid,
div.wpforms-container-full textarea:focus:invalid {
  box-shadow: 0 0 0 1px var(--pink)!important;
}

.uk-button-primary:not(.uk-section-secondary .uk-button-primary):not(.cp-header-sublayout .uk-button-primary) {
  background-color: transparent!important;
  color: var(--pink)!important;
  border: 2px solid var(--pink)!important;
}

.uk-button-primary:hover:not(.uk-section-secondary .uk-button-primary:hover):not(.cp-header-sublayout .uk-button-primary:hover) {
  background-color: transparent!important;
  color: #fff!important;
  border-color: var(--pink)!important;
}

.uk-button-primary:not(.uk-section-secondary .uk-button-primary):not(.cp-header-sublayout .uk-button-primary)::before {

  background-color: var(--pink)!important;

}

}


/* Kundenstimmen */

.panel-slider-ratings .el-item {
  position: relative;
}

.panel-slider-ratings .el-meta {
  width: 140px;
  max-width: 140px;
  position: relative;
  height: 60px;
}

.panel-slider-ratings .el-item::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 30px;
  width: 70px;
  height: 70px;
  border-radius: 0px 0px 10px 10px;

}

.panel-slider-ratings .uk-position-center-left,
.panel-slider-ratings .uk-position-center-right{
    top: 80px;
}

.panel-slider-ratings .star-rating {
  display: inline-flex;
  gap: 4px;
  vertical-align: middle;
}

.panel-slider-ratings .rating-star {
  width: 20px;
  height: auto;
  display: block;
  flex-shrink: 0;
}

/* Side Buttons */

.section-side-buttons .uk-container {
  position: fixed;
  z-index: 3000;
  right: 2rem;
  bottom: 40%;
  padding: 0px;
}

.side-button::before {
  content: "";
  display: block;
  position: absolute;
  width: 80%;
  height: 80%;
  background-color: white;
  left: 10%;
  top: 10%;
border-radius: 20%;

}

.side-button .el-image {
  box-shadow: 8px 12px 20px 6px rgba(0, 0, 0, 0.15);
  border-radius: 20%;
}

@media(max-width: 959px){
  .section-side-buttons .uk-container {
  right: 1rem;
  bottom: 30%;
}

.side-button .el-image {
  width: 60px;
}
}

/* Logo Einrichtung */

.logo-einrichtung {
  text-align: left!important;
}

.logo-einrichtung .el-image {
  object-fit: contain;
}

@media(max-width: 959px){
  .logo-einrichtung .el-image {
      height: 60px;
      width: auto;
  }
}

/* Switcher */

.switcher {
  position: relative;
}

.switcher .fs-switcher-nav {
  margin-bottom: -2px;
}

.switcher .el-nav>li>a {
  border-radius: 1rem 1rem 0px 0px;
  border-width: 2px 2px 0px 2px!important;
  height: stretch;
}

.switcher .uk-tab > .uk-active > a {
  background-color: white!important;
}

.switcher .uk-switcher {
  padding:  2rem 2rem 2rem 2rem;
  border-radius: 0px 0px 1rem 1rem;
}

.switcher .uk-margin-xsmall {
  margin-bottom: -2px;
}

.switcher ul>li::before {
  filter: brightness(0.1);
}

.switcher .switcher-image-background {
  min-height: 400px;
}

.switcher .el-nav-link {
  text-align: center;
}

@media(max-width: 959px){

  .switcher .el-nav-item {

      min-width: 50%;
      max-width: fit-content;
      padding-bottom: 10px;
  }

.switcher .el-nav>li>a {
  border-radius: 1rem 1rem 1rem 1rem;
  border-width: 2px 2px 2px 2px!important;
}

  .switcher .fs-switcher-nav {
  margin-bottom: 5px;
}
  
.switcher .uk-switcher {
  border-radius: 1rem 1rem 1rem 1rem;
}
  .switcher .el-nav>li>a {
      padding: 10px 15px;
}


}

@media(max-width: 639px){

  .switcher .el-nav-item {

      min-width: 100%;
  }
  .switcher .switcher-image-background {
    min-height: 300px;
  }
}





/* Benutzerdefinierter Code */

.gardient-background img, .uk-position-absolute img {
  box-shadow: 8px 12px 20px 6px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.15);
}

a.uk-card-secondary::after {
  min-height: 0%;
}

a.uk-card-secondary:hover::after {
  min-height: 144%;
}

.card-blue>.uk-card-primary {
  overflow: hidden;
}

.card-blue>.uk-card-primary::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  background-color: var(--blue);
  filter: url(#noise);
  z-index: 0;
}

.el-content ul {
  list-style: none;
  padding-left: 40px;
}

.el-content ul>li {
  margin-bottom: 0.8rem;
  position: relative;
}

.el-content ul>li:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 22px;
  height: 22px;
  left: -36px;
  top: 4px;
  background-image: url("/wp-content/uploads/2026/03/bullet.svg") !important;
  background-size: 100%;
  background-repeat: no-repeat;
}

.page-id-2188 .builder {
  display: none!important;
}

.uk-section-secondary::after,
.gardient-background::after,
.gardient-card::after, 
.card-blue.uk-card-primary::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/uploads/2026/03/grain.png");
  background-size: auto;
  background-repeat: repeat;
  opacity: 0.1;
  mix-blend-mode: soft-light;
  pointer-events: none;
}

/* Modal Menü */
.uk-drop {
  border-radius: 20px;
  top: 130px!important;
  box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.4);
  height: fit-content!important;
}

.uk-drop .uk-card-secondary .uk-margin-small-top {
  padding-left: 20px;
  position: relative;
}

.uk-drop .uk-card-secondary .uk-margin-small-top a:hover {
  text-decoration: none;
  color: var(--blue);
}

.uk-drop .uk-card-secondary .uk-margin-small-top a::before {
  content: ">";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translatey(-50%);
}

address, dl, fieldset, figure, ol, p, pre, ul {
  margin: 0 0 1rem 0;
}

*+address, *+dl, *+fieldset, *+figure, *+ol, *+p, *+pre, *+ul {
  margin-top: 1rem;
}


/* Header */

@media(min-width: 960px) {
  .cp-header-sublayout:has(.logo-einrichtung) h2, 
  .cp-header-sublayout:has(.logo-einrichtung) .uk-h2{
      font-size: 1.5rem;
  }
}

.rg-header-section {
  position: relative;
      
  }
  

  .rg-header-section .uk-slideshow::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse 160% 160% at var(--p1x, 15%) var(--p1y, 15%), var(--orange) 0%, transparent 60%), radial-gradient(ellipse 160% 160% at var(--p2x, 85%) var(--p2y, 15%), var(--green) 0%, transparent 60%), radial-gradient(ellipse 160% 160% at var(--p3x, 15%) var(--p3y, 85%), var(--blue) 0%, transparent 60%), radial-gradient(ellipse 160% 160% at var(--p4x, 85%) var(--p4y, 85%), var(--pink) 0%, transparent 60%);
    z-index: 1;
    opacity: 0.7;
    mix-blend-mode: overlay;
    mask-image: radial-gradient(transparent, black);
}

.rg-header-section .uk-slideshow::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse 160% 160% at var(--p1x, 15%) var(--p1y, 15%), var(--orange) 0%, transparent 60%), radial-gradient(ellipse 160% 160% at var(--p2x, 85%) var(--p2y, 15%), var(--green) 0%, transparent 60%), radial-gradient(ellipse 160% 160% at var(--p3x, 15%) var(--p3y, 85%), var(--blue) 0%, transparent 60%), radial-gradient(ellipse 160% 160% at var(--p4x, 85%) var(--p4y, 85%), var(--pink) 0%, transparent 60%);
    z-index: 1;
    opacity: 0.3;
    mask-image: radial-gradient(transparent, black);
}

/* Mobile menu offer icons */
.menu-level ul li.has-mobile-menu-icon {
    gap: 0.75rem;
}

.mobile-menu-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 34px;
    height: 34px;
}

.mobile-menu-item-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) saturate(100%);
}

.has-mobile-menu-icon.mobile-menu-icon-blue .mobile-menu-item-icon img {
    filter: brightness(0) saturate(100%) invert(50%) sepia(15%) saturate(1054%) hue-rotate(169deg) brightness(88%) contrast(86%);
}

.has-mobile-menu-icon.mobile-menu-icon-pink .mobile-menu-item-icon img {
    filter: brightness(0) saturate(100%) invert(67%) sepia(21%) saturate(917%) hue-rotate(290deg) brightness(95%) contrast(92%);
}

.has-mobile-menu-icon.mobile-menu-icon-green .mobile-menu-item-icon img {
    filter: brightness(0) saturate(100%) invert(82%) sepia(21%) saturate(543%) hue-rotate(83deg) brightness(91%) contrast(86%);
}

.has-mobile-menu-icon.mobile-menu-icon-orange .mobile-menu-item-icon img {
    filter: brightness(0) saturate(100%) invert(78%) sepia(48%) saturate(1316%) hue-rotate(311deg) brightness(101%) contrast(101%);
}

/* Mobile menu level 3 refinement */
.menu-level[id^="menu-level-3-"] ul li a {
    font-size: 18px;
}

.multistep-menu-container::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 82px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    z-index: 20;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .28s ease, transform .28s ease;
}

.multistep-menu-container.has-scroll-more::after {
    opacity: 1;
    transform: translateY(0);
}


/* Mobile multistep menu: Sozialwerke overview CTA */
.menu-level ul li:has(+ .mobile-menu-overview-button) {
  border-bottom: none !important;
}

.mobile-menu-overview-button {
  border-bottom: none !important;
  display: block !important;
  padding: 14px 18px 0 !important;
  justify-content: center !important;
  text-align: center;
}

.mobile-menu-overview-button > .uk-button {
  flex-grow: 0 !important;
  display: inline-flex !important;
  justify-content: center;
  max-width: 100%;
  min-height: 0 !important;
  line-height: 1.2 !important;
  padding: 12px 22px !important;
  color: #fff !important;
}

.mobile-menu-overview-button > .uk-button::before,
.mobile-menu-overview-button > .uk-button::after {
  color: #fff !important;
}