body
{
	background-color: rgb(28, 28, 31);
	margin: 0;
	padding: 0;
  	font-weight: 100;
 	font-family: "Montserrat", sans-serif;
}
.header-contact-bar
{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 8vh;
	width: 100%;
	font-size: clamp(0.4rem, 2vw, 5rem);
	color: #BFBFBF;
}
@media (max-width: 1400px)
{
	.header-contact-bar
	{
		font-weight: bold;
		font-size: 2.5vw;
	}
}
.header-logos, .header-mail, .header-phone
{
	display: inline-block;
	margin-top: 2vw;
	margin-right: 5vw;
	margin-left: 5vw;
	height: 8vh;
	animation: 2.5s header-title-animations forwards;
}
.heder-mail-adress, .header-phone-number
{
	display: inline-block;
	transform: translateY(-10%);
}
.header-phone > img, .header-mail > img
{
	width: 1.7vw;
	height: 1.6vw;
	-webkit-filter: contrast(0) brightness(1.5);
}
@media (max-width: 1400px)
{
	.header-phone img, .header-mail img
	{
		width: 2.2vw;
		height: 2.2vw;
	}
}
.header-logos > a img
{
	width: 2vw;
	height: 2vw;
	padding-left: 2vw;
	-webkit-filter: contrast(0) brightness(1.5);
}
@media (max-width: 1400px)
{
	.header-logos > a img
	{
		width: 4vw;
		height: 4vw;
		-webkit-filter: contrast(0) brightness(1.5);
	}
}
@media (max-width: 1400px)
{
.header-title
{
	font-size: 3vw;
}
}
.header
{
	font-size: 2vw;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
	height: 95vh;
	color: #BFBFBF;
	line-height: 2vh;
	background-image: url();
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	z-index: -2;
}
.header-title
{
	position: relative;
	width: 35vw;
	height: 40vh;
	color: #BFBFBF;
	line-height: 1.2;
	z-index: -1;
	color: #BFBFBF;
	animation: 2.1s ease-out header-title-animations forwards;
}
.header-title p
{
	display: inline-block;
	margin-top: 0.3vh;
	margin-bottom: 0.3vh;
	font-weight: bold;
	color:#D97B29;
}
.section1
{
	width: 100%;
	height: 50vh;
	position: relative;
	display: flex;
	justify-content: center;
}
.header-map iframe
{
	position: absolute;
	width: 50vw;
	height: 40vh;
	color: #BFBFBF;
	animation: 2.5s ease-out header-title-animations forwards;
}
.header-map
{
	margin-top: 5vh;
	display: flex;
	justify-content: center;
	width: 40vw;
	height: 40vh;
	overflow: hidden;

}
@media (max-width: 1100px) 
{
	.header-map
	{
		height: 40vh;
		width: 100%;
	}
	.header iframe
	{
		width: 100%;
	}
  }
  .navigation
  {
	  display: flex;
	  align-items: center;
	  position: sticky;
	  top: 0;
	  z-index: 99;
	  width: 100%;
	  height: 5vh;
	  background-color: #BFBFBF;
	  font-size: 2vw;
	  font-weight: bold;
  }
  @media (max-width: 1400px)
  {
	  .navigation
	  {
		  font-size: 2.5vw;
	  }
  }
  .navigation-logo
  {
	  display: flex;
	  justify-content: center;
	  width: 30%;
  }
  .aindex
  {
	  display: flex;
	  justify-content: center;
	  width: 100%;
  }
  .aindex img
  {
	  width: 80%;
  }
  .navigation-menu
  {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  width: 70%;
  }
  .navigation-menu a
  {
	  position: relative;
	  margin-right: 2.5vw;
	  margin-left: 2.5vw;
	  text-decoration: none;
	  color: black;
	  height: clamp(3vh, 5vh, 7vh);
  }
  .navigation-menu-main a:before, .navigation-menu-e-bike a:before, .navigation-menu-kontakt a:before, .navigation-menu-bike a:before, .navigation-menu-regulamin a:before
  {
	  position: absolute;
	  transform: translateX(6vw);
	  content: '';
	  opacity: 0;
	  background-color: rgb(28, 28, 31);
	  height: 100%;
	  width: 4px;
	  animation: 0.5s brackets-movement-left-out;
  }
  .navigation-menu-main a:after, .navigation-menu-e-bike a:after, .navigation-menu-kontakt a:after, .navigation-menu-bike a:after, .navigation-menu-regulamin a:after
  {
	  position: absolute;
	  content: '';
	  opacity: 0;
	  transform: translateX(-6vw);
	  background-color: rgb(28, 28, 31);
	  height: 100%;
	  width: 4px;
	  animation: 0.5s brackets-movement-right-out;
  }
  .navigation-menu-main a:hover::before, .navigation-menu-e-bike a:hover::before, .navigation-menu-kontakt a:hover::before, .navigation-menu-bike a:hover::before, .navigation-menu-regulamin a:hover::before
  {
	  position: absolute;
	  content: '';
	  background-color: rgb(28, 28, 31);
	  height: 100%;
	  width: 4px;
	  animation: 0.5s brackets-movement-left-in forwards;
  }
  .navigation-menu-main a:hover::after, .navigation-menu-e-bike a:hover::after, .navigation-menu-kontakt a:hover::after, .navigation-menu-bike a:hover::after, .navigation-menu-regulamin a:hover::after
  {
	  position: absolute;
	  content: '';
	  background-color: black;
	  height: 100%;
	  width: 4px;
	  animation: 0.5s brackets-movement-right-in forwards;
  }

.desc
{
	width: 100%;
	height: 30vh;
	background-color: #D97B29;
}
@keyframes header-title-animations
{
	0%
	{
		opacity: 0%;
		transform: translateY(-20%);
	}
	100%
	{
		opacity: 100%;
		transform: translateY(0%);
	}
}
@keyframes brackets-movement-left-in
{
	0%
	{
		transform: translateX(6vw);
		opacity: 0;
	}
	100%
	{
		transform: translateX(0);
		opacity: 1;
		background-color: #D97B29;
	}
}
@keyframes brackets-movement-left-out
{
	0%
	{
		transform: translateX(0);
		opacity: 1;
		background-color: #D97B29;
	}
	100%
	{
		transform: translateX(6vw);
		opacity: 0;
		background-color: black;
	}
}
@keyframes brackets-movement-right-in
{
	0%
	{
		transform: translateX(-6vw);
		opacity: 0;
	}
	100%
	{
		transform: translateX(0);
		opacity: 1;
		background-color: #D97B29;
	}
}
@keyframes brackets-movement-right-out
{
	0%
	{
		transform: translateX(0);
		opacity: 1;
		background-color: #D97B29;
	}
	100%
	{
		transform: translateX(-6vw);
		opacity: 0;
		background-color: black;
	}
}