* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  font-family: "Open Sans", sans-serif;
}   

small {
  font-size: smaller;
}

.container_dark {
  color: rgb(255, 255, 255);
  padding: 40px 0px 60px;
  background: rgb(34, 34, 34);
}

.container_light {
  color: rgb(169, 179, 193);
  padding: 50px 0px 60px;
  background: rgb(245, 246, 247);
}

.wrapper_one {
  z-index: 1;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.wrapper_two {
  margin-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 100%;
}

.content_container {
  display: flex;
  margin: 0px -15px -15px;
  flex-flow: wrap;
  -webkit-box-align: center;
  align-items: center;
}

.content_table_container {
  margin: 0px -15px -15px;
  flex-flow: wrap;
  -webkit-box-align: center;
  align-items: center;
}

.content_left {
  margin-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  flex: 1 1 50%;
  max-width: 50%;
}

.content_right {
  margin-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  flex: 1 1 50%;
  max-width: 50%;
}

.content_full {
  max-width: 100%;
  margin-bottom: 35px;
  font-size: 18px;
  line-height: 24px;
  color: rgb(169, 179, 193);
}
 
.content_slider {
  max-width: 555px;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.mySlides {
  width: 555px
}

li {
  display: list-item;
  text-align: -webkit-match-parent;
  unicode-bidi: isolate;
}

.ulhome {
  list-style: circle;
  padding-left: 20px;
}

.container_footer {
  background-color: rgb(34, 34, 34);
  padding: 4rem 0px 2rem;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.wrapper_footer {
  width: 100%;
  max-width: 1000px;
  display: flex;
}

.content_footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 16px;
  text-align: left;
  width: 250px;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
}

.content_footer_right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 16px;
  text-align: left;
  width: 250px;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
}

section {
  display: block;
  unicode-bidi: isolate;
  max-width: 1000px;
  width: 100%;
}

.container_section {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  width: 90%;
  max-width: 1000px;
  margin: 40px auto 0px;
}

.content_section {
  color: rgb(255, 255, 255);
  justify-self: start;
  cursor: pointer;
  text-decoration: none;
  font-size: 2rem;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.beginn_img {
  float: right;
  padding-left: 10px;
  vertical-align: top;
  position: relative;
  right: 0px;
  top: 0px;
}

.section_header {
  color: rgb(169, 179, 193);
  font-size: 18px;
  line-height: 16px;
  letter-spacing: 1.4px;
  margin-bottom: 16px;
}

.section_titel {
  margin-top: 10px;
  font-size: 22px;
  line-height: 1.1;
  color: rgb(151, 191, 31);
  margin-bottom: 30px;
}

.section_content {
  max-width: 440px;
  margin-bottom: 35px;
  font-size: 18px;
  line-height: 24px;
  color: rgb(169, 179, 193);
}

.section_img {
  padding-right: 0px;
  border: 0px;
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  max-height: 400px;
}

.morebutton {
  background: rgb(151, 191, 31);
  padding: 15px;
  white-space: nowrap;
  outline: none;
  border: none;
  min-width: 100px;
  max-width: 200px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  display: flex;
  -webkit-box-pack: center;
   justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  color: rgb(255, 255, 255);
  font-size: 14px;
}

.container_dropdown {
  display: flex;
  margin: 0px -15px -15px;
  flex-flow: wrap;
  -webkit-box-align: center;
  align-items: center;
}

.dropdown_content {
  margin-bottom: 30px;
  padding-right: 15px;
  padding-left: 15px;
  flex: 1 1 50%;
  max-width: 50%;
}

.dropdown_right {
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
}


table.custom-simple { 
  text-align: left; clear: both; border-collapse: collapse; 
  border-spacing: 0; width: 100%; min-width: 100%; background-color: #f5f6f7; }
table.custom-simple th { 
  text-align: left; font-size: 100%; 
  font-weight: bold; padding: 5px; height: 25px; vertical-align: middle; background-color: #f5f6f7; color: #333; }
table.custom-simple th a { 
  color: #404040; }
table.custom-simple th a:hover { 
  background: none; }
table.custom-simple tr td { 
  text-align: left; height: 20px; background-color: #f5f6f7; color: #c2c2c2; }
table.custom-simple td, table.custom-simple tbody th { 
  text-align: left; padding: 6px .4em; vertical-align: top; }
table.custom-simple td a:hover, table.custom-simple tbody th a:hover { 
  background-color: #f5f6f7; }
table.custom-simple tr { 
  font-size: 100%; border-top: 1px solid rgb(107, 107, 107); border-bottom: 1px solid rgb(107, 107, 107); 
  border-left: 1px solid #f5f6f7; border-right: 1px solid #f5f6f7; }
table.custom-simple tr.even { 
  background-color: #fcfcfc }
table.custom-simple tr.odd { 
  background-color: #f7f7f7 }
table.custom-simple td.textright { 
  text-align: right; }


@media screen and (max-width: 768px) {

  .container_dark {
    padding-right: 10px;
    padding-left: 10px;
  }

  .content_left {
    padding-right: 1px;
    padding-left: 1px;
    flex: 1 1 100%;
    max-width: 100%;
  } 

  .content_right {
    padding-right: 1px;
    padding-left: 1px;
    flex: 1 1 100%;
    max-width: 100%;
  } 

  .container_footer {
    padding-right: 10px;
    padding-left: 10px;
  }

  .wrapper_footer {
    flex-direction: column;
  } 

  .content_footer {
    padding-right: 1px;
    padding-left: 1px;
    flex: 1 1 100%;
    max-width: 100%;
  } 

  .container_section {
    flex-direction: column;
  }

  .mySlides {
    width: 300px
  }

}