* {
	   margin: 0;
	   padding: 0;
}
.bg {	   
		width: 100%;
		height: 37vw;
		object-fit: cover;
}
.bgtext {
	font-family: Consolas, monospace;
	font-size: 4.5vw;
	color:white;
	position: absolute;
	margin-top: -26vw;
	right: 20%;
	border-color: white;
	border-width: 0.2vw;
	border-style: solid;
	z-index: 2;
	
}
.bgtext2 {
	font-family: Consolas, monospace;
	font-size: 3.2vw;
	color: #ff3333;
	position: absolute;
	margin-top: -19vw;
	right: 16%;
	z-index: 2;
	opacity: 1;
}
.weissesfeld{
	background-color: white;
	color: white;
	height:4.5vw;
}


.produkteueberschrift{
	color: #ff4444;
	font-size: 2.5vw;
	margin-top: 5vw;
	text-align: center;
	font-family: Calibri;
}
#zitat {
	font-size: 1.3vw;
	width: 50%;
	margin: auto;
	margin-top: 2.3vw;
	text-align: center;
	font-family: Calibri;
}
.von {
	margin-top: 1.5vw;
	text-align: right;
	color: #968a70;
	font-family: Cambria;
	font-size: 0.8vw;
	
}
#textbox {
	float: left;
	text-align: justify;
	margin-top: 4vw;
	width: 40%;
	font-family: Calibri;
	font-size: 1vw;
	margin: 5%;
}
#oliver {
	position: absolute;
	top: 36vw;
	right: 15%;
	height: 30vw;
}


.impressumh {
	color: #ff4444;
	font-size: 1.3vw;
	margin-top: 5vw;
	text-align: center;
	font-family: Calibri;
}
.impressumh2 {
	color: #ff4444;
	font-size: 1.3vw;
	margin-top: 430px;
	text-align: center;
	font-family: Calibri;
}
.impressumsch {
	font-size: 1vw;
	margin: 1vw;
	text-align: center;
	font-family: Calibri;
}

.kontaktformular {
	height: 20vw;
	font-family: Calibri;
	position: absolute;
	top: 100vw;
	left: 40%;
}
.inline-block-center {
  text-align: center;
}
#energie {
	display: inline-block;
	font-size: 1.3vw;
	width: 20%;
	margin-top: 2.5vw;
	font-family: Calibri;
	margin-bottom: 2.5vw;
}
#licht {
	display: inline-block;
	font-size: 1.3vw;
	width: 20%;
	margin-top: 2.5vw;
	font-family: Calibri;
	margin-left: 2.5vw;
	margin-bottom: 2.5vw;
}
#foerderung {
	display: inline-block;
	font-size: 1.3vw;
	width: 20%;
	margin-top: 2.5vw;
	font-family: Calibri;
	margin-left: 2.5vw;
	margin-bottom: 2.5vw;
}
#verbrauch {
	display: inline-block;
	font-size: 1.3vw;
	width: 20%;
	margin-top: 2.5vw;
	font-family: Calibri;
	margin-left: 2.5vw;
	margin-bottom: 2.5vw;
}
.text {
	text-align:center;
}
.bild {
	margin-top: 4vw;
	margin-bottom: 2.2vw;
	font-size: 3.5vw;
	position:relative;
	
}
a:link {
    color: blue;
}

/* visited link */
a:visited {
    color: purple;
}

/* mouse over link */
a:hover {
    color: blue;
}

/* selected link */
a:active {
    color: blue;
}
.miniicon {
	color: white;
	font-size: 2vw;
	top: 110%;
	right: 40%;
	z-index: 1000;
}


.btn {
		background-color: #ff3333;
		border: none;
		color: white;
		padding: 12px 30px;
		cursor: pointer;
		font-size: calc(8px+1vw);
		margin: auto;
		margin-top: 2vw;
}
.btn:hover {
  background-color: #940c0c;
}


	
.box3{
	position: absolute;
	margin-top: -41vw;
	min-width: 400px;
	float: left;
	right: 25%;
	left: 25%;
	padding: 1vw;
	font-size: 1.25vw;
	background-color: #e2b4a3;
	background: rgb(244, 244, 244,0.8);
	font-family: Calibri;
	border: white 0.1vw solid;
	
}
.box3ub {
	font-family: Consolas, monospace;
	position: relative;
	top: -6vw;
	left: 33%;
	color: white;
	font-size: 2.5em;
}
.button {
	margin-top: -5vw;
	background: transparent;
	border: none;
}




div.box
{
	height: 1.3vw;
	min-height: 25px;
    font-family: Consolas, monospace;
	padding: 0 auto;
	padding: 1.65vw 2.75vw;
	text-align: center;
}
div.boxrechts
{
	height: 1.3vw;
	font-size: 1.1vw;
	float: right;
	margin-top: -1.2vw;
	margin-left:2.75vw;
	
}

div.box a
{
    color: #FFF;
    text-decoration: none;
    font: 1.4em Consolas, monospace;
    margin: 0 10px;
    padding: 15px 20px;
    position: relative;
    z-index: 0;
    cursor: pointer;
	margin-left:1.5vw;
}

.gruen
{
    background: #ff3333;
}

div.border a:before, div.border a:after
{
    position: absolute;
    opacity: 0;
    width: 0%;
    height: 2px;
    content: '';
    background: #FFF;
    transition: all 0.3s;
}

div.border a:before
{
    left: 0px;
    top: 0px;
}

div.border a:after
{
    right: 0px;
    bottom: 0px;
}

div.border a:hover:before, div.border a:hover:after
{
    opacity: 1;
    width: 100%;
}
footer {
	position: relative;
	background-color: #575757;
	width: 100%;
}
a {
	color: #212529;
}
#container {
	text-align: center;
	padding: 2em 3em;
	
}
#service {
	color: #FFF;
    text-decoration: none;
    font: 20px Consolas, monospace;
	margin-left: -160px;
	width: 320px;
	position: absolute;
	left: 50%;
	top: 20;
	cursor: pointer;
}
#socialMedia {
	color: #FFF;
    text-decoration: none;
    font: 20px Consolas, monospace;
	top: 20;
	right: 40;
    position: absolute;
    z-index: 0;
	cursor: pointer;
}

#logoBot {
	position: absolute;
	top: 1.5px;
	left: 20; 
	width: 80px;
}
#logoTop {
	position: absolute;
	top: 1.0vw;
	left: 0.5vw;
	width: 15%;
}