/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 03 2026 | 15:58:12 */
/* STANDARD */
/* button styles & hover in den block vorlagen */
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

:where(.wp-site-blocks *:focus) {
	outline-width: 0;
	outline-style: none;
}

body {
    text-rendering: optimizeLegibility;
    word-break: break-word;
	hyphens: auto;
}

.no-wrap {
	white-space: nowrap;
	display: inline-block;
}

h1 {
	hyphens: none;
}

a:hover {
	opacity: 0.8;
}

.bg-fixed { /* extra - bg fix für ios */
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
	background-size: 0px !important;
	overflow: hidden;
	position: relative;
}

.bg-fixed:before {
	background-image: inherit !important;
	background-repeat: inherit !important;
	background-size: cover;
	background-position: inherit;
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1 !important;
	will-change: transform;
	pointer-events: none;
}

.hidden {
	display: none !important;
}

@media (max-width: 768px) { /* extra - mobil bild first bei spalten */
	.reverse-mobile {
		flex-direction: column-reverse;
	}
}

a.link-ext {
	text-decoration: none;
	border-bottom: 1px dashed currentColor;
	padding-bottom: 1px;
}

a.link-ext::after {
	content: "⎘";
	display: inline-block;
	margin-left: 4px;
	line-height: 1;
	vertical-align: middle;
	opacity: .7;

}

header { /* header sticky */
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 10px;
	width: 100%;
    position: fixed;
    z-index: 50;
    top: 0px;
    left: 0px;
    height: 74px;
    max-width: 100vw;
}

main {
	padding-top: 74px !important;
}

header .wp-block-navigation-item.current-menu-item.wp-block-navigation-link { /* navigation farbe aktive seite */
    color: var(--wp--preset--color--accent-1);
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg { /* mobile burger groesse */
	height: 36px !important;
	width: 36px !important;
}

.wp-block-navigation__responsive-container-open:hover, .wp-block-navigation__responsive-container-close:hover { /* animation burger */
	transform: rotate(15deg);
}

@media (max-width: 576px) { /* navi groesse mobil */
	.wp-block-navigation__responsive-dialog .wp-block-navigation-item {
		font-size: var(--wp--preset--font-size--x-large) !important;
	}
}



/* HERO Default */
@media (orientation: landscape) {
	.hero-mobile { display: none; }
}

/* HERO Portrait */
@media (orientation: portrait) {
	.hero-desktop { display: none; }
}




/* TEXTBLOCK ANIMATION HOME */
.magic { /* extra */
	position: sticky;
	top: 10vh;
}



/* EXTRA DESIGN, LAYOUT */
.contact-head /* für google map */
{
	position: absolute;
}

:root { /* shadow */
	--wp--preset--shadow--crisp: var(--wp--preset--color--accent-4) 6px 6px 0px 0px;
}

@media (max-width: 576px) {
	.mob-nice {
		background: none !important;
	}
}

.wp-block-coblocks-faq-item { /* faq */
	border-bottom: 1px solid #e5e5e5;
}

.wp-block-coblocks-faq-item__question {
	font-weight: 400;
}

.wp-block-coblocks-faq-item.intro {
	border-bottom: none;
	text-align: center;
}

.intro .wp-block-coblocks-faq-item__question__content {
    font-weight: 300;
}

.wp-block-list.is-style-default, .wp-block-list ul {
	padding-left: 20px;
}

.wp-block-list.is-style-checkbox, .therapie summary {
    list-style: none;
    padding-left: 0;
}

.therapie summary {
    position: relative;
    padding-left: 28px;
    line-height: 1.4;
}

.wp-block-list.is-style-checkbox li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
    line-height: 1.4;
}

.therapie summary::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    background-color: var(--wp--preset--color--accent-1);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%2300A6A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%2300A6A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.wp-block-list.is-style-checkbox li::before { /* checkbox style gruener haken */
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background-color: var(--wp--preset--color--accent-1);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='13' stroke='%2300C1B3' stroke-width='2' fill='none'/%3E%3Cpath d='M10 16.5 L14 20 L22 12' stroke='%2300C1B3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='13' stroke='%2300C1B3' stroke-width='2' fill='none'/%3E%3Cpath d='M10 16.5 L14 20 L22 12' stroke='%2300C1B3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}



/* SLIDER */
.metaslider.ms-theme-clarity .flexslider .slides li {
	margin-top: 0;
	margin-bottom: 0;
}

.metaslider.ms-theme-clarity .flexslider .caption-wrap {
	background: none;
	border: none;
}

.metaslider.ms-theme-clarity .flexslider .slides li {
	background: none;
}

.metaslider.ms-theme-clarity .flexslider .caption-wrap .caption {
    text-align: left;
    padding: 15px 0;
}

.metaslider.ms-theme-clarity .flexslider .flex-direction-nav a {
	border: none !important;
	box-shadow: none !important;
}

.metaslider.ms-theme-clarity .flexslider .flex-control-paging li a {
    width: 35px;
    height: 4px;
    border-radius: 0;
    box-shadow: none !important;
}



/* FORMS */