

/* ----------------------------- EXPANDABLE Zeilen + Button ---------------------------- */

/* Akkordeon-Buttons mit Text */

.toggle_1, 
.toggle_2,
.toggle_3,
.toggle_4,
.toggle_5,
.toggle_6 {
  display: block;
  margin: 0;
  padding: 0;
}

div.section.toggle_1 {
  background-size: inherit;
  background: url(/wp-content/themes/bridge-child/img/outdoor.png) no-repeat 12px 10px;
}

div.section.toggle_2 {
  background-size: inherit;
  background: url(/wp-content/themes/bridge-child/img/indoor.png) no-repeat 12px 10px;
}

div.section.toggle_3 {
  background-size: inherit;
  background: url(/wp-content/themes/bridge-child/img/sportlich.png) no-repeat 12px 10px;
}

div.section.toggle_4 {
  background-size: inherit;
  background: url(/wp-content/themes/bridge-child/img/kinder.png) no-repeat 12px 10px;
}

div.section.toggle_5 {
  background-size: inherit;
  background: url(/wp-content/themes/bridge-child/img/abends.png) no-repeat 12px 10px;
}

div.section.toggle_6 {
  background-size: inherit;
  background: url(/wp-content/themes/bridge-child/img/weihnachten.png) no-repeat 12px 10px;
}

.toggle_1 .vc_column_container > .vc_column-inner, .page .vc_row .toggle_1,
.toggle_2 .vc_column_container > .vc_column-inner, .page .vc_row .toggle_2,
.toggle_3 .vc_column_container > .vc_column-inner, .page .vc_row .toggle_3,
.toggle_4 .vc_column_container > .vc_column-inner, .page .vc_row .toggle_4,
.toggle_5 .vc_column_container > .vc_column-inner, .page .vc_row .toggle_5,
.toggle_6 .vc_column_container > .vc_column-inner, .page .vc_row .toggle_6 {
  padding: 0 !important;
}

.toggle_1 p, 
.toggle_2 p,
.toggle_3 p,
.toggle_4 p,
.toggle_5 p,
.toggle_6 p {
  padding: 20px 10px 15px 70px;
  border: 1px solid #0063a7;
  color: #0063a7;
  text-transform: uppercase;
  background: url(/wp-content/themes/bridge-child/img/zeilen-pfeil.png) no-repeat right -86px;
	-webkit-transition: padding .25s ease-in-out!important;
	transition: padding .25s ease-in-out!important;
}

.toggle_1:hover, 
.toggle_2:hover,
.toggle_3:hover,
.toggle_4:hover,
.toggle_5:hover,
.toggle_6:hover {
  cursor: pointer;
}

.toggle_1.show p,
.toggle_2.show p,
.toggle_3.show p,
.toggle_4.show p,
.toggle_5.show p,
.toggle_6.show p {
  cursor: pointer;
  background: url(/wp-content/themes/bridge-child/img/zeilen-pfeil.png) no-repeat right -3px;
}

.toggle_1:hover p,
.toggle_2:hover p,
.toggle_3:hover p,
.toggle_4:hover p,
.toggle_5:hover p,
.toggle_6:hover p {
  cursor: pointer;
  padding: 20px 10px 15px 80px;
}

/* Zeilen */

.toggle_1_zeile,
.toggle_2_zeile,
.toggle_3_zeile,
.toggle_4_zeile,
.toggle_5_zeile,
.toggle_6_zeile {
  display: none;
}

/* Zeilen öffnen bei Click von Kursseite zurück auf Übersicht */
.toggle_1_zeile:target,
.toggle_1_zeile.show,
.toggle_2_zeile:target,
.toggle_2_zeile.show,
.toggle_3_zeile:target, /* and show either if class show is present (on click) */
.toggle_3_zeile.show,
.toggle_4_zeile:target, /* and show either if class show is present (on click) */
.toggle_4_zeile.show,
.toggle_5_zeile:target, /* and show either if class show is present (on click) */
.toggle_5_zeile.show,
.toggle_6_zeile:target, /* and show either if class show is present (on click) */
.toggle_6_zeile.show {  /* or location hash matches id "shoes" */
    display: block;
}

