@font-face {
    font-family: 'DIN Engschrift LT CE';
    src: url('../fonts/DINEngschriftLTCE.eot');
    src: url('../fonts/DINEngschriftLTCE.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINEngschriftLTCE.woff2') format('woff2'),
        url('../fonts/DINEngschriftLTCE.woff') format('woff'),
        url('../fonts/DINEngschriftLTCE.ttf') format('truetype'),
        url('../fonts/DINEngschriftLTCE.svg#DINEngschriftLTCE') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Engschrift LT CE 2';
    src: url('../fonts/DINEngschriftLTCE-Alternate.eot');
    src: url('../fonts/DINEngschriftLTCE-Alternate.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINEngschriftLTCE-Alternate.woff2') format('woff2'),
        url('../fonts/DINEngschriftLTCE-Alternate.woff') format('woff'),
        url('../fonts/DINEngschriftLTCE-Alternate.ttf') format('truetype'),
        url('../fonts/DINEngschriftLTCE-Alternate.svg#DINEngschriftLTCE-Alternate') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	/*background-color: rgba(255,255,255,0.0);*/
	background-color: #FFFFFF;
	background-image: url(../../../images/00_allgm/Logo/DiE_HONiGMACHEREi_Logo_nur-Blume.png);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: 100%;
	font-family: 'DIN Engschrift LT CE'!important;
	font-size: 24px!important;
	line-height: 18px!important;
	min-height: 100%!important;
}


html {
	background-color: rgba(255,255,255,0.0);
	min-height: 100%!important;
}

a {
	color: #8A6413;
}

a:active {
	color: #000000;
}


h1 {
	font-family: 'DIN Engschrift LT CE 2'!important;
	/*font-size: 400%!important;*/
	color: #8A6413;
	line-height: 10px!important;
}




#sp-header, #sp-menu {
	background-color: rgba(255,255,255,0.0)!important;
	/*background-color: rgba(255,255,255,0.0)!important;*/
}

#sp-footer {
	background-color: rgba(255,255,255,0.0)!important;
	/*background-color: rgba(255,255,255,0.0)!important;*/
}

#sp-menu
/*, #sp-footer */ {
	display: none;
}



@media (min-width: 1201px) {
	.onepagelogo {
		margin: 150px 150px 75px 0;
		/*display: none;*/
	}
	.onepageadr {
		margin: 45px 0 75px 400px;
		/*display: none;*/
	}
}


@media (max-width: 1200px) {
	.onepagelogo {
		margin: 100px 0 75px 15px!important;
		/*display: none;*/
	}
	.onepageadr {
		margin: 100px 350px 75px 35px;
		/*display: none;*/
	}
}


/*SMARTPHONE*/

@media (max-width: 1200px) {
	.onepagelogosphone {
		margin: 150px 50px 5px 0;
		/*display: none;*/
	}
	.onepageadrsphone {
		margin: 50px 0 75px 225px;
		/*display: none;*/
	}
}


@media (max-width: 900px) {
	body {
		background-position: center top;
	}
	.onepagelogosphone {
		margin: 100px 0 150px 15px!important;
	}
	.onepageadrsphone {
		margin: 20px 0px 0px 35px;
		line-height: 25px!important;
	}
	#sp-logo {
		display: none;
	}
}
*/




/*
@media (max-width: 1150px) {
	.onepage {
		margin-left: 0px;
		padding-left: 0px!;
	}
}
*/
















/* Home Header-Bild zoom-out */ 

/*
.zoom-in-out-element {
  animation: zoominoutsinglefeatured 30s 1  none running;
  overflow: hidden;
    scale: 100%;
}
@keyframes zoominoutsinglefeatured {
  0% {
    scale: 200%;
  }
  100% {
    scale: 100%;
  }
}
*/
/* Definieren Sie die @keyframes für die Drehung */

/*
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
  
  0% {
    scale: 50%;
  }
  100% {
    scale: 10%;
  }
}

*/

/* Wenden Sie die Animation auf das Bild an */
. /*löschen*/ rotated-image {
  /*width: 100px;*/ /* Beispiel-Breite */
  /*height: 100px;*/ /* Beispiel-Höhe */
  /* Die Animation wird an das Bild gebunden */
  animation-name: rotate; /* Der Name der @keyframes-Regel */
  animation-duration: 5s; /* Dauer von 4 Sekunden */
  animation-timing-function: linear; /* Gleichmäßige Geschwindigkeit */
  animation-iteration-count: infinite; /* Unendlich wiederholen */
  /* Alternativ die Kurzschreibweise: animation: rotate 4s linear infinite; */
}



/* Home Header-Bild zoom-out E N D E */