.contact {
  padding: 3rem;
  border: 2px solid #000;
}
.contact .h1 {
  margin-bottom: 1.5rem;
}

.main{
 /* max-width: 100%; */
 margin-top:50px;
 padding-top:40px;
 padding-left:20px;
}

.column {
  column-count: 3;
  z-index: 200;
   column-rule: 1px solid #ccc; 
   column-gap: 5em;
}

.accordion-toggle {
    color: white;
    width: fit-content;
    background: var(--color-code-blue);
    padding: 4px 13px;
    border-radius: 20px;
    margin: 10px 5px !important;
    margin-left: 0;
    /* background-image: linear-gradient(to bottom, white, #d3d3d3); */
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* .accordion-toggle::after{
  content: "▾";
  font-size: 23px;
  display:inline;
  position: absolute;
  left:70%;
} */

.accordion-content {
display: none;
    overflow: inherit;
    width: 70%;
    margin-left: 40px !important;
    padding: 0rem;
    padding-left: 0rem;
   font-size:14px;
}

.accordion-content .headline {
  font-family: var(--font-family-sans-bold);
  margin: 0px;
  
}

.last-li{
  padding-bottom: 30px;
}

.week{
  color: var(--color-code-blue);
  /* background: #d9d9d9; */
  padding: 10px 10px;
  margin: 0px !important;
  /* width: 70%; */
  /* border-bottom: 2px solid black; */
}

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

.accordion-toggle {
  width:96%;
}

.week{
  width:96%;
}

.accordion-content{
  overflow: auto;
  width: 100%;
  margin: auto 10px !important;
  padding: 0rem;
  padding-left: 0rem;
  padding-top:10px;
}

.accordion-content, .headline p{
  font-family: var(--font-family-sans-bold);
  font-size:1rem;
  margin: 0px;
}

h2{
  line-height: 1;
}

.open {
  height: inherit; 
  transition: 0.5s ease-in-out;
  margin-bottom:20px;
}

.column {
  column-count: 1;
}

}