html {
	position:relative;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:scroll;
}

body {
	position:relative;
	margin:0;
	padding:60px 0 0;
	font-family:'Averta W01',sans-serif;
	overflow:hidden;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;
	font-size:0;
	line-height:0;
}

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

a {
	text-decoration:none;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

#ohsmall, #ohmobile, #ohtablet {
	   display:none;
}

.text-center, .align-center {
	text-align:center;
}

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

@media (max-width:1023px) {

#ohtablet {
	display:block;
}

}

@media (max-width:767px) {

#ohmobile {
	display:block;
}

}

@media (max-width:480px) {

#ohsmall {
	display:block;
}

}

#menubutton {
	position:absolute;
	right:10px;
	top:10px;
	width:40px;
	height:40px;
	cursor:pointer;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	border:0;
	z-index:1000;
	box-sizing:border-box;
	display:none;
}

@media (max-width:1023px) {

#menubutton {
	display:block;
}

}

#line1, #line2, #line3 {
	position:absolute;
	width:20px;
	height:2px;
	background:#000;
	right:10px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

#line1 {
	top:12px;
}

#line2 {
	top:50%;
	margin-top:-1px;
}

#line3 {
	top:auto;
	bottom:12px;
}

.active #line1 {
	-moz-transform:translate(0,7px) rotate(45deg);
	-ms-transform:translate(0,7px) rotate(45deg);
	-o-transform:translate(0,7px) rotate(45deg);
	-webkit-transform:translate(0,7px) rotate(45deg);
	transform:translate(0,7px) rotate(45deg);
}

.active #line2 {
	-moz-transform:translate(0,0) rotate(-45deg);
	-ms-transform:translate(0,0) rotate(-45deg);
	-o-transform:translate(0,0) rotate(-45deg);
	-webkit-transform:translate(0,0) rotate(-45deg);
	transform:translate(0,0) rotate(-45deg);
}

.active #line3 {
	display:none;
}


.oh-typo h1 {
	font-size:36px;
	line-height:1.2;
	font-weight:700;
	margin:0 auto 10px;
	padding:0;
	text-transform:uppercase;
	color:#A094C7;
}

.oh-typo h2 {
	font-size:36px;
	line-height:1.2;
	font-weight:700;
	margin:0 auto 10px;
	padding:0;
	text-transform:uppercase;
	color:#A094C7;
}

.oh-typo h3 {
	font-size:28px;
	line-height:1.2;
	font-weight:700;
	margin:0 auto 10px;
	padding:0;
	text-transform:uppercase;
	color:#A094C7;
}

.oh-typo h4 {
	font-size:21px;
	line-height:1.5;
	font-weight:700;
	margin:0 auto 10px;
	padding:0;
	color:#222224;
}

.oh-typo h4 a {
	display:inline-block;
	padding:10px 20px;
	background:#A094C7;
	color:#fff;
	border-radius:25px;
	font-weight:400;
}

.oh-typo h6 {
	font-size:13px;
	line-height:1.5;
	font-weight:700;
	margin:0 auto 5px;
	padding:0;
	color:#585858;
	text-transform:uppercase;
}

.oh-typo p {
	font-size:19px;
	line-height:1.5;
	font-weight:400;
	margin:0 auto 30px;
	padding:0;
}

.oh-typo p b, .oh-typo p strong {
	font-weight:700;
}

.oh-typo p i, .oh-typo p em {
	font-style:italic;
}

.oh-typo p a {
	color:#A094C7;
}

.oh-typo p a:hover {
	opacity:0.7;
}

.oh-typo ul {
	font-size:19px;
	line-height:1.5;
	font-weight:400;
	margin:0 auto 30px;
	padding:0 0 0 30px;
	list-style:square;
}

.oh-typo ul a {
	color:#A094C7;
}

.oh-typo ul a:hover {
	opacity:0.7;
}

.oh-typo ol {
	font-size:19px;
	line-height:1.4;
	font-weight:400;
	margin:0 auto 30px;
	padding:0 0 0 30px;
}

.oh-typo table {
	font-size:19px;
	line-height:1.5;
	font-weight:400;
	margin:0 auto 30px;
	padding:0;
	border:0;
	border-collapse:collapse;
}

.oh-typo table b, .oh-typo table strong {
	font-weight:700;
}

.oh-typo table td {
	vertical-align:top;
	padding:5px 5px 5px 0;
	border-bottom:1px solid #000;
}

.oh-typo table td:nth-child(1) {
	font-weight:700;
}

.oh-typo table td:nth-child(2) {
	padding:5px 0 5px 5px;
}

.oh-typo table tr:last-child td {
	border-bottom:0;
}

.oh-typo h1:last-child, .oh-typo h2:last-child, .oh-typo h3:last-child, .oh-typo h4:last-child, .oh-typo p:last-child, .oh-typo ul:last-child, .oh-typo ol:last-child {
	margin:0 auto;
}

.oh-typo-invers h1, .oh-typo-invers h2, .oh-typo-invers h3, .oh-typo-invers h4, .oh-typo-invers p, .oh-typo-invers ul, .oh-typo-invers ol {
	color:#fff;
}


.oh-typo blockquote {
	position:relative;
	font-weight:400;
	font-size:21px;
	line-height:1.75;
	margin:0 0 30px;
	padding:0 0 0 20px;
	color:rgb(33,58,71);
	border-left:7px solid #A094C7;
}

@media (max-width:1023px) {

.oh-typo h1 {
	font-size:32px;
}

.oh-typo h2 {
	font-size:28px;
}

.oh-typo h3 {
	font-size:24px;
}
	
}

.text {
	position:relative;
	margin:0 auto 100px;
}

.text.halfmargin {
	margin:0 auto 50px;
}

.text-inner {
	position:relative;
	margin:0 auto;
	max-width:750px;
	box-sizing:border-box;
}

.text.wide .text-inner {
	max-width:1200px;
}

.text-onecol {
	position:relative;
	padding:0 10px;
	margin:0 auto 50px;
}

.text-threecol {
	position:relative;
	margin:0 auto 50px;
}

.text-threecol-col {
	position:relative;
	padding:0 10px;
	width:33.3333%;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}

.text-inner > div:last-child {
	margin:0 auto!important;
}

@media (max-width:767px) {
	
.text-threecol-col {
	width:100%;
	margin:0 auto 50px;
}

.text-threecol-col:last-child {
	margin:0 auto;
}

}

header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	background:#fff;
	border-bottom:1px solid #A094C7;
}

.header-inner {
	position:relative;
	margin:0 auto;
	max-width:1200px;
	padding:10px;
}

.header-logo {
	position:relative;
	display:block;
	width:40px;
	height:40px;
}

.header-button-1, .header-button-2, .header-button-3, .header-button-4 {
	position:absolute;
	display:block;
	top:15px;
	right:10px;
	width:30px;
	height:30px;	
}

.header-button-3, .header-button-4 {
	padding:0 5px;
	font-size:15px;
	line-height:30px;
	color:#222224;
	width:auto;
	text-align:center;
}

.header-button-3 {
	right:100px;
}

.header-button-4 {
	right:130px;
}

.header-button-3.active, .header-button-4.active, .header-button-3:hover, .header-button-4:hover {
	color:#A094C7;
}

.header-button-1 img, .header-button-2 img {
	width:100%;
}

.header-button-1 {
	right:60px;
}

nav {
	position:absolute;
	left:50%;
	transform:translate(-50%,0);
	top:0;
}

@media (min-width:1024px) {

nav {
	display:block!important;	
}

}

nav ul {
	position:relative;
	padding:0;
	margin:0;
	list-style:none;
	display:block;
	white-space:nowrap;
}

nav li {
	position:relative;
	display:inline-block;
	padding:0;
	margin:0;
	white-space:nowrap;
}

nav a {
	position:relative;
	display:block;
	padding:15px;
	font-size:19px;
	line-height:30px;
	color:#222224;
}

nav a:hover, nav .active a {
	color:#A094C7;
}

@media (max-width:1023px) {

nav {
	display:none;
	position:fixed;
	top:60px;
	left:0;
	right:0;
	bottom:0;
	transform:translate(0,0);
	text-align:center;
	background:#fff;
}

nav ul {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translate(0,-55%);
}

nav li {
	display:block;
	margin:0 0 5px;
}

nav li:last-child {
	margin:0;
}

nav a {
	position:relative;
	display:block;
	padding:15px;
	font-size:19px;
	line-height:30px;
	color:#222224;
}

nav a:hover, nav .active a {
	color:#A094C7;
}


.header-button-1 {
	right:60px;
}

.header-button-2 {
	right:110px;
}
	
}

.cover {
	position:relative;
	height:calc(100vh - 60px);
	background:#A094C7;
}

.cover-inner {
	position:absolute;
	top:0;
	left:0;
	right:0;
	overflow:hidden;
	bottom:100px;
}

.cover-logo {
	position:absolute;
	top:50%;
	left:50%;
	width:600px;
	max-width:90vw;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	padding:0;
	opacity:1;
	z-index:20;

	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	-webkit-transition-delay:.2s;
	transition-delay:.2s;
	text-align:center;
}

.go .cover-logo {
	opacity:0;
}

.cover-logo img {
	width:auto;
	height:33vh;
	margin:0 auto 20px;
}

.cover-item-wrap {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:1;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	-webkit-transition-delay:1.5s;
	transition-delay:1.5s;
}

.cover:before {
	position:absolute;
	top:0;
	left:0;
	right:100%;
	bottom:0;
	background:#A094C7;
	content:'';
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	-webkit-transition-delay:1.5s;
	transition-delay:1.5s;
	z-index:19;
}

.go .cover-item-wrap {
	opacity:0;
}

.cover.go:before {
	right:0;
}

.cover-down {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,0);
	text-align:center;
	width:24px;
	height:24px;
	z-index:100;
	cursor:pointer;
	padding:24px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	-webkit-transition-delay:3s;
	transition-delay:3s;
}

.go .cover-down {
	opacity:0;
}

.cover-text {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	padding:20px;
	background:#A094C7;
	opacity:1;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	-webkit-transition-delay:2.5s;
	transition-delay:2.5s;
}

.go .cover-text {
	opacity:0;
}

.cover-text p {
	color:#fff;
	margin:0 auto;
	padding:0;
	font-size:19px;
	line-height:30px;
}

.cover-text p b {
	font-weight:700;
}

.cover-item {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.cover-item.active {
	z-index:10;
}

.cover-item.nextactive {
	z-index:9;
}

.cover-item video {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:auto;
	height:auto;
	min-width:100vw;
	min-height:calc(100vh - 60px);
}


.cover-bullets {
	position:absolute;
	bottom:40px;
	left:0;
	right:0;
	z-index:16;
	text-align:center;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	-webkit-transition-delay:2.5s;
	transition-delay:2.5s;
}

.go .cover-bullets {
	opacity:0;
}

.cover-bullets ul {
	position:relative;
	list-style:none;
	text-align:center;
	display:block;
	padding:0;
	margin:0;
}

.cover-bullets li {
	position:relative;
	display:inline-block;
	border:2px solid #ffffff;
	box-sizing:border-box;
	height:22px;
	width:22px;
	margin:0 7px;
	padding:0;
	cursor:pointer;
}

.cover-bullets li.active:after, .no-touch .cover-bullets li:hover:after {
	content:'';
	position:absolute;
	top:4px;
	left:4px;
	right:4px;
	bottom:4px;
	background:#fff;
}

@media (max-width:1023px) {

.cover-inner {
	bottom:80px;
}

.cover-text {
	padding:15px;
}

.cover-text p {
	font-size:17px;
	line-height:25px;
	margin:0 auto;
}

.cover-bullets {
	bottom:20px;
}

}

.titlevideo {
	position:relative;
	margin:0 auto 50px;
}

.title {
	position:relative;
	margin:0 auto 100px;
}

.title.nomargin {
	margin:0 auto;
}

.title-inner {
	position:relative;
	margin:0 auto;
	padding:30px 10px;
	box-sizing:border-box;

	background:-moz-linear-gradient(-45deg,rgba(208,202,227,0.95) 0%,rgba(236,234,244,0.95) 100%);
	background:-webkit-linear-gradient(-45deg,rgba(208,202,227,0.95) 0%,rgba(236,234,244,0.95) 100%);
	background:linear-gradient(135deg,rgba(208,202,227,0.95) 0%,rgba(236,234,244,0.95) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2d0cae3',endColorstr='#f2eceaf4',GradientType=1);
}

.projektlist {
	position:relative;
	padding:0;
	margin:0 auto 100px;
}

.projektlist-items {
	position:relative;
	margin:0 auto;
	max-width:1220px;
	box-sizing:border-box;
	cursor:pointer;
}

.projektlist-item {
	position:relative;
	padding:0 0 50px;
	margin:0 0 50px;
}

.projektlist-item:before {
	content:'';
	position:absolute;
	bottom:0;
	left:10px;
	right:10px;
	height:1px;
	background:#E3E3E3;	
}

.projektlist-item-open {
	position:relative;
	display:block;
}

.no-touch .projektlist-item-open:hover {
	opacity:0.5;
}

.projektlist-item-col {
	position:relative;
	margin:0 auto;
	padding:0 10px;
	width:40%;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}

.projektlist-item-col:nth-child(1) {
	padding-top:20px;
}

.projektlist-item-col:nth-child(1):before {
	content:'';
	position:absolute;
	top:0;
	left:10px;
	right:10px;
	height:1px;
	background:#E3E3E3;	
}

.projektlist-item-col:nth-child(2) {
	width:60%;
}

.projektlist-item-col-images img {
	width:100%;
}

.projektlist-item-button {
	margin:30px 0 0;
}

.projektlist-item-button img {
	padding:13px;
	border:1px solid #666C77;
	border-radius:28px;
	width:24px;
	height:24px;
}

.active .projektlist-item-button img {
	transform:rotate(90deg);
}

.projektlist-item-detail {
	position:relative;
	display:block;
	padding:50px 0;
	display:none;
}

.projektlist-item-detail-col {
	position:relative;
	margin:0 auto;
	padding:0 10px;
	width:40%;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}

.projektlist-item-detail-col:nth-child(2) {
	width:60%;
}


@media (max-width:767px) {

.projektlist {
	margin:0 auto;
}

.projektlist-items {
	position:relative;
	margin:0 auto;
	max-width:1920px;
	box-sizing:border-box;
}

.projektlist-item {
	position:relative;
	padding:0 0 50px;
}

.projektlist-item-open {
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.projektlist-item-col {
	width:100%;
	order:2;
}

.projektlist-item-col:nth-child(2) {
	width:100%;
	order:1;
	margin:0 0 15px;
}

.projektlist-item-col:nth-child(1):before {
	display:none;
}

.projektlist-item-button {

}

.projektlist-item-detail-col {
	width:100%;
}

.projektlist-item-detail-col:nth-child(2) {
	width:100%;
	margin:0 auto;
}

}


footer {
	position:relative;
	margin:0 auto;
	background:#000;
}

.footer-inner {
	position:relative;
	margin:0 auto;
	max-width:1200px;
	padding:50px 0 100px;
}

.footer-col {
	position:relative;
	margin:0 auto;
	padding:0 10px;
	width:37.5%;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}

.footer-col:nth-child(2) {
	width:25%;
}

.footer-col:nth-child(1) img {
	width:130px;
}

@media (max-width:1023px) {

.footer-col {
	margin:0 auto 50px;
	width:100%;
}

.footer-col:nth-child(1) {
	width:100%;
}

.footer-col:nth-child(2) {
	width:100%;
}

.footer-col:nth-child(3) {
	margin:0 auto;
}

}


.twotext {
	position:relative;
	margin:0 auto 100px;
}

.twotext.halfmargin {
	margin:0 auto 50px;
}

.twotext-inner {
	position:relative;
	margin:0 auto;
	max-width:1200px;
}

.thin .twotext-inner {
	max-width:750px;
}

.twotext-col {
	position:relative;
	margin:0 auto;
	padding:0 10px;
	width:50%;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}

.twotext-col-30 {
	width:30%;	
}

.twotext-col-70 {
	width:70%;	
}

@media (max-width:1023px) {

.twotext {
	margin:0 auto 50px;
}

.twotext-col {
	margin:0 auto 50px;
	width:100%;
}

.twotext-col:nth-child(2) {
	margin:0 auto;
}
	
}

@media (max-width:767px) {

.twotext-col-30 {
	width:100%;
}

.twotext-col-70 {
	width:100%;
}

}

.faq {
	margin:0 auto 50px;
	max-width:1200px;
	font-size:0;
	line-height:0;
	background:#fff;
	border:1px solid #EFEFEF;
}

.faq-question {
	padding:10px;	
}

.faq-question-img {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:50px;
	overflow:hidden;
}

.faq-question-img img {
	width:100%;
}

.faq-question-text {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 50px);
	padding:8px 0 0 20px;
	box-sizing:border-box;
}

.faq-answer-author {
	border-top:1px solid #EFEFEF;
	padding:10px;
	margin:0;
	position:relative;
	cursor:pointer;
}

.faq-answer-author:after {
	content:'Antwort lesen';
	position:absolute;
	top:20px;
	right:10px;
	border-radius:15px;
	font-size:13px;
	line-height:20px;
	margin:0;
	padding:5px 10px;
	background:#A094C7;
	color:#fff;
}

.active .faq-answer-author:after {
	content:'Antwort schließen';
}

.faq-answer-author:hover:after {
	opacity:0.7;
}

.faq-answer-author img {
	height:50px;
	width:50px;
	border-radius:25px;
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.1);
	box-shadow:0 1px 5px rgba(0,0,0,0.1);
	margin:0 20px 0 0;
	display:inline-block!important;
	vertical-align:top;
}

.faq-answer-author img {

}

.faq-answer-author span {
	position:relative;
	color:#999;
	font-size:13px;
	line-height:15px;
	margin:0;
	padding:10px 0;
	font-weight:400;
	display:inline-block;
}

.faq-answer-author span i {
	margin:0 0 0 10px;
}

.faq-question-content {
	display:none;
	padding:10px;
}

.faq-question-content p {
	font-weight:400;
	font-size:17px;
	line-height:1.5;
	margin:0 auto 20px;
	padding:0;
	color:#333;
}

.faq-question-content p:last-child {
	margin:0 auto;
}




.box {
 position:relative;
 padding:0;
 margin:0 auto 60px;
}
.box-inner {
 position:relative;
 margin:0 auto;
 max-width:1200px;
 padding:30px 60px;
 box-sizing:border-box;
	background:-moz-linear-gradient(-45deg,rgba(208,202,227,0.95) 0%,rgba(236,234,244,0.95) 100%);
	background:-webkit-linear-gradient(-45deg,rgba(208,202,227,0.95) 0%,rgba(236,234,244,0.95) 100%);
	background:linear-gradient(135deg,rgba(208,202,227,0.95) 0%,rgba(236,234,244,0.95) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2d0cae3',endColorstr='#f2eceaf4',GradientType=1);
}
.box.typo h4 {
 margin:0 0 10px;
}
.box table {
 width:100%;
 margin:0 auto 30px;
 border-collapse:collapse;
 font-family:'Averta W01',sans-serif;
 font-size:21px;
 line-height:1.5;
 font-weight:400;
 color:rgb(50,50,50);
}
.box table:last-child {
 margin:0 auto;
}
.box table b,
.box table strong {
 font-family:'Averta W01',sans-serif;
 font-weight:700;
}
.box table tr {
}
.box table tr td {
 border-bottom:1px solid rgb(50,50,50);
 padding:3px 0;
}
@media (max-width:1023px) {
 .box-inner {
  padding:30px;
 }
 .logo .box-inner:before {
  right:30px;
  width:51px;
  height:51px;
 }
}
@media (max-width:767px) {
 .box-inner {
  padding:20px 10px;
 }
 .logo .box-inner:before {
  top:20px;
  right:10px;
  width:38px;
  height:38px;
 }
}

#ssw-rechner h2 {
 color:#fff;
}
.ssw-rechner-col1,
.ssw-rechner-col2 {
 display:inline-block;
 width:70%;
 vertical-align:top;
 position:relative;
}
.ssw-rechner-col2 {
 width:30%;
}
.ssw-rechner-select-wrap {
 position:relative;
 margin:0 0 15px;
}
.ssw-rechner-select-wrap:after {
 content:'';
 position:absolute;
 right:0;
 top:0;
 width:60px;
 height:32px;
 border-top-right-radius:16px;
 border-bottom-right-radius:16px;
 background:#BFA26E url('../../../fileadmin/templates/img/arrow-down.svg') no-repeat center center;
 background-size:12px 12px;
 -webkit-box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,0.1);
 box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,0.1);
 pointer-events:none;
}
#ssw-rechner select {
 font-family:'Averta W01',sans-serif;
 width:100%;
 font-size:16px;
 line-height:20px;
 padding:6px 15px 6px;
 height:32px;
 display:inline-block;
 -webkit-appearance:none;
 -moz-appearance:none;
 -ms-appearance:none;
 appearance:none;
 border-radius:16px;
 box-sizing:border-box;
 color:rgb(50,50,50);
 -webkit-box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,0.1);
 box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,0.1);
 border:0;
 outline:0;
 background:#fff;
 margin:0;
 text-align:left;
}
#ssw-rechner input[type=submit] {
 font-family:'Averta W01',sans-serif;
 width:80%;
 font-size:16px;
 line-height:20px;
 padding:6px 15px 6px;
 height:32px;
 display:block;
 -webkit-appearance:none;
 -moz-appearance:none;
 -ms-appearance:none;
 appearance:none;
 border-radius:16px;
 box-sizing:border-box;
 color:#fff;
 -webkit-box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,0.1);
 box-shadow:inset 0 -1px 1px 1px rgba(0,0,0,0.1);
 border:0;
 outline:0;
 background:#BFA26E;
 margin:0 0 0 20%;
 cursor:pointer;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 -ms-transition:all 0.3s ease-in-out;
 -o-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
 text-transform:uppercase;
}
#ssw-rechner input[type=submit]:hover {
 opacity:0.7;
}
#ssw-rechner-result:empty {
 display:none;
}
#ssw-rechner-result {
 margin-top:20px;
}
@media (max-width:600px) {
 .ssw-rechner-col1 {
  width:100%;
  margin:0 0 15px;
 }
 .ssw-rechner-col2 {
  width:100%;
 }
 .ssw-rechner-select-wrap {
  margin:0 0 5px;
 }
 #ssw-rechner input[type=submit] {
  width:auto;
  margin:0 auto;
  display:block;
 }
}


#dsgvCookie {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	-webkit-box-shadow:0 -5px 10px rgba(0,0,0,0.2);
	box-shadow:0 -5px 10px rgba(0,0,0,0.2);
	background:#F7F6F5;
	font-size:0;
	line-height:0;
	z-index:100000;
	display:none;
}

.showDsgvCookie #dsgvCookie {
	display:block;
}

#dsgvCookie .dsgvCookie-inner {
	position:relative;
	max-width:1080px;
	padding:30px 0;
	box-sizing:border-box;
	margin:0 auto;
}

#dsgvCookie .dsgvCookie-left {
	display:inline-block;
	width:auto;
	vertical-align:middle;
	width:50%;
	padding:15px;
	box-sizing:border-box;
}

#dsgvCookie .dsgvCookie-right {
	display:inline-block;
	width:50%;
	vertical-align:middle;
	text-align:right;
	padding:15px;
	box-sizing:border-box;
}

#dsgvCookie p {
	font-size:14px;
	line-height:25px;
	margin:0;
	padding:0;
	font-weight:400;
	color:#000;
	display:inline-block;
	vertical-align:middle;
}

#dsgvCookie p a {
	color:#a0a0aa;
	text-decoration:none;
}

#dsgvCookie p a:hover {
	opacity:0.7;
}

#dsgvCookie h3 {
	margin:0;
	padding:0;
	font-size:15px;
	line-height:25px;
	font-weight:400;
	display:inline-block;
	vertical-align:middle;
}

#dsgvCookie h3 a {
	background:#D2C892;
	border-radius:25px;
	padding:11px 30px 12px;
	margin:0 0 0 20px;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	border:1px solid #ffffff;
}

#dsgvCookie h3 a.dsgvo-cookie-accept:hover {
	opacity:0.7;
}

#dsgvCookie h3 a.dsgvo-cookie-decline {
	background:#ffffff;
	color:#a0a0aa;
}

#dsgvCookie h3 a.dsgvo-cookie-decline:hover {
	background:#000000;
	color:#ffffff;
}

@media (max-width:1023px) {

#dsgvCookie .dsgvCookie-inner {
	padding:0 0 30px;
}

#dsgvCookie .dsgvCookie-left {
	width:100%;
}

#dsgvCookie .dsgvCookie-right {
	width:100%;
}

#dsgvCookie h3 {
	margin-top:30px;
}

#dsgvCookie h3 a {
	margin:0 0 0 10px;
}

}


.cta {
  position:fixed;
  bottom:20px;
  left:20px;
  right:20px;
  height:40px;
  display:block;
  z-index:1001;
  opacity:0;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.scrolled .cta {
	opacity:1;
}


@media (min-width:481px) {

.cta {
  left:50%;
  right:auto;
  transform:translate(-50%,0);
  width:480px;
}

}

.cta h5 {
  position:absolute;
  top:0;
  left:0;
  width:50%;
  font-size:13px;
  line-height:20px;
  font-weight:300;
  margin:0;
  padding:0 10px 0 0;
  color:#A094C7;
  vertical-align:middle;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  display:block;
  margin:0;
  box-sizing:border-box;
}

.cta h5:nth-child(2) {
  left:50%;
  padding:0 0 0 10px;
}

.cta h5 a {
  position:relative;
  color:#A094C7;
  background:#fff;
  font-weight:300;
  margin:0;
  padding:9px 9px 9px;
  display:block;
  text-align:center;
  box-sizing:border-box;
  width:100%;
  border:1px solid #A094C7;
  border-radius:10px;
  box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 8px 0px;
}

.cta h5:nth-child(2) a {
  color:#fff;
  border:1px solid #fff;
  background:#A094C7;
}

}

