/*
 *************************************
 * accordion.less
 * Eigenschaften des Accordion
 *************************************
 * @author   : internetgalerie
 *************************************
 * Chanchelog
 * FS | 18.12.2015 | Code Leichen entfernen & kommentieren
 * MS | 12.11.2015 | Aufsplittung eigenes File
 */
/* csc-default*/
/*ig-layout -> verticalelementabstand / 2 */
/* layout 2 */
/* layout 1 */
/* responsive breakpoint */
/* scales */
/*************************************
 * Format: Prozent -> 0.5;
 * Titel Abstand -> von Standard Abstand (@base_verticalelementabstand)
 * Subtitle Abstand -> Standard Abstand x Title Abstand x Subtitle abstand
 * jeweils padding-bottom auf .csc-header-layout1
 * sowie padding-top auf .subtitle
 */
/* Bilder Abstände */
/*************************************
 * Input Felder für Formulare
 */
/* sets padding of inputs and checkbox container */
/* sets height of inputs and labels */
/* sets bg color of inputs, label and checkbox container */
/* sets the half of the space between the fields */
/* select is smaller than normal fields +- 2px */
/* sets the height of the textarea */
/* sets a different color for the submit */
/* bugfix textarea/video in chrome/opera/safari */
/* bugfix textarea firefox */
/* calculated and floored */
/*************************************
 * Accordion
 */
/* Accordion Logic */
.ig-accordion.default > :first-child {
  display: block;
  cursor: pointer;
}
.ig-accordion.default > :nth-child(2).accordion-show,
.ig-accordion.default.desktop1 :nth-child(2).accordion-show,
.touch .ig-accordion.default.mobile1 :nth-child(2).accordion-show {
  display: inline-block;
}
.ig-accordion.default > :nth-child(2),
.ig-accordion.default > :nth-child(2).accordion-hide,
.ig-accordion.default.desktop1 :nth-child(2).accordion-hide,
.touch .ig-accordion.default.mobile1 :nth-child(2).accordion-hide {
  display: none;
}
/* Abstände */
.ig-accordion h2,
.ig-accordion h3,
.ig-accordion h4,
.ig-accordion h5 {
  padding-right: 35px;
}
.ig-accordion.default.csc-default:not(.is-open) {
  padding-top: 0;
  padding-bottom: 0;
}
.ig-accordion .ig-accordion.default.csc-default:not(.is-open):last-child {
  margin-bottom: 0px;
}
.ig-accordion.default.csc-default > :first-child {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}
/* Border */
.ig-accordion.default > .csc-header {
  border-top: 1px solid #ccc;
}
/* Symbol */
.ig-accordion.default > :first-child {
  position: relative;
}
.ig-accordion.default > :first-child:before,
.ig-accordion.default > :first-child:after {
  content: "";
  display: block;
  background-color: black;
  width: 20px;
  height: 2px;
  position: absolute;
  right: 8px;
  margin-top: -8px;
  top: 50%;
  -webkit-transform: rotate(0deg) translate(0px, 0px);
  -moz-transform: rotate(0deg) translate(0px, 0px);
  -o-transform: rotate(0deg) translate(0px, 0px);
  -ms-transform: rotate(0deg) translate(0px, 0px);
  transform: rotate(0deg) translate(0px, 0px);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
/* Animationsdauer */
.ig-accordion.default > :first-child:before,
.ig-accordion.default > :first-child:after {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/* touch Device Animation */
.ig-accordion.default > :first-child:after {
  -webkit-transform: rotate(90deg) translate(0px, 0px);
  -moz-transform: rotate(90deg) translate(0px, 0px);
  -o-transform: rotate(90deg) translate(0px, 0px);
  -ms-transform: rotate(90deg) translate(0px, 0px);
  transform: rotate(90deg) translate(0px, 0px);
}
.ig-accordion.default.is-open > :first-child:before {
  -webkit-transform: rotate(-45deg) translate(0px, 0px);
  -moz-transform: rotate(-45deg) translate(0px, 0px);
  -o-transform: rotate(-45deg) translate(0px, 0px);
  -ms-transform: rotate(-45deg) translate(0px, 0px);
  transform: rotate(-45deg) translate(0px, 0px);
}
.ig-accordion.default.is-open > :first-child:after {
  -webkit-transform: rotate(45deg) translate(0px, 0px);
  -moz-transform: rotate(45deg) translate(0px, 0px);
  -o-transform: rotate(45deg) translate(0px, 0px);
  -ms-transform: rotate(45deg) translate(0px, 0px);
  transform: rotate(45deg) translate(0px, 0px);
}
/* Hover geschlossen öffnen */
.ig-accordion.default > :first-child:hover:before {
  -webkit-transform: rotate(-45deg) translate(4px, 4px);
  -moz-transform: rotate(-45deg) translate(4px, 4px);
  -o-transform: rotate(-45deg) translate(4px, 4px);
  -ms-transform: rotate(-45deg) translate(4px, 4px);
  transform: rotate(-45deg) translate(4px, 4px);
  width: 16px;
}
.ig-accordion.default > :first-child:hover:after {
  -webkit-transform: rotate(45deg) translate(-4px, 4px);
  -moz-transform: rotate(45deg) translate(-4px, 4px);
  -o-transform: rotate(45deg) translate(-4px, 4px);
  -ms-transform: rotate(45deg) translate(-4px, 4px);
  transform: rotate(45deg) translate(-4px, 4px);
  width: 16px;
}
/* Hover Geöffnet schliessen */
.ig-accordion.default.is-open > :first-child:hover:before {
  -webkit-transform: rotate(0deg) translate(0px, 0px);
  -moz-transform: rotate(0deg) translate(0px, 0px);
  -o-transform: rotate(0deg) translate(0px, 0px);
  -ms-transform: rotate(0deg) translate(0px, 0px);
  transform: rotate(0deg) translate(0px, 0px);
  width: 20px;
}
.ig-accordion.default.is-open > :first-child:hover:after {
  -webkit-transform: rotate(0deg) translate(0px, 0px);
  -moz-transform: rotate(0deg) translate(0px, 0px);
  -o-transform: rotate(0deg) translate(0px, 0px);
  -ms-transform: rotate(0deg) translate(0px, 0px);
  transform: rotate(0deg) translate(0px, 0px);
  width: 20px;
}
/* Probleme mit Bild & Text Elementen*/
.responsiveimg source:nth-child(2).accordion-show {
  display: none !important;
}
/* Zeigt zweites Listenelement an*/
.ig-accordion ul li {
  display: list-item !important;
}