/*
        define styles for vertical accordion
        it's basically the jQuery Tools sample
*/

.accordion {
  margin-bottom:0;
}

.accordion:first-of-type {
  border-top:1px solid #ccc
}

.ui-accordion-header {
  cursor: pointer;
}

.accordion-item {
  padding:20px 10px;
  position:relative;
  margin-bottom:0 !important;
  border-bottom:1px solid #ccc
}

.xf-site-footer.site-footer h3.headline__smallest--secondary {
  border-bottom: none;
}

.accordion .accordion-item .headline__smallest--secondary {
  margin-right: 22px;
}

.accordion .accordion-item .headline__smallest--secondary:after {
  background:url(../images/pfeil_unten_dunkelgrau.svg) no-repeat center center;
  content:"";
  height:16px;
  width:16px;
  position:absolute;
  right:13px;
  /*top: calc(50% - 8px);*/
  top: 24px;
  -webkit-transition:-webkit-transform 0.2s ease-out;
  transition:-webkit-transform 0.2s ease-out;
  transition:transform 0.2s ease-out;
  transition:transform 0.2s ease-out, -webkit-transform 0.2s ease-out
}

.accordion .accordion-item .ui-accordion-header-active:after {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
  -webkit-transition:-webkit-transform 0.2s ease-out;
  transition:-webkit-transform 0.2s ease-out;
  transition:transform 0.2s ease-out;
  transition:transform 0.2s ease-out, -webkit-transform 0.2s ease-out
}

/*
@media screen and (max-width: 1023px) {
  .accordion-seo {
    margin-bottom: 0;
  }

  .accordion-seo:first-of-type {
    border-top: 1px solid #ccc
  }

  .ui-accordion-header {
    cursor: pointer;
  }

  .accordion-item-seo {
    padding: 20px 10px;
    position: relative;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ccc
  }

  .accordion-seo .accordion-item-seo .headline__smallest--secondary {
    margin-right: 22px;
  }

  .accordion-seo .accordion-item-seo .headline__smallest--secondary:after {
    background: url(../images/pfeil_unten_dunkelgrau.svg) no-repeat center center;
    content: "";
    height: 16px;
    width: 16px;
    position: absolute;
    right: 13px;
*/   /*top: calc(50% - 8px);*/
/*   top: 24px;
   -webkit-transition: -webkit-transform 0.2s ease-out;
   transition: -webkit-transform 0.2s ease-out;
   transition: transform 0.2s ease-out;
   transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out
 }

 .accordion-seo .accordion-item-seo .ui-accordion-header-active:after {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   -webkit-transition: -webkit-transform 0.2s ease-out;
   transition: -webkit-transform 0.2s ease-out;
   transition: transform 0.2s ease-out;
   transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out
 }
}*/