@charset "UTF-8";
/***************************************************************
 * Copyright notice
 *
 * (c) 2021 Janina Giesen giesen@schaffrath-digital.de
 * L.N. Schaffrath DigitalMedien GmbH
 *
 * All rights reserved
 * This copyright notice MUST APPEAR in all copies of the script!
 ***************************************************************/
/* ----------------------------------------------------------
	container-width from bootstrap
-------------------------------------------------------------*/
/* ab 575px */
/* ab 576px */
/* ab 768px */
/* ab 992px */
/* ab 1200px */
/* ab 1500px */
/* ----------------------------------------------------------
	defaults
-------------------------------------------------------------*/
/* ----------------------------------------------------------
	colors
-------------------------------------------------------------*/
/* 5% schwarz #f2f2f2*/
/* 10% schwarz #e6e6e6*/
/* 15% schwarz #d9d9d9*/
/* 20% schwarz #cccccc*/
/* 25% schwarz #bfbfbf*/
/* 30% schwarz #b3b3b3*/
/* 35% schwarz #a6a6a6*/
/* 40% schwarz #999999*/
/* 45% schwarz #8c8c8c*/
/* 50% schwarz #7f7f7f*/
/* 55% schwarz #737373*/
/* 60% schwarz #666666*/
/* 65% schwarz #595959*/
/* 70% schwarz #4d4d4d*/
/* 75% schwarz #404040*/
/* 80% schwarz #333333*/
/* 85% schwarz #262626*/
/* 90% schwarz #1a1a1a*/
/* 95% schwarz #0d0d0d*/
/* schwarz #000 */
/* dunkelblau #001789 */
/* grün #28b400 */
/* hellblau #3EB9FF */
/* xxx #000 */
/* xxx #000 */
/* xxx #000 */
/* xxx #000 */
/* ----------------------------------------------------------
    main-typography
-------------------------------------------------------------*/
/* 1rem */
/* 1rem */
/* 1rem */
/* 1rem */
/* 1rem */
/* 1rem */
/* 16px - bei 16px default */
/* ca. 13px - bei 16px default */
/* ca. 13px - bei 16px default */
/* ca. 13px - bei 16px default */
/* ca. 11px - bei 16px default */
/* ----------------------------------------------------------
	navigation
-------------------------------------------------------------*/
/* dark blue grey */
/* use "megamenu" or "default" */
/* use "from-top", "from-left", "from-right" */
/* use "darkmode" or "lightmode" */
/* ----------------------------------------------------------
	form
-------------------------------------------------------------*/
/* ----------------------------------------------------------
	fe-login
-------------------------------------------------------------*/
/* ----------------------------------------------------------
	gadgets
-------------------------------------------------------------*/
.lns-gadgets.accordion-wrap .lns-gadgets.accordion {
  position: relative;
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li {
    color: black;
    font-family: Arimo, Arial, Helvetica, sans-serif;
    padding: 10px 0;
    border: 1px solid transparent;
    overflow: hidden;
    margin-left: 0; }
    .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li .sheet-header {
      font-size: 1.1rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      padding: 0;
      margin: 0; }
      .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li .sheet-header:before {
        padding-left: 3px;
        width: 20px;
        font-size: 1rem;
        line-height: 1;
        color: black;
        margin-right: 10px;
        font-family: 'font-icons';
        content: "\e71d"; }
      .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li .sheet-header:hover {
        cursor: pointer; }
    .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li .sheet-item {
      height: 0;
      overflow: hidden;
      padding: 0 2rem;
      transition: 0.5s; }
    .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li.active {
      overflow: hidden;
      height: auto;
      padding-bottom: 7px;
      box-sizing: border-box; }
      .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li.active .sheet-header {
        color: black; }
        .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li.active .sheet-header:before {
          color: black;
          content: "\e71e";
          font-family: 'font-icons'; }
      .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li.active .sheet-item {
        height: auto;
        padding: 1rem 2rem;
        transition: 0.5s; }
    .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li:not(.active):hover {
      cursor: pointer; }

.container .lns-gadgets.accordion-wrap .container {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

/* ------------------------------------------------
	print-css
---------------------------------------------------*/
@media print {
  .lns-gadgets.accordion > li.accordion-item {
    max-height: none; } }
.lns-gadgets.accordion-wrap .lns-gadgets.accordion > li {
  padding-top: 15px;
  padding-bottom: 0;
  position: relative;
  border-bottom: 1px solid transparent; }
  .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li:before {
    font-family: 'lined-icons';
    content: "\e114";
    position: absolute;
    right: 0;
    top: 22px;
    width: auto;
    margin-right: 8px;
    font-size: 0.75rem;
    line-height: 1;
    color: black;
    background-color: transparent;
    text-align: center;
    height: 100%; }
  .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li:hover .sheet-header:after {
    width: calc((100% / 12) * 12);
    transition: width 500ms ease-out; }
  .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li .sheet-header {
    font-family: Arimo, Arial, Helvetica, sans-serif;
    color: black;
    font-weight: 600;
    position: relative;
    padding-right: 50px;
    padding-bottom: 15px; }
    .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li .sheet-header:before {
      position: absolute;
      bottom: 0;
      left: 0;
      content: '';
      display: inline-block;
      width: 100%;
      border-top: 1px solid #d9d9d9; }
    .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li .sheet-header:after {
      z-index: 1;
      bottom: 0;
      left: 0;
      position: absolute;
      content: '';
      width: calc((100% / 12) * 3);
      border-top: 1px solid #001789;
      transition: width 500ms ease-out; }
    .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li .sheet-header .subtitle {
      color: #666666;
      font-weight: 400;
      font-size: 1rem; }
  .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li .sheet-item {
    padding-left: 0; }
  .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li.active:before {
    content: "\e115";
    font-family: 'lined-icons'; }
  .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li.active .sheet-item {
    padding-left: 0;
    padding-bottom: 0; }
  .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li.active .sheet-header {
    border-bottom: 1px solid #001789; }
    .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li.active .sheet-header:before, .lns-gadgets.accordion-wrap .lns-gadgets.accordion > li.active .sheet-header:after {
      display: none; }
.lns-gadgets.accordion-wrap .accordion-livesearch {
  display: flex;
  background-color: #001789;
  padding: 1.4rem;
  border-radius: 6px;
  margin-bottom: 1.5rem; }
  .lns-gadgets.accordion-wrap .accordion-livesearch .accordion-filter-input {
    margin-right: 0; }

/*# sourceMappingURL=accordion.css.map */