html {
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none
}

::selection {
	background: #b3d4fc;
	text-shadow: none
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}

.hidden,
[hidden] {
	display: none !important
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px
}

.sr-only.focusable:active,
.sr-only.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	white-space: inherit;
	width: auto
}

.invisible {
	visibility: hidden
}

.clearfix::after,
.clearfix::before {
	content: " ";
	display: table
}

.clearfix::after {
	clear: both
}

@media print {

	*,
	::after,
	::before {
		background: #fff !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}

	a,
	a:visited {
		text-decoration: underline
	}

	a[href]::after {
		content: " (" attr(href) ")"
	}

	abbr[title]::after {
		content: " (" attr(title) ")"
	}

	a[href^="#"]::after,
	a[href^="javascript:"]::after {
		content: ""
	}

	pre {
		white-space: pre-wrap !important
	}

	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid
	}

	thead {
		display: table-header-group
	}

	img,
	tr {
		page-break-inside: avoid
	}

	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}

	h2,
	h3 {
		page-break-after: avoid
	}
}

.icon {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
	transition: all .3s ease-in-out;
	will-change: contents
}

.icon:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	stroke-width: .25
}

.isvg {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto
}

.isvg>div {
	padding: 2rem 0;
	text-align: center
}

.isvg .name {
	margin: 1rem 0;
	display: block
}

footer {
	padding: 2rem 0 1.5rem;
	background: #e6e6e6;
	font-size: .9rem
}

@media screen and (min-width:1000px) {
	footer {
		padding: 2.5rem 0 2rem
	}
}

@media screen and (max-width:410px) {
	footer {
		font-size: .8rem
	}
}

footer .left {
	width: calc(58.3333333333% - 1.5833333333rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:500px)and (max-width:799px) {
	footer .left {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:800px) {
	footer .left {
		width: calc(25% - 1.25rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1000px) {
	footer .left {
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative;
		width: calc(25% - 1.25rem);
		float: left;
		margin-left: 1rem
	}
}

footer .right {
	width: calc(41.6666666667% - 1.4166666667rem);
	float: left;
	margin-left: 1rem;
	text-align: right
}

@media screen and (min-width:500px)and (max-width:799px) {
	footer .right {
		width: calc(58.3333333333% - 1.5833333333rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:800px) {
	footer .right {
		width: calc(20.8333333333% - 1.2083333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(12.5% - 1.125rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1000px) {
	footer .right {
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative;
		width: calc(16.6666666667% - 1.1666666667rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	footer .right {
		width: calc(25% - 1.25rem);
		float: left;
		margin-left: 1rem;
		left: calc(0% - 1rem + 1rem);
		position: relative
	}
}

footer .right a {
	display: inline-block;
	margin-right: 2rem;
	margin-top: .35rem
}

@media screen and (min-width:800px) {
	footer .right a {
		margin-left: 1.5rem;
		margin-top: .5rem
	}
}

@media screen and (max-width:799px) {
	footer .hours {
		display: none
	}
}

@media screen and (min-width:800px) {
	footer .hours {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem
	}

	footer .hours .hourstable {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-items: flex-start;
		align-items: flex-start
	}

	footer .hours .hourstable table {
		margin-right: calc(3rem + 1vw)
	}

	footer .hours .hourstable table td {
		vertical-align: top
	}

	footer .hours .hourstable table td:nth-of-type(2) {
		text-align: right
	}
}

@media screen and (min-width:1000px) {
	footer .hours {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

footer a.active {
	color: #000;
	font-weight: 700
}

footer .info {
	display: block;
	text-align: right
}

@media screen and (max-width:799px) {
	footer .info {
		display: none
	}
}

header {
	padding: 1rem 0;
	line-height: 1;
	background: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2
}

@media screen and (min-width:800px) {
	header {
		padding: 3rem 0 2rem;
		transition: padding .25s ease-in-out
	}
}

header .shortcut-icons {
	width: calc(33.3333333333% - 1.3333333333rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	header .shortcut-icons {
		display: none
	}
}

header .shortcut-icons ul {
	list-style: none;
	padding: 0 0 0 .5rem;
	margin: 0
}

header .shortcut-icons ul li {
	display: inline-block
}

header .shortcut-icons ul li:nth-of-type(1) {
	margin-right: 1.5rem
}

header .shortcut-icons ul li svg {
	width: 1.5rem;
	height: 1.5rem
}

header .info {
	width: calc(66.6666666667% - 1.6666666667rem);
	float: left;
	margin-left: 1rem;
	text-align: right
}

header .info .icon-container {
	padding-right: 2.5rem;
	position: relative;
	top: .1rem
}

header .info .icon-container svg {
	width: 1.5rem;
	height: 1.5rem
}

@media screen and (min-width:800px) {
	header .info {
		display: none
	}
}

header .desktop-navigation {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (max-width:799px) {
	header .desktop-navigation {
		display: none
	}
}

@media screen and (min-width:1000px) {
	header .desktop-navigation {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

header .mobile-navigation .nav-button {
	position: absolute;
	right: .5rem;
	z-index: 9999;
	top: .75rem
}

@media screen and (min-width:800px) {
	header .mobile-navigation {
		display: none
	}
}

.corporate {
	padding: .9rem 0 1.5rem
}

@media screen and (min-width:800px) {
	.corporate {
		padding: 2rem 0 1.5rem
	}
}

.corporate .thelogo-big {
	position: relative;
	opacity: 0;
	z-index: 3;
	margin-left: auto;
	margin-right: auto;
	width: 110px;
	-webkit-animation-delay: .05s;
	animation-delay: .05s
}

@media screen and (min-width:800px) {
	.corporate .thelogo-big {
		background: 0 0;
		width: 130px
	}
}

@media screen and (min-width:1200px) {
	.corporate .thelogo-big {
		width: 150px
	}
}

.corporate .thelogo-iconly {
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 2;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: .9rem;
	width: 1.25rem;
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
	transition: width .25s ease-in-out
}

@media screen and (min-width:800px) {
	.corporate .thelogo-iconly {
		display: none;
		top: 2rem;
		width: 1.45rem
	}
}

@media screen and (min-width:1200px) {
	.corporate .thelogo-iconly {
		top: 2rem;
		width: 1.65rem
	}
}

.corporate a {
	transition: opacity .25s ease-in-out
}

.corporate a:hover {
	opacity: .8
}

.shadow {
	box-shadow: 0 1px 10px rgba(0, 0, 0, .2)
}

.fade {
	-webkit-animation: fadeIn .3s ease-in forwards;
	animation: fadeIn .3s ease-in forwards
}

.page-home .corporate .thelogo-big {
	width: calc(12rem + 1vw);
	padding: calc(2.15rem + 3vw) calc(2rem + 1vw) 0 calc(2rem + 1vw);
	z-index: 0
}

@media screen and (min-width:800px) {
	.page-home .corporate .thelogo-big {
		z-index: 3;
		padding: calc(3rem + 1vw) calc(2rem + 1vw) calc(2rem + .5vw);
		width: calc(13rem + 5vw)
	}
}

@media screen and (min-width:1200px) {
	.page-home .corporate .thelogo-big {
		padding: calc(3rem + 2vw) calc(1rem + .5vw) calc(2rem + .5vw);
		width: 18rem
	}
}

:focus:not(:focus-visible) {
	outline: 0
}

a {
	text-decoration: none;
	transition: color .3s ease-in-out;
	color: inherit
}

a:hover {
	color: #b5c7b0;
	text-decoration: underline
}

footer a.txt,
main a.txt {
	position: relative;
	text-decoration: none;
	transition: color .15s ease-in;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}

footer a.txt::before,
main a.txt::before {
	position: absolute;
	content: "";
	background: #000;
	left: -.25rem;
	bottom: 0;
	width: 0;
	height: 0;
	opacity: 0;
	transition: opacity .25s ease-in-out, width .25s ease-in-out;
	border-radius: .2rem
}

footer a.txt:hover,
main a.txt:hover {
	color: #b5c7b0;
	z-index: 1
}

footer a.txt:hover::before,
main a.txt:hover::before {
	opacity: 1;
	padding-top: .25rem;
	color: #b5c7b0;
	position: absolute;
	content: "";
	background: #000;
	left: -.25rem;
	bottom: -.25rem;
	width: calc(100% + .5rem);
	height: 100%;
	z-index: -1;
	box-shadow: 0 0 .5em 0 rgba(0, 0, 0, .1)
}

footer a.btn,
main a.btn {
	display: block;
	text-align: center;
	padding: 1.5rem 2rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	border: solid 1px #000;
	border-radius: 1rem;
	font-weight: 500;
	transition: all .3s ease-in-out;
	text-decoration: none;
	box-shadow: 0 0 .25em 0 transparent;
	will-change: auto
}

@media screen and (min-width:800px) {

	footer a.btn,
	main a.btn {
		max-width: 300px
	}
}

footer a.btn:hover,
main a.btn:hover {
	border-color: #b5c7b0;
	background: #b5c7b0;
	color: #000;
	-webkit-transform: scale(.99) translateZ(0);
	transform: scale(.99) translateZ(0);
	box-shadow: 0 0 .5em 0 rgba(0, 0, 0, .1)
}

footer .img-container,
main .img-container {
	position: relative;
	overflow: hidden
}

footer .img-container a img,
main .img-container a img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: box-shadow 1s ease-in-out, -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out, box-shadow 1s ease-in-out;
	transition: transform .5s ease-in-out, box-shadow 1s ease-in-out, -webkit-transform .5s ease-in-out;
	box-shadow: 0 0 .25em 0 transparent;
	will-change: auto
}

footer .img-container a:hover>img,
main .img-container a:hover>img {
	-webkit-transform: scale(.99);
	transform: scale(.99);
	box-shadow: 0 0 .5em 0 rgba(0, 0, 0, .1)
}

.desktop-navigation a,
.navigation-mobile a {
	text-decoration: none
}

.desktop-navigation a.active,
.navigation-mobile a.active {
	color: #b5c7b0
}

.wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 1650px
}

.wrapper::after {
	clear: both;
	content: "";
	display: block
}

.content {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

main {
	overflow-x: hidden;
	padding: 2.5rem 0 0
}

@media screen and (min-width:800px) {
	main {
		padding: 4rem 0 0
	}
}

html {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	line-height: 1.4;
	font-family: arboria, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500
}

ul {
	padding: 0 0 0 1.25rem
}

h1 {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	font-style: italic;
	margin: 0;
	line-height: 1.1;
	font-size: calc(1rem * 1.5)
}

@media screen and (min-width:800px) {
	h1 {
		font-size: calc(1.25rem * 1.5)
	}
}

@media screen and (min-width:1000px) {
	h1 {
		font-size: calc(1.5rem * 1.5)
	}
}

h2 {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.2
}

@media screen and (min-width:1000px) {
	h2 {
		font-size: 1.9rem
	}
}

h2.h1 {
	font-style: italic;
	margin: 0;
	line-height: 1.1;
	font-size: 1.6rem
}

@media screen and (min-width:1000px) {
	h2.h1 {
		font-size: 2rem
	}
}

.subheading {
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 1.1
}

@media screen and (min-width:1000px) {
	.subheading {
		font-size: 1.9rem
	}
}

h2+h3 {
	margin-top: 2rem
}

h3 {
	margin-top: 4rem;
	margin-bottom: 0;
	font-size: 1rem;
	line-height: 1.2
}

@media screen and (min-width:800px) {
	h3 {
		font-size: calc(.9rem + .35vw)
	}
}

@media screen and (min-width:1600px) {
	h3 {
		font-size: 1.4rem
	}
}

h3+p {
	margin-top: .5rem
}

h4 {
	margin-top: 4rem;
	margin-bottom: 1rem
}

h1+h2,
h1+p,
h2+p,
h4+p {
	margin-top: 1rem;
	margin-bottom: 1rem
}

.bold,
strong {
	font-weight: 700
}

.covid-info .btn,
.covid-info p,
.covid-info table,
.covid-info ul,
.job-details .btn,
.job-details p,
.job-details table,
.job-details ul,
main .btn,
main p,
main table,
main ul {
	line-height: 1.54;
	font-size: calc(.9rem + .35vw)
}

@media screen and (min-width:800px) {

	.covid-info .btn,
	.covid-info p,
	.covid-info table,
	.covid-info ul,
	.job-details .btn,
	.job-details p,
	.job-details table,
	.job-details ul,
	main .btn,
	main p,
	main table,
	main ul {
		font-size: calc(1rem + .35vw)
	}
}

@media screen and (min-width:1600px) {

	.covid-info .btn,
	.covid-info p,
	.covid-info table,
	.covid-info ul,
	.job-details .btn,
	.job-details p,
	.job-details table,
	.job-details ul,
	main .btn,
	main p,
	main table,
	main ul {
		font-size: 1.4rem
	}
}

@media screen and (min-width:800px) {

	.covid-info p,
	.job-details p,
	main p {
		margin-top: 1.65rem;
		margin-bottom: 1.65rem
	}
}

@media screen and (min-width:1000px) {

	.covid-info p,
	.job-details p,
	main p {
		margin-top: 1.75rem;
		margin-bottom: 1.75rem
	}
}

@media screen and (min-width:1200px) {

	.covid-info p,
	.job-details p,
	main p {
		margin-top: 1.85rem;
		margin-bottom: 1.85rem
	}
}

.page-datenschutz h1 {
	margin-top: 2rem;
	margin-bottom: 0
}

.page-datenschutz h2,
.page-datenschutz h3,
.page-datenschutz h4,
.page-datenschutz h5 {
	word-break: keep-all
}

.page-datenschutz h2 {
	margin-top: 3rem
}

.page-datenschutz h3,
.page-datenschutz h4 {
	margin-top: 2.5rem
}

.page-datenschutz h2 {
	margin-bottom: 1.5rem;
	font-size: calc(1.1rem + .35vw)
}

@media screen and (min-width:1600px) {
	.page-datenschutz h2 {
		font-size: 1.85rem
	}
}

.page-datenschutz h3 {
	margin-bottom: 1rem;
	font-size: calc(1rem + .35vw)
}

@media screen and (min-width:1600px) {
	.page-datenschutz h3 {
		font-size: 1.65rem
	}
}

.page-datenschutz h4 {
	margin-bottom: 0;
	font-size: calc(.9rem + .35vw)
}

@media screen and (min-width:1600px) {
	.page-datenschutz h4 {
		font-size: 1.4rem
	}
}

.page-datenschutz h2+h3,
.page-datenschutz h3+h4 {
	margin-top: 0
}

.page-datenschutz h2~p,
.page-datenschutz h3+p,
.page-datenschutz h4+p {
	margin-top: .25rem
}

.nohyphens {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}

footer table {
	font-size: .9rem;
	line-height: 1.25;
	border-collapse: collapse
}

footer table td {
	padding-top: .1rem;
	padding-bottom: .1rem
}

footer table td:nth-of-type(1) {
	padding-right: 1.5rem
}

.italic {
	font-style: italic
}

.medium {
	font-weight: 500
}

.justified {
	text-align: justify
}

.accordion {
	padding: 2rem 0
}

@media screen and (max-width:799px) {
	.accordion .btn {
		font-size: calc(1.05rem + 1vw)
	}
}

.accordion .accordion__group {
	padding: 1rem 0
}

.accordion .accordion__group:first-of-type {
	padding-top: 0
}

.accordion button {
	background: #b5c7b0;
	padding: 1.5rem;
	width: 100%;
	text-align: left;
	border-radius: 1rem;
	position: relative;
	box-shadow: 0 0 .5em 0 rgba(0, 0, 0, .1);
	border: 1px solid #b5c7b0;
	cursor: pointer;
	transition: all .25s ease-in-out
}

@media screen and (min-width:800px) {
	.accordion button {
		padding: 2rem
	}
}

.accordion button:hover {
	color: #fff;
	border-color: #b5c7b0;
	box-shadow: 0 0 .75em 0 rgba(0, 0, 0, .2)
}

.accordion button .h2 {
	font-size: 1.325rem;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}

@media screen and (max-width:410px) {
	.accordion button .h2 {
		font-size: 1.2rem
	}
}

@media screen and (min-width:800px) {
	.accordion button .h2 {
		font-size: 1.5rem
	}
}

.accordion button .h2 svg {
	position: absolute;
	right: 1rem;
	width: 1.35rem;
	height: 1.35rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media screen and (min-width:800px) {
	.accordion button .h2 svg {
		right: 2rem;
		width: 1.65rem;
		height: 1.65rem
	}
}

.accordion button .h2.open svg {
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.accordion .accordion__content {
	display: none;
	padding: 1rem
}

@media screen and (min-width:800px) {
	.accordion .accordion__content {
		padding: 1.5rem 1rem
	}
}

.accordion .accordion__content .inner-box {
	background: #b5c7b0;
	padding: 1.23rem 2rem;
	text-align: left;
	border-radius: 1rem
}

.accordion .accordion__content .inner-box .h2 {
	display: block;
	font-size: 1.2rem;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}

@media screen and (min-width:800px) {
	.accordion .accordion__content .inner-box .h2 {
		font-size: 1.5rem
	}
}

.accordion .accordion__content .inner-content {
	padding: 2rem 1rem
}

.accordion .accordion__content .inner-box+.inner-content {
	padding-top: 0
}

.accordion .accordion__content .cta {
	display: block;
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 3rem;
	margin-top: 2rem
}

@media screen and (min-width:800px) {
	.accordion .accordion__content .cta {
		font-size: 1.5rem
	}
}

.accordion .accordion__content .inner-box:first-child {
	margin-top: 2rem
}

.bulletlistbox .container {
	background: #f7f7f7;
	position: relative
}

@media screen and (max-width:799px) {
	.bulletlistbox .container {
		width: 100vw;
		margin-left: -1rem
	}
}

@media screen and (min-width:800px) {
	.bulletlistbox .container {
		border-top-left-radius: 1rem;
		border-bottom-left-radius: 1rem
	}

	.bulletlistbox .container::after {
		position: absolute;
		content: "";
		top: 0;
		right: -100vw;
		bottom: 0;
		width: 100vw;
		background: #f7f7f7
	}
}

.bulletlistbox .container ul {
	list-style: none;
	margin: 0;
	padding: 1rem
}

@media screen and (min-width:800px) {
	.bulletlistbox .container ul {
		padding: 2rem 2rem 2rem 2rem
	}
}

@media screen and (min-width:1000px) {
	.bulletlistbox .container ul {
		padding: 3rem 6rem 3rem 3rem
	}
}

@media screen and (min-width:1200px) {
	.bulletlistbox .container ul {
		padding: 3rem 8rem 3rem 3rem
	}
}

@media screen and (min-width:1600px) {
	.bulletlistbox .container ul {
		padding: 3rem 12rem 3rem 3rem
	}
}

.bulletlistbox .container li {
	position: relative;
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
	padding-left: 1.5rem
}

.bulletlistbox .container li:before {
	content: "";
	left: 0;
	top: .1rem;
	position: absolute;
	background: url(../icons/single/chevron-right.svg);
	background-position: 0 50%;
	background-size: contain;
	background-repeat: no-repeat;
	height: 1.35rem;
	width: 1.35rem
}

@media screen and (min-width:800px) {
	.bulletlistbox .container li {
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding-left: 1.5rem
	}

	.bulletlistbox .container li:before {
		content: "";
		left: 0;
		top: .25rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.35rem;
		width: 1.35rem
	}
}

@media screen and (min-width:1000px) {
	.bulletlistbox .container li {
		margin-top: 2rem;
		margin-bottom: 2rem
	}

	.bulletlistbox .container li:before {
		content: "";
		left: 0;
		top: .3rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.4rem;
		width: 1.4rem
	}
}

@media screen and (min-width:1200px) {
	.bulletlistbox .container li {
		margin-top: 2rem;
		margin-bottom: 2rem
	}

	.bulletlistbox .container li:before {
		content: "";
		left: 0;
		top: .45rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.45rem;
		width: 1.45rem
	}
}

.top-section .heading {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem;
	padding-top: calc(2rem + 2vw);
	padding-bottom: calc(2rem + 1vw)
}

@media screen and (min-width:1200px) {
	.top-section .heading {
		padding-top: 4rem;
		padding-bottom: 3rem
	}
}

.top-section .heading h1 {
	font-weight: 300;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	font-size: calc(1.5rem + 2vw)
}

@media screen and (max-width:410px) {
	.top-section .heading h1 {
		font-size: calc(1.25rem + 2vw)
	}
}

.top-section .heading h1 strong {
	font-weight: 500
}

@media screen and (min-width:800px) {
	.top-section .heading h1 {
		font-size: calc(2rem + 2vw)
	}
}

@media screen and (min-width:1200px) {
	.top-section .heading h1 {
		font-size: 3.5rem
	}
}

.top-section .hero {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:1200px) {
	.top-section .hero {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

.top-section .hero .img-container {
	position: relative;
	min-height: calc(20rem + 10vw)
}

@media screen and (min-width:800px) {
	.top-section .hero .img-container {
		min-height: calc(25rem + 3vw)
	}
}

@media screen and (min-width:1200px) {
	.top-section .hero .img-container {
		min-height: 32rem
	}
}

@media screen and (min-width:1600px) {
	.top-section .hero .img-container {
		min-height: 35rem
	}
}

.top-section .hero .img-container img {
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	top: 0;
	left: 0
}

@media screen and (min-width:800px) {
	.top-section .hero .img-container img {
		-o-object-position: center top;
		object-position: center top
	}
}

.top-section .hero .img-container .herotxt {
	position: absolute;
	color: #fff;
	font-weight: 500;
	bottom: calc(1rem + 2vw);
	left: calc(4% + 2vw);
	line-height: 1;
	font-size: calc(1.5rem + 5vw);
	letter-spacing: 2px
}

@media screen and (max-width:410px) {
	.top-section .hero .img-container .herotxt {
		left: .5rem;
		font-size: calc(1.4rem + 4vw);
		bottom: 1rem
	}
}

@media screen and (min-width:800px) {
	.top-section .hero .img-container .herotxt {
		font-size: calc(4rem + 2.75vw);
		letter-spacing: 3px
	}
}

@media screen and (min-width:1200px) {
	.top-section .hero .img-container .herotxt {
		letter-spacing: 5px;
		font-size: 6.8rem;
		bottom: 3rem
	}
}

img {
	width: 100%;
	max-width: 100%;
	height: auto
}

.hamburger {
	padding: 10px 8px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, -webkit-filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	transition-duration: .15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible
}

.hamburger:hover {
	opacity: 1
}

.hamburger.is-active:hover {
	opacity: 1
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
	background-color: #000
}

.hamburger-box {
	width: 25px;
	height: 15px;
	display: inline-block;
	position: relative
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -.5px
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
	width: 25px;
	height: 1px;
	background-color: #000;
	border-radius: 2;
	position: absolute;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-duration: .15s;
	transition-timing-function: ease
}

.hamburger-inner::after,
.hamburger-inner::before {
	content: "";
	display: block
}

.hamburger-inner::before {
	top: -7px
}

.hamburger-inner::after {
	bottom: -7px
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::after,
.hamburger--boring .hamburger-inner::before {
	transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0
}

.hamburger--boring.is-active .hamburger-inner::after {
	bottom: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
	background: #b5c7b0
}

.fixit {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.overlay {
	position: fixed;
	background: #000;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s, visibility .15s, height .25s;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1498
}

.overlay.open {
	opacity: 1;
	visibility: visible;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.overlay.open .mobile-menu>li {
	-webkit-animation: fadeInHeight .3s ease-in forwards;
	animation: fadeInHeight .3s ease-in forwards;
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
	color: #fff;
	letter-spacing: 1px
}

.overlay.open .mobile-menu>li:nth-of-type(2) {
	-webkit-animation-delay: .25s;
	animation-delay: .25s
}

.overlay.open .mobile-menu>li:nth-of-type(3) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.overlay.open .mobile-menu>li:nth-of-type(4) {
	-webkit-animation-delay: .35s;
	animation-delay: .35s
}

.overlay.open .mobile-menu>li:nth-of-type(5) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.overlay.open .mobile-menu>li:nth-of-type(6) {
	-webkit-animation-delay: .45s;
	animation-delay: .45s
}

.overlay.open .mobile-menu>li:nth-of-type(7) {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.overlay.open .mobile-menu>li:nth-of-type(8) {
	-webkit-animation-delay: .55s;
	animation-delay: .55s
}

.overlay.open .mobile-menu>li:nth-of-type(9) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.overlay.open .hours {
	color: #fff;
	-webkit-animation: fadeIn .5s ease-in forwards;
	animation: fadeIn .5s ease-in forwards;
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
	opacity: 0;
	padding-top: 2rem;
	padding-bottom: 2rem;
	position: relative
}

.overlay.open .hours:after {
	position: absolute;
	content: "";
	top: 3rem;
	left: 0;
	right: 0;
	bottom: 2rem;
	background: url(../icons/single/zahn.svg);
	background-position: 100% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 0
}

.overlay.open .hours table {
	margin-top: 1rem;
	border-collapse: collapse;
	font-size: .8rem;
	line-height: 1.2;
	position: relative;
	z-index: 3
}

.overlay.open .hours table td {
	vertical-align: top
}

.overlay.open .hours table td:nth-of-type(1) {
	padding-right: .75rem
}

.overlay.open .hours table td:nth-of-type(2) {
	text-align: right
}

.overlay nav {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: calc(100% - 3rem);
	height: 90%;
	top: 1rem;
	z-index: 1499
}

.overlay .top {
	margin-bottom: 2rem
}

.overlay .top ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.overlay .top li {
	display: inline-block
}

.overlay .top li:not(:last-of-type) {
	margin-right: 1.5rem
}

.overlay .top li svg {
	height: 1.5rem;
	width: 1.5rem
}

.overlay .top li a {
	color: #b5c7b0
}

.overlay ul.mobile-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
	text-align: center;
	font-size: 3.5vmax;
	font-weight: 700
}

@media screen and (min-width:800px) {
	.overlay ul.mobile-menu {
		font-size: 2rem
	}
}

.overlay ul.mobile-menu li {
	display: block;
	margin: calc(3vh + .5rem) 0;
	position: relative;
	opacity: 0
}

@-webkit-keyframes fadeInHeight {
	0% {
		opacity: 0;
		height: 0
	}

	100% {
		opacity: 1;
		height: 100%
	}
}

@keyframes fadeInHeight {
	0% {
		opacity: 0;
		height: 0
	}

	100% {
		opacity: 1;
		height: 100%
	}
}

@-webkit-keyframes fadeInWidth {
	0% {
		opacity: 0;
		width: 0
	}

	100% {
		opacity: 1;
		width: 100%
	}
}

@keyframes fadeInWidth {
	0% {
		opacity: 0;
		width: 0
	}

	100% {
		opacity: 1;
		width: 100%
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.desktop-navigation {
	font-size: .8rem;
	font-weight: 500
}

@media screen and (min-width:1200px) {
	.desktop-navigation {
		font-size: .9rem
	}
}

.desktop-navigation nav {
	width: 100%
}

.desktop-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.desktop-navigation ul a {
	position: relative
}

.desktop-navigation ul a.active {
	color: #000
}

.desktop-navigation ul a.active::after {
	position: absolute;
	content: "";
	height: 2px;
	background: #b5c7b0;
	left: 0;
	width: 100%;
	bottom: -.4rem
}

.desktop-navigation ul.leftnav,
.desktop-navigation ul.rightnav {
	width: 49.8%;
	display: -webkit-inline-flex;
	display: inline-flex
}

.desktop-navigation ul.leftnav {
	-webkit-justify-content: flex-start;
	justify-content: flex-start
}

.desktop-navigation ul.leftnav li {
	margin-right: calc(1rem + 1vw)
}

.desktop-navigation ul.rightnav {
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

.desktop-navigation ul.rightnav li {
	margin-left: calc(1rem + 1vw)
}

.desktop-navigation ul.fixedkontakt {
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	padding: 1.65rem .5rem .65rem .75rem;
	background: #000;
	border-bottom-left-radius: .75rem
}

@media screen and (min-width:1000px) {
	.desktop-navigation ul.fixedkontakt {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 3.5rem
	}
}

.desktop-navigation ul.fixedkontakt .iconli {
	position: relative;
	top: -.5rem;
	margin-bottom: .1rem
}

.desktop-navigation ul.fixedkontakt .iconli:nth-of-type(1) {
	margin-right: .5rem
}

.desktop-navigation ul.fixedkontakt .linktxt {
	width: 100%;
	color: #fff
}

.desktop-navigation ul.fixedkontakt svg {
	width: 1.25rem;
	height: 1.25rem;
	fill: #fff;
	stroke-width: 0
}

.desktop-navigation ul.fixedkontakt a:hover {
	color: #b5c7b0
}

.desktop-navigation ul.fixedkontakt a.active {
	color: #b5c7b0
}

.desktop-navigation ul.fixedkontakt a.active::after {
	display: none
}

@-webkit-keyframes fadeinall {
	0% {
		opacity: 1
	}

	97% {
		opacity: 0
	}

	98% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	99% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		opacity: 0;
		z-index: -1
	}
}

@keyframes fadeinall {
	0% {
		opacity: 1
	}

	97% {
		opacity: 0
	}

	98% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	99% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		opacity: 0;
		z-index: -1
	}
}

#loader {
	opacity: .95;
	position: fixed;
	width: 100%;
	height: 100%;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	background-color: #fff;
	z-index: 999;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation: fadeinall 1s normal both;
	animation: fadeinall 1s normal both;
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.cd-top {
	display: inline-block;
	position: fixed;
	width: 2rem;
	height: 2rem;
	bottom: 1rem;
	right: .5rem;
	z-index: 1;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s ease-out, visibility 0s .3s, scale .3s ease-in-out
}

@media screen and (min-width:800px) {
	.cd-top {
		bottom: 1rem;
		right: 1rem
	}
}

.cd-top svg {
	fill: #000;
	height: 2rem;
	width: 2rem
}

@media screen and (min-width:800px) {
	.cd-top svg {
		width: 2rem;
		height: 2rem
	}
}

.cd-top.cd-fade-out,
.cd-top.cd-is-visible {
	transition: opacity .3s 0s, visibility 0s 0s, scale .3s ease-in-out
}

.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1
}

.cd-top.cd-fade-out {
	opacity: .8
}

.cd-top:hover {
	opacity: 1;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition: all .3s ease-in-out
}

.terminvereinbaren {
	padding-top: 2rem;
	padding-bottom: 2rem
}

@media screen and (min-width:800px) {
	.terminvereinbaren {
		padding-top: 3rem;
		padding-bottom: 3rem
	}
}

.terminvereinbaren .flex-container {
	display: -webkit-flex;
	display: flex;
	height: calc(250px + 2vw)
}

@media screen and (max-width:410px) {
	.terminvereinbaren .flex-container {
		height: calc(220px + 2vw)
	}
}

@media screen and (min-width:800px) {
	.terminvereinbaren .flex-container {
		height: 350px
	}
}

.terminvereinbaren .left {
	background: #e6e6e6;
	display: -webkit-flex;
	display: flex;
	position: relative
}

@media screen and (max-width:799px) {
	.terminvereinbaren .left {
		display: none
	}
}

@media screen and (min-width:800px) {
	.terminvereinbaren .left {
		width: 33%;
		padding-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.terminvereinbaren .left {
		padding-left: calc(8.3333333333% - 1.0833333333rem + 2rem);
		width: 27%
	}
}

.terminvereinbaren .left:before {
	content: "";
	background: #e6e6e6;
	position: absolute;
	left: -100vw;
	width: 100vw;
	top: 0;
	bottom: 0;
	z-index: -1
}

.terminvereinbaren .left .container {
	width: 100%;
	margin: auto
}

.terminvereinbaren .right {
	text-align: center;
	background: #b5c7b0;
	display: -webkit-flex;
	display: flex
}

@media screen and (max-width:799px) {
	.terminvereinbaren .right {
		width: 100%
	}
}

@media screen and (min-width:800px) {
	.terminvereinbaren .right {
		width: 67%
	}
}

@media screen and (min-width:1200px) {
	.terminvereinbaren .right {
		width: 73%
	}
}

.terminvereinbaren .right .container {
	width: 90%;
	margin: auto
}

@media screen and (min-width:800px) {
	.terminvereinbaren .right .container {
		width: 70%;
		max-width: 750px
	}
}

.terminvereinbaren .right .btn {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: calc(1.5rem + 1vw);
	border-color:#000;
}

@media screen and (max-width:799px) {
	.terminvereinbaren .right .btn {
		font-size: calc(1.05rem + 1vw);
		max-width: 80%
	}
}

.terminvereinbaren .cta {
	font-weight: 400;
	font-style: italic;
	line-height: 1.2;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	font-size: clamp(.9rem, 8vw, 1.25rem)
}

@media screen and (max-width:410px) {
	.terminvereinbaren .cta {
		font-size: clamp(.9rem, 7vw, 1rem)
	}
}

@media screen and (min-width:1000px) {
	.terminvereinbaren .cta {
		font-size: clamp(1rem, 15vw, 1.75rem)
	}
}

.terminvereinbaren .vorsorge {
	font-weight: 300;
	line-height: 1.2
}

@media screen and (min-width:800px) {
	.terminvereinbaren .vorsorge {
		font-size: clamp(1rem, 10vw, 1.5rem)
	}
}

@media screen and (min-width:1000px) {
	.terminvereinbaren .vorsorge {
		font-size: clamp(1rem, 15vw, 2rem)
	}
}

.weiterethemen {
	padding-top: 2rem;
	padding-bottom: 4rem
}

@media screen and (min-width:800px) {
	.weiterethemen {
		padding-top: 3rem;
		padding-bottom: 6rem
	}
}

.weiterethemen .heading {
	font-style: italic;
	margin-bottom: 2rem;
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:1200px) {
	.weiterethemen .heading {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

.weiterethemen .container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:1200px) {
	.weiterethemen .container {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1600px) {
	.weiterethemen .container {
		-webkit-justify-content: space-between;
		justify-content: space-between
	}
}

.weiterethemen .container .icon-container {
	max-width: 80px;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width:1000px) {
	.weiterethemen .container .icon-container {
		max-width: 95px
	}
}

.weiterethemen .container .icon-container img {
	-webkit-filter: drop-shadow(5px 5px 2px rgba(0, 0, 0, .2));
	filter: drop-shadow(5px 5px 2px rgba(0, 0, 0, .2));
	transition: all .5s ease;
	width: 95%;
	height: 95%;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	will-change: transform
}

.weiterethemen .container .linktxt {
	font-size: calc(.9rem + .25vw);
	text-align: center
}

@media screen and (max-width:410px) {
	.weiterethemen .container .linktxt {
		font-size: .75rem
	}
}

@media screen and (min-width:800px) {
	.weiterethemen .container .linktxt {
		font-size: 1.1rem
	}
}

@media screen and (min-width:1000px) {
	.weiterethemen .container .linktxt {
		font-size: 1.15rem
	}
}

@media screen and (min-width:1200px) {
	.weiterethemen .container .linktxt {
		font-size: 1.2rem
	}
}

@media screen and (min-width:1600px) {
	.weiterethemen .container .linktxt {
		font-size: 1.25rem
	}
}

.weiterethemen .container .linktxt svg {
	position: relative;
	margin-left: .25rem;
	height: 1rem;
	width: 1rem;
	transition: all .35s ease-in-out
}

@media screen and (min-width:800px) {
	.weiterethemen .container .linktxt svg {
		top: -.1rem
	}
}

@media screen and (min-width:1200px) {
	.weiterethemen .container .linktxt svg {
		height: 1.35rem;
		width: 1.35rem;
		margin-left: .35rem
	}
}

@media screen and (min-width:1200px) {
	.weiterethemen .container .linktxt svg {
		height: 1.5rem;
		width: 1.5rem;
		margin-left: .45rem
	}
}

.weiterethemen .container .item {
	padding: .5rem 0;
	margin-top: .5rem;
	margin-bottom: .5rem;
	width: 45%;
	transition: border .25s ease;
	border-radius: 1rem;
	border: 2px solid transparent
}

@media screen and (min-width:800px) {
	.weiterethemen .container .item {
		width: 30%;
		margin-top: 1rem;
		margin-bottom: 1rem
	}
}

@media screen and (min-width:1000px) {
	.weiterethemen .container .item {
		width: 22.5%
	}
}

.weiterethemen .container .item:hover {
	border: 2px solid #b5c7b0
}

.weiterethemen .container .item:hover img {
	-webkit-transform: scale(.9);
	transform: scale(.9);
	-webkit-filter: drop-shadow(2px 2px 0 rgba(0, 0, 0, .1));
	filter: drop-shadow(2px 2px 0 rgba(0, 0, 0, .1))
}

.weiterethemen .container .item a:hover {
	text-decoration: none
}

.triocomp {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.triocomp {
		-webkit-flex-direction: row;
		flex-direction: row
	}
}

@media screen and (min-width:1200px) {
	.triocomp {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

.triocomp .item {
	width: 100%;
	margin-top: 1rem;
	margin-bottom: 1rem
}

@media screen and (min-width:800px) {
	.triocomp .item {
		width: 33.33333%
	}
}

@media screen and (min-width:800px) {
	.triocomp .item .txt {
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}
}

[data-sal] {
	transition-duration: .2s;
	transition-delay: 0s;
	transition-duration: var(--sal-duration, .2s);
	transition-delay: var(--sal-delay, 0s);
	transition-timing-function: var(--sal-easing, ease)
}

[data-sal][data-sal-duration="200"] {
	transition-duration: .2s
}

[data-sal][data-sal-duration="250"] {
	transition-duration: .25s
}

[data-sal][data-sal-duration="300"] {
	transition-duration: .3s
}

[data-sal][data-sal-duration="350"] {
	transition-duration: .35s
}

[data-sal][data-sal-duration="400"] {
	transition-duration: .4s
}

[data-sal][data-sal-duration="450"] {
	transition-duration: .45s
}

[data-sal][data-sal-duration="500"] {
	transition-duration: .5s
}

[data-sal][data-sal-duration="550"] {
	transition-duration: .55s
}

[data-sal][data-sal-duration="600"] {
	transition-duration: .6s
}

[data-sal][data-sal-duration="650"] {
	transition-duration: .65s
}

[data-sal][data-sal-duration="700"] {
	transition-duration: .7s
}

[data-sal][data-sal-duration="750"] {
	transition-duration: .75s
}

[data-sal][data-sal-duration="800"] {
	transition-duration: .8s
}

[data-sal][data-sal-duration="850"] {
	transition-duration: .85s
}

[data-sal][data-sal-duration="900"] {
	transition-duration: .9s
}

[data-sal][data-sal-duration="950"] {
	transition-duration: .95s
}

[data-sal][data-sal-duration="1000"] {
	transition-duration: 1s
}

[data-sal][data-sal-duration="1050"] {
	transition-duration: 1.05s
}

[data-sal][data-sal-duration="1100"] {
	transition-duration: 1.1s
}

[data-sal][data-sal-duration="1150"] {
	transition-duration: 1.15s
}

[data-sal][data-sal-duration="1200"] {
	transition-duration: 1.2s
}

[data-sal][data-sal-duration="1250"] {
	transition-duration: 1.25s
}

[data-sal][data-sal-duration="1300"] {
	transition-duration: 1.3s
}

[data-sal][data-sal-duration="1350"] {
	transition-duration: 1.35s
}

[data-sal][data-sal-duration="1400"] {
	transition-duration: 1.4s
}

[data-sal][data-sal-duration="1450"] {
	transition-duration: 1.45s
}

[data-sal][data-sal-duration="1500"] {
	transition-duration: 1.5s
}

[data-sal][data-sal-duration="1550"] {
	transition-duration: 1.55s
}

[data-sal][data-sal-duration="1600"] {
	transition-duration: 1.6s
}

[data-sal][data-sal-duration="1650"] {
	transition-duration: 1.65s
}

[data-sal][data-sal-duration="1700"] {
	transition-duration: 1.7s
}

[data-sal][data-sal-duration="1750"] {
	transition-duration: 1.75s
}

[data-sal][data-sal-duration="1800"] {
	transition-duration: 1.8s
}

[data-sal][data-sal-duration="1850"] {
	transition-duration: 1.85s
}

[data-sal][data-sal-duration="1900"] {
	transition-duration: 1.9s
}

[data-sal][data-sal-duration="1950"] {
	transition-duration: 1.95s
}

[data-sal][data-sal-duration="2000"] {
	transition-duration: 2s
}

[data-sal][data-sal-delay="50"] {
	transition-delay: 50ms
}

[data-sal][data-sal-delay="100"] {
	transition-delay: .1s
}

[data-sal][data-sal-delay="150"] {
	transition-delay: .15s
}

[data-sal][data-sal-delay="200"] {
	transition-delay: .2s
}

[data-sal][data-sal-delay="250"] {
	transition-delay: .25s
}

[data-sal][data-sal-delay="300"] {
	transition-delay: .3s
}

[data-sal][data-sal-delay="350"] {
	transition-delay: .35s
}

[data-sal][data-sal-delay="400"] {
	transition-delay: .4s
}

[data-sal][data-sal-delay="450"] {
	transition-delay: .45s
}

[data-sal][data-sal-delay="500"] {
	transition-delay: .5s
}

[data-sal][data-sal-delay="550"] {
	transition-delay: .55s
}

[data-sal][data-sal-delay="600"] {
	transition-delay: .6s
}

[data-sal][data-sal-delay="650"] {
	transition-delay: .65s
}

[data-sal][data-sal-delay="700"] {
	transition-delay: .7s
}

[data-sal][data-sal-delay="750"] {
	transition-delay: .75s
}

[data-sal][data-sal-delay="800"] {
	transition-delay: .8s
}

[data-sal][data-sal-delay="850"] {
	transition-delay: .85s
}

[data-sal][data-sal-delay="900"] {
	transition-delay: .9s
}

[data-sal][data-sal-delay="950"] {
	transition-delay: .95s
}

[data-sal][data-sal-delay="1000"] {
	transition-delay: 1s
}

[data-sal][data-sal-easing=linear] {
	transition-timing-function: linear
}

[data-sal][data-sal-easing=ease] {
	transition-timing-function: ease
}

[data-sal][data-sal-easing=ease-in] {
	transition-timing-function: ease-in
}

[data-sal][data-sal-easing=ease-out] {
	transition-timing-function: ease-out
}

[data-sal][data-sal-easing=ease-in-out] {
	transition-timing-function: ease-in-out
}

[data-sal][data-sal-easing=ease-in-cubic] {
	transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

[data-sal][data-sal-easing=ease-out-cubic] {
	transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

[data-sal][data-sal-easing=ease-in-out-cubic] {
	transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

[data-sal][data-sal-easing=ease-in-circ] {
	transition-timing-function: cubic-bezier(.6, .04, .98, .335)
}

[data-sal][data-sal-easing=ease-out-circ] {
	transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

[data-sal][data-sal-easing=ease-in-out-circ] {
	transition-timing-function: cubic-bezier(.785, .135, .15, .86)
}

[data-sal][data-sal-easing=ease-in-expo] {
	transition-timing-function: cubic-bezier(.95, .05, .795, .035)
}

[data-sal][data-sal-easing=ease-out-expo] {
	transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

[data-sal][data-sal-easing=ease-in-out-expo] {
	transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

[data-sal][data-sal-easing=ease-in-quad] {
	transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-sal][data-sal-easing=ease-out-quad] {
	transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-sal][data-sal-easing=ease-in-out-quad] {
	transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-sal][data-sal-easing=ease-in-quart] {
	transition-timing-function: cubic-bezier(.895, .03, .685, .22)
}

[data-sal][data-sal-easing=ease-out-quart] {
	transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

[data-sal][data-sal-easing=ease-in-out-quart] {
	transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

[data-sal][data-sal-easing=ease-in-quint] {
	transition-timing-function: cubic-bezier(.755, .05, .855, .06)
}

[data-sal][data-sal-easing=ease-out-quint] {
	transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

[data-sal][data-sal-easing=ease-in-out-quint] {
	transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}

[data-sal][data-sal-easing=ease-in-sine] {
	transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-sal][data-sal-easing=ease-out-sine] {
	transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-sal][data-sal-easing=ease-in-out-sine] {
	transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-sal][data-sal-easing=ease-in-back] {
	transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-sal][data-sal-easing=ease-out-back] {
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-sal][data-sal-easing=ease-in-out-back] {
	transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-sal|=fade] {
	opacity: 0;
	transition-property: opacity
}

[data-sal|=fade].sal-animate,
body.sal-disabled [data-sal|=fade] {
	opacity: 1
}

[data-sal|=slide] {
	opacity: 0;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}

[data-sal=slide-up] {
	-webkit-transform: translateY(20%);
	transform: translateY(20%)
}

[data-sal=slide-down] {
	-webkit-transform: translateY(-20%);
	transform: translateY(-20%)
}

[data-sal=slide-left] {
	-webkit-transform: translateX(20%);
	transform: translateX(20%)
}

[data-sal=slide-right] {
	-webkit-transform: translateX(-20%);
	transform: translateX(-20%)
}

[data-sal|=slide].sal-animate,
body.sal-disabled [data-sal|=slide] {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

[data-sal|=zoom] {
	opacity: 0;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}

[data-sal=zoom-in] {
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

[data-sal=zoom-out] {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

[data-sal|=zoom].sal-animate,
body.sal-disabled [data-sal|=zoom] {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

[data-sal|=flip] {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

[data-sal=flip-left] {
	-webkit-transform: perspective(2000px) rotateY(-91deg);
	transform: perspective(2000px) rotateY(-91deg)
}

[data-sal=flip-right] {
	-webkit-transform: perspective(2000px) rotateY(91deg);
	transform: perspective(2000px) rotateY(91deg)
}

[data-sal=flip-up] {
	-webkit-transform: perspective(2000px) rotateX(-91deg);
	transform: perspective(2000px) rotateX(-91deg)
}

[data-sal=flip-down] {
	-webkit-transform: perspective(2000px) rotateX(91deg);
	transform: perspective(2000px) rotateX(91deg)
}

[data-sal|=flip].sal-animate,
body.sal-disabled [data-sal|=flip] {
	-webkit-transform: none;
	transform: none
}

.covid-info,
.job-details {
	overflow-x: hidden;
	overflow-y: auto;
	background: rgba(255, 255, 255, .8);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	color: #000;
	position: fixed;
	margin: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	padding: 1rem;
	display: none
}

@media screen and (min-width:800px) {

	.covid-info,
	.job-details {
		padding: 3rem;
		width: calc(100% - 6rem);
		height: calc(100vh - 6rem);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0
	}
}

.covid-info .close,
.job-details .close {
	font-weight: 300;
	font-size: 1.5rem;
	position: fixed;
	right: 0;
	top: 0;
	cursor: pointer;
	padding: .5rem 1.25rem
}

@media screen and (min-width:800px) {

	.covid-info .close,
	.job-details .close {
		font-size: 2rem
	}
}

.covid-info .inner,
.job-details .inner {
	background: #b5c7b0;
	margin: auto auto;
	padding: calc(1rem + 1vw);
	width: 95%;
	max-width: 575px;
	-webkit-align-self: center;
	-ms-grid-row-align: center;
	align-self: center;
	-ms-grid-column-align: center;
	justify-self: center
}

@media screen and (min-width:800px) {

	.covid-info .inner,
	.job-details .inner {
		padding: 3rem calc(3rem + 2vw) 2rem calc(3rem + 2vw);
		width: 85%;
		max-width: 1350px
	}
}

.covid-info h3,
.job-details h3 {
	margin: 2rem 0 0 0
}

.show-covid-info,
.show-job-details-info {
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-animation: fadeIn .25s ease forwards;
	animation: fadeIn .25s ease forwards;
	opacity: 0
}

.page-home main {
	padding-top: 3rem
}

.page-home .short-trio {
	padding-bottom: 2rem
}

@media screen and (min-width:800px) {
	.page-home .short-trio {
		padding-bottom: calc(3rem + 2vw)
	}
}

@media screen and (min-width:1000px) {
	.page-home .short-trio {
		padding-bottom: calc(4rem + 2vw)
	}
}

.page-home .short-trio .hero {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column
}

@media screen and (min-width:1200px) {
	.page-home .short-trio .hero {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:800px) {
	.page-home .short-trio .hero {
		-webkit-flex-direction: row;
		flex-direction: row
	}
}

@media screen and (max-width:799px) {
	.page-home .short-trio .hero .item {
		width: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row
	}

	.page-home .short-trio .hero .item:nth-of-type(1) .img-container,
	.page-home .short-trio .hero .item:nth-of-type(3) .img-container {
		-webkit-order: 2;
		order: 2
	}

	.page-home .short-trio .hero .item:nth-of-type(1) .linktxt,
	.page-home .short-trio .hero .item:nth-of-type(3) .linktxt {
		-webkit-order: 1;
		order: 1;
		background: #000;
		color: #fff
	}

	.page-home .short-trio .hero .item .img-container {
		width: 65%
	}

	.page-home .short-trio .hero .item .linktxt {
		width: 35%;
		position: relative;
		font-size: calc(1.35rem + 3vw);
		font-weight: 500;
		line-height: 1.1;
		-webkit-hyphens: none;
		-ms-hyphens: none;
		hyphens: none
	}

	.page-home .short-trio .hero .item .linktxt a {
		position: absolute;
		top: 50%;
		left: 30%;
		-webkit-transform: translate(-30%, -50%);
		transform: translate(-30%, -50%)
	}

	.page-home .short-trio .hero .item .linktxt a:hover {
		text-decoration: none
	}

	.page-home .short-trio .hero .item .linktxt a:hover svg {
		margin-left: .5rem
	}
}

@media screen and (max-width:799px)and (max-width:410px) {
	.page-home .short-trio .hero .item .linktxt {
		font-size: calc(1rem + 2vw)
	}
}

@media screen and (max-width:799px) {
	.page-home .short-trio .hero .item .linktxt svg {
		margin-top: calc(.25rem + 1vw);
		display: block;
		height: 1rem;
		width: 2.25rem;
		line-height: 1
	}
}

@media screen and (max-width:799px) {
	.page-home .short-trio .hero .item:nth-of-type(2) .linktxt {
		background: #b5c7b0;
		color: #fff
	}
}

@media screen and (max-width:799px) {
	.page-home .short-trio .hero .item:nth-of-type(3) .img-container {
		border-bottom-right-radius: 1rem
	}

	.page-home .short-trio .hero .item:nth-of-type(3) .linktxt {
		border-bottom-left-radius: 1rem
	}
}

@media screen and (min-width:800px) {
	.page-home .short-trio .hero .item .linktxt {
		padding: 1rem calc(1rem + 1vw);
		font-weight: 500;
		font-size: 1.3rem;
		line-height: 1;
		position: relative
	}

	.page-home .short-trio .hero .item .linktxt a {
		display: block
	}

	.page-home .short-trio .hero .item .linktxt a:hover {
		text-decoration: none
	}

	.page-home .short-trio .hero .item .linktxt a:hover svg {
		right: calc(.5rem + 1vw)
	}

	.page-home .short-trio .hero .item .linktxt svg {
		position: absolute;
		right: calc(1rem + 1vw);
		top: 60%;
		-webkit-transform: translateY(-60%);
		transform: translateY(-60%);
		height: 2.5rem;
		width: 3rem
	}

	.page-home .short-trio .hero .item:nth-of-type(1) .linktxt {
		background: #000;
		color: #fff;
		border-bottom-left-radius: 1rem
	}

	.page-home .short-trio .hero .item:nth-of-type(2) .linktxt {
		background: #b5c7b0;
		color: #000
	}

	.page-home .short-trio .hero .item:nth-of-type(2) .linktxt:hover a {
		color: #fff
	}

	.page-home .short-trio .hero .item:nth-of-type(3) .linktxt {
		background: #000;
		color: #fff;
		border-bottom-right-radius: 1rem
	}
}

.page-home .welcome .left {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-home .welcome .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-home .welcome .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (max-width:799px) {
	.page-home .welcome .right {
		display: none
	}
}

@media screen and (min-width:800px) {
	.page-home .welcome .right {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-home .welcome .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(0% - 1rem + 1rem);
		position: relative
	}
}

.page-home .welcome .right .info-box {
	display: -webkit-flex;
	display: flex
}

.page-home .welcome .right .info-box::after {
	clear: both;
	content: "";
	display: block
}

.page-home .welcome .right .info-box .content {
	background: #b5c7b0;
	max-width: 300px;
	margin-left: auto;
	border-radius: 1rem;
	padding: 3rem 2rem 2rem
}

.page-home .welcome .right .info-box .content hr {
	border: none;
    height: 1px;
    background-color: #000;
}

@media screen and (min-width:1600px) {
	.page-home .welcome .right .info-box .content {
		padding: 3rem 4rem 2rem
	}
}

.page-home .welcome .right .info-box .heading {
	margin-bottom: 2rem
}

.page-home .welcome .right .info-box .heading h2 {
	font-size: clamp(1.25rem, 15vw, 1.5rem)
}

@media screen and (min-width:1600px) {
	.page-home .welcome .right .info-box .heading h2 {
		font-size: clamp(1rem, 20vw, 1.8rem)
	}
}

.page-home .welcome .right .info-box span {
	display: block
}

.page-home .welcome .right .info-box span.phone {
	font-weight: 700;
	font-size: clamp(1rem, 25vw, 1.75rem)
}

@media screen and (min-width:800px) {
	.page-home .welcome .right .info-box span.phone {
		font-size: clamp(1rem, 20vw, 1.85rem)
	}
}

@media screen and (min-width:1000px) {
	.page-home .welcome .right .info-box span.phone {
		font-size: clamp(1rem, 19vw, 2rem)
	}
}

@media screen and (min-width:1200px) {
	.page-home .welcome .right .info-box span.phone {
		font-size: clamp(1rem, 22vw, 2.2rem)
	}
}

@media screen and (min-width:1600px) {
	.page-home .welcome .right .info-box span.phone {
		font-size: clamp(1rem, 25vw, 2.3rem)
	}
}

.page-home .welcome .right .info-box span.mail {
	font-weight: 400;
	font-size: clamp(.8rem, 10vw, 1.025rem)
}

@media screen and (min-width:800px) {
	.page-home .welcome .right .info-box span.mail {
		font-size: clamp(.8rem, 8vw, 1.1rem)
	}
}

@media screen and (min-width:1000px) {
	.page-home .welcome .right .info-box span.mail {
		font-size: clamp(.8rem, 10vw, 1.2rem)
	}
}

@media screen and (min-width:1200px) {
	.page-home .welcome .right .info-box span.mail {
		font-size: clamp(.8rem, 10vw, 1.3rem)
	}
}

@media screen and (min-width:1600px) {
	.page-home .welcome .right .info-box span.mail {
		font-size: clamp(.8rem, 10vw, 1.35rem)
	}
}

.page-home .welcome .right .info-box span.heading-3 {
	font-size: clamp(1.25rem, 15vw, 1.5rem);
	font-weight: 500
}

.page-home .welcome .right .info-box table {
	border-collapse: collapse;
	margin: 1rem 0 1.75rem
}

.page-home .welcome .right .info-box table td {
	padding-top: .15rem;
	padding-bottom: .15rem;
	vertical-align: top
}

.page-home .welcome .right .info-box table td:nth-of-type(1) {
	padding-right: 1rem
}

.page-home .welcome .right .info-box table td:nth-of-type(2) {
	padding-left: 1rem;
	text-align: right
}

.page-home .welcome .right .info-box hr {
	background: #000;
	height: 1.5px;
	margin: calc(1rem + 2vw) 0
}

@media screen and (min-width:800px) {
	.page-home .welcome .right .info-box hr {
		margin: 2rem 0
	}
}

.page-home .unserziel {
	padding: 2rem 0;
	margin-top: 2rem;
	margin-bottom: 2rem;
	background: #f7f7f7
}

@media screen and (min-width:800px) {
	.page-home .unserziel {
		padding: 3rem 0;
		margin-top: 3rem;
		margin-bottom: 3rem
	}
}

@media screen and (min-width:1000px) {
	.page-home .unserziel {
		padding: 4rem 0;
		margin-top: 4rem
	}
}

@media screen and (min-width:1200px) {
	.page-home .unserziel {
		margin-top: 6rem
	}
}

.page-home .unserziel .weiterethemen {
	padding: 0
}

.page-home .unserziel .weiterethemen .item {
	width: 45%;
	border: 2px solid transparent;
	transition: border .25s ease-in-out
}

@media screen and (min-width:800px) {
	.page-home .unserziel .weiterethemen .item {
		width: 30%
	}
}

@media screen and (min-width:1000px) {
	.page-home .unserziel .weiterethemen .item {
		width: 22.5%
	}
}

.page-home .unserziel .weiterethemen .item:hover {
	background: 0 0;
	border: 2px solid #b5c7b0
}

.page-home .unserziel .weiterethemen .item:hover img {
	-webkit-transform: scale(.95);
	transform: scale(.95);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform
}

.page-home .unserziel .weiterethemen .item a:hover {
	text-decoration: none
}

.page-home .unserziel .weiterethemen .icon-container {
	max-width: 100px
}

@media screen and (min-width:800px) {
	.page-home .unserziel .weiterethemen .icon-container {
		max-width: 150px
	}
}

@media screen and (min-width:1000px) {
	.page-home .unserziel .weiterethemen .icon-container {
		max-width: 150px
	}
}

@media screen and (min-width:1200px) {
	.page-home .unserziel .weiterethemen .icon-container {
		max-width: 180px
	}
}

.page-home .unserziel .weiterethemen .linktxt {
	font-size: calc(.9rem + .25vw);
	text-align: center
}

@media screen and (max-width:410px) {
	.page-home .unserziel .weiterethemen .linktxt {
		font-size: .75rem
	}
}

@media screen and (min-width:800px) {
	.page-home .unserziel .weiterethemen .linktxt {
		font-size: 1.1rem
	}
}

@media screen and (min-width:1000px) {
	.page-home .unserziel .weiterethemen .linktxt {
		font-size: 1.15rem
	}
}

@media screen and (min-width:1200px) {
	.page-home .unserziel .weiterethemen .linktxt {
		font-size: 1.2rem
	}
}

@media screen and (min-width:1600px) {
	.page-home .unserziel .weiterethemen .linktxt {
		font-size: 1.25rem
	}
}

.page-home .unserziel .weiterethemen .linktxt svg {
	position: relative;
	margin-left: .25rem;
	height: 1rem;
	width: 1rem;
	transition: all .35s ease-in-out
}

@media screen and (min-width:800px) {
	.page-home .unserziel .weiterethemen .linktxt svg {
		top: -.1rem
	}
}

@media screen and (min-width:1200px) {
	.page-home .unserziel .weiterethemen .linktxt svg {
		height: 1.35rem;
		width: 1.35rem;
		margin-left: .35rem
	}
}

@media screen and (min-width:1200px) {
	.page-home .unserziel .weiterethemen .linktxt svg {
		height: 1.5rem;
		width: 1.5rem;
		margin-left: .45rem
	}
}

.page-home .right.mobile {
	margin-top: 2rem;
	margin-bottom: 3rem
}

.page-home .right.mobile .container {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

.page-home .right.mobile .info-box {
	display: -webkit-flex;
	display: flex
}

.page-home .right.mobile .info-box::after {
	clear: both;
	content: "";
	display: block
}

.page-home .right.mobile .info-box .content {
	background: #b5c7b0;
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 1rem;
	padding: 2rem 2rem 1rem
}

.page-home .right.mobile .info-box .heading {
	margin-bottom: 2rem
}

.page-home .right.mobile .info-box .heading h2 {
	font-size: 1.9rem
}

@media screen and (max-width:410px) {
	.page-home .right.mobile .info-box .heading h2 {
		font-size: 1.35rem
	}
}

.page-home .right.mobile .info-box span {
	display: block
}

.page-home .right.mobile .info-box span.phone {
	font-weight: 700;
	font-size: 2.2rem
}

@media screen and (max-width:410px) {
	.page-home .right.mobile .info-box span.phone {
		font-size: 1.7rem
	}
}

.page-home .right.mobile .info-box span.mail {
	font-weight: 400;
	font-size: 1.3rem
}

@media screen and (max-width:410px) {
	.page-home .right.mobile .info-box span.mail {
		font-size: .98rem
	}
}

.page-home .right.mobile .info-box span.heading-3 {
	font-size: clamp(1.25rem, 15vw, 1.5rem);
	font-weight: 500
}

@media screen and (max-width:410px) {
	.page-home .right.mobile .info-box span.heading-3 {
		font-size: 1.25rem
	}
}

.page-home .right.mobile .info-box table {
	border-collapse: collapse;
	margin: 1rem 0 1.75rem
}

.page-home .right.mobile .info-box table td {
	padding-top: .15rem;
	padding-bottom: .15rem;
	vertical-align: top
}

.page-home .right.mobile .info-box table td:nth-of-type(1) {
	padding-right: 1rem
}

.page-home .right.mobile .info-box table td:nth-of-type(2) {
	padding-left: 1rem;
	text-align: right
}

.page-home .right.mobile .info-box hr {
	background: #000;
	height: 1.5px;
	margin: calc(1rem + 2vw) 0
}

@media screen and (min-width:800px) {
	.page-home .right.mobile .info-box hr {
		margin: 2rem 0
	}
}

.page-home .familienpraxis .left,
.page-home .familienpraxis .right {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-home .familienpraxis .left {
		width: calc(33.3333333333% - 1.3333333333rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-home .familienpraxis .left {
		width: calc(25% - 1.25rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:800px) {
	.page-home .familienpraxis .right {
		width: calc(58.3333333333% - 1.5833333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1200px) {
	.page-home .familienpraxis .right {
		width: calc(54.1666666667% - 1.5416666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(12.5% - 1.125rem + 1rem);
		position: relative
	}
}

.page-home .nomobile-keywords {
	padding: 2rem 0 4rem
}

@media screen and (max-width:799px) {
	.page-home .nomobile-keywords {
		display: none
	}
}

.page-home .nomobile-keywords .keywords {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:1200px) {
	.page-home .nomobile-keywords .keywords {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

.page-home .nomobile-keywords .keywords ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (min-width:800px) {
	.page-home .nomobile-keywords .keywords ul {
		-webkit-justify-content: space-around;
		justify-content: space-around;
		font-size: .7rem
	}
}

@media screen and (min-width:1200px) {
	.page-home .nomobile-keywords .keywords ul {
		-webkit-justify-content: space-between;
		justify-content: space-between;
		font-size: .85rem
	}
}

.page-home .nomobile-keywords .keywords li {
	margin-right: 1.35rem;
	margin-top: .1rem;
	margin-bottom: .1rem
}

@media screen and (max-width:799px) {
	.page-implantologie .hero img {
		-o-object-position: 40% 50%;
		object-position: 40% 50%
	}
}

@media screen and (min-width:800px) {
	.page-implantologie .implantat {
		padding: 0 0 2rem
	}
}

@media screen and (min-width:1000px) {
	.page-implantologie .implantat {
		padding: 1rem 0 3rem
	}
}

@media screen and (min-width:1200px) {
	.page-implantologie .implantat {
		padding: 2rem 0 4rem
	}
}

.page-implantologie .implantat .heading {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-implantologie .implantat .heading {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-implantologie .implantat .heading {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1600px) {
	.page-implantologie .implantat .heading {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

.page-implantologie .implantat .left {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-implantologie .implantat .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-implantologie .implantat .left {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1600px) {
	.page-implantologie .implantat .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (max-width:799px) {
	.page-implantologie .implantat .left .mobilemore {
		display: none
	}
}

.page-implantologie .implantat .left .btn_more {
	color: #fff
}

.page-implantologie .implantat .left .btn_more svg {
	margin-right: 1rem;
	height: 1.5rem;
	width: 1.5rem;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.page-implantologie .implantat .left .readmore {
	border-color: #b5c7b0;
	background: #b5c7b0;
	border-radius: 1rem;
	font-size: 1.35rem
}

@media screen and (max-width:410px) {
	.page-implantologie .implantat .left .readmore {
		font-size: 1.2rem
	}
}

@media screen and (max-width:799px) {
	.page-implantologie .implantat .right {
		width: calc(100% - 2rem);
		float: left;
		margin-left: 1rem;
		padding: 2rem 0;
		margin-left: -1rem;
		margin-bottom: -2rem;
		width: calc(100vw + 1rem)
	}
}

@media screen and (min-width:800px) {
	.page-implantologie .implantat .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1200px) {
	.page-implantologie .implantat .right {
		width: calc(37.5% - 1.375rem);
		float: left;
		margin-left: 1rem;
		left: calc(12.5% - 1.125rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:800px) {
	.page-implantologie .implantat .right .img-container {
		padding-top: calc(1.65rem + 1vw)
	}
}

@media screen and (min-width:1000px) {
	.page-implantologie .implantat .right .img-container {
		padding-top: calc(1.75rem + 1vw)
	}
}

@media screen and (min-width:1200px) {
	.page-implantologie .implantat .right .img-container {
		padding-top: 2.5rem
	}
}

.page-implantologie .behandlung {
	background: #f7f7f7;
	padding: 3rem 0 0;
	margin-bottom: 2rem
}

@media screen and (max-width:799px) {
	.page-implantologie .behandlung .left {
		width: calc(100% - 2rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:800px) {
	.page-implantologie .behandlung .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-implantologie .behandlung .left {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1600px) {
	.page-implantologie .behandlung .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (max-width:799px) {
	.page-implantologie .behandlung .right {
		width: calc(100% - 2rem);
		float: left;
		margin-left: 1rem;
		margin-left: -1rem;
		width: calc(100vw + 1rem);
		padding-top: 3rem
	}
}

@media screen and (min-width:800px) {
	.page-implantologie .behandlung .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}

	.page-implantologie .behandlung .right .img-container {
		position: relative;
		top: -3rem
	}
}

@media screen and (min-width:1200px) {
	.page-implantologie .behandlung .right {
		width: calc(37.5% - 1.375rem);
		float: left;
		margin-left: 1rem;
		left: calc(12.5% - 1.125rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1200px) {
	.page-datenschutz .content {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

.page-impressum main .full,
.page-impressum main .left,
.page-impressum main .right {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:1200px) {

	.page-impressum main .full,
	.page-impressum main .left,
	.page-impressum main .right {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1000px) {
	.page-impressum main .left {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem
	}

	.page-impressum main .right {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1200px) {
	.page-impressum main .left {
		width: calc(33.3333333333% - 1.3333333333rem);
		float: left;
		margin-left: 1rem
	}

	.page-impressum main .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(16.6666666667% - 1.1666666667rem + 1rem);
		position: relative
	}
}

.page-datenschutz main,
.page-impressum main {
	padding-bottom: 2rem
}

@media screen and (min-width:800px) {

	.page-datenschutz main,
	.page-impressum main {
		padding-bottom: 3rem
	}
}

.page-kontakt .anfahrt,
.page-kontakt .main-content,
.page-kontakt .top-content {
	padding: 2rem 0
}

.page-kontakt .top_content .heading {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-kontakt .top_content .heading {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		margin-bottom: 2rem
	}
}

@media screen and (min-width:1200px) {
	.page-kontakt .top_content .heading {
		width: calc(60% - 1.6rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (max-width:799px) {
	.page-kontakt .main-content {
		padding: 1rem 0
	}
}

.page-kontakt .main-content .left,
.page-kontakt .main-content .right {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-kontakt .main-content .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-kontakt .main-content .left {
		width: calc(37.5% - 1.375rem);
		float: left;
		margin-left: 1rem;
		margin-left: calc(8.3333333333% - 1.0833333333rem + 2rem)
	}
}

@media screen and (min-width:800px) {
	.page-kontakt .main-content .right {
		width: calc(45.8333333333% - 1.4583333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(4.1666666667% - 1.0416666667rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1200px) {
	.page-kontakt .main-content .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem
	}
}

.page-kontakt .main-content .address {
	margin-bottom: 2rem
}

@media screen and (min-width:800px) {
	.page-kontakt .main-content .address {
		margin-bottom: 2rem
	}
}

.page-kontakt .main-content .info-box {
	padding: 2rem;
	margin: 2rem auto;
	background: #b5c7b0;
	border-radius: 1rem
}

@media screen and (min-width:800px) {
	.page-kontakt .main-content .info-box {
		padding: 3rem;
		max-width: 300px
	}
}

.page-kontakt .main-content .info-box span {
	display: block
}

.page-kontakt .main-content .info-box span.phone {
	font-weight: 700;
	font-size: clamp(1rem, 25vw, 1.75rem)
}

@media screen and (min-width:800px) {
	.page-kontakt .main-content .info-box span.phone {
		font-size: clamp(1rem, 20vw, 1.9rem)
	}
}

@media screen and (min-width:1000px) {
	.page-kontakt .main-content .info-box span.phone {
		font-size: clamp(1rem, 25vw, 2.3rem)
	}
}

.page-kontakt .main-content .info-box span.mail {
	font-weight: 400;
	font-size: clamp(.8rem, 10vw, 1.025rem)
}

@media screen and (min-width:800px) {
	.page-kontakt .main-content .info-box span.mail {
		font-size: clamp(.8rem, 8vw, 1.1rem)
	}
}

@media screen and (min-width:1000px) {
	.page-kontakt .main-content .info-box span.mail {
		font-size: clamp(.8rem, 10vw, 1.35rem)
	}
}

.page-kontakt .main-content .info-box span.heading-3 {
	font-size: clamp(1.25rem, 15vw, 1.5rem);
	font-weight: 500
}

.page-kontakt .main-content .info-box table {
	border-collapse: collapse;
	margin: 1rem 0 1.75rem
}

.page-kontakt .main-content .info-box table td {
	padding-top: .15rem;
	padding-bottom: .15rem;
	vertical-align: top
}

.page-kontakt .main-content .info-box table td:nth-of-type(1) {
	padding-right: 1rem
}

.page-kontakt .main-content .info-box table td:nth-of-type(2) {
	padding-left: 1rem;
	text-align: right
}

.page-kontakt .main-content .info-box hr {
	background: #000;
	height: 1.5px;
	margin: calc(1rem + 2vw) 0
}

@media screen and (min-width:800px) {
	.page-kontakt .main-content .info-box hr {
		margin: 2rem 0
	}
}

.page-kontakt .main-content figure {
	margin: 0;
	width: 100%
}

@media screen and (min-width:800px) {
	.page-kontakt .main-content figure {
		max-width: 475px
	}
}

@media screen and (min-width:1200px) {
	.page-kontakt .main-content figure {
		max-width: 550px
	}
}

.page-kontakt .main-content figure img {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem
}

.page-kontakt .main-content figure figcaption {
	padding: .75rem 0;
	background: #a9dab5;
	font-weight: 700;
	display: -webkit-flex;
	display: flex;
	font-size: calc(.75rem + 1vw);
	-webkit-justify-content: space-around;
	justify-content: space-around;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem
}

@media screen and (min-width:800px) {
	.page-kontakt .main-content figure figcaption {
		font-size: 1.25rem
	}
}

@media screen and (max-width:410px) {
	.page-kontakt .anfahrt .btn {
		font-size: 1.1rem
	}
}

@media screen and (max-width:799px) {
	.page-kontakt .anfahrt .btn {
		font-size: 1.25rem
	}
}

.page-kontakt .anfahrt .full,
.page-kontakt .anfahrt .left,
.page-kontakt .anfahrt .right {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-kontakt .anfahrt .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		margin-top: 1.5rem
	}
}

@media screen and (min-width:1200px) {
	.page-kontakt .anfahrt .left {
		width: calc(37.5% - 1.375rem);
		float: left;
		margin-left: 1rem;
		margin-left: calc(8.3333333333% - 1.0833333333rem + 2rem)
	}
}

@media screen and (min-width:800px) {
	.page-kontakt .anfahrt .right {
		width: calc(45.8333333333% - 1.4583333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(4.1666666667% - 1.0416666667rem + 1rem);
		position: relative
	}

	.page-kontakt .anfahrt .right .btn-container {
		margin-right: auto;
		margin-left: auto;
		max-width: calc(300px + 6rem)
	}
}

@media screen and (min-width:1200px) {
	.page-kontakt .anfahrt .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-kontakt .anfahrt .full {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

.page-kontakt .anfahrt .img-container {
	margin: 1.5rem -1rem 2.5rem;
	overflow-x: hidden
}

@media screen and (max-width:799px) {
	.page-kontakt .anfahrt .img-container img.rounded {
		border-radius: 0
	}
}

@media screen and (max-width:799px) {
	.page-labor .hero img {
		-o-object-position: 34.5% 50%;
		object-position: 34.5% 50%
	}
}

@media screen and (min-width:800px) {
	.page-labor .content-labor {
		padding: 2rem 0
	}
}

@media screen and (min-width:1200px) {
	.page-labor .content-labor {
		padding: 3rem 0
	}
}

.page-labor .content-labor .left,
.page-labor .content-labor .right {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-labor .content-labor .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-labor .content-labor .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		margin-left: calc(8.3333333333% - 1.0833333333rem + 2rem)
	}
}

.page-labor .content-labor .right {
	padding-top: 2rem;
	padding-bottom: 1rem
}

@media screen and (min-width:800px) {
	.page-labor .content-labor .right {
		padding-top: 0;
		padding-bottom: 0;
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1200px) {
	.page-labor .content-labor .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem
	}
}

.page-labor .content-labor .right .container {
	background: #f7f7f7;
	position: relative
}

@media screen and (max-width:799px) {
	.page-labor .content-labor .right .container {
		width: 100vw;
		margin-left: -1rem
	}
}

@media screen and (min-width:800px) {
	.page-labor .content-labor .right .container {
		border-top-left-radius: 1rem;
		border-bottom-left-radius: 1rem;
	}

	.page-labor .content-labor .right .container::after {
		position: absolute;
		content: "";
		top: 0;
		right: -100vw;
		bottom: 0;
		width: 100vw;
		background: #f7f7f7;
	}
}

.page-labor .content-labor .right .container ul {
	list-style: none;
	margin: 0;
	padding: 1rem
}

@media screen and (min-width:800px) {
	.page-labor .content-labor .right .container ul {
		padding: 2rem 2rem 2rem 2rem
	}
}

@media screen and (min-width:1000px) {
	.page-labor .content-labor .right .container ul {
		padding: 3rem 4rem 3rem 3rem
	}
}

@media screen and (min-width:1200px) {
	.page-labor .content-labor .right .container ul {
		padding: 3rem 8rem 3rem 3rem
	}
}

@media screen and (min-width:1600px) {
	.page-labor .content-labor .right .container ul {
		padding: 3rem 12rem 3rem 3rem
	}
}

.page-labor .content-labor .right .container li {
	position: relative;
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
	padding-left: 1.5rem
}

.page-labor .content-labor .right .container li:before {
	content: "";
	left: 0;
	top: .1rem;
	position: absolute;
	background: url(../icons/single/chevron-right.svg);
	background-position: 0 50%;
	background-size: contain;
	background-repeat: no-repeat;
	height: 1.35rem;
	width: 1.35rem
}

@media screen and (min-width:800px) {
	.page-labor .content-labor .right .container li {
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding-left: 1.5rem
	}

	.page-labor .content-labor .right .container li:before {
		content: "";
		left: 0;
		top: .25rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.35rem;
		width: 1.35rem
	}
}

@media screen and (min-width:1000px) {
	.page-labor .content-labor .right .container li {
		margin-top: 2rem;
		margin-bottom: 2rem
	}

	.page-labor .content-labor .right .container li:before {
		content: "";
		left: 0;
		top: .3rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.4rem;
		width: 1.4rem
	}
}

@media screen and (min-width:1200px) {
	.page-labor .content-labor .right .container li {
		margin-top: 2rem;
		margin-bottom: 2rem
	}

	.page-labor .content-labor .right .container li:before {
		content: "";
		left: 0;
		top: .45rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.45rem;
		width: 1.45rem
	}
}

.page-labor .eigeneslabor .heading {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem;
	margin-bottom: 1rem
}

@media screen and (min-width:1200px) {
	.page-labor .eigeneslabor .heading {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (max-width:799px) {
	.page-prophylaxe .hero img {
		-o-object-position: 42% 50%;
		object-position: 42% 50%
	}
}

@media screen and (min-width:800px) {
	.page-prophylaxe .prophylaxe {
		padding: 2rem 0
	}
}

@media screen and (min-width:1200px) {
	.page-prophylaxe .prophylaxe {
		padding: 3rem 0
	}
}

.page-prophylaxe .prophylaxe .left,
.page-prophylaxe .prophylaxe .right {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-prophylaxe .prophylaxe .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-prophylaxe .prophylaxe .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		margin-left: calc(8.3333333333% - 1.0833333333rem + 2rem)
	}
}

.page-prophylaxe .prophylaxe .right {
	padding-top: 2rem;
	padding-bottom: 1rem
}

@media screen and (min-width:800px) {
	.page-prophylaxe .prophylaxe .right {
		padding-top: 0;
		padding-bottom: 0;
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1200px) {
	.page-prophylaxe .prophylaxe .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem
	}
}

.page-prophylaxe .prophylaxe .right .container {
	background: #f7f7f7;
	position: relative
}

@media screen and (max-width:799px) {
	.page-prophylaxe .prophylaxe .right .container {
		width: 100vw;
		margin-left: -1rem
	}
}

@media screen and (min-width:800px) {
	.page-prophylaxe .prophylaxe .right .container {
		border-top-left-radius: 1rem;
		border-bottom-left-radius: 1rem
	}

	.page-prophylaxe .prophylaxe .right .container::after {
		position: absolute;
		content: "";
		top: 0;
		right: -100vw;
		bottom: 0;
		width: 100vw;
		background: #f7f7f7
	}
}

.page-prophylaxe .prophylaxe .right .container ul {
	list-style: none;
	margin: 0;
	padding: 1rem
}

@media screen and (min-width:800px) {
	.page-prophylaxe .prophylaxe .right .container ul {
		padding: 2rem 2rem 2rem 2rem
	}
}

@media screen and (min-width:1000px) {
	.page-prophylaxe .prophylaxe .right .container ul {
		padding: 3rem 6rem 3rem 3rem
	}
}

@media screen and (min-width:1200px) {
	.page-prophylaxe .prophylaxe .right .container ul {
		padding: 3rem 8rem 3rem 3rem
	}
}

@media screen and (min-width:1600px) {
	.page-prophylaxe .prophylaxe .right .container ul {
		padding: 3rem 12rem 3rem 3rem
	}
}

.page-prophylaxe .prophylaxe .right .container li {
	position: relative;
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
	padding-left: 1.5rem
}

.page-prophylaxe .prophylaxe .right .container li:before {
	content: "";
	left: 0;
	top: .1rem;
	position: absolute;
	background: url(../icons/single/chevron-right.svg);
	background-position: 0 50%;
	background-size: contain;
	background-repeat: no-repeat;
	height: 1.35rem;
	width: 1.35rem
}

@media screen and (min-width:800px) {
	.page-prophylaxe .prophylaxe .right .container li {
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding-left: 1.5rem
	}

	.page-prophylaxe .prophylaxe .right .container li:before {
		content: "";
		left: 0;
		top: .25rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.35rem;
		width: 1.35rem
	}
}

@media screen and (min-width:1000px) {
	.page-prophylaxe .prophylaxe .right .container li {
		margin-top: 2rem;
		margin-bottom: 2rem
	}

	.page-prophylaxe .prophylaxe .right .container li:before {
		content: "";
		left: 0;
		top: .3rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.4rem;
		width: 1.4rem
	}
}

@media screen and (min-width:1200px) {
	.page-prophylaxe .prophylaxe .right .container li {
		margin-top: 2rem;
		margin-bottom: 2rem
	}

	.page-prophylaxe .prophylaxe .right .container li:before {
		content: "";
		left: 0;
		top: .45rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.45rem;
		width: 1.45rem
	}
}

.page-prophylaxe .pzr {
	padding: 2rem 0
}

@media screen and (min-width:800px) {
	.page-prophylaxe .pzr {
		padding: 3rem 0
	}
}

@media screen and (min-width:1000px) {
	.page-prophylaxe .pzr {
		padding: 4rem 0
	}
}

@media screen and (min-width:1200px) {
	.page-prophylaxe .pzr {
		padding: 5rem 0 6rem
	}
}

.page-prophylaxe .pzr .heading {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-prophylaxe .pzr .heading {
		margin-bottom: 2rem
	}
}

@media screen and (min-width:1200px) {
	.page-prophylaxe .pzr .heading {
		width: calc(58.3333333333% - 1.5833333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

.page-prophylaxe .pzr .content {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (max-width:799px) {
	.page-prophylaxe .pzr .content .mobilemore {
		display: none
	}
}

.page-prophylaxe .pzr .content .btn_more {
	color: #fff
}

.page-prophylaxe .pzr .content .btn_more svg {
	margin-right: 1rem;
	height: 1.5rem;
	width: 1.5rem;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.page-prophylaxe .pzr .content .readmore {
	border-color: #b5c7b0;
	background: #b5c7b0;
	border-radius: 1rem;
	font-size: 1.35rem
}

@media screen and (max-width:410px) {
	.page-prophylaxe .pzr .content .readmore {
		font-size: 1.2rem
	}
}

@media screen and (min-width:800px) {
	.page-prophylaxe .pzr .content {
		-webkit-columns: 2 auto;
		-moz-columns: 2 auto;
		columns: 2 auto;
		-webkit-column-gap: calc(2rem + 2vw);
		-moz-column-gap: calc(2rem + 2vw);
		column-gap: calc(2rem + 2vw)
	}

	.page-prophylaxe .pzr .content p:first-of-type {
		margin-top: 0;
		margin-bottom: 0
	}
}

@media screen and (min-width:1200px) {
	.page-prophylaxe .pzr .content {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative;
		-webkit-columns: 3 auto;
		-moz-columns: 3 auto;
		columns: 3 auto;
		-webkit-column-gap: calc(2rem + 1vw);
		-moz-column-gap: calc(2rem + 1vw);
		column-gap: calc(2rem + 1vw);
		margin-top: 1rem;
		margin-bottom: 1rem;
		text-align: justify
	}
}

.page-prophylaxe .pzr .left,
.page-prophylaxe .pzr .right {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {

	.page-prophylaxe .pzr .left,
	.page-prophylaxe .pzr .right {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {

	.page-prophylaxe .pzr .left,
	.page-prophylaxe .pzr .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

.page-prophylaxe .pzr-ablauf {
	padding: 2rem 0;
	margin-bottom: 2rem
}

@media screen and (min-width:800px) {
	.page-prophylaxe .pzr-ablauf {
		padding: 0 0 2rem 0;
		background: #f7f7f7
	}
}

@media screen and (min-width:1200px) {
	.page-prophylaxe .pzr-ablauf {
		margin-bottom: 4rem
	}
}

.page-prophylaxe .pzr-ablauf .left {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem;
	padding: 2rem 0 0
}

@media screen and (min-width:800px) {
	.page-prophylaxe .pzr-ablauf .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}

	.page-prophylaxe .pzr-ablauf .left .heading {
		padding-top: calc(1rem + 1.5vw)
	}
}

@media screen and (min-width:1200px) {
	.page-prophylaxe .pzr-ablauf .left {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1600px) {
	.page-prophylaxe .pzr-ablauf .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (max-width:799px) {
	.page-prophylaxe .pzr-ablauf .right {
		width: calc(100% - 2rem);
		float: left;
		margin-left: 1rem;
		background: #f7f7f7;
		margin-left: -1rem;
		width: calc(100% + 2rem)
	}
}

@media screen and (min-width:800px) {
	.page-prophylaxe .pzr-ablauf .right {
		width: calc(45.8333333333% - 1.4583333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(4.1666666667% - 1.0416666667rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1200px) {
	.page-prophylaxe .pzr-ablauf .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(16.6666666667% - 1.1666666667rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1600px) {
	.page-prophylaxe .pzr-ablauf .right {
		width: calc(33.3333333333% - 1.3333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(16.6666666667% - 1.1666666667rem + 1rem);
		position: relative
	}
}

.page-prophylaxe .pzr-ablauf .right .container ul {
	list-style: none;
	margin: 0;
	padding: 1rem 2rem
}

@media screen and (min-width:800px) {
	.page-prophylaxe .pzr-ablauf .right .container ul {
		padding: 2rem 2rem 2rem 2rem
	}
}

@media screen and (min-width:1200px) {
	.page-prophylaxe .pzr-ablauf .right .container ul {
		max-width: 24rem
	}
}

@media screen and (min-width:1600px) {
	.page-prophylaxe .pzr-ablauf .right .container ul {
		max-width: 26rem
	}
}

.page-prophylaxe .pzr-ablauf .right .container li {
	position: relative;
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
	padding-left: 1.5rem
}

.page-prophylaxe .pzr-ablauf .right .container li:before {
	content: "";
	left: 0;
	top: .1rem;
	position: absolute;
	background: url(../icons/single/chevron-right.svg);
	background-position: 0 50%;
	background-size: contain;
	background-repeat: no-repeat;
	height: 1.35rem;
	width: 1.35rem
}

@media screen and (min-width:800px) {
	.page-prophylaxe .pzr-ablauf .right .container li {
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding-left: 1.5rem
	}

	.page-prophylaxe .pzr-ablauf .right .container li:before {
		content: "";
		left: 0;
		top: .25rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.35rem;
		width: 1.35rem
	}
}

@media screen and (min-width:1000px) {
	.page-prophylaxe .pzr-ablauf .right .container li {
		margin-top: 2rem;
		margin-bottom: 2rem
	}

	.page-prophylaxe .pzr-ablauf .right .container li:before {
		content: "";
		left: 0;
		top: .3rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.4rem;
		width: 1.4rem
	}
}

@media screen and (min-width:1200px) {
	.page-prophylaxe .pzr-ablauf .right .container li {
		margin-top: 2rem;
		margin-bottom: 2rem
	}

	.page-prophylaxe .pzr-ablauf .right .container li:before {
		content: "";
		left: 0;
		top: .45rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.45rem;
		width: 1.45rem
	}
}

@media screen and (max-width:799px) {
	.page-prophylaxe .pzr-ablauf .mobilemore_two {
		display: none
	}
}

.page-prophylaxe .pzr-ablauf .btn_more {
	color: #fff
}

.page-prophylaxe .pzr-ablauf .btn_more svg {
	margin-right: 1rem;
	height: 1.5rem;
	width: 1.5rem;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.page-prophylaxe .pzr-ablauf .readmore_two {
	border-color: #b5c7b0;
	background: #b5c7b0;
	border-radius: 1rem;
	font-size: 1.35rem
}

@media screen and (max-width:410px) {
	.page-prophylaxe .pzr-ablauf .readmore_two {
		font-size: 1.2rem
	}
}

.page-team .doc-team,
.page-team .praxis-team,
.page-karriere .top_content,
.page-team .top_content {
	padding: 2rem 0
}

.page-team .doc-team .heading,
.page-team .praxis-team .heading,
.page-karriere .top_content .heading,
.page-team .top_content .heading {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem;
	margin-bottom: 2rem
}

@media screen and (min-width:800px) {

	.page-team .doc-team .heading,
	.page-team .praxis-team .heading,
	.page-karriere .top_content .heading,
	.page-team .top_content .heading {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1000px) {

	.page-team .doc-team .heading,
	.page-team .praxis-team .heading,
	.page-karriere .top_content .heading,
	.page-team .top_content .heading {
		width: calc(66.6666666667% - 1.6666666667rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {

	.page-team .doc-team .heading,
	.page-team .praxis-team .heading,
	.page-karriere .top_content .heading,
	.page-team .top_content .heading {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

.page-team .doc-team .content,
.page-team .praxis-team .content,
.page-karriere .top_content .content,
.page-team .top_content .content {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:1200px) {

	.page-team .doc-team .content,
	.page-team .praxis-team .content,
	.page-karriere .top_content .content,
	.page-team .top_content .content {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:800px) {

	.page-team .doc-team .content,
	.page-team .praxis-team .content,
	.page-karriere .top_content .content,
	.page-team .top_content .content {
		-webkit-columns: 2 auto;
		-moz-columns: 2 auto;
		columns: 2 auto;
		-webkit-column-gap: 3rem;
		-moz-column-gap: 3rem;
		column-gap: 3rem;
		margin-top: 1rem;
		margin-bottom: 1rem
	}

	.page-team .doc-team .content p,
	.page-team .praxis-team .content p,
	.page-karriere .top_content .content p,
	.page-team .top_content .content p {
		margin-top: 0;
		margin-bottom: 0
	}
}

.page-team .praxis-team .left,
.page-team .praxis-team .right,
.page-team .top_content .left,
.page-karriere .top_content .left,
.page-karriere .top_content .right,
.page-team .top_content .right {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {

	.page-team .praxis-team .left,
	.page-team .praxis-team .right,
	.page-team .top_content .left,
	.page-karriere .top_content .left,
	.page-karriere .top_content .right,
	.page-team .top_content .right {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {

	.page-team .praxis-team .left,
	.page-team .praxis-team .right,
	.page-team .top_content .left,
	.page-karriere .top_content .left,
	.page-team .top_content .right,
	.page-karriere .top_content .right,
	.page-team .top_content .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

.page-team figure {
	margin: 1rem;
	transition: all 1s ease-in-out
}

.page-team figure img {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%
}

.page-team figure:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.page-team figure figcaption {
	background: #b5c7b0;
	padding: 1rem 1.5rem;
	border-radius: 1rem
}

.page-team figure figcaption span {
	display: block
}

.page-team figure figcaption .name {
	font-weight: 700;
	font-size: 1rem;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}

@media screen and (min-width:800px) {
	.page-team figure figcaption .name {
		font-size: 1.25rem
	}
}

.page-team figure figcaption .position {
	font-size: 1.1rem
}

.page-team .doc-team .heading {
	margin-bottom: 0
}

.page-team .doc-team .docs figure {
	position: relative;
}

.page-team .doc-team .docs .icon-container {
	position: absolute;
	bottom: .5rem;
	right: 2rem;
	cursor: pointer
}

.page-team .praxis-team .flex-container {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start
}

@media screen and (min-width:1200px) {
	.page-team .praxis-team .flex-container {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

.page-team .praxis-team figure {
	width: 100%;
	margin: 0;
	padding: 0
}

@media screen and (min-width:800px) {
	.page-team .praxis-team figure {
		width: 85%
	}
}

.page-team .praxis-team .team {
	width: 45%;
	margin-top: 1rem;
	margin-bottom: 1rem
}

.page-team .praxis-team .team-new a:hover .icon {
	stroke: #000;
  	fill: #000;
}

@media screen and (max-width:799px) {
	.page-team .praxis-team .team {
		margin-left: auto;
		margin-right: auto
	}
}

@media screen and (min-width:800px) {
	.page-team .praxis-team .team {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
		width: 33.3333%;
		max-width: 487px
	}
}

.page-team .praxis-team .team figcaption {
	background: #b5c7b0;
	padding: .75rem
}

.page-team .praxis-team .team figcaption .name {
	font-weight: 700;
	font-size: .8rem
}

@media screen and (min-width:800px) {
	.page-team .praxis-team .team figcaption .name {
		font-size: 1.1em
	}
}

.page-team .praxis-team .team figcaption .position {
	font-size: .8rem
}

@media screen and (min-width:800px) {
	.page-team .praxis-team .team figcaption .position {
		font-size: 1rem
	}
}

.page-team .praxis-team .info-box {
	padding: 3rem 0 2rem 0;
	-webkit-align-self: flex-end;
	align-self: flex-end
}

@media screen and (min-width:800px) {
	.page-team .praxis-team .info-box {
		width: 33.3%;
		max-width: 487px
	}
}

.page-team .praxis-team .info-box .icon {
	width: 3rem;
	margin-top: -.5rem;
	margin-bottom: 1rem
}

.page-team .praxis-team .info-box .inner {
	padding: 0
}

@media screen and (min-width:1000px) {
	.page-team .praxis-team .info-box .inner {
		padding: 2.5rem 2.5rem 1rem 2.5rem
	}
}

.page-team .praxis-team .info-box span {
	display: block
}

@media screen and (min-width:800px) {
	.page-team .praxis-team .info-box .phone {
		font-size: 1.4em;
		font-weight: 700
	}
}

@media screen and (min-width:1000px) {
	.page-team .praxis-team .info-box .phone {
		font-size: 1.4em;
		font-weight: 700
	}
}

@media screen and (min-width:800px) {
	.page-team .praxis-team .info-box .mail {
		font-size: 1.1em
	}
}

.page-team .doc-info {
	overflow-x: hidden;
	overflow-y: auto;
	background: rgba(255, 255, 255, .8);
	color: #fff;
	position: fixed;
	margin: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	display: none
}

.page-team .doc-info table {
	border-collapse: collapse
}

.page-team .doc-info table td {
	padding-top: .25rem;
	padding-bottom: .25rem;
	vertical-align: top
}

.page-team .doc-info table td:nth-of-type(1) {
	min-width: 90px
}

@media screen and (min-width:800px) {
	.page-team .doc-info table td:nth-of-type(1) {
		min-width: 180px
	}
}

@media screen and (min-width:1000px) {
	.page-team .doc-info table td:nth-of-type(1) {
		min-width: 200px
	}
}

.page-team .doc-info .show {
	display: block !important
}

.page-team .doc-info .close {
	font-weight: 300;
	font-size: 1.5rem;
	position: fixed;
	right: 0;
	top: 0;
	cursor: pointer;
	padding: .5rem 1.25rem;
	-webkit-animation: fadeIn .7s ease forwards;
	animation: fadeIn .7s ease forwards;
	-webkit-animation-delay: .35s;
	animation-delay: .35s;
	opacity: 0
}

.page-team .doc-info .inner {
	background: #000;
	margin: 0 auto;
	min-height: 100%;
	padding: 2rem 2rem
}

@media screen and (min-width:800px) {
	.page-team .doc-info .inner {
		padding: 3rem 10%
	}
}

@media screen and (max-width:799px) {
	.page-implantologie .hero img {
		-o-object-position: 32% 50%;
		object-position: 32% 50%
	}
}

@media screen and (min-width:800px) {
	.page-implantologie .digixray {
		padding: 2rem 0
	}
}

@media screen and (min-width:1200px) {
	.page-implantologie .digixray {
		padding: 3rem 0
	}
}

.page-implantologie .digixray .left,
.page-implantologie .digixray .right {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-implantologie .digixray .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-implantologie .digixray .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		margin-left: calc(8.3333333333% - 1.0833333333rem + 2rem)
	}
}

.page-implantologie .digixray .right {
	padding-top: 2rem;
	padding-bottom: 1rem
}

@media screen and (min-width:800px) {
	.page-implantologie .digixray .right {
		padding-top: 0;
		padding-bottom: 0;
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1200px) {
	.page-implantologie .digixray .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem
	}
}

.page-implantologie .digixray .right .container {
	background: #f7f7f7;
	position: relative
}

@media screen and (max-width:799px) {
	.page-implantologie .digixray .right .container {
		width: 100vw;
		margin-left: -1rem
	}
}

@media screen and (min-width:800px) {
	.page-implantologie .digixray .right .container {
		border-top-left-radius: 1rem;
		border-bottom-left-radius: 1rem
	}

	.page-implantologie .digixray .right .container::after {
		position: absolute;
		content: "";
		top: 0;
		right: -100vw;
		bottom: 0;
		width: 100vw;
		background: #f7f7f7
	}
}

.page-implantologie .digixray .right .container ul {
	list-style: none;
	margin: 0;
	padding: 1rem
}

@media screen and (min-width:800px) {
	.page-implantologie .digixray .right .container ul {
		padding: 2rem 2rem 2rem 2rem
	}
}

@media screen and (min-width:1000px) {
	.page-implantologie .digixray .right .container ul {
		padding: 3rem 6rem 3rem 3rem
	}
}

@media screen and (min-width:1200px) {
	.page-implantologie .digixray .right .container ul {
		padding: 3rem 8rem 3rem 3rem
	}
}

@media screen and (min-width:1600px) {
	.page-implantologie .digixray .right .container ul {
		padding: 3rem 12rem 3rem 3rem
	}
}

.page-implantologie .digixray .right .container li {
	position: relative;
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
	padding-left: 1.5rem
}

.page-implantologie .digixray .right .container li:before {
	content: "";
	left: 0;
	top: .1rem;
	position: absolute;
	background: url(../icons/single/chevron-right.svg);
	background-position: 0 50%;
	background-size: contain;
	background-repeat: no-repeat;
	height: 1.35rem;
	width: 1.35rem
}

@media screen and (min-width:800px) {
	.page-implantologie .digixray .right .container li {
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding-left: 1.5rem
	}

	.page-implantologie .digixray .right .container li:before {
		content: "";
		left: 0;
		top: .25rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.35rem;
		width: 1.35rem
	}
}

@media screen and (min-width:1000px) {
	.page-implantologie .digixray .right .container li {
		margin-top: 2rem;
		margin-bottom: 2rem
	}

	.page-implantologie .digixray .right .container li:before {
		content: "";
		left: 0;
		top: .3rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.4rem;
		width: 1.4rem
	}
}

@media screen and (min-width:1200px) {
	.page-implantologie .digixray .right .container li {
		margin-top: 2rem;
		margin-bottom: 2rem
	}

	.page-implantologie .digixray .right .container li:before {
		content: "";
		left: 0;
		top: .45rem;
		position: absolute;
		background: url(../icons/single/chevron-right.svg);
		background-position: 0 50%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.45rem;
		width: 1.45rem
	}
}

.page-implantologie .trio {
	padding: 2rem 0 1rem
}

.page-dentosophie .content-wrapper .left {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-dentosophie .content-wrapper .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-dentosophie .content-wrapper .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		margin-left: calc(8.3333333333% - 1.0833333333rem + 2rem)
	}
}

@media screen and (max-width:799px) {
	.page-zahnaesthetik .hero img {
		-o-object-position: 40% 50%;
		object-position: 40% 50%
	}
}

.page-zahnaesthetik .bandv {
	padding: 2rem 0
}

@media screen and (min-width:800px) {
	.page-zahnaesthetik .bandv {
		padding: 3rem 0
	}
}

@media screen and (min-width:1000px) {
	.page-zahnaesthetik .bandv {
		padding: 4rem 0
	}
}

.page-zahnaesthetik .bandv .heading {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem;
	margin-bottom: 1rem
}

@media screen and (min-width:1200px) {
	.page-zahnaesthetik .bandv .heading {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:800px) {
	.page-zahnaesthetik .vital {
		padding: 2rem 0
	}
}

@media screen and (min-width:1200px) {
	.page-zahnaesthetik .vital {
		padding: 3rem 0
	}
}

.page-zahnaesthetik .vital .left {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-zahnaesthetik .vital .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-zahnaesthetik .vital .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		margin-left: calc(8.3333333333% - 1.0833333333rem + 2rem)
	}
}

@media screen and (max-width:799px) {
	.page-zahnaesthetik .vital .right {
		display: none
	}
}

@media screen and (min-width:800px) {
	.page-zahnaesthetik .vital .right {
		padding-top: 0;
		padding-bottom: 0;
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1200px) {
	.page-zahnaesthetik .vital .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem
	}
}

.page-karriere .acc-section .content,
.page-zahnaesthetik .acc-section .content {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-karriere .acc-section .content,
	.page-zahnaesthetik .acc-section .content {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1200px) {
	.page-karriere .acc-section .content,
	.page-zahnaesthetik .acc-section .content {
		width: calc(66.6666666667% - 1.6666666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(16.6666666667% - 1.1666666667rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:800px) {
	.page-zahnaesthetik .mobilebox {
		display: none
	}
}

.page-zahnaesthetik .mobilebox .right {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (max-width:799px) {
	.page-zahnheilkunde .hero img {
		-o-object-position: 45% 50%;
		object-position: 45% 50%
	}
}

@media screen and (min-width:800px) {
	.page-zahnheilkunde .winningteam {
		padding: 2rem 0
	}
}

@media screen and (min-width:1200px) {
	.page-zahnheilkunde .winningteam {
		padding: 3rem 0
	}
}

.page-zahnheilkunde .winningteam .left {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-zahnheilkunde .winningteam .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem
	}
}

@media screen and (min-width:1200px) {
	.page-zahnheilkunde .winningteam .left {
		width: calc(50% - 1.5rem);
		float: left;
		margin-left: 1rem;
		margin-left: calc(8.3333333333% - 1.0833333333rem + 2rem)
	}
}

@media screen and (max-width:799px) {
	.page-zahnheilkunde .winningteam .right {
		display: none
	}
}

@media screen and (min-width:800px) {
	.page-zahnheilkunde .winningteam .right {
		padding-top: 0;
		padding-bottom: 0;
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1200px) {
	.page-zahnheilkunde .winningteam .right {
		width: calc(41.6666666667% - 1.4166666667rem);
		float: left;
		margin-left: 1rem
	}
}

.page-karriere .acc-section .content,
.page-zahnheilkunde .acc-section .content {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

@media screen and (min-width:800px) {
	.page-karriere .acc-section .content,
	.page-zahnheilkunde .acc-section .content {
		width: calc(83.3333333333% - 1.8333333333rem);
		float: left;
		margin-left: 1rem;
		left: calc(8.3333333333% - 1.0833333333rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:1200px) {
	.page-karriere .acc-section .content,
	.page-zahnheilkunde .acc-section .content {
		width: calc(66.6666666667% - 1.6666666667rem);
		float: left;
		margin-left: 1rem;
		left: calc(16.6666666667% - 1.1666666667rem + 1rem);
		position: relative
	}
}

@media screen and (min-width:800px) {
	.page-zahnheilkunde .mobilebox {
		display: none
	}
}

.page-zahnheilkunde .mobilebox .right {
	width: calc(100% - 2rem);
	float: left;
	margin-left: 1rem
}

.error404 {
	overflow: hidden
}

.error404 * {
	line-height: 1.2;
	margin: 0
}

.error404 main {
	color: #000;
	display: table;
	font-family: arboria, sans-serif;
	height: 100vh;
	text-align: center;
	width: 100%;
	background: #e6e6e6;
	padding: 0;
	margin: 0
}

.error404 .wrapper {
	display: table-cell;
	vertical-align: middle
}

.error404 h1 {
	font-size: 1.5em;
	font-weight: 700;
	padding: 0 2rem 2rem 2rem;
	margin: 0 auto;
	font-style: normal
}

.error404 span {
	display: block;
	margin: 1rem auto;
	font-size: calc(5rem + 6vw);
	font-weight: 700;
	color: #b5c7b0
}

@media only screen and (max-width:380px) {

	.error404 body,
	.error404 p {
		width: 95%
	}

	.error404 h1 {
		font-size: 1em;
		margin: 0
	}
}

.error404 .btn {
	letter-spacing: 1px;
	padding: 1rem 2rem;
	margin-left: auto;
	margin-right: auto;
	color: #b5c7b0;
	background: #fff;
	transition: all .25s ease-in-out;
	width: 100%;
	max-width: 300px;
	border-color: #fff
}

@media only screen and (max-width:380px) {
	.error404 .btn {
		width: 85%;
		padding-left: 0;
		padding-right: 0
	}
}

.error404 .btn:hover {
	background: #b5c7b0;
	color: #fff
}

.rounded {
	border-radius: 1rem
}

@media screen and (min-width:800px) {
	.mobile {
		display: none
	}
}

@media screen and (max-width:799px) {
	.nomobile {
		display: none
	}
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto
}

.job-details .inner {
	background: #e9f4ea;
	border-radius: 20px;
	position: relative;
	max-width: 1200px
}

.job-details .close {
	position: absolute
}

.job-details h2 {
	margin-bottom: 0
}

.job-details h3 {
	margin-top: 0
}

.job-details-button .icon {
	width: 2.5rem;
	height: 2.5rem;
	margin-left: 10px
}

.page-team .praxis-team .team.team-group {
	margin-top: 5rem;
	width: 100%;
	max-width: none
}

@media (max-width: 780px) {
	.page-team .praxis-team .team.team-group {
		margin-top: 3rem
	}
}

.page-team .praxis-team .team.team-group figure {
	width: 100%
}

.page-team .praxis-team .team.team-group figure img {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px
}

.page-team .praxis-team .team.team-group figure figcaption {
	font-size: .8rem
}

@media screen and (min-width: 800px) {
	.page-team .praxis-team .team.team-group figure figcaption {
		font-size: 1.1em
	}
}

.radius-20 {
	border-radius: 20px
}

.sidebar-image {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	display: block;
	max-width: none
}

.mobilebox-image {
	width: calc(100% - 2rem);
	margin: 2em auto auto;
	display: block
}

.cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px
}

@media (max-width: 992px) {
	.cols {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 0
	}
}

.cols .col {
	padding: 40px;
	background: #dceedd;
	border-radius: 20px;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual
}

@media (max-width: 992px) {
	.cols .col {
		padding: 20px;
		margin: 20px 0
	}
}

@media (max-width: 992px) {
	.cols .col.second-col {
		margin-bottom: 20px
	}
}

.page-team .docs-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3rem;
}

@media (max-width: 1080px) {
	.page-team .docs-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 580px) {
	.page-team .docs-wrapper {
		grid-template-columns: 1fr;
	}
}

.page-team .your-team {
	padding-left: calc(8.3333333333% - 1.0833333333rem + 2rem);
}

@media (max-width: 1200px) {
	.page-team .your-team {
		padding-left: 1rem;
	}
}