html body .title-name {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.8em;
  margin-top: 25px;
  font-weight: 600; }
  html body .title-name::before {
    content: '';
    position: absolute;
    top: 50%;
    /* Vertically center the line */
    left: 0;
    right: 0;
    height: 1px;
    /* Adjust thickness as needed */
    background-color: black;
    /* Color of the line */
    transform: translateY(-50%);
    z-index: 1; }
  html body .title-name span {
    background-color: #fff;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 2; }
html body .hideinstruk {
  opacity: 0; }
html body .InstrukAlt.dark .item-info > div:not(.main-info-wrapper) *, html body .InstrukAlt.dark .item-info > .main-info-wrapper div:not(.item-teaser, .item-teaser *) * {
  color: #fff; }
html body .InstrukAlt.light .item-info > div:not(.main-info-wrapper) *, html body .InstrukAlt.light .item-info > .main-info-wrapper div:not(.item-teaser, .item-teaser *) * {
  color: #000; }
html body .InstrukAlt .km_design .km_rows {
  justify-content: center; }
  html body .InstrukAlt .km_design .km_rows .item-wrapper {
    min-width: 300px; }
    html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row; }
      html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-name {
        width: 100%;
        /* Full width for the header */ }
      html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-image {
        margin: 0 auto 0 auto;
        border: none;
        padding: 0 10px 10px 10px;
        display: flex;
        border-radius: 100%;
        align-items: center;
        justify-content: center;
        font-size: 2.5em;
        font-weight: 600;
        flex: 1 1 50%;
        max-height: 80vh;
        border-radius: 0 !important; }
        html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-image .noImg {
          background-color: rgba(0, 0, 0, 0.2);
          height: 160px;
          width: 160px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center; }
        html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-image img, html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-image canvas {
          object-fit: cover;
          object-position: top center;
          border-radius: 0;
          border-radius: 9px;
          height: 100% !important;
          width: 100% !important; }
        html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-image:hover img, html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-image:hover canvas {
          border-radius: 0px; }
      html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .main-info-wrapper {
        flex: 1 1 50%;
        /* Take 50% each on larger screens */
        display: flex;
        flex-direction: column; }
        html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .main-info-wrapper * {
          max-width: 100%; }
        html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .main-info-wrapper .item-teaser {
          margin-top: 0; }
          html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .main-info-wrapper .item-teaser table {
            max-width: 100%; }
      html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-info-content {
        padding: 0 10px !important; }
        html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-info-content.teams {
          margin-top: auto; }
          html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-info-content.teams .teams-header {
            width: 100%;
            font-weight: 600;
            margin-bottom: 5px; }
          html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-info-content.teams .item-info-item {
            width: 100%;
            margin: 3px 5px 3px 0 !important; }
            html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-info-content.teams .item-info-item a {
              width: 100%;
              display: flex !important;
              align-items: center; }
              html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-info-content.teams .item-info-item a .right {
                margin-left: auto;
                opacity: 0;
                transition: 0.2s linear all; }
              html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-content .item-info .item-info-content.teams .item-info-item a:hover .right {
                opacity: 1; }
    html body .InstrukAlt .km_design .km_rows .item-wrapper .item .item-info-item-content:hover {
      text-decoration: none !important; }
    html body .InstrukAlt .km_design .km_rows .item-wrapper .item:hover .item-content .item-image canvas {
      transform: scale(1.1); }

@media (max-width: 600px) {
  .item-image, .main-info-wrapper {
    flex: 1 1 100% !important; } }