/* General
--------------------------------------------------------- */
.scrolltop-btn {
	background-color: var(--c-secondary);
}
.scrolltop-btn:hover {
	background-color: var(--c-secondary-alt);
}
#content{
	padding-top: 90px;
}
.lh-xl {
	line-height: 1.8;
}

/*popup customization*/
.urlaubstage-container .date_row.vacation_rn {
	color: var(--c-danger);
    font-weight:bold;
}



/* Header
--------------------------------------------------------- */
header#main-header {
	transform: translateY(-150px);
	box-shadow: none;
}
.sticky-nav header#main-header {
	box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, .1);
}
.mobile-menu-open header#main-header {
	box-shadow: none;
}
#logo img, #logo svg {
	height: 40px;
}
.mobile-menu-open #logo img, .mobile-menu-open #logo svg,
.sticky-nav #logo img, .sticky-nav #logo svg {
	height: 30px;
}
#main-menu li a {
	color: var(--c-headlines);
	font-size: var(--fs-s);
}
#main-menu > li > a {
	font-weight: normal;
	font-variation-settings: "wght" 550;
	padding-left: 2rem;
	padding-right: 2rem;
}
#main-menu li.menu-item-has-children > a {
	padding-right: 3rem;
}
.single-leistungen #mobile-main-menu > li#menu-item-2160 > a,
.single-leistungen #main-menu > li.menu-item-2160 > a {
	color: var(--c-primary);
}
.top-link {
	margin-bottom:0;
	grid-gap: 10px;
	font-size: var(--fs-s);
	/* color: var(--c-headlines); */
	font-weight: normal;
	font-variation-settings: "wght" 550;
	padding-left: 2rem;
	padding-right: 2rem;
	margin: 0 2rem;
}
.mm-item-wrap {
	padding-top: 14rem;
	padding-bottom: 4rem;
}
@media (min-width: 1081px) {
	/* #main-menu {
		margin-right: -3rem;
	} */
	.header-top {
		padding-top: 10px;
		padding-bottom: 20px;
	}
}
@media (max-width: 1200px) {
	#logo img, #logo svg,
	.mobile-menu-open #logo img, .mobile-menu-open #logo svg,
	.sticky-nav #logo img, .sticky-nav #logo svg {
		height: 30px;
	}
}
@media (max-width:767px) {
	.top-link-text {
		display: none;
	}
	.top-link {
		padding-left: 0;
		padding-right: 0;
		width: 50px;
	}
}


/* header contacts */
.header-contacts {
	margin-top: 20px;
}
.hc-wrapper {
	margin: 16px 0;
	grid-gap: 10px;
	font-size: 16px;
}
.hc-wrapper svg {
	width: 18px;
	height: 18px;
}


/* Home 3 Intro Boxen Shortcode
--------------------------------------------------------- */
.home-intro-boxes {
	margin-top: var(--space-l);
}
.home-intro-boxes h1,
.home-intro-boxes h2,
.home-intro-boxes h3,
.home-intro-boxes h4,
.home-intro-boxes h5,
.home-intro-boxes h6 {
	color: var(--c-white);
}
.home-intro-boxes p:last-child {
	margin-bottom: 0;
}
.home-box {
	border-radius: var(--border-radius);
	/* background-color: var(--c-primary); */
	background: linear-gradient(45deg, var(--c-primary), var(--c-primary-alt));
	padding: var(--gap-default);
	color: #fff;
}
.home-box#hb-2 {
	/* background-color: var(--c-secondary); */
	background: linear-gradient(45deg, var(--c-secondary-alt), var(--c-secondary));
}
.home-box#hb-3 {
	/* background-color: var(--c-tertiary); */
	background: linear-gradient(45deg, var(--c-tertiary-alt), var(--c-tertiary));
}
.home-intro-boxes .home-box a:not(.button) {
	color: #fff;
	/* text-decoration: underline; */
}
.home-box a:not(.button):hover {
	color: #fff;
	opacity: .7;
}
.home-box .contacts-row {
	display: flex;
	grid-gap: 20px;
	margin-bottom: 4px;
}
@media (min-width: 1081px) {
	.home-intro-boxes {
		z-index: 12;
		position: relative;
		margin-top: -140px;
	}
	.home-box {
		padding: calc(var(--gap-default) * 2);
	}
}



/* Footer
--------------------------------------------------------- */
.footer-middle {
	background: none;
	border-top: 2px solid var(--c-lightest-gray);
	text-align:center;
}
.fm-wrapper > div {
	margin: 20px 0;
}
.footer-bottom {
	/* background-color: var(--c-headlines); */
	color: var(--c-text);
	background: none;
}
.footer-bottom a {
	color: var(--c-text) !important;
	/* color: #fff !important; */
}
.footer-bottom a:hover {
	color: var(--c-primary) !important;
}
#footer-menu li {
	display: inline-block;
	width: auto;
	margin: .5rem 1rem;
}
#footer-menu li a {
	font-size: var(--fs-s);
}


/* Leistungen
--------------------------------------------------------- */
/* single */
#single-sidebar .single-sidebar-inner {
	background-color: #f9f9f98a;
	border-radius: var(--border-radius);
}
#single-sidebar .h4 {
	/* display:block; */
	/* padding:20px 20px 0 20px; */
}
/* #single-sidebar .grid {
	border-top: 1px solid var(--c-lightest-gray);
	border-left: 1px solid var(--c-lightest-gray);
} */
.ssl-inner {
	background-color: #f9f9f9;
	/* background-color: var(--c-lightest-gray); */
	padding: var(--gap-default) var(--gap-default);
	grid-gap: 20px;
	border-radius: var(--border-radius);
	/* border-right: 1px solid var(--c-lightest-gray);
	border-bottom: 1px solid var(--c-lightest-gray); */
	/* border-top: 1px solid var(--c-lightest-gray); */
	transition: all var(--a-timing-default) var(--a-easing-default);
}
.ssl-inner:hover {
/* .ss-leistung:hover { */
	background-color: var(--c-lightest-gray);
	box-shadow: var(--box-shadow-default);
}
.ssl-name {
	color: var(--c-headlines);
	hyphens: auto;
}
.ssl-name svg {
	color: var(--c-secondary);
	transition: all var(--a-timing-default) var(--a-easing-default);
}
.ssl-image-container svg,
.ssl-image-container img {
	height: 24px;
	width: 24px;
	object-fit:contain;
	transform: translateY(3px);
}
.ss-leistung:hover .ssl-name {
	color: var(--c-primary);
}
.ss-leistung.current .ssl-name svg,
.ss-leistung:hover .ssl-name svg {
	transform:translateX(5px);
}
.ss-leistung.current .ssl-inner {
	background-color: var(--c-primary);
}
.ss-leistung.current .ssl-name {
	color: var(--c-white);
}
.ss-leistung.current .ssl-name svg,
.ss-leistung.current .ssl-image-container svg,
.ss-leistung.current .ssl-image-container img {
	filter: brightness(0) invert(1);
}
.single-cta {
	background: var(--c-lightest-gray);
	/* border-bottom: 5px solid #fff; */
}
/* @media (max-width: 767px) {
	#single-sidebar {
		display: none;
	}
} */



/* Kontakt
--------------------------------------------------------- */
.maps-and-form-section {
	
}
.map-holder-col .elementor-widget-html,
.map-holder-col .elementor-widget-container,
.map-holder-col iframe {
	height: 100%;
	min-height: 450px;
}


/* Shortcode: Kontaktdaten Icons
--------------------------------------------------------- */
.kd-icon-item {
	text-align: center;
	margin-bottom: var(--gap-default);
}
.kdii-iconwrap {
	padding: 15px;
	color: #fff;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-bottom: var(--gap-default);
}
.kd-icon-item .kdii-iconwrap svg {
	height: 50px !important;
	width: auto;
}
#kdii-1 .kdii-iconwrap {background: linear-gradient(45deg, var(--c-primary), var(--c-primary-alt));}
#kdii-2 .kdii-iconwrap {background: linear-gradient(45deg, var(--c-secondary-alt), var(--c-secondary));}
#kdii-3 .kdii-iconwrap {background: linear-gradient(45deg, var(--c-tertiary-alt), var(--c-tertiary));}
#kdii-2 .kdii-iconwrap svg {
	height: 43px !important;
	margin-top: 5px;
	transform: translate(-2px, 2px);
}
@media (max-width:767px) {
	.kdii-iconwrap {
		width: 50px;
		height: 50px;
		padding: 10px;
	}
	#kdii-2 .kdii-iconwrap svg,
	.kd-icon-item .kdii-iconwrap svg {
		height: 30px !important;
		width: auto;
		margin-top: 0;
	}
}


/* CF7
--------------------------------------------------------- */
.wpcf7-form {
	font-size: var(--fs-m);
}
#wpcf7-f2120-p2045-o1 > form > .grid,
#medikamente-groups .wpcf7-field-group {
	position: relative;
	padding-right: 100px;
	/* width: calc(100% - 100px);
	margin-right: 100px; */
}

#medikamente-groups .wpcf7-field-group {
	/* margin-bottom: var(--gap-default); */
	/* padding: var(--gap-default); */
	padding-top: var(--gap-default);
	padding-bottom: var(--gap-default);
	border-top: 1px solid #000;
}
#medikamente-groups .wpcf7-field-group:first-child {
	border-top: none;
}
/* #medikamente-groups .wpcf7-field-group:last-child {
	margin-bottom: 0;
}
#medikamente-groups .wpcf7-field-group:nth-child(odd) {
	background-color: #f9f9f9;
}
#medikamente-groups .wpcf7-field-group:nth-child(even) {
	background-color: #f5f5f5;
} */


/* #medikamente-groups .wpcf7-field-group:first-child {
	padding-right:0;
} */
#medikamente-groups .flex-column.repeater-medikament {
	width: 70%;
	min-width: 300px;
}
#medikamente-groups .flex-column.repeater-wirkstaerke,
#medikamente-groups .flex-column.repeater-dosierung {
	width: 15%;
	min-width: 80px;
}
#medikamente-groups .wpcf7-field-group > p {
	margin-bottom: 0;
	display: flex;
	grid-gap: 20px;
	width: 100%;
	align-items: flex-start;
	flex-direction: column;
}
#medikamente-groups .wpcf7-field-group > p button[type="button"].wpcf7-field-group-add {
	display: none;
}
#medikamente-groups .wpcf7-field-group:last-child > p button[type="button"].wpcf7-field-group-add {
	display: inline-block;
}
#medikamente-groups button[type="button"] {
	font-size: var(--fs-s);
	margin: 0 20px 20px 0;
	-webkit-appearance: none;
	cursor:pointer;
	padding: 2px 5px;
	background: none;
	border: none;
	display: inline-flex;
	align-items: center;
}
#medikamente-groups button[type="button"] svg {
	height: 18px;
	width: 18px;
}
#medikamente-groups button[type="button"].wpcf7-field-group-remove {
	color: var(--c-danger);
	position: absolute;
	right: 0;
	margin: 0;
	top: 63px;
	grid-gap: 6px;
}
#medikamente-groups button[type="button"].wpcf7-field-group-remove:hover {
	color: var(--c-danger-alt);
}
#medikamente-groups button[type="button"].wpcf7-field-group-add {
	font-size: var(--fs-s);
	padding: 1.2rem calc(var(--gap-default)* 2);
	border-radius: var(--border-radius);
	line-height: var(--lh-s);
	color: var(--c-white);
	font-family: var(--ff-default);
	text-align: center;
	background-color: var(--c-secondary);
	text-decoration: none !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-gap: var(--gap-half);
	transition: color var(--a-timing-default) var(--a-easing-default), background-color var(--a-timing-default) var(--a-easing-default), border-color var(--a-timing-default) var(--a-easing-default), transform var(--a-timing-default) var(--a-easing-default), opacity var(--a-timing-default) var(--a-easing-default), outline-width 0s linear 0s, outline-color 0s linear 0s;
	position: relative;
	border: 1px solid;
	border-color: var(--c-secondary);
	margin-bottom: var(--gap-default);
	-webkit-appearance: none;
}
#medikamente-groups button[type="button"].wpcf7-field-group-add:hover {
	background-color: var(--c-secondary-alt);
	border-color: var(--c-secondary-alt);
}
#medikamente-groups button[type="button"].wpcf7-field-group-add svg {
	height: 18px;
	width: 18px;
	display: inline-block;
	transform: translateY(3px);
	margin-right: 10px;
}
body .wpcf7-not-valid-tip {
	font-size: var(--fs-s);
}
.wpcf7-list-item-label {
	font-size: var(--fs-s);
}
body .wpcf7-list-item input,
body .wpcf7-list-item::after, body .wpcf7-list-item::before {
	top: 5px;
}
@media (max-width:1080px) {
	#medikamente-groups .grid {
		grid-gap: 0 var(--gap-default);
	}
	
	/* #wpcf7-f2120-p2045-o1 > form > .flex {
		padding-right: 0;
	} */
	/* #medikamente-groups button[type="button"].wpcf7-field-group-remove span {
		display: none;
	} */
	/* #medikamente-groups .flex {
		grid-gap: 0;
		align-items: end;
	}
	#medikamente-groups button[type="button"].wpcf7-field-group-remove {
		position: static;
		margin: -10px 20px 20px 0;
	} */
	#wpcf7-f2120-p2045-o1 > form > .grid,
	#medikamente-groups .wpcf7-field-group {
		padding-right: 0;
	}
	#medikamente-groups button[type="button"].wpcf7-field-group-remove {
		position: static;
	}
}
@media (max-width:767px) {
	/* #wpcf7-f2120-p2045-o1 > form > .grid,
	#medikamente-groups .wpcf7-field-group {
		margin-right: 0;
		width: 100%;
	}
	#medikamente-groups button[type="button"].wpcf7-field-group-remove {
		position: static;
		margin: -10px 20px 20px 0;
	} */
	/* .wpcf7-form > .flex {
		display: block;
		padding-right: 0;
	} */
}


#footer-menu li button {
	display: inline-block;
	padding: 0.2rem 0.0rem;
	text-decoration: none;
	font-size: var(--fs-s);
	background: none;
	border-radius: 0;
	border: none;
	margin: 0;
	color: var(--c-primary);
	cursor:pointer;
	font-family: var(--ff-default);
	transition: all var(--a-timing-default) var(--a-easing-default);
}
#footer-menu li button:hover {
	color: var(--c-primary-alt);
}


.scrolltop-btn {
	border: none !important;
	cursor:pointer;
}
.scrolltop-btn:focus-visible {
	outline-style: dashed;
	outline-color: var(--c-primary-alt);
	outline-width: 2px;
	outline-offset: 2px;
}


/* Animations
--------------------------------------------------------- */
/* default */
.elementor-widget-heading, .elementor-widget-text-editor, .animate {
	opacity: 0;
	transform: translateY(40px);
	transition: all var(--a-timing-default) var(--a-easing-default);
}
.elementor-widget-button .elementor-button, .button {
	opacity: 0;
	transform: translateY(40px);
}
/* only fade */
.fadeIn {
	opacity: 0;
	transition: all var(--a-timing-default) var(--a-easing-default);
}
/* animation complete */
.elementor-editor-active .elementor-widget-heading,
.elementor-editor-active .elementor-widget-text-editor,
.elementor-editor-active .elementor-widget-button .elementor-button,
.elementor-editor-active .button,
.elementor-editor-active .animate,
.elementor-widget-heading.inView,
.elementor-widget-text-editor.inView,
.elementor-widget-button .elementor-button.inView,
.button.inView,
.animate.inView {
	opacity: 1;
	transform: translateY(0px);
}
.elementor-editor-active .fadeIn,
.fadeIn.inView {
	opacity: 1;
}

.nosun-widget.widget-text a {
	text-decoration: underline;
}