@import '/styles/global.css';
@import '/styles/HeaderManager.css';
@import '/styles/FooterManager.css';
@import '/styles/SignupElement.css';
@import '/styles/CookieElement.css';

.imprint-container {
  text-align: left;
  max-width: 1500px;
  margin-top: 110px;
  padding-block: 50px;
  padding-inline: 120px;
}

/*  Imprint Accordion Section  */
/*--------- Abstimmung Accordion --------*/

.imprint-content-container {
  margin-top: 50px;
  margin-bottom: 80px;
}

/*------------------*/
.imprint__accordion {
  border-bottom: 1px solid var(--color-grey-mobile-lines);
}

.imprint__accordion-t {
  max-width: 1500px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0px;
  cursor: pointer;
  transition: 0.4s;
}

.imprint__accordion h4 {
  font-family: "Inter";
  color: var(--color-accent-a);
  margin-left: 0;
  margin-right: 10px;
}
.imprint__accordion svg {
  margin-left: 0;
}
.imprint__accordion.active svg {
  transform: rotate(180deg);
}
.imprint__accordion p {
  font-family: 'Roboto';
  font-size: .9rem;
}

.panel {
  display: flex;
  padding: 0px;
  margin: auto;
  max-height: 0;
  overflow: hidden;
  transition: 0.5s ease-out;
  
}
.panel p {
  margin-left: 0;
}
.imprint__accordion.active .panel {
  max-height: 300px;
  animation: fade 0.5s ease-in-out;
}


.imprint__accordion .panel p {
  font-family: "Roboto";
  font-size: .9rem;
  padding: 0px 0px 20px 0px;
}
@keyframes fade {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
/*  End of  FAQ-ACCORDION  */









/* SMALL DESKTOPS*/
@media (max-width: 1024px) {
  .imprint-container {
    padding-inline: 20px;
  }
}



@media (max-width: 550px) {
 
  .panel {
    flex-direction: column;
  }
 
}