/* Login / felogin */
.tx-felogin-pi1 h1,
.tx-felogin-pi1 h3 { display: none; }
.tx-felogin-pi1 > div { font-weight: 300}
.tx-felogin-pi1 form {background-color: #f1f1f1; padding: 35px 25px; margin: 25px 0;}

.tx-felogin-pi1 form input[type="text"],
.tx-felogin-pi1 form input[type="password"] { background-color: #fff;}
.tx-felogin-pi1 form fieldset > div { float: left; padding-right: 25px;}
.tx-felogin-pi1 form fieldset > div.forgot { float: right; }
.tx-felogin-pi1 form fieldset > div label { padding-right: 10px;}

.tx-felogin-pi1 form legend { font-size: 22px; padding-bottom: 20px; text-transform: uppercase;}

/* Accordeon ------------------------------------------------------- */
.accordion-container {
  /* border-top:1px solid #99C5D0; */
  /* width:500px; */
  width: auto;
}

.accordion-container .ce-textmedia,
.accordion-container .frame-type-textmedia {
    padding-bottom: 10px;

}

.accordion-container .ce-textmedia h1,
.accordion-container .ce-textmedia h2,
.accordion-container .ce-textmedia h3,
.accordion-container .ce-textmedia h4,
.accordion-container .frame-type-textmedia header h1,
.accordion-container .frame-type-textmedia header h2,
.accordion-container .frame-type-textmedia header h3,
.accordion-container .frame-type-textmedia header h4 {
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    color: #000;
    cursor:pointer;
    padding: 10px 15px !important;
    text-transform:inherit;
    background-color: #EEEEEE !important;

    padding-right: 50px;
}

.accordion-container .ce-textmedia h1.active,
.accordion-container .ce-textmedia h2.active,
.accordion-container .ce-textmedia h3.active,
.accordion-container .ce-textmedia h4.active,
.accordion-container .frame-type-textmedia header h1.active,
.accordion-container .frame-type-textmedia header h2.active,
.accordion-container .frame-type-textmedia header h3.active,
.accordion-container .frame-type-textmedia header h4.active {

}

.accordion-container .ce-textmedia h1:after,
.accordion-container .ce-textmedia h2:after,
.accordion-container .ce-textmedia h3:after,
.accordion-container .ce-textmedia h4:after,
.accordion-container .frame-type-textmedia header h1:after,
.accordion-container .frame-type-textmedia header h2:after,
.accordion-container .frame-type-textmedia header h3:after,
.accordion-container .frame-type-textmedia header h4:after {
    content: '\f0d7';
    font-family: fontawesome;
    color: #B61621;
    position: absolute;
    right: 15px;
    font-size: 20px;
}

.accordion-container .ce-textmedia h1.active:after,
.accordion-container .ce-textmedia h2.active:after,
.accordion-container .ce-textmedia h3.active:after,
.accordion-container .ce-textmedia h4.active:after,
.accordion-container .frame-type-textmedia header h1.active:after,
.accordion-container .frame-type-textmedia header h2.active:after,
.accordion-container .frame-type-textmedia header h3.active:after,
.accordion-container .frame-type-textmedia header h4.active:after  {
  content: '\f0d8 ';
  color: #000;
}

.accordion-container .ce-textmedia > .ce-textpic,
.accordion-container .frame-type-textmedia > .ce-textpic {
    background-color: #ECECEC;
    padding: 15px;
}

/* Accordeon (choir, extensions) */
.accordion {}
.accordion .accordion-group { border-bottom: 1px dotted #000; }
.accordion .accordion-group.active { background-color: #ECECEC}

.accordion .accordion-heading {padding: 10px 10px; position:relative; padding-left: 70px}
.accordion .accordion-heading a { text-transform: uppercase; font-size: 18px; color: #000; }
.accordion .accordion-heading:before {cursor: pointer; content: "\f055"; font-family: "fontawesome"; font-weight: bold; color: #E6007E; position:absolute; left: 20px; font-size: 45px; }

.accordion .active > .accordion-heading:before {content: "\f056"; font-family: "fontawesome"; font-weight: bold; color: #E6007E; }

.accordion .accordion-heading a:hover { text-decoration: none;}

/* inner accordion */
.accordion .accordion-inner .accordion-heading { padding-left: 45px;}
.accordion .accordion-inner .accordion-heading:before { left: 2px; top: 20px;}
.accordion .accordion-inner .accordion-body { padding-left: 45px;}
.accordion .accordion-inner .accordion-group { border-bottom: 1px solid #E6007E;}

.accordion .accordion-toggle {}

.accordion .accordion-body { display: none; padding-bottom: 30px; padding-top: 20px; }
.accordion .accordion-body.district-body { padding: 40px 30px; }

.accordion .accordion-body .genre-group {display:table; width: 100%; padding-bottom: 30px;}
.accordion .accordion-body .genre-label,
.accordion .accordion-body .col-left {
    display:table-cell; width:200px; padding-right: 20px;
    font-weight: bold; border-bottom: none; font-size: 20px; text-transform: none;
}


.accordion .accordion-body .genre-content,
.accordion .accordion-body .col-right {display:table-cell;}

.accordion .accordion-body .modal-body {}
.accordion .accordion-body .modal-body th {background-color: inherit; color: #000; text-align: left; padding: 0; vertical-align: top; padding-right: 20px; }
.accordion .accordion-body .modal-body td { padding: 0; }

/* choir-calendar callist */
.calList-entries.accordion .accordion-heading { cursor: pointer; padding-left: 0; padding-bottom: 0px;}
.calList-entries.accordion .accordion-heading h3 { border-bottom: none; margin-bottom: 10px;}
.calList-entries.accordion .accordion-group { border-bottom: 1px solid #E6007E; padding-bottom: 0; margin-bottom: 15px; background-color: inherit;}

.calList-entries.accordion .calList-entry-main { padding-bottom: 0;}
.calList-entries.accordion .calList-entry.accordion-group { border-bottom: none; margin-bottom: 0;}

.calList-entries.accordion .accordion-heading:before { left: inherit; right: 0;}

/* cal-entry */

.calList-entries.accordion .accordion-body .col-left { padding-top: 10px;}
.calList-entries.accordion .accordion-body .col-left .calList-ticket { float: right; }
.calList-entries.accordion .accordion-body .col-left .calList-ticket i { font-size: 30px; color: #E6007E;}
.calList-entries.accordion .accordion-body .col-left .calList-date { float: left;}
.calList-entries.accordion .accordion-body .col-left .calList-start-time { font-weight: normal;}

.calList-entries.accordion .calList-entry .accordion-heading:before { display: none;}
.calList-entries.accordion .calList-entry .accordion-heading .title {font-weight: normal; color: #E6007E; display:inline-block;}
.calList-entries.accordion .calList-entry .accordion-heading .title:after {
    cursor: pointer;
    content: "\f138";
    font-family: "fontawesome";
    font-weight: bold;
    color: #E6007E;
    position: absolute;
    float: right;
    font-size: 15px;
    padding-left: 10px;
    margin-top: -1px;
}
.calList-entries.accordion .calList-entry.active .accordion-heading .title:after { content: "\f13a"; }
.calList-entries.accordion .calList-entry .organizer { font-weight: normal;}
.calList-entries.accordion .calList-entry .organizer a { font-weight: normal; color: #009FE3; }

.calList-entries.accordion .calList-entry.active { background-color: #ECECEC; }
.calList-entries.accordion .calList-entry table th { background-color: inherit; padding: 5px 0; padding-right:20px; text-align: left; vertical-align: top; color: #000; }
.calList-entries.accordion .calList-entry table td { background-color: inherit; padding: 5px 5px;}
.calList-entries.accordion .calList-entry table td a { color: #009fe3; font-weight: normal;}

/* Chor / Choir */
#choir .accordion .accordion-heading { padding: 20px 10px; padding-left: 80px;}
#choir .accordion .accordion-body.district-body { padding-left: 80px; padding-top: 20px; }
#choir .accordion .accordion-inner .accordion-heading { padding-left: 45px; padding-bottom: 10px; padding-top: 10px; }
#choir .accordion .accordion-inner .accordion-heading:before { font-size: 30px;}
#choir .accordion .accordion-inner table { margin-bottom: 0; }
#choir .accordion .accordion-inner .accordion-heading a { text-transform: inherit; font-weight: bold;}
#choir .accordion .accordion-inner table th,
#choir .accordion .accordion-inner table td { padding-top: 5px; padding-bottom:5px; }


/* Image-Columns */

/* Gallerie bis 992px auf volle Breite */
@media (max-width: 992px) {
    .ce-gallery { width: 100%; }
}
/* Anpassungen von kleinen bis groeßeren Geraeten */
@media (min-width: 700px) {
    .ce-gallery .ce-column { margin: 0; padding: 0 5px; box-sizing: border-box; }
    .ce-gallery .ce-column:first-child { padding-left: 0; }
    .ce-gallery .ce-column:last-child { margin-right: 0; }

    /* Fluid Image Tags */
    .ce-gallery img, .ce-gallery picture { width: 100%; height: auto; }

    /* Spaltenbreiten je nach eingestellten Columns */
    .ce-gallery[data-ce-columns="2"] .ce-column { width: 50%; }
    .ce-gallery[data-ce-columns="3"] .ce-column { width: 33%; }
    .ce-gallery[data-ce-columns="4"] .ce-column { width: 25%; }
    .ce-gallery[data-ce-columns="5"] .ce-column { width: 20%; }
}

/* 1-col-Layout */
@media (max-width: 700px) {
    .ce-gallery .ce-column { margin: 0 0 10px; margin-bottom: 20px; width: 100%; box-sizing: border-box; }
    .ce-gallery img, .ce-gallery picture { width: 100%; height: auto; }
}