@media (min-width:600px)
  .manage-page .sidebar {
    visibility: visible;
    position: static;
    height: 100%;
    padding: 38px 20px;
    float: left;
    opacity: 1;
 }
  /* Elemente auf der Index-LC Seite */

  .seitenleiste{
    width:200px;
    position:fixed;
    float:left;
    margin-top:120px;
    padding-left:20px;
    padding-right:20px;
    background-color: #fffbf0;
    width:305px;
    height:100%;
  }

  #bemerkung {
    transition: opacity 5s;
  }

  .myStyle{
    max-height: 250px;
  }

  .folderImg {
    padding-left:10px;
    padding-right:10px;
    height:23px;
  }

  /* summary/details Ordner auf Index-LC-Seite */


  .sub-menu
  .smenu-item
  a{
    border-bottom: 1px solid #d4d2d2;
  }

  ltistyle {
      position: relative;
      padding-right: 25px; /* Platz für den Pfeil */
      list-style: none;
      display: block; /* oder 'flex', abhängig von Ihren Layout-Anforderungen */
      line-height: 2.7;
      font-size: 13px;
      margin-left:-10px;
      margin-right:8px;
      border-bottom: 1px solid #d4d2d2;
  }
  summary {
    position: relative;
    padding-right: 25px; /* Platz für den Pfeil */
    list-style: none;
    display: block; /* oder 'flex', abhängig von Ihren Layout-Anforderungen */
    line-height: 2.7;
    font-size: 13px;
    margin-left:-10px;
    margin-right:8px;
    border-bottom: 1px solid #d4d2d2;
  }

  summary::after {
    content: '';
    position: absolute;
    right: 0; /* Positionierung am rechten Rand */
    top: 50%; /* Zentrierung in der Vertikalen */
    transform: translateY(-50%); /* Feinabstimmung der vertikalen Position */
    width: 15px;  /* Breite des Pfeilbildes */
    height: 15px; /* Höhe des Pfeilbildes */
    background-image: url(/assets/img/down-arrow-icon-b-32cc380d5ac444e98e14116c9b5c394392538d2b4f26376b8bd16f804c4cadcf.svg);
    background-size: cover;
    transition: transform 0.3s ease; /* Animation für die Drehung */
  }

  details[open] summary::after {
    transform: translateY(-50%) rotate(180deg);
  }


  /* Suchresultate */
  .activeTab {
    color: white;
  }
  /* Change background color of links on hover */
  ul.tab li a:focus, .activeTab {
    background-color: #353535;
  }


  .suchresultate {
    font-size: 10px;
    color: red;
    align-content: left;
  }

  /* Tooltip über (i) Zeichen */

  .tooltip {
    position: relative;
    display: inline-block;
  }

  .tooltip .tooltiptext {
    visibility: hidden;
    width:400px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: -190px;
    margin-left: 0px;
    opacity: 0;
    transition: opacity 0.3s;
  }

  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }

  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }


  /* Footer */

  .footer-nav li a {
    line-height: 30px;
  }

  @media (min-width: 600px)
  .manage-page .sidebar {
    visibility: visible;
    position: static;
    height: 100%,
    padding: 38px 20px;
    float: left;
    opacity: 1;
  }

  .searchdetails {
    padding-bottom: 20px;
  }

  .uk-modal .uk-modal-dialog {
    border-radius: 18px;
    padding:30px;
    margin-top:100px;
  }


  .new-blanket {
    .popup {
      padding: 20px;
    }
  }

  .titel {
    padding-top:20px;
    padding-bottom:20px;
    text-align: center;
    font-size:25px;
    font-weight:500;
  }

  #backbox {
    /* BTN back */



    /* Rectangle 7 */
    background: #F2F2F2;
    border-radius: 6px;
    /* Back */


    float:left;
    width: 130px;
    height: 30px;
    margin-top:10px;
    margin-left:30px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height */
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-align: center;
    color: #353535;

  }

  #middlebox {
    /* BTN back */


    /* Rectangle 7 */

    /* Back */



    width: 120px;
    height: 30px;
    margin-top:20px;

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 2s0px;
    /* identical to box height */
    letter-spacing: 0.03em;

    text-align: center;
    color: #353535;

  }


  #nextbox {
    /* Rectangle 7 */



    width: 130px;
    height: 30px;
    margin-top: 10px;
    margin-right: 30px;

    background: #454925;
    border-radius: 6px;


    /* Next */
    float:right;
    text-align:center;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height */
    letter-spacing: 0.03em;
    text-transform: uppercase;

    color: #FFFFFF;

  }


  .title-chipset{
    position:relative;
    font-size: 25px;
    font-weight: 500;
    line-height: 44px;
    padding-bottom: 20px;

  }
  .alert {
    text-align: center;
  }


  #lernchips {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;

  }
  .item-chip {
    margin-right: 25px;
    min-width: 225px;,
  }

  .modal-close {
    transform: rotate(45deg);
    font-size: 26px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 12px;
    padding: 0 4px;
    display: inline-block;
  }

  .sub-menu {
    margin: 0;
    padding: 0;
    list-style-type: none;

    .smenu-item {
      margin-bottom: 0;

      a {
        display: block;
        border-bottom: 1px solid $gray-accordion;
        color: inherit;
        line-height: 2.7;
        text-decoration: none;
        transition: all 350ms ease-out;

        &:hover {
          padding-left: 12px;
          border-bottom: 1px solid $yellow-color;
          background-color: #fffbf0;
          color: $red-color;
        }
      }
    }
  }

  .title-chipset {
    position: relative;
    flex: 0 1 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 44px;
  }
  .title-chipset--flexbox:before {

    content: url(/../img/chipset.png);
  }

  .btn-view {
    background-image: url(/assets/img/btn_sprites-6c7e79b087d252457563b28810509fa5fc415340a418092902f6b412b01c2339.png);
    background-position: 90px 0px;
  }

  .item-chip {
    min-height: 160px;
  }

  .flip {
    display: inline-flex;

  }

  .flip-card {
    background-color: transparent;
    width: 300px;
    height: 300px;
    perspective: 1000px;
  }

  .flip-card-inner {
    position: relative;
    width: 270px;
    height: 270px;
    text-align: left;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  }

  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }

  .flip-card-front, .flip-card-back {
    font-family:"Poppins",sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .flip-card-front {
    background-color: white;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    text-align:center;
    color: black;
  }

  .flip-card-back {
    background-color: #353535;
    color: white;
    transform: rotateY(180deg);
  }
  .flip-card-pict {
    width:120px;
    height: 120px;
  }

  .flipback-title {
    text-align: center;
  }

  /* Go */
  .go {
    position: absolute;
    width: 22px;
    height: 20px;
    left: 220px;
    top: 220px;

    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    /* identical to box height, or 133% */

    color: #FFC107;
  }

  /* LC - Typen Auswahl */
  .lc-typ-box {
    width: 455px;
    height: 120px;
    padding: 10px;
    max-height:120px;
    background-color: white;
  }
  .lc-typ-create {
    position: relative;
    left: 260px;
    top: 50px;
  }
  .lc-typ-titel {
    position: relative;
    left: 30px;
    top: 40px;

  }
  .wr-search {
    max-width:250px;
  }
  .sort-chips {
    max-width:250px;
  }

  .new-blanket .popup .name-chipset .chipset-ico {
    display: inline-block;
    width:30px;
    height:30px;
    margin-right: 8px;
    background: url(/assets/img/chipset-a6e9ead6b0ea0ec262a3720b604a6e7a7ad48a548b8e7106049218574f79ab3c.png) center/cover no-repeat;
    vertical-align: middle;
  }


  @media (min-width: 800px){

    .flex-one {
      display:  none;
    }

  }


  .responsive-content {
    display: none;
  }

  /* Für Bildschirme mit einer Breite von 768px oder mehr */
  @media (min-width: 768px) {
    #content-large {
      display: block;

    }
  }

  /* Für Bildschirme mit einer Breite von weniger als 768px */
  @media (max-width: 767px) {
    #content-small {
      display: block;
      width:350px;
      align-items: center;
    }
  }


  .vco-storyjs .timenav h1,.vco-storyjs .flag-content h1,.vco-storyjs .era h1,.vco-storyjs .timenav h2,.vco-storyjs .flag-content h2,.vco-storyjs .era h2,.vco-storyjs .timenav h3,.vco-storyjs .flag-content h3,.vco-storyjs .era h3,.vco-storyjs .timenav h4,.vco-storyjs .flag-content h4,.vco-storyjs .era h4,.vco-storyjs .timenav h5,.vco-storyjs .flag-content h5,.vco-storyjs .era h5,.vco-storyjs .timenav h6,.vco-storyjs .flag-content h6,.vco-storyjs .era h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important
  }

  .vco-storyjs p,.vco-storyjs blockquote,.vco-storyjs blockquote p,.vco-storyjs .twitter blockquote p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important
  }

  .vco-storyjs .vco-feature h1,.vco-storyjs .vco-feature h2,.vco-storyjs .vco-feature h3,.vco-storyjs .vco-feature h4,.vco-storyjs .vco-feature h5,.vco-storyjs .vco-feature h6 {
    /* font-family:"Georgia",Times New Roman,Times,serif; */
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important

  }

/*# sourceMappingURL=extended.css-6986e2a7850138ade605c253e48b0680a500ee7cb7bfb0bdd9d52c3d11882385.map */