html {
  height: 100%;
}


body {
  /* font-family: "Khula", sans-serif; */
  font-family: 'Raleway', sans-serif;
  /* font-family: 'Crimson Text', serif; */
  color: #ffffe6;
  background-color: #47626b;
  height: 100%;
}


h4 {
  margin-top: 1em;
}

a {
  color: #ffffe6;
}

a:hover {
  text-decoration: none;
  color: #7598a3;
}

a::after {
  text-decoration: none;
}

tr {
  text-align: left;
}
.a_block3 {
  color: #47626b;
}

/* .a_hover_block3 {
  color:  #7598a3;
} */

.img1 {
  /* The image used */
  background-image: url("../images/home_gerade.jpg");
  /* Set a specific height */
  width: 100%;
  min-height: 100%;

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

.contact {
  padding-top: 1em;
  padding-bottom: 2em;
}

.contact_form {
  padding-left: 15%;
}

.caption-home {
  text-align: center;
  position: absolute;
  top: 40%;
  width: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  color: #47626b;
  /*background: rgb(71, 98, 107); /* Fallback color */
  /*background: rgba(71, 98, 107, 0.5); /* Black background with 0.5 opacity */
}

.date {
  text-align: right;
  margin-top: 1em;
}


.block1 {
  background-color: #47626b;
  color: #ffffe6;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.block2 {
  background-color: #ffffe6;
  color: #47626b;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.block3 {
  background-color: #ffffe6;
  color: #47626b;
  text-align: center;
  padding-top: 5em;
  padding-bottom: 2em;
}

.block4 {
  background-color:#47626b;
  color: #ffffe6;
  text-align: center;
  padding-top: 2em;
  padding-bottom: 2em;
}

.nav_block {
  background-color: #47626b;
  color: #ffffe6;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}


.picture {
  text-align:center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.logo {
  text-align:center;
  padding-top: 2.7em;
  /* padding-bottom: 1.5em; */
}

ul {
  list-style-type: none;
}


.table-borderless {
  font-size: 1.3em;
  color: inherit;
}

.ul_plus {
  list-style: circle;
}

/* Dropdown Button */
.dropbtn {
  background-color: black;
  color: #B2B2B2;
  width: 100px;
  padding: 0.5;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 1.2em;
  text-align: left;
  border: none;
  background: rgb(38, 38, 38); /* Fallback color */
  background: rgba(38, 38, 38, 0.7); /* Black background with 0.7 opacity */
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: fixed;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: black;
  min-width: 100px;
  font-size: 1.2em;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  /* background: rgb(38, 38, 38); /* Fallback color */ */
  /* background: rgba(38, 38, 38, 0.7); /* Black background with 0.7 opacity */ */
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #B2B2B2;
  padding: 0.5em;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #B2B2B2; color: black}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: black; background: rgb(38, 38, 38); background: rgba(38, 38, 38, 0.7);}