@import url('https://use.fontawesome.com/releases/v5.8.2/css/all.css');
/* 					Standard Configurations					*/
/* -------------------------------------------------------  */
html { 
  /*background: url("../Pictures/background.jpg") no-repeat center center fixed;*/
  /* 					For website																*/
  background: url("./background.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
body {
  overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */	
}
/* -------------------------------------------------------  */


/* 					Title									*/
/* -------------------------------------------------------  */
.menubartitle-content{
	font-weight: 900;
	font-size: 50px;	
	margin-left: 10px	 	
}
.menubartitle{
	border-bottom: 4px solid #000000;    
}
.welcometitle{
	font-weight: 800;
    font-size: 35px;
    margin-bottom: -45px;
    margin-left: 20px;		
}
@media only screen and (min-width: 670px) and (min-height: 873px){
	.welcometitle{
	    font-size: 65px;
	    margin-bottom: -80px;    
	}
}

/* -------------------------------------------------------  */


/* 					Icon									*/
/* -------------------------------------------------------  */
#arrowOpenMenu{
	font-size: 25px;
    float: right;
    margin-top: 10px;
}
#closeIcon{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 25px;
    float: right;  
    margin-top: 15px;
    margin-right: 15px; 
}
#menu-icon{
	position: absolute;
    left: 20px;
    top: 20px;
    font-size: 35px;	
}
#closeSiteIcon{
    font-size: 25px;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
}

/* -------------------------------------------------------  */



/* 					Button									*/
/* -------------------------------------------------------  */

a, a:hover {
	color: black;
	text-decoration: none;
}	
a.btn-primary {
	background-color: #ffed00;
	border-color: #ffed00;
	color: black;
}
a.btn-mehr {
	background-color: #000000;
	border-color: #000000;
	color: white;
	width: 100px;
}
a.btn {
	border-radius: 50px;
	font-weight: bold;
	font-size: 0.8125rem;
	padding: 0.375rem 1rem;
}
a.btn {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid 

	transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	font-size: 12px;
	padding: 3px 0px;
	line-height: 1.5;
	border-radius: 1.25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
	
.centerbutton {
	display: flex;
	justify-content: center;
	align-items: center;  
}
.linkbutton {
	border-radius: 50px;
    font-weight: bold;
    font-size: 0.8125rem;
    padding: 0.375rem 1rem;
}
/* -------------------------------------------------------  */


/* 					Fancybox								*/
/* -------------------------------------------------------  */
.fancybox-content {
		border-radius: 1.25rem;
	}
body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;	
}
/* -------------------------------------------------------  */


/* 					Logo 									*/
/* -------------------------------------------------------  */
.center {	
	height: 400px;
	position: fixed;
	top: 46%;
	left: 50%;  
	transform: translate(-50%, -50%);
}
img#delligroup {
	top: 60%;
    height: 300px;
	position: fixed;    
    left: 50%;
    transform: translate(-50%, -50%);
}
@media only screen and (min-width: 670px) and (min-height: 873px) {
	img#delligroup {
		top: 60%;
    	height: 600px;
	}
}
.bigImages{
	height: 80px;
}
.menuImages{
	height: 45px;
}
.openSiteImages{
	height: 80px;
    margin-left: 10px;
    margin-top: 30px;
}
/* -------------------------------------------------------  */


/* 					Lines 								*/
/* -------------------------------------------------------  */
.verticalline {
    content:"";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 5px dotted #000000;
    transform: translate(-50%);	
}
.diagonallineRightTop {
      content: "";
    position: absolute;
    z-index: -1;
    top: -70%;
    bottom: 0;
    left: 50%;
    border-left: 5px dotted #000000;
    transform: rotate(72deg);
    height: 230%;
}
.diagonallineLeftTop {
    content: "";
    position: absolute;
    z-index: -1;
    top: -70%;
    bottom: 0;
    left: 50%;
    border-left: 5px dotted #000000;
    transform: rotate(-72deg);
    height: 230%;
}
/* -------------------------------------------------------  */
/* 					DivsImageButton								*/
/* -------------------------------------------------------  */
.delliCarWash {
	top: 8%;
    left: 58%;
    position: fixed;
}
.tec {
	top: 48%; 
	right: 75%;   
	position: fixed;
  	transform: translate(-0%, -60%);
}
.otto {
	bottom: 14%; 
  	left: 58%;
   	position: fixed;
}
.holding {
	bottom: 14%;
    right: 0px;
    position: fixed;
    padding-right: 80px;
}
.immobilien {
 	top: 48%;
    left: 70%;
    position: fixed;
    transform: translate(-0%, -60%);
}
.sport {
    top: 8%;
    right: 0px;
    position: fixed;
    padding-right: 80px;
}
/* 					Footer									*/
/* -------------------------------------------------------  */
.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 55px;
	background-color: black;
	color: white;
	text-align: left;
	padding-left: 35px;
	font-weight: bold;
	font-size: 16px;
	
}
.footermenu {
    background-color: black;
    height: 90px;
    color: white;
    text-align: left;
  }
.footermenu-content {		
    margin-left: 10px;   
    line-height: 50%;
    padding: 1px;
}

/* -------------------------------------------------------  */



/* 					Switching Divs							*/
/* -------------------------------------------------------  */
.displaySmall {	
	display: none;
}

@media only screen and (max-width: 1000px), (max-height: 750px) {
	.displayBig {
    	display: none;
	}
	.displaySmall {
       	display: block;			   	   
	}
	body {
  		overflow-y: visible; /* Hide vertical scrollbar */
  		overflow-x: visible; /* Hide horizontal scrollbar */	
	}
	p{
		 font-size: 14px;
	}	
	a.btn {
		font-size: 15px;
    	margin-left: 15px;
		padding: 0.375rem 1rem;
	}
}
/* -------------------------------------------------------  */



/* 					Menu							        */
/* -------------------------------------------------------  */
#navigation{
	display:none;
}

.menubar {	 
	border-bottom: 4px dotted #000000;      
    margin-top: 20px;
    margin-bottom: 20px;  
}

.menubar-content{
	margin-right: 10px;
    margin-left: 15px;
}
/* -------------------------------------------------------  */




/* 					Opening Menu							*/
/* -------------------------------------------------------  */
#header{background:#1E262D;width:100%;position:relative}
#header:after{content:"";clear:both;display:block}

/* -------------------------------------------------------  */

 
 
 /* 					Site open							*/
/* -------------------------------------------------------  */
 .opensite {
  min-height: 200px;  
  border: 4px solid black;
  background-color: white;
  margin-top: 90px;
  margin-left: 10px;
  margin-right: 10px;
  display:none;
}

/* -------------------------------------------------------  */
 
 
 
 /* 					Site open							*/
/* -------------------------------------------------------  */
.opensiteText{
	margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
	
}
/* -------------------------------------------------------  */