body { 	
	margin: 0; padding: 0;
	font-family: 'playregular'; 	
	font-size: 16px;	
	color: #878787;
	background-color: #d3d3d3;
	width: 100%; max-width: 1920px; margin: 0 auto;
}

.wrapper  {background: #ffffff;} 
.topspacer {padding-top: 120px;}

.content { 
	padding: 30px 0 20px 0; 
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	transition:0.5s all;
	color: #d95a13;
}
a:hover, a:active {
	text-decoration: none;
	font-weight: normal;
	transition:0.5s all;
	color: #878787;
}

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

h1, h2, h3, h4, h5, h6 {line-height: 120%; margin:0; font-family: 'playregular'; text-transform: uppercase;}

p, li {margin:0 0 5px 0; font-size: 1em; line-height: 160%;}


h1 { 
	margin:0 0 20px 0;	
	font-size: 30px;	
}

h2 { 
	margin:0 0 20px 0;	
	font-size: 24px;	
}

h3 { 
	margin:0 0 20px 0;	
	font-size: 20px;	
}

h4 {	
	margin:0 0 20px 0;	
	font-size: 20px;	
	
}

h5 {
	margin:0 0 10px 0;	
	font-size: 14px;	
}

h6 {
margin:0 0 10px 0;	
	font-size: 12px;	
}

hr {
	margin: 5px 0px 5px 0px;
	border: 0;
	border-top: 1px solid #ddd;
	height: 1px;
}

/*Felder*/
button[type=submit],
button[type=button],
input[type=submit] {
font-family: playregular;
	font-size: 16px;
	letter-spacing: 0px;
    word-spacing: 0px; 
	padding:5px 10px; 
    background:#b3b3b3;
	color: white;
	width: auto;
	border: 2px solid white;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
	transition: 0.1s all;
	box-shadow: #b3b3b3 0px 1px 2px, #b3b3b3 0px 4px 6px, #b3b3b3 0px 8px 12px;
}
button[type=submit]:active,
button[type=button]:active,
input[type=submit]:active {
transform: scale(0.99);
	box-shadow: #b3b3b3 0px 1px 2px, #b3b3b3 0px 2px 3px, #b3b3b3 0px 3px 7px;
}
input[type=email],
input[type=text] {
font-family: playregular;
	font-size: 16px;
	letter-spacing: 0px;
    word-spacing: 0px;
	padding:5px 15px; 
    background:#ddd; 
	color: #666;
	width: 250px; 
	border: 2px solid white;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
input[type=date], 
input[type=time],
input[type=password] {
font-family: playregular;
	font-size: 16px;
	letter-spacing: 0px;
    word-spacing: 0px;
	padding:5px 15px; 
    background:#ddd; 
	width: 150px; 
	color: #666;
	border: 2px solid white;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
.input_mail_field,
.input_website_field,
.input_name_field,
.input_message_field{
font-family: playregular;
	font-size: 16px;
	letter-spacing: 0px;
    word-spacing: 0px;
	padding:5px 15px; 
    background:#ddd; 
	color: #666;
	width: 250px; 
	border: 2px solid white;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
input[type=number] {
font-family: playregular;
	font-size: 16px;
	letter-spacing: 2px;
	word-spacing: 0px;
	padding:5px 0px; 	
    background:#ddd; 
	color: #666;
	width: auto;
	border: 2px solid white;
    -webkit-border-radius: 5px;
    border-radius: 5px; 	
}
textarea{
font-family: playregular;
	font-size: 16px;
	letter-spacing: 0px;
    word-spacing: 0px;
	padding:5px 15px; 
    background:#ddd; 
	color: #666;
	border: 2px solid white;
	width: 250px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
input[type="checkbox"] { display: none; }

input[type="checkbox"] +label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 5px;
  font: 14px/20px 'Open Sans', Arial, sans-serif; 
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type="checkbox"] + label:last-child { margin-bottom: 0;}

input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1.5px solid #b3b3b3;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;		
}

input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent; 
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type=radio] {
/*  --s: 1.3em;     /* control the size */
	--s: 1.16em;     /* control the size */
  --c: #b3b3b3; /* the active color */
	margin: 0 5px -4px 0; 
  
  height: var(--s);
  aspect-ratio: 1;
  border: calc(var(--s)/20) solid #b3b3b3;
  padding: calc(var(--s)/10);
  background: 
     radial-gradient(farthest-side,var(--c) 94%,#0000) 
     50%/0 0 no-repeat content-box;
  border-radius: 50%;
  outline-offset: calc(var(--s)/10);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-size: inherit;
  transition: .3s;
}
input[type=radio]:checked {
  border-color: var(--c);
  background-size: 100% 100%;
}

select {
font-family: playregular;
	font-size: 16px;
	min-width: 250px;
	letter-spacing: 0px;
    word-spacing: 0px;
	padding:5px 15px; 
    background:#ddd;
	color: #666;
	border: 2px solid white;
	-webkit-border-radius: 5px;
    border-radius: 5px; 
}
input[type=file]::file-selector-button {
 font-family: playregular;
	font-size: 12px;
	letter-spacing: 0px;
    word-spacing: 0px; 
	padding:2px 5px; 
    background:#ddd;
	color: #666;
	border: 1px solid white;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
	transition: 0.1s all;
}
input[type=file]::file-selector-button:active {
  transform: scale(0.95);
}

.captcha_iframe{
font-family: playregular;
	font-size: 16px;
	letter-spacing: 0px;
    word-spacing: 0px;
	padding:0px 0px; 
    background:#ddd; 
	border: 2px solid white;
	width: 173px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

/*Scrollbar*/
::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 10px #ddd;
	background: #ddd;
}
::-webkit-scrollbar-thumb {
  background: #bbb;
}

/* Back to Top */
#backtotop {
  display: inline-block;
  background-color: #909090;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  transition: background-color .5s, 
  opacity .5s, visibility .5s;
  opacity: 0.4;
  visibility: hidden;
  z-index: 1000;
}
#backtotop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  line-height: 30px;
  color: #ffffff;
}
#backtotop:hover {
  cursor: pointer;
  background-color: #606060;
}
#backtotop:active {
  background-color: #909090;
}
#backtotop.show {
	opacity: 0.4;
  visibility: visible;
}

.thrfooter{
	padding: 25px 0px 15px 0px;
	text-align: center;
	border-top: 1px solid #000;
	font-size: 25px;  
}
.thrfooter a {
/*nix*/
}
.thrfooter a:hover {
/*nix*/
}

.copyright{
	padding: 20px 0px 0px 0px;
	font-size: 15px;  
}


.footer {
	padding: 0px 0px 20px 0px;
	text-align: center;
	font-size: 18px;  
}

.button1 {
  position: absolute;
  bottom: 30px;
  margin-left: -45px;
}

.button2 {
  position: absolute;
  bottom: 30px;
  margin-left: -45px;
}

.button3 {
  position: absolute;
  bottom: 30px;
  margin-left: -45px;
}

.gridhost {
  position: relative; 
  display: grid;
  gap: 30px;
  grid-template-columns: 33% 33% 33%; 
	 margin-right: 50px; 
}
.email {
   /*nix*/
}
.pro {
   	margin: -64px 0px -10px 0px;
	padding: 5%;
    border: 1px solid #d95a13; 
	transform: scale(1.0);
	box-shadow: #b3b3b3 0px 4px 16px, #b3b3b3 0px 8px 24px, #b3b3b3 0px 16px 56px; 
}
.business {
 /* nix */
}
.email,
/*.pro,*/
.business
  {
  padding: 5%;
  border: 1px solid #878787; 
  }	
@media(max-width: 900px){
  .gridhost {
    grid-template-columns: 100%;
	  margin: -50px 0 -30px 0;	  
 
.button1 {
position: relative;
bottom: 0;
margin: 0;
padding: 5px 5% 5px 5% !important;
}
.button2 {
position: relative;
bottom: 0;
margin: 0;
padding: 5px 5% 5px 5% !important;
}
.button3 {
position: relative;
bottom: 0;
margin: 0;
padding: 5px 5% 5px 5% !important;
}
	  
	}
	.pro {
	margin: 0 1% 0 1%;
	}
}

.imprall{
	 display: grid;
  gap: 5px;
  grid-template-columns: 49% 49%;
}
.impr1 {
     float: left;
     padding-right: 5px;
	
}
.impr2 {
     float: left;
     padding-left: 5px;
}
@media(max-width: 736px){
  .imprall {
	  grid-template-columns: 100%; 
  }
	.impr1 {
	border-left: none;
		padding: 10px 0 0 0;
  }
	.impr2 {
	padding: 0 0 25px 0;
  }
}

.grid {
  display: grid;
  gap: 10px;
	grid-template-columns: 70% 30%;
}
.main {
	padding: 0 20px 0px 20px;
}
.side {
	margin: -10px 10px 10px 0;
	padding: 10px 20px 10px 20px;
	border-left: 1px solid #ddd;
}

.main,
.side {
/*nix*/
}

@media(max-width: 900px){
  .grid {
	  grid-template-columns: 100%; 
  }
	.side {
	border-left: none;
		margin: 0 0 0 0;
		border-top: 1px solid #ddd;
		padding: 20px 10px 0 10px;
  }
	.main {
	padding: 0 10px 25px 10px;
  }
}

/*Smaller Screens */
@media screen and (max-width: 900px) {
	
	#topmenubox {height: 60px ! important;} 
	#topmenubox #nav {display:none;}
			
	.toggleMobileMenu {display:block; float:right; width:20px; height:50px; background: url(../images/menuswitch.png) no-repeat top right; margin:10px 4% 0 0;} 
	
	.topspacer {padding-top: 60px; width:100%;}
}