:root {
	font-size: 16px;
	--color: #ff7007;
	--light: #ff872f;
	--dark: #df281b;
	--links: #ff7007;
	--silver: #F1F0EF;
}
@media(max-width:400px) {
:root {
	font-size: 13px;
}
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display: block;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q { quotes:none;} blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
b,strong {font-weight:bold;}
i,em {font-style:italic;}
.rwContentBox ul,.cn ul { list-style-type:disc;margin:20px 0;margin-left:45px;}
.rwContentBox ol,.cn ol { list-style-type:decimal;margin:20px 0;margin-left:55px;}
.rwContentBox li,.cn li { padding-left:0px;}
.rwContentBox table td {vertical-align:top;}
div,h1,h2,h3,h4,h5,h6,p,form { position:relative;margin:0;padding:0;display:block;font-weight:normal;}
ul { margin-top:0;}
img { border:0;}
.clear,.cl { clear:both;}

.h5 { height: 5px; position:relative;display:block;clear:both;}
.h10 { height: 10px; position:relative;display:block;clear:both;}
.h20 { height: 20px; position:relative;display:block;clear:both;}
.h30 { height: 30px; position:relative;display:block;clear:both;}
.h40 { height: 40px; position:relative;display:block;clear:both;}
.h50 { height: 50px; position:relative;display:block;clear:both;}
.h60 { height: 60px; position:relative;display:block;clear:both;}
.h70 { height: 70px; position:relative;display:block;clear:both;}
.h80 { height: 80px; position:relative;display:block;clear:both;}
.h90 { height: 90px; position:relative;display:block;clear:both;}
.h100 { height: 100px; position:relative;display:block;clear:both;}

img {
	max-width: 100%;
	}

html {
	scroll-behavior: smooth;
	font-size: 1rem;
	}

* {
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'open sans', sans-serif;
	}

body {
	background: #fff;
	color: #000;
	font: 1rem/1.5 'open sans', sans-serif;
	}

a {
	outline: none;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	color: var(--links);
	}
a:hover {
	}

main>div,
main>section {
	position: relative;
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
	}

main>div.full-width {
	max-width: 100%;
	}

main>div.full-width-background {
	max-width: 100%;
	}

main>div.full-width-background>div,
main>div.full-width-background>section {
	position: relative;
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
	}

.gray {
	background: var(--silver);
	}

.centered,
.centered h1,
.centered h2,
.centered h3,
.centered h4,
.centered h5,
.centered h6,
.centered h7 {
	display: block;
	text-align: center;
	}

.bolded,
.bolded h1,
.bolded h2,
.bolded h3,
.bolded h4,
.bolded h5,
.bolded h6,
.bolded h7,
.bolded {
	font-weight: 600;
	}

.two {
	position: relative;
	font-size: 0;
	}

.two>* {
	font-size: 1rem;
	width: calc(50% - 25px);
	display: inline-block;
	vertical-align: top;
	}
@media(max-width:600px) {
	.two>* {
		display: block;
		padding: 1rem;
		width: calc(100% - 2rem) !important;
		}
}

.two>*:nth-child(odd) {
	margin-right: 50px;
	}

.two.horizontal-centered>* {
	margin-right: auto;
	margin-left: auto;
	display: block;
	}

footer .two.horizontal-centered>* {
	margin-right: 0;
	margin-left: 0;
	display: inline-block;
	}

.two.vertical-align>* {
	vertical-align: middle;
	}

.two .two>*:nth-child(odd) {
	margin-right: 45px;
	}

.three {
	position: relative;
	font-size: 0;
	}

.three>* {
	font-size: 1rem;
	width: calc((100% - 100px) / 3);
	display: inline-block;
	vertical-align: top;
	}
@media(max-width:750px) {
	.three>* {
		display: block;
		padding: 1rem;
		width: calc(100% - 2rem) !important;
		}
}


.three>*:nth-child(3n+1),
.three>*:nth-child(3n+2) {
	margin-right: 50px;
	}

.vertical-centered>* {
	vertical-align: middle;
	}

.three>.takes-two {
	width: calc((100% - 100px) / 3 * 2 + 50px);
	}

.three>.takes-two+* {
	width: 0;
	margin: 0;
	}

.white {
	background: #fff;
	}

.bganim {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 90%;
	min-height: 800px;
	background: #444;
	overflow: hidden;
	}

.bganim>div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 3s ease;
	}
/*

.bganim>div:nth-child(1) {
	background: url('gfx/newslider1.jpg') no-repeat center;
	background-size: cover;
	animation-name: pierwszy;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	}

.bganim>div:nth-child(2) {
	background: url('gfx/newslider2.jpg') no-repeat center;
	background-size: cover;
	animation-name: drugi;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	}

.bganim>div:nth-child(3) {
	background: url('gfx/newslider3.jpg') no-repeat center;
	background-size: cover;
	animation-name: trzeci;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	}

@keyframes pierwszy {
	0%   { transform: scale(1,1); opacity: 1; }
	29%  { transform: scale(1.2,1.2); opacity: 1; }
	62%  { transform: scale(1.2,1.2); opacity: 1; }
	63%  { transform: scale(1,1); opacity: 1; }
	100% { transform: scale(1,1); opacity: 1; }
	}

@keyframes drugi {
	0%   { transform: scale(1,1); opacity: 0; }
	29%  { transform: scale(1,1); opacity: 0; }
	33%  { transform: scale(1,1); opacity: 1; }
	62%  { transform: scale(1.2,1.2); opacity: 1; }
	95%  { transform: scale(1.2,1.2); opacity: 1; }
	96%  { transform: scale(1,1); opacity: 0; }
	100% { transform: scale(1,1); opacity: 0; }
	}

@keyframes trzeci {
	0%   { transform: scale(1,1); opacity: 0; }
	62%  { transform: scale(1,1); opacity: 0; }
	66%  { transform: scale(1,1); opacity: 1; }
	95%  { transform: scale(1.2,1.2); opacity: 1; }
	99%  { transform: scale(1.2,1.2); opacity: 0; }
	100% { transform: scale(1,1); opacity: 0; }
	}

*/



/* dla dwoch obr*/


.bganim>div:first-child {
	background: url('gfx/newslider1.jpg') no-repeat center;
	background-size: cover;
	animation-name: pierwszy;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	}

.bganim>div:nth-child(2) {
	background: url('gfx/newslider2.jpg') no-repeat center;
	background-size: cover;
	animation-name: drugi;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	}

.bganim2>div:first-child {
	background: url('gfx/uber-uns-1.jpg') no-repeat center;
	background-size: cover;
	}

.bganim2>div:nth-child(2) {
	background: url('gfx/uber-uns-2.jpg') no-repeat center;
	background-size: cover;
	}

@keyframes drugi {
	0%   { transform: scale(1,1); opacity: 1; }
	40% { transform: scale(1.2,1.2); opacity: 1; }
	50% { transform: scale(1.2,1.2); opacity: 0; }
	90% { transform: scale(1,1); opacity: 0; }
	100% { transform: scale(1,1); opacity: 1; }
	}

@keyframes pierwszy {
	0%   { transform: scale(1,1); opacity: 1; }
	50%  { transform: scale(1,1); opacity: 1; }
	90% { transform: scale(1.2,1.2); opacity: 1; }
	100% { transform: scale(1.2,1.2); opacity: 1; }
	}



.hd {
	background: #fff;
	position: fixed;
	width: 100%;
	z-index: 50;
    transition: all 0.3s ease;
	}

.bganim+.hd {
	background: #fff0;
	background: #fffb;
	background: transparent;
	}

.sticky .hd {
	background: #fff;
	}

.hd>div {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;
	}
@media(max-width:900px) {
.hd>div {
	max-width: 300px;
	padding-top: 20px;
	}
}

@media(max-width:900px) {
	.hd>div::before {
	    content: "Ihre reale Alternative zum Pflegeheim";
	    width: 100%;
	    position: absolute;
	    right: 0;
	    top: 5px;
	    font-size: 15px;
		line-height: 1;
	    font-weight: 600;
	    text-align: center;
	    transition: all 0.3s ease;
	    color: var(--color);
		}
	.bganim+.hd>div::before {
	    /* color: #fff; */
		}
	.sticky>.bganim+.hd>div::before {
	    color: var(--color);
		}
}

.hd>div header {
	width: 280px;
	padding: 13px 0;
	line-height: 0;
	}
@media(max-width:900px) {
.hd>div header {
	padding: 15px 0 5px 0;
	}
}

.hd>div header a {
	display: block;
	position: relative;
	width: 240px;
	height: 71px;
	}

.hd>div header img {
	height: 71px;
	width: 203px;
	position: absolute;
	left: 0;
	top: 0;
    transition: all 0.3s ease;
	}

.hd>div header img+img {
	opacity: 0;
	}

.bganim+.hd>div header img+img {
	opacity: 1;
	}

.sticky .hd>div header img+img {
	opacity: 0;
	}

.hd>div input,
.hd>div label {
	display: none;
	}

@media(max-width:900px) {
	.hd>div label {
		display: block;
		position: absolute;
		top: 70px;
		right: 10px;
		z-index: 50;
		height: 24px;
		cursor: pointer;
		}
	.hd>div label span,
	.hd>div label span::before,
	.hd>div label span::after {
		content: '';
		display: block;
		position: relative;
		left: 0;
		width: 40px;
		height: 4px;
		background: #fff;
		background: var(--dark);
		font-size: 0;
		border-radius: 1px;
		}
	.hd>div label span::before,
	.hd>div label span::after {
		position: absolute;
		top: 10px;
		}
	.hd>div label span::after {
		position: absolute;
		top: 20px;
		}

	.bganim+.hd>div label span,
	.bganim+.hd>div label span::before,
	.bganim+.hd>div label span::after {
		/* background: #fff; */
		}

	.sticky .bganim+.hd>div label span,
	.sticky .bganim+.hd>div label span::before,
	.sticky .bganim+.hd>div label span::after {
		background: var(--dark);
		}
}

.hd>div nav {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-top: 0;
	}
@media(max-width:900px) {
.hd>div nav {
	position: relative;
	background: var(--dark);
	height: auto;
	max-height: 0;
	overflow: hidden;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	}
.hd>div #rwdmn:checked+label+nav {
	max-height: 400px;
	}	
}

.hd>div nav ul {
	position: relative;
	display: block;
	font-size: 0;
	}

.hd>div nav ul li {
	display: inline-block;
	font-size: .9rem;
	line-height: 1;
	}
@media(max-width:900px) {
.hd>div nav ul li {
	display: block;
	}
}

.hd>div nav ul li a {
	display: block;
	padding: 25px 20px;
	opacity: .95;
	text-decoration: none;
    transition: all 0.3s ease;
	color: #2d3e52;
	}
.hd>div nav ul li a.active {
	color: var(--color);
	}
@media(max-width:900px) {
.hd>div nav ul li a {
	padding: 15px;
	opacity: 1;
	border-bottom: 1px solid #0002;
	color: #fff !important;
	}
}

.bganim+.hd>div nav ul li a {
	color: #fff;
	}

.sticky .hd>div nav ul li a {
	color: #2d3e52;
	}

.sticky .hd>div nav ul li a.active {
	color: var(--color);
	}

.hd>div nav ul::before {
    content: "Ihre reale Alternative zum Pflegeheim";
    width: 100%;
    position: absolute;
    right: 0;
    top: -20px;
    font-size: 1.4rem;
	line-height: 1;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    color: var(--color);
	}
@media(max-width:900px) {
.hd>div nav ul::before {
    display: none;
	}
}

.bganim+.hd>div nav ul::before {
	color: #fff;
	}

.sticky .hd>div nav ul::before {
    color: var(--color);
	}

main {
	position: relative;
	padding-top: 95px;
	}

.on-dark {
	color: #fff;
	}

.main-titles {
	position: relative;
	display: block;
	}

.main-titles header>* {
	font-weight: bold;
	font-size: 2.25rem;
	padding: 0 1rem;
	color: #fff;
	}

.main-titles header+p {
	font-weight: 600;
	font-size: 1.5rem;
	padding: 0 1rem;
	display: block;
	padding-top: 3px;
	color: var(--color);
	}

.opaque-box {
	position: relative;
	background: #fff7;
	color: #000;
	box-shadow: inset 0 0 2px #fff;
	padding: 1.5rem 0;

	background: #fff;
	}
@media(max-width:900px) {
.opaque-box {
	display: block;
	width: 90% !important;
	margin: 1rem auto !important;
	position: relative;
	}
}

.opaque-box h3 {
	font-size: 1.5rem;
	font-weight: 600;
	padding: 0 1.5rem 1rem;
	}

ul.ticks {
	display: block;
	padding: 0 1.5rem;
	list-style-type: none;
	}

ul.ticks li::before {
    content: '\2713';
    display: inline-block;
	margin-right: 20px;
	}

a.button {
	display: inline-block;
	background: #df281b; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #df281b 0%, #eb780e 50%, #e65a1e 86%, #f29f7f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #df281b 0%,#eb780e 50%,#e65a1e 86%,#f29f7f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #df281b 0%,#eb780e 50%,#e65a1e 86%,#f29f7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df281b', endColorstr='#f29f7f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    color: #fff;
    padding: 0.7rem 1.5rem;
    border-radius: 0.2rem;
    text-decoration: none;
    font-size: 1.25rem;
    border: 1px solid var(--dark);
	text-align: center;
	}
a.button:hover {
	background: linear-gradient(45deg,  var(--light) 0%,var(--color) 50%,var(--light) 86%,var(--light) 100%);
	}

.opaque-box .right-button {
	position: absolute;
	right: 1.5rem;
	bottom: 1rem;
	}
@media(max-width:1250px) {
.opaque-box .right-button {
	position: relative;
	right: 0;
	bottom: 0;
	margin-left: 3.5rem;
	margin-top: 1rem;
	}
	}

.framed-box {
	position: relative;
	box-shadow: inset 0 0 1px #fff, inset 0 0 1px #fff;
	padding: 1.5rem 0;
	}
@media(max-width:900px) {
.framed-box {
	display: block;
	width: 90% !important;
	margin: 1rem auto !important;
	position: relative;
	background: var(--color);
	}
}

.framed-box h3 {
	padding: 0 1.5rem;
	font-size: 1.5rem;
	font-weight: 600;
	}

.framed-box .two>*:nth-child(odd) {
	margin-right: 15px !important;
	}

.framed-box p {
	padding: 1rem 1.5rem 1rem;
	}

.framed-box a {
	color: #fff;
	}

.framed-box ul.big-links-list {
	padding-left: 1.5rem;
	font-size: 1.3rem;
	font-weight: 600;
	}

.framed-box ul.big-links-list li {
	display: inline-block;
	}

.framed-box ul.big-links-list li+li::before {
	content: " | ";
	}

.framed-box ul.big-links-list li a {
	text-decoration: none;
	}

main {
	position: relative;
	display: block;
	}

main h3 {
	font-size: 1.8rem;
	padding: 2rem;
	}

ul.icons-three {
	position: relative;
	display: block;
	font-size: 0;
	text-align: center;
	}

ul.icons-three li {
	display: inline-block;
	width: calc(100%/3);
	min-width: 300px;
	vertical-align: top;
	text-align: center;
	font-size: 1rem;
	margin-top: 2rem;
	}

ul.icons-four li {
	width: calc(100%/3);
	}

ul.icons-three li img {
	height: 140px;
	width: auto;
	}

ul.icons-three li h3 {
	padding: 1rem;
	font-size: 1.5rem;
	font-weight: 600;
	}
ul.icons-four li h3 {
	padding: 1rem .5rem;
	font-size: 1.4rem;
	line-height: 1.3;
	font-weight: 600;
	}

ul.icons-three li p {
	padding: 0 2rem;
	}
ul.icons-four li  p {
	padding: 0 1rem;
	}

strong {
	font-weight: 600;
	}

ul.icons-three+p {
	padding: 4rem 2rem;
	}

.with-circled-icons h4 {
	padding: 0 3rem 2rem;
	font-size: 1.4rem;
	font-weight: 600;
	}

.with-circled-icons>p {
	padding: 0 3rem 2rem;
	}

.icons-vertical {
	padding: 0 0rem 0 3rem;
	}

.icons-vertical.two-columns {
	text-align: center;
	font-size: 0;
	}

.icons-vertical.two-columns li {
	text-align: left;
	width: 40%;
	margin: 0 5%;
	display: inline-block;
	}

.smaller-icons {
	margin-right: -50px;
	}

.icons-vertical li {
	position: relative;
	display: block;
	min-height: 9rem;
	}

.smaller-icons li {
	position: relative;
	display: block;
	min-height: 4.5rem;
	} 

.icons-vertical li:last-child {
	min-height: 1rem;
	}

.icons-vertical li .icon {
	display: inline-block;
	width: 76px;
	height: 76px;
	background: var(--color);
	border-radius: 999px;
	color: #fff;
	text-align: center;
	line-height: 76px;
	font-size: 30px;
	}

.vertical-aligned li h5 {
	top: 25px;
	}

.smaller-icons li .icon {
	width: 56px;
	height: 56px;
	line-height: 56px;
	font-size: 20px;
	}

.icons-vertical li h5 {
	font-weight: 600;
	font-size: 1.1rem;
	display: block;
	margin-left: 90px;
	margin-top: -76px;
	}

.smaller-icons li h5 {
	margin-left: 70px;
	margin-top: -36px;
	line-height: 1;
	}

.icons-vertical li p,
.icons-vertical li h5 span {
	display: block;
	margin-left: 0px;
	padding: 1rem 0;
	font-weight: normal;
	line-height: 1.4;
	font-size: .9rem;
	}

.icons-vertical li p {
	display: block;
	margin-left: 90px;
	}

.icons-vertical.two-columns li p {
	display: block;
	margin-left: 90px;
	padding-top: 30px;
	}

.with-circled-icons+.illustration {
	text-align: center;
	font-size: 0;
	}

.with-circled-icons+.illustration img {
	}

@media(max-width:900px) {
	.with-circled-icons {
		display: block;
		width: calc(100% - 1rem);
		padding-right: 1rem;
	}
	.with-circled-icons+.illustration {
		display: block;
		width: 80%;
		margin: 2rem auto;
	}
}

ul.pictures-three {
	position: relative;
	text-align: center;
	font-size: 0;
	margin: 2rem 0;
	}

ul.pictures-three li {
	display: inline-block;
	vertical-align: top;
	width: calc(33.3% - 20px);
	font-size: 1rem;
	}

ul.pictures-three li:nth-child(3n-2) {
	padding-right: 20px;
	}

ul.pictures-three li:nth-child(3n-1) {
	padding-left: 20px;
	padding-right: 20px;
	width: calc(33.3% - 20px - 20px);
	}

ul.pictures-three li:nth-child(3n-0) {
	padding-left: 20px;
	}

@media(max-width:720px) {
ul.pictures-three li {
	display: block;
	vertical-align: top;
	width: 100% !important;
	font-size: 1rem;
	margin: 0 !important;
	padding: 0 !important;
	margin-bottom: 3rem !important;
	}
}

ul.pictures-three li img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	}

ul.pictures-three li h4 {
	padding: 1.5rem 1rem;
	font-size: 1.5rem;
	line-height: 1.1;
	font-weight: 600;
	}

ul.pictures-three li p {
	padding: 0 1rem;
	}

.before-small-form header, 
.before-small-form p {
	padding: 0 1rem;
	}

.small-form {
	font-size: 0;
	text-align: right;
	}
@media(max-width:1250px) {
.small-form {
	text-align: center;
	}
.small-form * {
	display: block !important;
	margin: 0.5rem auto !important;
	min-width: 150px;
	max-width: 280px;
	}
}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="submit"],
select,
textarea
	{
	border: 1px solid #00000015;
	padding: .7rem;
	outline: none;
	color: #000;
	letter-spacing: .01rem;
	display: inline-block;
	vertical-align: middle;
	margin: 7px;
		
	}

input[name="name"] {
	display: none !important;
	}

input[type="submit"],
button
	{
	border: 1px solid var(--color);
	background: var(--color);
	padding: .7rem 1.2rem;
	color: #fff;
	}

.small-form input {
	width: 200px;
	}

.small-form input[type="submit"] {
	width: auto;
	}

h5 {
	font-size: 1.15rem;
	}

.title-on-background {
	background-size: cover;
	background-position: right center;
	text-align: center;
	font-size: 2.1rem;
	padding: 4rem 1rem 3.5rem 1rem;
	border-bottom: 1px solid #0001;
	}

.title-on-background header {
	display: inline-block;
	position: relative;
	line-height: 1.2;
	padding: 1rem;
	}

@media(max-width:480px) {
.title-on-background header * {
	font-size: 1.7rem;
	}
}

.title-on-background header::after {
	content: "";
	display: block;
	width: 3.5rem;
	height: 1px;
	background: #0002;
	margin: 0 auto;
	margin-top: 20px;
}

.kosten header h3 {
	font-size: 1.6rem;
}

.kosten p {
	font-size: 1.2rem;
	padding: 0 1rem;
}

ul.prices {
	position: reltative;
	text-align: center;
	font-size: 0;
	padding: 2rem 0;
}

ul.prices li {
	font-size: 1rem;
	display: inline-block;
	vertical-align: top;
	width: 33.3%;
	min-width: 290px;
	margin-bottom: 2rem;
	}

ul.prices li h5 {
	display: block;
	background: var(--color);
	color: #fff;
	font-weight: 600;
	font-size: 1.1rem;
	padding: 1.2rem;
	margin: 0 1rem;
}

ul.prices li>span {
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 1;
	margin: 0 1rem;
	padding: 2.5rem 0;
	display: block;
	border-bottom: 1px solid #0001
	}

ul.prices li>span strong {
	display: inline-block;
	font-size: 3.5rem;
	}

ul.prices li>span small {
	display: inline-block;
	font-size: .8rem;
	font-weight: 600;
	}

ul.prices li>div {
	font-weight: 600;
	font-size: 1.05rem;
	line-height: 1.7;
	margin: 0 1rem;
	padding: 1.2rem 0;
	display: block;
	border-bottom: 1px solid #0001
	}

.prices .bigger {
	font-size: 1.2em !important;
	font-weight: 700 !important;
	}

ul.prices li>div.has-button {
	border: none;
	padding-top: 4rem;
}

.accordion>div>div:first-child {
	background: #6661;
	padding: 1.2rem 1.5rem;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	}

.accordion>div>div:first-child::after {
	content: '+';
	font-weight: 900;
	font-size: 2rem;
	line-height: 2;
	opacity: .2;
	position: absolute;
	top: 0;
	right: 1.5rem;
	}
.accordion>div>div:first-child:hover::after {
	opacity: .5;
	}
.accordion>div.opened>div:first-child::after {
	content: '-';
	}

.accordion>div>div:first-child+div {
	padding: 0 1.5rem;
	max-height: 0;
	height: 0;
	overflow: hidden;
	transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-webkit-transition: all 0.9s ease;
	}

.accordion>div.opened>div:first-child+div {
	max-height: 0;
	max-height: 9999px;
	height: auto;
	}

.accordion>div>div:first-child+div>*:first-child {
	margin-top: 1.5rem;
	}

.accordion>div>div:first-child+div>*:last-child {
	margin-bottom: 1.5rem;
	}

.accordion>div>div:first-child+div table {
	width: 100%;
}

.accordion>div>div:first-child+div table td,
.accordion>div>div:first-child+div table th {
	border: 1px solid #ddd;
	padding: .4rem .6rem;
	line-height: 1;
	font-size: .95rem;
	text-align: left;
}

.accordion>div>div:first-child+div table th {
	font-weight: 600;
	border-bottom: 2px solid #ddd;
	}

.accordion>div>div:first-child+div table tr:last-child th {
	border-bottom: 1px solid #ddd;
	}

.accordion>div>div:first-child+div table tr td:nth-child(2),
.accordion>div>div:first-child+div table tr th:nth-child(2) {
	text-align: right;
}

.accordion>div>div:first-child+div h3 {
	padding: 1.5rem 0 0 0;
	font-size: 1.25rem;
	font-weight: 600;
}

.accordion>div>div:first-child+div ul {
	list-style-type: disc;
	padding: 0 1rem;
}

hr {
	border: none;
	border-top: 1px solid #eee;
}

.with-laptop {
	position: relative;
	margin-top: 4rem;
	background: var(--color);
	color: #fff;
	margin-bottom: 4rem;
	margin-right: 50px;
	}
@media(max-width:900px) {
.with-laptop {
	margin-top: 2rem;
	margin-bottom: 2rem;
	margin-right: 0;
	background: transparent;
	}
}

.with-laptop h3 {
	padding: 3rem 1rem 1.5rem 1rem;
	font-size: 1.45rem;
	font-weight: 600;
	}
@media(max-width:900px) {
.with-laptop h3 {
	background: var(--color);
	}
}
.with-laptop p {
	padding: 0 1rem 1rem 1rem;
	font-size: 1.1rem;
	font-weight: 400;
	width: 50%;
	}
@media(max-width:900px) {
.with-laptop p {
	padding: 0 1rem 2rem 1rem;
	width: auto;
	background: var(--color);
	}
}

.with-laptop .in-laptop {
	position: absolute;
	top: -15px;
	right: -50px;
	width: 492px;
	height: 254px;
	padding-top: 32px;
	background: url('gfx/laptop.png');
	text-align: center;
	}

@media(max-width:900px) {
.with-laptop .in-laptop {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: 350px;
	top: 0;
	right: auto;
	left: auto;
	width: auto;
	-ms-transform: scale(0.65,0.65);
	-webkit-transform: scale(0.65,0.65);
	transform: scale(0.65,0.65);
	}
}

.with-laptop .in-laptop img {
	width: 203px;
	height: 203px;
	object-fit: contain;
	}

.with-laptop .white {
	width: 70%;
	text-align: left;
	}
@media(max-width:1100px) {
.with-laptop .white {
	width: 100%;
	padding-top: 70px;
	text-align: left;
	}
.with-laptop .white>div {
	width: auto;
	}
}
@media(max-width:900px) {
.with-laptop .white {
	padding-top: 0;
	}
.with-laptop .white>div {
	margin: 0;
	}
}

.with-laptop .white>div a {
	display: inline-block;
	padding: 1rem;
	font-size: 1.1rem;
	}
.with-laptop .white>div:first-child a {
	padding-left: 10rem;
	}
@media(max-width:900px) {
.with-laptop .white>div a {
	padding: 1rem !important;
	font-size: 1rem;
	}
}
.beforemap h3 {
	padding: 0;
	font-size: 1.3rem;
	font-weight: 600;
	padding-left: 3rem;
	}

.beforemap header+p {
	padding: 2rem 3rem;
	}

.beforemap li p {
	max-width: 450px;
	}

.form-in-steps {
	position: relative;
	display: block;
	background: #F1F0EF;
	max-width: 1170px;
	margin: 0 auto;
	text-align: center;
	}

.form-in-steps::before {
	content: '';
	display: block;
	background: url('gfx/form.jpg') no-repeat bottom center;
	width: 100%;
	height: 445px;
	}

.form-in-steps .step h3 {
	font-weight: 600;
	font-size: 1.2rem;
	padding-bottom: 0rem;
	}

.form-in-steps .step h4 {
	font-weight: 600;
	font-size: 1rem;
	text-align: left;
	padding: 2rem;
	padding-top: 3rem;
	}

.form-in-steps .step span {
	display: inline-block;
	margin: 1%;
	padding: 0;
	width: 98%;
	vertical-align: top;
	}

.form-in-steps .step input,
.form-in-steps .step textarea {
	width: 90%;
	}

.form-in-steps .step input[type="date"] {
	width: auto;
	min-width: 250px;
	}

.form-in-steps-small .step input[type="checkbox"],
.form-in-steps-small .step input[type="radio"] {
	width: 30px;
	height: 30px;
}

.form-in-steps .step input.consent {
	width: 40px;
	display: inline-block;
	vertical-align: middle;
	}
.form-in-steps .step input.consent+span {
	width: calc(100% - 150px);
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	}

.form-in-steps .step textarea {
	height: 4rem;
	}

.form-in-steps .step span.div3 {
	width: 29%;
	}

.form-in-steps .step span.div6 {
	width: 13%;
	}

.form-in-steps .step span.div10 {
	width: 7%;
	}

.form-in-steps .step span.div6 input[type="radio"],
.form-in-steps .step span.div10 input[type="radio"] {
	display: block;
	margin: 0 auto 10px auto;
}

@media(max-width:600px) {
.form-in-steps .step span {
	display: block;
	width: 98% !important;
	}
}


.form-in-steps .step span input[type="text"] {
	min-width: 280px;
	}

.form-in-steps .step button {
	font-weight: 600;
	display: inline-block;
	padding-left: 1.75rem;
	padding-right: 1.75rem;
	margin: 3rem .3rem;
	}

.form-belt {
	display: block;
	margin: 2rem 2rem 0;
	background: #0001;
	}

.form-belt>div {
	display: block;
	height: 8px;
	width: 1px;
	background: var(--color);
	}

footer {
	position: relative;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 2.2rem;
	}

footer hr {
	margin-bottom: 1.5rem;
	}

footer .two .two>div:first-child img {
	max-width: 250px;
	border-radius: 999px;
	}

footer iframe {
	width: 100%;
	height: 40vh;
	min-height: 300px;
	max-height: 500px;
	}

small {
	font-size: .85em;
	}

footer>div:nth-child(2) {
	margin-top: 3rem;
	}

footer nav ul {
	text-align: right;
	font-size: 0;
	margin-top: 2rem;
	}

footer p.copyr {
	display: block;
	margin-top: 2rem;
	}

footer nav li {
	display: inline-block;
	color: #000;
	text-decoration: none;
	padding: .5rem;
	}

footer a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	padding: .5rem;
	font-size: .7rem;
	font-weight: 600;
	opacity: .8;
	}

.cookies {
	background: var(--color);
	opacity: .95;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	}

.cookies>div {
	padding: .75rem;
	font-size: .8rem;
	line-height: 1.4;
	text-align: justify;
	}

.cookies a {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	margin: 0 1rem;
	text-decoration: none;
	}

header+p {
	padding-left: 1rem;
	padding-right: 1rem;
	}

.onlyheader header>* {
	font-size: 2rem;
	}

article>* {
	font-size: 1.05rem;
	}

.two article>*,
.three article>* {
	margin-right: 2rem;
	}



article p {
	padding-top: 0rem;
	padding-bottom: 1.75rem;
	}

.contact-form header>*,
.contact-details header>* {
	font-size: 1.4rem;
	font-weight: 600;
	padding-left: 0;
	border-bottom: 1px solid #0001;
	margin-bottom: 2rem;
	margin-left: .5rem;
	margin-right: .5rem;
	}

.contact-form label {
	display: block;
	padding-top: .5rem;
	margin-left: .5rem;
	margin-right: .5rem;
	}

.contact-form input,
.contact-form select,
.contact-form textarea {
	width: calc(100% - 2.2rem - 2px);
	}

.contact-form textarea {
	height: 357px;
	}

.contact-form input[type="submit"] {
	width: auto;
	padding-left: 2rem;
	padding-right: 2rem;
	margin-top: 2rem;
	}

.to-right {
	text-align: right;
	}

.contact-details {
	line-height: 1.7;
	}

@media(max-width:1000px) {
	footer .two .two>* {
		display: block;
		padding: .5rem;
	}
}

.hidden {
	display: none;
	}

section.simpletext header>* {
	font-size: 1.5rem;
	}

section.simpletext p {
	padding: 0 2rem;
	}

.to-left {
	text-align: left;
	}

.underline {
	text-decoration: underline;
	}

.padding1rem {
	padding: 1rem;
	}
	
.simpletext2,
.simpletext2 * {
	line-height: 1.8;
}

.simpletext4,
.simpletext4 * {
	line-height: 1.8;
}

.simpletext4 h3 {
	padding: 2rem;
	font-size: 1.5rem;
	font-weight: 300;
	}

.simpletext4 p {
	padding: 1rem 2rem !important;
	}

.simpletext4 h2 {
	padding: 1.5rem 2rem;
	font-size: 1.7rem;
	font-weight: 300;
	}

.simpletext4 h4 {
	padding: 0 2rem .5rem;
	font-size: 1.2rem;
	font-weight: 300;
	}

.simpletext4 ul,
.simpletext4 ol {
	padding: 0 2rem 0 3.5rem;
	list-style: disc;
	}

.simpletext4 ol {
	list-style: decimal;
	}

.fragebogen form {
	font-size: 0;
	}

.fragebogen form>div>* {
	font-size: 1rem;
	}

.fragebogen form>div>div.lay {
	font-size: 0 !important;
	}

.fragebogen form strong {
	display: block;
	padding: 2rem;
	text-align: left;
	}

.fragebogen form i {
	display: inline-block;
	padding: 10px;
	text-align: left;
	font-style: normal;
	}

.fragebogen form i.vert {
	display: block;
	padding: 0px;
	font-size: 0;
	}
.fragebogen form i.vert>i {
	vertical-align: top;
	}

.fragebogen form i>input,
.fragebogen form i>textarea {
	width: calc(100% - 20px - 2px);
	}

.fragebogen form i>textarea {
	height: 100px;
	}

.fragebogen form i>input[type="radio"],
.fragebogen form i>input[type="checkbox"] {
	width: auto;
	}

.d1 { width: calc(100% / 12 * 1 - 20px); font-size: 1rem; }
.d2 { width: calc(100% / 12 * 2 - 20px); font-size: 1rem; }
.d25 { width: calc(100% / 12 * 2.5 - 20px); font-size: 1rem; }
.d3 { width: calc(100% / 12 * 3 - 20px); font-size: 1rem; }
.d33 { width: calc(100% / 12 * 3.3 - 20px); font-size: 1rem; }
.d4 { width: calc(100% / 12 * 4 - 20px); font-size: 1rem; }
.d5 { width: calc(100% / 12 * 5 - 20px); font-size: 1rem; }
.d6 { width: calc(100% / 12 * 6 - 20px); font-size: 1rem; }
.d7 { width: calc(100% / 12 * 7 - 20px); font-size: 1rem; }
.d8 { width: calc(100% / 12 * 8 - 20px); font-size: 1rem; }
.d9 { width: calc(100% / 12 * 9 - 20px); font-size: 1rem; }
.d10 { width: calc(100% / 12 * 10 - 20px); font-size: 1rem; }
.d11 { width: calc(100% / 12 * 11 - 20px); font-size: 1rem; }
.d12 { width: calc(100% / 12 * 12 - 20px); font-size: 1rem; }

.fragebogen form i>* {
	margin: 0;
	}

@media(max-width:1000px) {

	.lay1>*:nth-child(1),
	.lay1>*:nth-child(4) {
		width:0;padding:0;
	}
	.lay1>*:nth-child(2),
	.lay1>*:nth-child(3) {
		width:90%;
	}
	.lay1>*:nth-child(3) {
		padding-bottom: 25px;
	}

	.lay2>*:nth-child(1),
	.lay2>*:nth-child(6) {
		width:0;padding:0;
	}
	.lay2>*:nth-child(2),
	.lay2>*:nth-child(3),
	.lay2>*:nth-child(4),
	.lay2>*:nth-child(5) {
		width:90%;
	}
	.lay2>*:nth-child(3) input {
		width: 40px;
	}
	.lay2>*:nth-child(5) input {
		width: 150px;
		margin-bottom: 25px;
	}

	.lay3>*:nth-child(1),
	.lay3>*:nth-child(3),
	.lay3>*:nth-child(4),
	.lay3>*:nth-child(7),
	.lay3>*:nth-child(10) {
		width:0;padding:0;
	}

	.lay3>*:nth-child(2),
	.lay3>*:nth-child(5),
	.lay3>*:nth-child(6),
	.lay3>*:nth-child(8),
	.lay3>*:nth-child(9) {
		width:90%;
	}

	.lay4>*:nth-child(1),
	.lay4>*:nth-child(3),
	.lay4>*:nth-child(4),
	.lay4>*:nth-child(6) {
		width:0;padding:0;
	}
	.lay4>*:nth-child(2),
	.lay4>*:nth-child(5) {
		width:90%;
	}
	.lay4>*:nth-child(5) {
		padding-bottom: 25px;
	}

	.lay5>.vert>*:nth-child(1),
	.lay5>.vert>*:nth-child(4) {
		width:0;padding:0;
	}
	.lay5>.vert {
		width: calc(90% + 20px);
		margin: 0 auto;
	}
	.lay5>.vert>*:nth-child(2),
	.lay5>.vert>*:nth-child(3) {
		width: calc(100% - 20px) !important;
	}

	
}

.arb {
	background: #f9f9f9;
}

.arb {
	color: var(--color);
	font-weight: 600;
	text-align: center;
	padding-top: 1.5rem;
	}

.arb p {
	font-size: 1.5rem;
	color: #000;
	}


.arb ul {
	text-align: left;
	list-style-type: disc;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	}

.arb ul li {
	display: inline-block;
	width: 32%;
	text-align: center;
	}


.framed-box {
	background: #fff4;
	color: #fff;
	box-shadow: inset 0 0 2px #fff;
	padding-bottom: 3rem;

	}

.framed-box a {
	color: #fff;
	}

.sent {
	border: 2px solid green;
	text-align: center;
	margin: 1rem auto !important;
	padding: 1rem;
	background: #00800030;
	width: 70% !important;
	}

.fragebogen {
	text-align: left;
	}

.fragebogen .step {
	padding: 0 20px;
}

.fragebogen h3 {
	text-align: right;
	font-weight: 200 !important;
	font-size: 1.75rem !important;
	padding-top: 100px;
	}

.fragebogen .step span {
	display: inline-block;
	margin: 0;
	padding: 15px 10px;
	text-align: left;
	font-size: .9rem;
	}

.fragebogen .step strong {
	padding: 60px 10px 20px 10px;
	display: block;
	}

.fragebogen .step input[type="text"] {
	margin: 0;
	width: calc(100% - 10px - 10px);
	min-width: 50px !important;
	padding: 10px;
	}

.fragebogen .step textarea {
	margin: 0;
	width: calc(100% - 10px - 10px);
	padding: 10px;
	height: 150px;
	}

.fragebogen .step input[type="checkbox"] {
	margin: 0;
	width: 25px;
	height: 25px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	margin-top: 0;
	margin-bottom: 10px;
	}

.fragebogen .step label:has(input[type="checkbox"]) {
	margin-right: 30px;
	white-space: nowrap;
	display: inline-block;
}

.fragebogen .step span.div1 { width: calc(100% - 10px - 10px); }
.fragebogen .step span.div2 { width: calc(50% - 10px - 10px); }

.fragebogen .step span.div3 { width: calc(33.3% - 10px - 10px); }
.fragebogen .step span.div23 { width: calc(66.6% - 10px - 10px); }

.fragebogen .step span.div4 { width: calc(25% - 10px - 10px); }
.fragebogen .step span.div34 { width: calc(75% - 10px - 10px); }

.fragebogen .step span.div8 { width: calc(12.5% - 10px - 10px); }
.fragebogen .step span.div78 { width: calc(100% - 12.5% - 10px - 10px); padding-top: 35px;}

.fragebogen .step span.div12 { width: calc((100% / 12) - 10px - 10px); }
.fragebogen .step span.div1112 { width: calc(100% - (100% / 12) - 10px - 10px); padding-top: 35px;}

#zumangebot .step span {
	display: inline-block;
	margin: 0;
	padding: 15px 10px;
	font-size: .9rem;
	text-align: left;
	}

#zumangebot span.div4 { width: calc(25% - 60px); }
#zumangebot span.div5 { width: calc(30% - 10px); }

#zumangebot span.div3 { width: calc(25% - 60px); }
#zumangebot span.div8 { width: calc(25% - 60px); }

#zumangebot span input[type="radio"],
#zumangebot span input[type="checkbox"] {
	display: inline-block;
	vertical-align: middle;
	top: -4px;
	position: relative;
	}

#zumangebot span input[type="checkbox"] {
	display: inline-block;
	vertical-align: middle;
	top: -4px;
	position: relative;
	}

#zumangebot span input[type="text"],
#zumangebot span input[type="email"],
#zumangebot span input[type="date"],
#zumangebot span input[type="number"] {
	margin-left: 30px;
}

#zumangebot span input[type="number"] {
	width: 50px;
}

#zumangebot label[for="einverstanden"],
#zumangebot label[for="best"] {
	margin-left: 30px;
}