* {
	box-sizing:border-box;
}

*:focus {
	outline:none;
}

body {
	height:100%;
	width:100%;
	margin:0;
	left:0;
	font-family:EuclidMedium;
	overflow:hidden;
	position:relative;
	background-color:#f5f5f5;
	-webkit-transition:-webkit-transform .2s ease;
	-moz-transition:-webkit-transform .2s ease;
	-o-transition:-webkit-transform .2s ease;
	transition:transform .2s ease;
}
body.open {
	-webkit-transform:translate3d(240px,0,0);
	-moz-transform:translate3d(240px,0,0);
	-o-transform:translate3d(240px,0,0);
	transform:translate3d(240px,0,0);
}

/* Labels */
h1 {
	font-family:EuclidBold;
	font-size:24pt;
}

h2 {
	font-family:EuclidLight;
	font-size:14pt;
	color:#646363;
}

h3 {
	font-family:EuclidBold;
	font-size:15pt;
	margin-top:0;
	margin-bottom:10px;
}

p1 {
	font-family:Simplon;
	font-size:12pt;
	color:#878787;
}

p2 {
	font-family:EuclidLight;
	font-size:9.5pt;
}

p3 {
	font-family:EuclidMedium;
	font-size:9.5pt;
}
/* Loading Screen */

#loading {
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:999;
	position:fixed;
	width:100%;
	height:100%;
	background-color:#f5f5f5;
}

#loadingcontent {
	display:flex;
	align-items:center;
	flex-direction:column;
}

#loadinglogo {
	background:url(../images/loadinglogo.png);
	background-size:cover;
	width:200px;
	height:62px;
}

#loadingdotswrap {
	width:100px;
	text-align:center;
	height:30px;
	margin-top:20px;
}

#loadingdotswrap div {
	height:12px;
	width:12px;
	display:inline-block;
	background-color:#303030;
	border-radius:100%;
	margin:0 5px;
}

@keyframes dotsani {
    0%,80%,100% {
	  opacity: 0;
	  -webkit-transform:scale(0);
	  -moz-transform:scale(0);
	  -o-transform:scale(0);
	  transform:scale(0);
	}
    40% {
      opacity: 1;
	  -webkit-transform:scale(1);
	  -moz-transform:scale(1);
	  -o-transform:scale(1);
	  transform:scale(1);
    }
}

.loadingdots {
	-moz-animation:dotsani 1.4s infinite ease-in-out both;
	-webkit-animation:dotsani 1.4s infinite ease-in-out both;
	animation:dotsani 1.4s infinite ease-in-out both;
}

.loadingdots:nth-child(2) {
	-moz-animation-delay: .2s;
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
	}

.loadingdots:nth-child(3) {
	-moz-animation-delay: .4s;
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

/* SlideShow */
@keyframes slideani {
	0% {
		-moz-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
	5% {
		-moz-transform:translate3d(-100vw,0,0);
		-o-transform:translate3d(-100vw,0,0);
		transform:translate3d(-100vw,0,0);
	}
	25% {
		-moz-transform:translate3d(-100vw,0,0);
		-o-transform:translate3d(-100vw,0,0);
		transform:translate3d(-100vw,0,0);
	}
	30% {
		-moz-transform:translate3d(-200vw,0,0);
		-o-transform:translate3d(-200vw,0,0);
		transform:translate3d(-200vw,0,0);
	}
	50% {
		-moz-transform:translate3d(-200vw,0,0);
		-o-transform:translate3d(-200vw,0,0);
		transform:translate3d(-200vw,0,0);
	}
	55% {
		-moz-transform:translate3d(-300vw,0,0);
		-o-transform:translate3d(-300vw,0,0);
		transform:translate3d(-300vw,0,0);
	}
	75% {
		-moz-transform:translate3d(-300vw,0,0);
		-o-transform:translate3d(-300vw,0,0);
		transform:translate3d(-300vw,0,0);
	}
	80% {
		-moz-transform:translate3d(-400vw,0,0);
		-o-transform:translate3d(-400vw,0,0);
		transform:translate3d(-400vw,0,0);
	}
	100% {
		-moz-transform:translate3d(-400vw,0,0);
		-o-transform:translate3d(-400vw,0,0);
		transform:translate3d(-400vw,0,0);
	}
}

@-webkit-keyframes -webkit-slideani {
	0% {
		-webkit-transform:translate3d(0,0,0);
	}
	5% {
		-webkit-transform:translate3d(-100vw,0,0);
	}
	25% {
		-webkit-transform:translate3d(-100vw,0,0);
	}
	30% {
		-webkit-transform:translate3d(-200vw,0,0);
	}
	50% {
		-webkit-transform:translate3d(-200vw,0,0);
	}
	55% {
		-webkit-transform:translate3d(-300vw,0,0);
	}
	75% {
		-webkit-transform:translate3d(-300vw,0,0);
	}
	80% {
		-webkit-transform:translate3d(-400vw,0,0);
	}
	100% {
		-webkit-transform:translate3d(-400vw,0,0);
	}
}
#holder {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-moz-animation:slideani 18s infinite ease-in-out both ;
	-webkit-animation:-webkit-slideani 18s infinite ease-in-out both ;
	animation:slideani 18s infinite ease-in-out both ;
	width:500vw;
}

#slider-wrap {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:black;
	z-index:-1;
	overflow:hidden;
	-webkit-transition:-webkit-transform .2s ease;
	-moz-transition:-moz-transform .2s ease;
	-o-transition:-o-transform .2s ease;
	transition:transform .2s ease;
}

#slider {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	height:100vh;
	width:100%;
	overflow: hidden;
}

.slide {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	height:100vh;
	width:100vw;
	position:relative;
	float:left;
	filter:brightness(50%);
}

#slide-0,#slide-4 {
	background:url(../images/1.jpg) no-repeat center;
	background-size:cover;
}

#slide-1 {
	background:url(../images/2.jpg) no-repeat center;
	background-size:cover;
}

#slide-2 {
	background:url(../images/3.jpg) no-repeat center;
	background-size:cover;
}

#slide-3 {
	background:url(../images/5.jpg) no-repeat center;
	background-size:cover;
}

/* Header */
#header {
	display:table;
	height:6.40vh;
	width:100%;
	margin:0;
	background-color:#ea5a0b;
}

.header {
	height:100%;
	display:table-cell;
	vertical-align:middle;
}

#header1 {
	width:25.00%;
	min-width:80px;
}

#header2 {
	width:50.00%;
	min-width:160px;
}

#header3 {
	width:25.00%;
	min-width:80px;
}
/* Menü Bar & Button / Language settings */
#clickHome,#clickService,#clickAngebot,#clickUeberuns,#clickKontakt {
	-webkit-transform:translate3d(0,0,0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#menuBar ul {
	padding:0;
	vertical-align:middle;
}

#menuBar li {
	list-style:none;
	padding:25px;
	font-size:20px;
	cursor:pointer;
	transition:background-color .1s ease;
	-webkit-transition:background-color .1s ease;
	-moz-transition:background-color .1s ease;
	-o-transition:background-color .1s ease;
	
}

#menuBar li:hover {
	background-color:#ea5a0b;
}

#menuBar {
	position:fixed;
	-webkit-transform:translate3d(-240px,0,0);
	-moz-transform:translate3d(-240px,0,0);
	-o-transform:translate3d(-240px,0,0);
	-ms-transform:translate3d(-240px,0,0);
	transform:translate3d(-240px,0,0);
	top:0;
	width:240px;
	height:100%;
	color:white;
	background-color:#2e2d2c;
	text-align:center;
}

#menuBarButton {
  width: 50px;
  min-width:50px;
  height: 50px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin:auto;
}

#menuBarButton span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background:white;
  border-radius: 3px;
  opacity: 1;
  left: 27%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  -o-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}

#menuBarButton span:nth-child(1) {
  top: 21px;
}

#menuBarButton span:nth-child(2) {
  top: 29px;
}

#menuBarButton.open span:nth-child(1) {
  top: 25px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

#menuBarButton.open span:nth-child(2) {
  top: 25px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* Logo */

#logocontainer{
	width:100px;
	height:50px;
	margin:0 auto;
	padding-top:10px;
}

#logo {
	background:url("../images/logoNormal.png") no-repeat;
	background-size:contain;
	width:100%;
	height:100%;
	
}

#langButton {
	width:50px;
	height:50px;
	margin:0 auto;
	cursor:pointer;
	vertical-align:middle;
	
}

#langButton  p{
	margin:0 auto;
	color:white;
	text-align:center;
	padding: 15px 0;
}

#langButton a {
	text-decoration:none;
}
/* Home */

#home {
	height:calc(100vh - 50px);
	width:100%;
	text-align:center;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:0 25px;
}

#homediv p {
	font-family:EuclidLightItalic;
}

#homeSubline {
	color:white;
	font-family:EuclidUltralightItalic;
	font-size:12pt;
}

#homeHeadline {
	color:white;
	font-family:EuclidBold;
	font-size:25pt;
}

#contactButton {
	font-family:EuclidMedium;
	font-size:10.5pt;
	margin-bottom:40px;
	text-decoration:none;
	color:white;
	letter-spacing:1px;
	background:none;
	border: 2px solid white;
	padding:10px 30px;
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	cursor:pointer;
}

#contactButton:hover {	
	cursor:pointer;
	background-color:#ea5a0b;
	border-color:#ea5a0b;
}

/* Service & Über uns*/

#service {
	width:100%;
	text-align:center;
	background-color:white;
	padding:25px 25px;
	padding-bottom:50px;
	overflow:hidden;
}

#service h2 {
	font-size:12pt;
}

.serviceIcons img {
	height:100px;
	width:100px;
	margin-top:40px;
	margin-bottom:20px;
}

.serviceIcons p1 {
	line-height:1.25;
}

/* Angebot */

#angebot {
	overflow:hidden;
	text-align:center;
	background-color:#f5f5f5;
	width:100%;
	padding:25px 25px;
	padding-bottom:50px;
}

#angebot h2 {
	font-size:12pt;
}

.angebotIcons {
	display:inline-flex;
	justify-content:center;
}

.angebotIcons  img{
	height:150px;
	width:250px;
	-webkit-transition:ease-out .3s;
	-moz-transition:ease-out .3s;
	-o-transition:ease-out .3s;
	transition:ease-out .3s;
}

.angebotIcons a {
	margin-top:40px;
}

.angebotIcons img:hover {
	box-shadow:0 5px 30px rgba(0,0,0,.15);
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}

/* Über uns */

#ueberuns {
	width:100%;
	text-align:center;
	background-color:white;
	padding:25px 25px;
	padding-bottom:50px;
	overflow:hidden;
}

#ueberuns h2 {
	font-size:12pt;
}

.ueberunsIcons img {
	height:200px;
	width:200px;
	margin-top:40px;
	margin-bottom:20px;
}

/* Kontakt */
#kontakt {
	width:100%;
	text-align:center;
	-webkit-background:url("../images/4.jpg") no-repeat center;
	background:url("../images/4.jpg") no-repeat center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-attachment:fixed;
	padding:25px 15px;
	padding-bottom:50px;
}

#kontakt h2 {
	font-size:12pt;
}

#kontakt h1,#kontakt h2 {
	color:white;
}

.contactInput{
	border:none;
	border-bottom:1.5px solid white;
	background:none;
	width:75vw;
	max-width:900px;
	padding-bottom:15px;
	font-size:10pt;
	color:white;
	font-family:EuclidLight;
	letter-spacing:1px;
	transition:font-size, border-color, .5s;
	-webkit-transition:font-size, border-color, .5s;
	-moz-transition:font-size, border-color, .5s;
	-o-transition:font-size, border-color, .5s;
	margin-top:30px;
	/* for ios */
	border-radius:0;
	-webkit-appearance:none;
	-moz-appearance:none;
}

.contactInput:focus {
	font-size:16pt;
	border-color:#ea5a0b;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    white;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    white;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    white;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    white;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:   white;
}

#contactMessageContainer {
	display:block;
}

#sendMsgButton {
	font-family:EuclidMedium;
	margin:50px 0 50px 0;
	text-decoration:none;
	color:white;
	letter-spacing:1px;
	font-size:14px;
	background:#ea5a0b;
	border: none;
	padding:10px 30px;
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-webkit-appearance:none;
	-moz-appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
}

#sendMsgButton:hover {	
	cursor:pointer;
	background-color:#c34e0f;
	border-color:#c34e0f;
	
}

/* footer */

#footer {
	width:100%;
	padding:25px 0;
	background-color:#303030;
	color:white;
}


#footer h3 {
	margin-bottom:25px;
}

#footer h2 {
	font-size:12pt;
}

#footerKontakt{
	text-align:left;
	padding:25px;
}

#footerKontakt a:link,#footerKontakt a:visited {
	text-decoration:none;
	color:white;
}

.footerKontaktDivs {
	display:table;
	margin-bottom:7.5px;
}

.footerKontaktDivs img,.footerKontaktDivs p2,.footerKontaktDivs>a,#mailDiv{
	display:table-cell;
	vertical-align:middle;
}

.footerKontaktDivs img {
	margin-right:15px;
}

#footerRechtliches {
	text-align:left;
	padding:25px;
}

#impressumbutton p2 {
	cursor:pointer;
}

#footerLogo{
	display:flex;
	justify-content:center;
	flex-flow:wrap;
	padding:25px;
}

#footerLogoIconWrap {
	max-height:50px;
	flex-basis:100%;
	display:flex;
	justify-content:center;
}

#footerLogoIcon{
	height:48px;
	width:150px;
	opacity:.50;
	transition:linear .2s;
	-webkit-transition:linear .2s;
	-moz-transition:linear .2s;
	-o-transition:linear .2s;
}


#footerLogoIcon:hover {
	cursor:pointer;
	opacity:1;
}

#bvfkIcon {
	margin-top:20px;
}

/* Impressum */

#impressum {
	display:none;
	text-align:center;
	padding:25px 20%;
}

.agb,.datenschutz {
	text-align: left;
}

/* Slide In Class */

.serviceIcons {
	-webkit-transform:translateY(40%);
	-moz-transform:translateY(40%);
	-o-transform:translateY(40%);
	-ms-transform:translateY(40%);
	transform:translateY(40%);
	opacity:0;
}
.serviceIcons:nth-of-type(1){
	-webkit-transition:linear .3s;
	-moz-transition:linear .3s;
	-o-transition:linear .3s;
	transition:linear .3s;
}
.serviceIcons:nth-of-type(2){
	-webkit-transition:linear .6s;
	-moz-transition:linear .6s;
	-o-transition:linear .6s;
	transition:linear .6s;
}
.serviceIcons:nth-of-type(3){
	-webkit-transition:linear .9s;
	-moz-transition:linear .9s;
	-o-transition:linear .9s;
	transition:linear .9s;
}
.serviceIcons:nth-of-type(4){
	-webkit-transition:linear 1.2s;
	-moz-transition:linear 1.2s;
	-o-transition:linear 1.2s;
	transition:linear 1.2s;
}
.serviceIcons.in-view{
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	opacity:1;
}

.angebotIcons:first-of-type {
	transform:translateX(-100%);
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	opacity:0;
	transition:linear .4s;
	-webkit-transition:linear .4s;
	-moz-transition:linear .4s;
	-o-transition:linear .4s;
}

.angebotIcons:nth-of-type(2) {
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
	opacity:0;
	-webkit-transition:linear .4s;
	-moz-transition:linear .4s;
	-o-transition:linear .4s;
	transition:linear .4s;
}

.angebotIcons:nth-of-type(3){
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-o-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
	opacity:0;
	-webkit-transition:linear .4s;  
	-moz-transition:linear .4s;
	-o-transition:linear .4s;
	transition:linear .4s;
}

.angebotIcons:last-of-type{
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-o-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
	opacity:0;
	-webkit-transition:linear .4s;  
	-moz-transition:linear .4s;
	-o-transition:linear .4s;
	transition:linear .4s;
}
.angebotIcons.in-view {
	
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1;
}

.ueberunsIcons:nth-of-type(even) {
	-webkit-transform:translate3d(-100%,0,0);
	-moz-transform:translate3d(-100%,0,0);
	-o-transform:translate3d(-100%,0,0);
	-ms-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	opacity:0;
	-webkit-transition:linear .5s;
	-moz-transition:linear .5s;
	-o-transition:linear .5s;
	transition:linear .5s;
}
.ueberunsIcons:nth-of-type(odd) {
	-webkit-transform:translate3d(100%,0,0);
	-moz-transform:translate3d(100%,0,0);
	-o-transform:translate3d(100%,0,0);
	-ms-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	opacity:0;
	-webkit-transition:linear .5s;
	-moz-transition:linear .5s;
	-o-transition:linear .5s;
	transition:linear .5s;
}
.ueberunsIcons.in-view {
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1;
}
/*Responsive CSS*/

@media only screen and (min-height: 797px) {
    #home {
		height:calc(100vh - 6.40vh);
    }
}

@media only screen and (max-height: 407px) {
    #menuBar>ul>li {
        padding:15px;
    }
}

@media only screen and (min-width: 550px) {
	.angebotIcons {
		margin:0 20px;
	}
}

@media only screen and (min-width: 572px) {
    .serviceIcons {
		width:50.00%;
		display:inline-block;
		 vertical-align: top;
	}
}

@media only screen and (min-width: 640px) {
    #footerKontakt,#footerRechtliches {
		width:50.00%;
		display:inline-block;
		vertical-align:top;
	}
	
	#ueberuns {
		padding-left:130px;
		padding-right:130px;
	}
}

@media only screen and (min-width: 760px) and (min-height: 760px) {
	#homediv p {
		font-size:19.20pt;

	}
	#homediv h1 {
		font-size:40pt;
	}
	#contactButton {
		font-size:16.8pt;
	}
}

@media only screen and (min-width: 768px) {
	#header{	
		height:8vh;
	}
	#logocontainer {
		width:175px;
		height:75px;
	}
	#home {
		height:calc(100vh - 8vh);
	}
	#kontakt {
		min-height:calc(100vh - 254px);
	}
	}


@media only screen and (min-width: 956px) {
	#footer {
		min-height:254px;
		padding:0;
		display:flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		justify-content: center;
	}
	#footerKontakt {
		order:1;
		width:auto;
	}
	#footerRechtliches {
		order:3;
		width:auto;
	}
	#footerLogo {
		order:2;
	}
}
	
@media only screen and (min-width: 1024px) {
	#service div:nth-child(3),#service div:nth-child(5){
		padding-left:50px;
	}
	#service div:nth-child(4),#service div:nth-child(6){
		padding-right:50px;
	}

	.ueberunsIcons{
		margin:0 auto;
		display:flex;
		align-items: center;
		text-align:left;
		width:600px;
	}
	.ueberunsIcons div{
		padding:50px;	
	}
	.ueberunsIcons:nth-child(2n){
		text-align:right;		
	}
	#ueberuns div:nth-child(2n) img {
		order:1;
	}
	.contactContainer,#contactMessageContainer {
		padding:25px 0;
	}
}

@media only screen and (max-width: 1366px) {
	#kontakt {background-attachment: scroll;}
}

@media only screen and (min-width: 1366px) {
	#langButton {
		width:75px;
		height:75px;
	}
	#langButton p {
		font-size:16pt;
		padding:24px 0;
		width:100%;
		height:100%;
	}
	.serviceIcons {
		width:22.50%;
		display:inline-block;
		vertical-align: top;
		padding-left:0!important; 
		padding-right:0!important;
	}
	.ueberunsIcons {
		width:700px;
	}
	#service,#angebot,#ueberuns{
		padding-top:50px;
		padding-bottom:100px;
	}
	#kontakt {
		padding-top:50px;
	}
	#menuBarButton {
	  width: 75px;
	  min-width:75px;
	  height: 75px;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	  margin:auto;
	}

	#menuBarButton span {
	  display: block;
	  position: absolute;
	  height: 2px;
	  width: 50%;
	  background:white;
	  border-radius: 3px;
	  opacity: 1;
	  left: 27%;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .35s ease-in-out;
	  -moz-transition: .35s ease-in-out;
	  -o-transition: .35s ease-in-out;
	  transition: .35s ease-in-out;
	}

	#menuBarButton span:nth-child(1) {
	  top: 32.50px;
	}

	#menuBarButton span:nth-child(2) {
	  top: 42.50px;
	}

	#menuBarButton.open span:nth-child(1) {
	  top: 37.50px;
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  transform: rotate(135deg);
	}

	#menuBarButton.open span:nth-child(2) {
	  top: 37.50px;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	}
}

@media only screen and (min-width: 1920px) {
	.serviceIcons {
		width:20%;
	}
	.ueberunsIcons {
		width:860px;
	}

}

@media only screen and (min-width: 2560px) {
	#homediv p {
		font-size:27pt;
	}
	#homediv h1 {
		font-size:48pt;
	}
	#contactButton {
		font-size:24pt;
	}
	.serviceIcons {
		width:15%;
	}
}