.main{
  background-color: black;
}

.dropdown-item:hover {
  color: white;
  text-decoration: none;
  background-color: black;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
}

a:not([href]):not([tabindex]) {
}

a:not([href]):not([tabindex]) {
}

.card-font--size{
  font-size: large;
}

.card-deck--topMargin{
  margin-top: 3%;
}

.card-text--margin{
  margin-top: 25%;
  margin-bottom: 2%;
}

.navbar-nav > li > .dropdown-menu {
  background-color: black;
}

.visible-on-hover {
  display: none;
}

.font--nav-color{
  color: #bfbfbf;
}

.font--nav-size{
	font-size: 130%;
}

.font--footer-color{
	color: white;
}

.card{
  background-color: black;
}

.circle {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  margin-left: .3rem;
}

a.test:hover{
  background-color: #0f7b9f
}

.img-fluid{
  max-width: 100%;
  height: auto;
}

.logoColor{
  background-color: #212123;
}

.font{
  font-family: 'Avenir';
  color: #bfbfbf;
}

.font--gallery{
  font-family: "Mishafi";
  color: #bfbfbf;
}

.gallery{
  margin-top: 15%;
}

.form--button{
  margin-left: 10%;
}

.navbar-nav {
  justify-content: center;
}

.form--row{
  margin-top: 2%;
  margin-right: 10%;
  margin-left: 10%;
}

.card-margin--bottom{
  margin-bottom: 3%;
}

.form{
  margin-top: 1%;
  margin-right: 10%;
  margin-left: 10%;
  margin-bottom: 1%;
}

.form-group-test{
  margin-top: 1%;
  margin-right: 10%;
  margin-left: 10%;
}

.ourService{
  margin-top: 10%;
  margin-right: 10%;
  margin-left: 10%;
  margin-bottom: 10%;
}

.impressum{
  margin-top: 10%;
  margin-right: 10%;
  margin-left: 10%;
  margin-bottom: 10%;
}

.impressum,.about{
  margin-top: 10%;
  margin-right: 10%;
  margin-left: 10%;
  margin-bottom: 3%;
}

.about--bottom{
  margin-bottom: 2%;
}

.footer{
  margin-top: 2%;
}

.contact{
  margin-top: 10%;
  margin-bottom: 3%;
}

.modal-lg {
  max-width: 70% !important;
}

.parallax_0 {
  /* The image used */
  background-image: url(image/tischAuswahl_3.jpg);

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax_1 {
  /* The image used */
  background-image: url(image/tischAuswahl.jpg);

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax_2 {
  /* The image used */
  background-image: url(image/Omari_GoldenEvent_1.jpg);

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 500px;
  margin-top: -250px; /* Half the height */
  margin-left: -250px; /* Half the width */
  z-index: 1;
}