body {
  margin:0;
  font-family: 'PT Sans', sans-serif;
  background:#dcdcdc;
}
.norm {
	text-decoration: initial;color:black
}
.no-webp header {
}

.webp header {
}

.no-js header {
 border:1px solid #000;
 background:url(img/bckg.png);
 background-size:100% 100vh;
}

header.scroll {
  height:15vh;
}
.greybg {background-color:rgba(150,150,150,.6);color: black;text-decoration: none; border-radius: 3px;padding: 0 3px;
}
.sticky {
  position: fixed;
  top: 0;left:0;
  z-index:1;
  background: #EEEFF1;
  padding:0;
  border-bottom-width: 1px;border-bottom-style: solid;
  margin: 0;width:100%;box-shadow: 0px 3px 4px #00000029
}

.dark{
	background:#D1D1D1
}
div div p {
	text-shadow: -1px 0 #d2d2d2, 0 1px #d2d2d2, 1px 0 #d2d2d2, 0 -1px #d2d2d2;
}
div div p a{
	text-decoration:none;color:black;
}
#contbg {
	background:#EFEFEF url('img/8.webp') center center/cover no-repeat padding-box;
}
@media (orientation: portrait){
	#contbg {background-image:url('img/8-r.webp')} 
	.fstbg{background-position-x: center;}
}
nav {
  display:flex;
  justify-content:space-around;
  flex-wrap:wrap;
  align-content:center;
  align-items:center;
  min-height: 12vh;
}
nav a {
  text-decoration:none;
  color: #3E3E3E;
  font: normal normal normal 1.9rem/1.3 PT Sans;
  transition: all 0.4s ease-out 0.2s;
}
nav a span{
	padding:2px 0.5rem;
	white-space:nowrap;
  border-radius: 5px;
}

nav a:hover {
   color: #E79F53;
}
.navcur{
  text-decoration:underline;color: #E79F53;
}
.fst{font: normal normal bold 80px/1.3 PT Sans;color: #C7AC8E;text-align: center;
}
.snd{font: normal normal normal 40px/1.3 PT Sans;text-align: center;margin:1rem 0
}
#inov{margin-left:40vw;width:80%;padding-top:30vh}
.cont{display:flex;height: 101vh;background:#EEEFF1 url(img/6.webp) 0% 0% no-repeat padding-box;background-size:contain;overflow:auto;width: 99vw;}


.row{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.column{
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

.footernav{
  display:flex;
  justify-content:space-around;
  flex-wrap:wrap;
  align-content:flex-start;
  align-items:flex-start;
  margin: 1rem auto;
  padding-bottom:20vh;
  
}
.footernav a{
  margin:auto 0.2em 1em; color:#3E3E3E; text-decoration: none;
}
.footernav a:hover{
  text-decoration:underline;
}
#footcont{width:70vw; margin:auto;}
.copyright {
	text-align: center;
}

p {
	font-weight:bold
}

.flexy {
  display:flex;
  justify-content:space-around;
  align-content:flex-start;
  flex-wrap: wrap
}
.flexy img{
	-webkit-filter: grayscale(0);
	filter: none;transition: all 1s;
}
.flexy div{
	width:20vw;min-width:18rem;background: #EFEFEF 0% 0% no-repeat padding-box;box-shadow: 0px 4px 8px #00000029;margin: 2rem auto;
}
.whitebg div{background:white}
.padded{height:30em;}
.padded div{padding:1.3em 2.5em}
.flexy div a{
	padding: 1.5em 5px;display: block;
}
.flexy div img{
	display: block;width:100%;
}
#bright img{
	-webkit-filter: grayscale(0.08);filter: grayscale(8%)
}
#bright img:hover{
	filter: grayscale(1); -webkit-filter: grayscale(1);
}
.flexy img:hover{
	filter: grayscale(1); -webkit-filter: grayscale(1);
}
.solel{padding:0 10% 10px 5%; font:normal normal normal 1.6rem/1.6 PT Sans; text-align:left;background-color:#EFEFEF
}
.solutions  {
	align-items: flex-start;
}
.solutions div {
	width:14em;min-width:15vw; margin: 0 0.5rem 1rem; text-align:center;font-weight: bold;
}
.solutions img {
	width:14em;min-width:16vw;margin: 0.5rem auto;
}
.break {
  flex-basis: 100%;
  height: 0;
}
ul {
  padding:0;margin:0;list-style-type: none;
}
ul > li {
  text-indent: -20px;    margin-top: 0.8rem;
}
ul > li:before {
  content: "- ";
  padding-right:5px;
}
.fstbg{min-height: 101vh;background:#EFEFEF url('img/1.webp') left -20% no-repeat padding-box;padding-bottom: 1px;}
.preis{min-height:101vh; background:#EFEFEF url('img/10.webp') 0 center/cover no-repeat padding-box; padding-bottom:1px;}
.rendr a:first-child{width:20vw}
.rendr div div:last-child{width:40vw}
.rendr a:last-child{width:30vw}
.texthalve {width:49vw}
.texthalvetext {padding-left:30%;  margin-right: 2rem; font:normal normal normal 1.6rem/2.6 PT Sans; text-align:left;}
.txt {font:normal normal normal 1.3rem/1.4 PT Sans;}
.smlltxt {font:normal normal normal 1rem/1.2 PT Sans;}
.bigtxt {font:normal normal normal 1.6rem/1.3 PT Sans;}
.biggertxt {font: normal normal normal 1.9rem/1.3 PT Sans;}
.biggesttxt {font: normal normal normal 2.3rem/1.3 PT Sans;}
.spcbtw{align-content: flex-start;}
#price{
	border-collapse: collapse;
	margin: 1rem 0;
	background: #FFFFFFB5 0% 0% no-repeat padding-box;
}
#price td, #price th {
  border: 2px solid #000;
  padding: 8px;
  text-align: center;
}

#price tr:hover {background-color: #ddd;}

#price th {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  background-color: #DCCAB3AB;
}
.ref{max-width:90vw; display:block; margin:auto}

footer {
	display:flex;
	flex-wrap: wrap;
	text-align:center;
	align-items: flex-end; justify-content: center;
	margin: 2px;
	font: normal normal normal 1.9rem/1.6 PT Sans;
	justify-content: space-around;
}
footer a{
	color: #3E3E3E;
	padding:0 0.5%;
}


@media screen and (max-width: 680px) {
	.mobilehide {display:none; 
	}
	.slider-box {margin: 2.5rem 0;
	}
	.slider {margin: 2em 0.5em;padding-left: 0.7em;
	}
	nav a {font-size: 1.5rem;
	}
	.spoiler ul{padding-left: 0.7em;
	}
	.solutions div {width:100%; max-width:49%;margin: 0 1px 2px
	}
	.solutions img {width:85%; display: block;margin: 0 auto
	}
	.solutions  {align-self: center;
	}
	.flexy div{width:80%; margin-top:0;}
	.flexy div a{padding: 1em 2px;}
	.padded {height:100%}
	.padded div{padding:5px}
	#inov{
		margin:0 auto
	}
	.cont{background-color:#c9cdd0;background-position-y:bottom;background-position-x:center;}
	.texthalve {width:100%}
	.texthalvetext {padding-left:1rem;margin-right: 0.8rem;}
	.modal-content {line-height: 2;
	}
	.footernav {width:100%;
	}
	#footcont {width:100%;}
	.fst{font-size:2.5rem;text-align:left; margin-left:3px;
	}
	.snd{font-size:2.0rem;text-align:left; margin-left:3px;
	}
	.brightermb{color:white;background-color: rgba(99,99,99,.5);
	}
	.biggertxt {font: normal normal normal 1.6rem/1.3 PT Sans;}
	footer {font: normal normal normal 1.6rem/1.6 PT Sans;}
	.bigtxt {font:normal normal normal 1.3rem/1.3 PT Sans;}
	footer div img{width: 3rem;}
	.spcbtw{align-content: space-between;}
	.preis{background-image:url('img/10-r.webp');background-position-x: center;}
	.rendr a:first-child{width:40vw}
	.rendr div div:last-child{width:55vw; min-width: 12rem;}
	.rendr a:last-child{width:100vw}
	.ref{max-width:100%}
}

/* Cookie */
.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}
.cc-window.cc-invisible{opacity:0}
.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}
.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}
.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}
.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}
.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}
.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}
.cc-window.cc-static{position:fixed}
.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}
.cc-header{font-size:18px;font-weight:700}
.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}
.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}
.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}
.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}
.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}
.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}
.cc-revoke.cc-bottom{bottom:0;left:.5em;border-top-left-radius:.5em;border-top-right-radius:.5em}
.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}
.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}
.cc-floating>.cc-link{margin-bottom:1em}
.cc-floating .cc-message{display:block;margin-bottom:1em}
.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}
.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:1.25em}
.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}
.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}
.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}
.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}
@media screen and (max-width:900px){.cc-btn{white-space:normal}.texthalve {width:100%}}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){
.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}
.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}
.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}
}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}
.cc-theme-classic .cc-btn{border-radius:5px}
.cc-theme-classic .cc-btn:last-child{min-width:140px}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}
.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}
.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}
.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}
.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
/* Cookie end */
/* Contact Form */
.contact-form-wrapper * {
		box-sizing: border-box;
}
.contact-form-wrapper {
		display: block;
		position: fixed;
		opacity: 1;
		right: 0;
		bottom: 40px;
		margin: 10px 20px;
}
.contact-form-wrapper .contact-launcher {
		display: block;
		position: fixed;
		opacity: 1;
		right: 0;
		bottom: 60px;
		margin: 10px 40px;
		cursor: pointer;
		transform: translateZ(0);
		transition-property: opacity, width, height, bottom;
		transition-timing-function: ease;
		transition-duration: 400ms;
		z-index: 9998;
}
.contact-form-wrapper .contact-launcher span {
		background-color: #E79F53;
		border-radius: 5px;
		color: #fff;
		display: block;
		font-weight: 600;
		font-family: PT Sans, Arial, sans-serif;
		line-height: 1;
		font-size: 2em;
		text-decoration: none;
		padding: 18px 35px;
		border: none;
}
.contact-form-wrapper .contact-launcher span:hover {
		background-color: #fff;
		color: #E79F53;
}
.contact-form-wrapper .contact-inner {
		display: none;
		position: relative;
		width: 350px;
		border-radius: 8px;
		box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
		background:transparent radial-gradient(closest-side at 50% 50%, #DED4C8 0%, #C7AC8E 100%) 0% 0% no-repeat padding-box;
		opacity: 0.99;
}
.contact-form-wrapper .contact-inner .contact-header {
		border-radius: 8px 8px 0 0;
		border-bottom: 1px solid #ddd;
		color: #555;
		padding: 15px 14px;
}
.contact-form-wrapper .contact-inner .contact-header .contact-title {
		font-family: PT Sans, Arial, sans-serif;
		font-size: 16px;
		font-weight: 700;
		line-height: .9;
		text-align: center;
}
.contact-form-wrapper .contact-inner .contact-header .close-contact-form {
		position: absolute;
		right: 15px;
		top: 15px;
		fill: #999;
		min-width: 10px;
		min-height: 10px;
		height: 12px;
		width: 12px;
		cursor: pointer;
}
.contact-form-wrapper .contact-inner .contact-body {
		padding: 10px 20px;
}
.contact-form-wrapper .contact-inner .contact-body p {
		margin: 15px 0 3px 0;
		font-weight: 600;
		font-family: PT Sans, Arial, sans-serif;
		line-height: 1;
		font-size: 12px;
		color: #3E3E3E
}
.contact-form-wrapper .contact-inner .contact-body input[type="text"],
.contact-form-wrapper .contact-inner .contact-body input[type="email"],
.contact-form-wrapper .contact-inner .contact-body textarea {
		background-color: #fff;
		border: 1px solid #dadada;
		border-radius: 4px;
		box-shadow: none;
		color: #333;
		font-family: PT Sans, Arial, sans-serif;
		font-size: 13px;
		padding: 10px;
		outline: 0;
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		max-height: 45vh;
		height: auto;
}
.contact-form-wrapper .contact-inner .contact-form-button {
		margin: 10px auto;
		background-color: #fff;
		border-radius: 5px;
		color: #E79F53;
		cursor: pointer;
		display: block;
		font-weight: 600;
		font-family: PT Sans, Arial, sans-serif;
		line-height: 1;
		font-size: 15px;
		height: 35px;
		padding: 10px 35px;
		border: none;
		width: 120px;
		text-align: center;
}
.contact-form-wrapper .contact-inner .contact-form-button:hover {
		background-color: #E79F53;
		color:#fff;
}
.contact-form-wrapper .message-send {
		padding: 100px 30px;
		display: none;
}
.contact-form-wrapper .message-send img {
		width: 150px;
		display: block;
		margin: 0 auto;
		padding-bottom: 50px;
		text-align: center;
}
.contact-form-wrapper .message-send p {
		font-weight: 600;
		font-family: PT Sans, Arial, sans-serif;
		line-height: 1.5;
		font-size: 16px;
		color: #777;
		text-align: center;
}
.contact-form-wrapper .contact-inner a.contact-form-button {
		margin-top: 30px;
}

h1 {
  margin: 0 0 .5em;
  padding: 0;
}

.animate-reveal {
  opacity: 0;
  -webkit-animation: reveal 0.8s cubic-bezier(.17,.67,.83,.67) 1 normal forwards;
          animation: reveal 0.8s cubic-bezier(.17,.67,.83,.67) 1 normal forwards;
}

.animate-first {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}

.animate-second {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.animate-third {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* End Contact Form */