/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

#page {
  overflow: visible;
}

#page .elementor-element img {
  border-radius: 0 !important;
}

.single .elementor-element img {
  border-radius: 0 !important;
}

.elementor-widget-uael-table {
  &.uael-header-sticky-yes .uael-table-wrapper thead {
    top: 100px !important;
  }

  tr td:first-child .uael-table__text {
    text-align: left;
    color: #000 !important;
  }

  table thead tr th:first-child {
    background: transparent !important;
  }

  table td:first-child,
  table th:first-child {
    background: #fff !important;
  }

  table td:nth-child(2n),
  table th:nth-child(2n) {
    background: #57a4bf !important;
    width: 398px;
  }

  table td:not(:first-child):nth-child(2n+1),
  table th:not(:first-child):nth-child(2n+1) {
    background: #007ca3 !important;
    width: 398px;
  }

  table th.compare-rows-th {
    background: #646d74 !important;
  }

  table th:not(:first-child,:last-child),
  table td:not(:first-child,:last-child) {
    border-right: 10px solid #fff !important;
  }

  tr td.uael-table-col:first-child,
  table {
    border-left: 0;
  }

  tr td.uael-table-col:first-child {
    padding-left: 0;
  }

  table,
  table thead tr th:first-child {
    border-left: 0 !important;
    border-top: 0 !important;
  }

  span.uael-align-icon--left {
    display: block;
    width: 100%;
  }

  tbody tr td:nth-child(1) span.uael-table__text {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #474747 !important;
  }

  table td:not(:first-child) span.uael-table__text {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  tbody tr:first-child td:first-child {
    border-top: 0 !important;
  }

  tbody .exk-merkmal {
    background: var(--e-global-color-primary);
    display: block;
    width: fit-content;
    padding: 0 5px;
    margin: 0 auto;
  }

  tbody .uael-table-row td {
    transition: all 0.3s ease;
  }
}

@media only screen and (max-width: 1024px) {
  .elementor-widget-uael-table.uael-header-sticky-yes .uael-table-wrapper thead {
    top: 60px !important;
  }

  .elementor-widget-uael-table th.uael-table-col,
  .elementor-widget-uael-table tbody .uael-table-col .uael-table-head {
    padding: 20px 15px 20px 15px !important;
  }
}

@media only screen and (max-width: 820px) {
  .elementor-widget-uael-table {
    tbody tr td:nth-child(1) span.uael-table__text {
      font-size: 18px !important;
      line-height: 25px !important;
    }
  }
}

@media only screen and (max-width: 768px) {
  .elementor-widget-uael-table {

    thead tr {
      display: flex;
    }

    thead tr th:nth-child(1) {
      display: none;
    }

    tbody tr td:nth-child(1) {
      width: 100%;
      text-align: center;
    }

    thead tr th:not(:first-child),
    tbody tr td:not(:first-child) {
      width: 50%;
    }

    tbody tr {
      display: flex;
      flex-wrap: wrap;
    }


    table th:not(:first-child),
    table td:not(:first-child) {
      border-right: 0 solid #fff !important;
    }

    table th:nth-child(3) {
      border-left: 0 solid #fff !important;
    }

    tbody tr td:nth-child(1) span.uael-table__text {
      text-align: center;
    }

    .uael-table-col {
      border: 0 !important;
    }
  }
}

.checkmark{
  width: 26px;
  height: 26px;
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi4zODUiIGh laWdodD0iMjAuMTE1IiB2aWV3Qm94PSIwIDAgMjYuMzg1IDIwLjExNSI+PHBhdGggaWQ9Ikljb2 5fbWF0ZXJpYWwtY2hlY2siIGRhdGEtbmFtZT0iSWNvbiBtYXRlcmlhbC1jaGVjayIgZD0iTTEzL jUsMjQuMjU1LDcuMjQ1LDE4bC0yLjEzLDIuMTE1TDEzLjUsMjguNWwxOC0xOEwyOS4zODUsOC4z ODVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4xMTUgLTguMzg1KSIgZmlsbD0iIzAwMCI+PC9 wYXRoPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  filter: brightness(0) invert(1);
}

.hallesche-table {
  --table-header-offset: 100px;
  width: 100%;
  & table thead {
    position: sticky;
    top: var(--table-header-offset);
    z-index: 100;
  }

  & table thead tr th {
    border-top: none;
    font-size: 2.25rem;
  }

  & table thead tr th:first-child {
    background: var( --e-global-color-el_c_bg_main );
    border-bottom: none;
  }

  & table :is(th, td){
    text-align: center;
    padding: 40px 15px;
    font-weight: 500;
    border-bottom: 1px solid #A8AAB3;
    vertical-align: middle;

    & .fas,
    & .far,
    & .fab,
    & .fa{
      font-size: 1.5rem;
      font-weight: 400;
    }
  }

  & table :is(td, th):first-child {
    background: #fff;
  }

  & table tbody tr:first-child td:first-child {
    border-top: none;
  }

  & table tr{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
  }

  & table tr :is(th,td):first-child{
    max-width: 25%;
    width: 100%;
  }

  & table tr :is(th,td):not(:first-child){
    max-width: 100%;
    flex: 1;
    word-break: break-word;
    hyphens: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  & table tbody tr td:first-child {
    /*max-width: 25%;*/
    font-size: 1.25rem;
    color: #474747;
    width: 100%;
  }

  & table tbody tr td{
    word-break: break-word;
    hyphens: auto;
  }

  & table :is(td,th):nth-child(2n) {
    background: #57a4bf;
  }

  & table :is(th,td):not(:first-child):nth-child(2n+1) {
    background: #007ca3;
  }

  table tr :is(td,th):not(:first-child,:last-child) {
    border-right: 10px solid #fff;
  }
  table tr :is(td,th):not(:first-child){
    color: #fff;
  }
}

body:has(#wpadminbar) .hallesche-table {
  --table-header-offset: 132px;
}

@media (max-width: 1024px) {
  .hallesche-table {
    --table-header-offset: 60px
  }
  body:has(#wpadminbar) .hallesche-table {
    --table-header-offset: 92px;
  }
}

@media (max-width: 992px) {
  .hallesche-table {
    & table tr {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
    }

    & table thead tr{
      flex-wrap: nowrap;
    }

    & table thead tr th{
      font-size: 1.25rem;
      line-height: 1.875rem;
    }

    & table :is(th,td){
      padding: 20px 15px;
    }

    & table thead th:first-child{
      display: none;
    }
    
    & table tbody tr td:first-child {
      flex: 0 0 100%;
      text-align: center;
      max-width: unset;
      border: none;
      font-size: 1.125rem;
      line-height: 1.5625rem;
    }

    & table tr :is(th,td):not(:first-child) {
      flex: 1 1 0;
    }

    & table tr :is(td,th):not(:first-child,:last-child){
      border-right: none;
    }

    & table tbody tr td:not(:first-child) {
      font-size: 1rem;
      line-height: 1.25rem;
    }
  }
}

@media (max-width: 760px) {
  body:has(#wpadminbar) .hallesche-table {
    --table-header-offset: 106px;
  }
}

@media (max-width: 480px){
  .hallesche-table {
    & table thead tr th{
      word-break: break-word;
      hyphens: auto;
    }
  }
}