:root {
--ui-primary: #2f6b4a;
--ui-first-yellow: #faf6e3;
--ui-hover-bg: #f2f2f2;
--ui-overlay: rgba(0, 0, 0, 0.6);
--ui-darktext: #2b2b28;
--disabled-surface: rgba(186, 186, 186, .32);
--white: #fff;
--black: #111;
--radius: 28px;
--panel-border-gap: 4px;
--gradient-ui: linear-gradient(90deg, rgba(214, 152, 58, 1), rgba(240, 212, 138, 1), rgba(214, 152, 58, 1));
--gradient-simpleui: linear-gradient(90deg, rgba(214, 152, 58, 1) 0%, rgba(240, 212, 138, 1) 100%);
--gradient-simpleui-vertical: linear-gradient(0deg, rgba(214, 152, 58, 1) 0%, rgba(240, 212, 138, 1) 100%);
--gradient-primary: linear-gradient(90deg, #faf6e3 0%, #fffbe9 100%);
} .ui-background {
background: var(--gradient-primary) !important;
}
.ui-cardbackground .uk-card,
.ui-gradientbackground {
background: var(--gradient-simpleui) !important;
}
.ui-tilebackground .uk-tile {
background: var(--ui-first-yellow) !important;
}
.uk-offcanvas-bar {
background: var(--gradient-simpleui-vertical) !important;
padding-top: 60px !important;
}
.yellow-transparent-gradient {
background: linear-gradient(0deg,
rgba(250, 246, 227, 1) 20%,
rgba(255, 251, 233, 0.4) 60%,
rgba(255, 251, 233, 0) 100%) !important;
}
.green-transparent-gradient {
background: linear-gradient(0deg,
rgba(47, 107, 74, 1) 20%,
rgba(47, 107, 74, 0.4) 60%,
rgba(255, 251, 233, 0) 100%) !important;
}
.yellowpanel.uk-card,
.yellowpanel .uk-card {
background: var(--gradient-simpleui) !important;
border: none !important;
}
.uk-card-primary {
background: var(--gradient-primary) !important;
}
.uk-tile-default,
.uk-tile-default .uk-background-norepeat,
.uk-tile-muted,
.uk-tile-muted .uk-background-norepeat,
.uk-tile-default .uk-background-norepeat .uk-position-cover,
.rounded-image .el-image,
.borlabs-cookie-open-dialog-preferences button {
border-radius: var(--radius) !important;
}
.borlabs-cookie-open-dialog-preferences button {
letter-spacing: 0.5px;
}
.uk-button {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.uk-button-primary {
background: var(--gradient-ui) !important;
background-size: 200% 100% !important;
background-position: 0% 0% !important;
transition: background-position 0.4s ease !important;
border: none !important;
}
.uk-button-primary:hover {
background-position: 100% 0% !important;
}
.ui-border-panels :is(.uk-tile, .uk-card) {
position: relative;
border-radius: var(--radius);
background: #fff;
}
.ui-border-panels :is(.uk-tile, .uk-card)::before {
content: "";
position: absolute;
inset: 0;
padding: var(--panel-border-gap);
border-radius: inherit;
background: var(--gradient-simpleui);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
} :is(.uk-light,
.uk-section-secondary:not(.uk-preserve-color),
.uk-tile-primary:not(.uk-preserve-color),
.uk-tile-secondary:not(.uk-preserve-color)) .uk-button-primary {
background: #fff !important;
color: var(--ui-darktext) !important;
border-color: transparent !important;
}
:is(.uk-light,
.uk-section-secondary:not(.uk-preserve-color),
.uk-tile-primary:not(.uk-preserve-color),
.uk-tile-secondary:not(.uk-preserve-color)) .uk-button-primary:hover {
background: var(--ui-hover-bg) !important;
} .uk-alert {
border-radius: var(--radius) !important;
padding: 20px 30px !important;
}
.uk-alert .el-content {
margin-top: 0 !important;
}
.uk-alert-primary {
background: rgba(214, 152, 58, 1) !important;
color: var(--white) !important;
}
.uk-alert-warning {
background: var(--ui-first-yellow) !important;
color: var(--ui-darktext) !important;
} :is(.gradient-divider, .green-divider, .gradient-smalldivider) hr {
border: 0 !important;
margin: 0 !important;
display: block !important;
}
.gradient-divider hr {
height: 20px !important;
background: var(--gradient-ui) !important;
}
.green-divider hr {
height: 20px !important;
background: var(--ui-primary) !important;
}
.gradient-smalldivider hr {
height: 4px !important;
background: var(--gradient-ui) !important;
}
.uk-grid .el-title {
hyphens: auto !important;
}
.hyphens-title .uk-grid .el-title, .hyphens-title .el-title {
hyphens: none !important;
} .megamenue-panel .el-title,
.gradient-headline {
background: var(--gradient-simpleui);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
} .uk-nav-default>li.uk-active>a,
.uk-nav-default .uk-nav-sub li.uk-active>a {
font-weight: bold !important;
}
#tm-dialog-mobile .uk-close {
color: var(--black) !important;
}
.uk-offcanvas-overlay::before {
background: var(--ui-overlay) !important;
} .homeheader :is(h1, h3, h4, ul) {
padding-right: 20px;
}
.homeheader>.uk-container {
padding-right: 0px;
}
.homeheader .uk-width-expand\@m.uk-visible\@m {
display: flex !important;
}
.uk-accordion .el-item {
margin: 0 !important;
border: none;
padding: 0 20px 5px 0 !important;
}
.uk-accordion-title {
font-family: 'Raleway' !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
.uk-accordion> :nth-child(n+2) {
margin-top: 5px !important;
padding-top: 10px !important;
}
.uk-accordion-content {
margin: 10px 0 20px !important;
}
.uk-accordion ul {
padding-left: 15px !important;
} img.uk-border-rounded {
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
border-radius: 360px !important;
padding: 80px !important;
} .wpcf7-spinner {
display: none !important;
}
.wpcf7-list-item.first {
margin-left: 0 !important;
}
.wpcf7-list-item {
margin: 0 1em 0 0 !important;
}
input::placeholder,
textarea::placeholder {
color: var(--ui-darktext) !important;
opacity: 1 !important;
} :is(input, textarea, select, .uk-input, .uk-textarea, .uk-select):disabled {
color: var(--ui-darktext) !important;
background-color: var(--disabled-surface) !important;
border-color: var(--disabled-surface) !important;
opacity: 1 !important;
-webkit-text-fill-color: var(--ui-darktext) !important;
}
:is(input, textarea):disabled::placeholder {
color: var(--ui-darktext) !important;
opacity: 1 !important;
}
input.uk-checkbox {
flex-shrink: 0 !important;
margin-top: 0px !important;
padding-top: 0px !important;
margin-right: 5px !important;
} .teamoverlay .el-item>a {
border-radius: var(--radius) !important;
}
.teamoverlay .uk-overlay-primary {
background: linear-gradient(180deg, var(--ui-primary) 40%, rgba(240, 212, 138, 0) 40%) !important;
}
.team-section button.uk-button {
background: var(--gradient-simpleui) !important;
}
.team-section button.uk-button:is(:active, :hover, :focus) {
background: var(--gradient-ui) !important;
} .uk-modal-dialog {
background: #FAF6E3 !important;
padding: 0 !important;
}
.uk-modal-dialog h4 {
background: var(--gradient-simpleui);
padding: 30px;
color: var(--white) !important;
border-top-right-radius: var(--radius);
border-top-left-radius: var(--radius);
}
.modal-images h4 {
border-top-left-radius: 0 !important;
}
.modal-images .uk-background-norepeat {
border-top-left-radius: var(--radius) !important;
border-bottom-left-radius: var(--radius) !important;
background-size: cover !important;
}
.uk-modal-dialog .modalcontent {
padding: 10px 30px 30px;
}
.uk-modal-dialog .uk-close svg {
color: var(--white) !important;
}
.uk-modal-dialog ul {
padding-left: 15px;
}
.uk-modal-dialog li {
position: relative;
padding-left: 20px;
margin-bottom: 6px;
}
.uk-modal-dialog li::before {
content: "•";
color: var(--ui-darktext);
position: absolute;
left: 0;
font-size: 1.5em;
line-height: 1;
top: 0;
} .babysprechstunde-tile .uk-tile {
padding: 35px 30px !important;
}  .cards-equalize .uk-width-1-3\@m:first-child .uk-panel .uk-grid .uk-card {
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.cards-equalize .uk-width-1-3\@m:last-child .uk-panel .uk-grid .uk-card {
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
.cards-equalize .uk-card {
display: flex !important;
flex-direction: column !important;
}
.cards-equalize .uk-card .uk-margin:last-child {
margin-top: auto !important;
}
.cards-equalize .uk-card {
overflow: hidden !important;
}
.cards-equalize .uk-card> :last-child {
margin-bottom: 0 !important;
}
.cards-equalize a.el-content {
max-width: 100%;
}
.cards-equalize .uk-width-1-3\@m:nth-child(2) .uk-panel .uk-grid .uk-card,
.cards-equalize .uk-width-1-3\@m:nth-child(3) .uk-panel .uk-grid .uk-card,
.cards-equalize .uk-width-1-3\@m:nth-child(4) .uk-panel .uk-grid .uk-card {
border-radius: 0px !important;
}
.horizontal-accordion.uk-accordion .el-item {
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start;
}
.horizontal-accordion.uk-accordion .el-item>a.uk-accordion-title {
flex: 0 0 50%;
max-width: 50%;
box-sizing: border-box;
}
.horizontal-accordion.uk-accordion .el-item>.uk-accordion-content {
flex: 0 0 50%;
max-width: 50%;
margin: 0 !important;
box-sizing: border-box;
} footer .uk-section-primary {
background: var(--gradient-ui) !important;
} .fixed-global-button {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
padding: 12px 20px;
border-radius: 999px;
background: var(--ui-primary) !important;
color: #fff !important;
font-weight: 600;
text-decoration: none !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, .2);
transition: transform .2s ease, box-shadow .2s ease;
}
.fixed-global-button:hover {
transform: translateY(-2px);
box-shadow: 0 10px 24px rgba(0, 0, 0, .25);
}
.fixed-global-button img {
height: 20px;
vertical-align: middle;
width: auto;
margin-top: -5px;
} @media (max-width: 1599px) {
.cards-equalize .uk-width-1-3\@m:nth-child(3) .uk-panel .uk-grid .uk-card {
border-top-right-radius: var(--radius) !important;
border-bottom-right-radius: var(--radius) !important;
}
.cards-equalize .uk-width-1-3\@m:nth-child(4) .uk-panel .uk-grid .uk-card {
border-top-left-radius: var(--radius) !important;
border-bottom-left-radius: var(--radius) !important;
}
}
@media (max-width: 1400px) {
.teamoverlay .uk-overlay-primary {
background: linear-gradient(180deg, var(--ui-primary) 50%, rgba(240, 212, 138, 0) 40%) !important;
}
.headline-hyphens {
font-size: 34px !important;
}
}
@media (max-width: 1250px) {
.headline-hyphens {
font-size: 28px !important;
}
.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
font-size: 18px !important;
}
.uk-navbar-nav {
gap: 30px !important;
}
}
@media (max-width: 1220px) {
.teamoverlay .uk-overlay-primary {
background: linear-gradient(180deg, var(--ui-primary) 60%, rgba(240, 212, 138, 0) 40%) !important;
}
}
@media (max-width: 1199px) {
.indikationen-therapie .uk-background-norepeat {
height: 300px;
border-radius: var(--radius);
}
.ablauf-img img {
width: auto;
height: 200px;
border-radius: var(--radius);
}
}
@media (max-width: 1186px) {
.teamoverlay .uk-overlay-primary {
background: linear-gradient(180deg, var(--ui-primary) 70%, rgba(240, 212, 138, 0) 40%) !important;
}
}
@media (max-width: 1100px) {
.teamoverlay .uk-overlay-primary {
background: var(--ui-primary) !important;
opacity: 90% !important;
}
.teamoverlay .el-link.uk-button-secondary {
background: linear-gradient(90deg, #d6983a 0, #f0d48a 100%) !important;
}
.teamoverlay .el-link.uk-button-secondary:hover,
.teamoverlay .el-link.uk-button-secondary:focus {
background: linear-gradient(90deg, #f0d48a 0, #d6983a 100%) !important;
}
}
@media (max-width: 1080px) {
.headline-hyphens {
hyphens: auto;
}
.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
letter-spacing: 1 !important;
}
.uk-navbar-nav {
gap: 20px !important;
}
}
@media (max-width: 1030px) {
.uk-logo img {
width: 120px !important;
}
}
@media (max-width: 990px) {
.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
font-size: 16px !important;
}
}
@media (max-width: 980px) {
.teamoverlay .uk-slider-items {
min-height: 500px !important;
}
}
@media (max-width: 959px) {
h1 {
font-size: clamp(28px, calc(2.00vw + 21.8px), 40px) !important;
} h3 {
font-size: clamp(20px, calc(0.94vw + 16.6px), 24px) !important;
}
h4 {
font-size: clamp(17px, calc(0.47vw + 15.3px), 18px) !important;
}
h5 {
font-size: clamp(14px, calc(0.31vw + 12.9px), 15px) !important;
}
h6 {
font-size: clamp(12px, calc(0.16vw + 11.4px), 13px) !important;
}
.teamoverlay .uk-slider-items {
min-height: unset !important;
height: 400px;
}
.teamoverlay .uk-dotnav>*>* {
width: 20px;
height: 20px;
}
.header-kachel img {
width: 200px;
max-width: 100%;
}
.header-kachel .uk-position-cover { background-image: linear-gradient(0deg, rgb(214, 152, 58) 0%, rgb(240, 212, 138) 25%, rgba(255, 251, 233, 0) 70%) !important
}
.header-kachel-gruen .uk-position-cover { background-image: linear-gradient(0deg, rgba(47, 107, 74, 1) 20%, rgba(47, 107, 74, 0.4) 40%, rgba(255, 251, 233, 0) 70%) !important;
}
.uk-modal-dialog .uk-width-1-2\@m.uk-grid-margin {
margin-top: 0px !important;
}
.modal-images h4 {
border-top-left-radius: var(--radius) !important;
border-top-right-radius: var(--radius) !important;
}
.modal-images .uk-background-norepeat {  padding: 0px;
}
.homeheader>.uk-container {
padding-right: 30px;
}
.homeheader .uk-width-expand\@m.uk-visible\@m .uk-background-norepeat {
height: 300px;
border-top-right-radius: var(--radius);
border-top-left-radius: var(--radius);
}
.header-diagnostik .uk-background-norepeat {
height: 300px;
}
.cards-equalize .uk-width-1-3\@m:nth-child(2) .uk-panel .uk-grid .uk-card {
border-top-right-radius: var(--radius) !important;
border-bottom-right-radius: var(--radius) !important;
}
.cards-equalize .uk-width-1-3\@m:nth-child(3) .uk-panel .uk-grid .uk-card {
border-radius: 0px !important;
border-top-left-radius: var(--radius) !important;
border-bottom-left-radius: var(--radius) !important;
}
.cards-equalize .uk-width-1-3\@m:nth-child(4) .uk-panel .uk-grid .uk-card {
border-radius: 0px !important;
border-top-right-radius: var(--radius) !important;
border-bottom-right-radius: var(--radius) !important;
}
.cards-equalize .uk-width-1-3\@m:last-child .uk-panel .uk-grid .uk-card {
border-top-left-radius: var(--radius) !important;
border-bottom-left-radius: var(--radius) !important;
}
footer .uk-section-primary {
background: rgba(214, 152, 58, 1) !important;
}
}
@media (max-width: 820px) {
.headline-team {
display: flex;
flex-direction: column;
}
}
@media (max-width: 800px) {
.header-edelmann.uk-section {
padding-bottom: 70px !important;
}
.header-edelmann .rounded-image {
transform: none !important;
}
}
@media (max-width: 780px) {
.teamoverlay .uk-slider-items {
height: 500px;
}
}
@media (max-width: 639px) {
.teamoverlay .uk-slider-items {
height: 300px;
}
.homeheader>.uk-container {
padding-right: 15px;
}
.cards-equalize .uk-width-1-3\@m .uk-panel .uk-grid .uk-card.uk-card-secondary {
border-radius: var(--radius) !important;
}
.fixed-global-button, .fixed-global-button:hover{
left: 50%;
transform: translate(-50%);
text-align: center;
width: max-content;
}
} @media (max-width: 440px) {
.teamoverlay .uk-slider-items {
height: 400px;
}
}
@media (max-width: 380px) {
.contact-descr-list .uk-grid {
flex-wrap: nowrap;
flex-direction: column;
}
.contact-descr-list .uk-grid .uk-grid-margin {
margin-top: 0px;
}
.ablauf-img img {
width: 100%;
height: auto;
}
}
@media (max-width: 340px) {
.teamoverlay .uk-slider-items {
height: 440px;
}
}