/* Sticky Header from beginning */
/* Requires padding on first article xl to top of page */
#wrapper {
  margin-top: -50px;
}
@media only screen and (min-width: 768px) {
  #fix-wrapper {
    position: absolute;
    left: 0;
  }
  .header.original {
    background-color: transparent;
  }
}



/* GLOBALS */
/* ================================================================ */
strong, b {
    font-weight: 600;
}


#main ul,
#main ol {
  font-size: var(--body-fontSize);
}


table {
  border: 2px solid;
  border-collapse: collapse;
  width: 100%;
}

table th,
table td {
  border: 2px solid;
  padding: 20px 26px;
}

.table-no-outer-border table {
  border: 0;
}

.table-no-outer-border table tr:first-child th {
  border-top: 0;
}

.table-no-outer-border table tr:last-child td {
  border-bottom: 0;
}

.table-no-outer-border table tr td:first-child,
.table-no-outer-border table tr th:first-child {
  border-left: 0;
}

.table-no-outer-border table tr td:last-child,
.table-no-outer-border table tr th:last-child {
  border-right: 0;
}


@media only screen and (max-width: 767px) {
  table,
  .font-size-xxs table p,
  .font-size-1 table p {
    font-size: 0.8rem;
    line-height: 19.2px;
  }
}

.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-scroll table {
  min-width: 500px;
}


@media only screen and (min-width : 1025px) {
    .autogrid_wrapper.gutter_y_s>div,
    .autogrid_row.gutter_y_s>div {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .autogrid_wrapper.gutter_y_m>div,
    .autogrid_row.gutter_y_m>div {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .autogrid_wrapper.gutter_y_l>div,
    .autogrid_row.gutter_y_l>div {
        padding-top: 32px;
        padding-bottom: 32px;
    }


    .autogrid_wrapper.gutter_l,
    .autogrid_row.gutter_l {
        margin-left: -60px;
        margin-right: -60px;
    }
    .autogrid_wrapper.gutter_l>div,
    .autogrid_row.gutter_l>div {
        padding-left: 60px;
        padding-right: 60px;
    }

    .autogrid_wrapper.gutter_m,
    .autogrid_row.gutter_m {
        margin-left: -40px;
        margin-right: -40px;
    }
    .autogrid_wrapper.gutter_m>div,
    .autogrid_row.gutter_m>div {
        padding-left: 40px;
        padding-right: 40px;
    }

    .autogrid_wrapper.gutter_s,
    .autogrid_row.gutter_s {
        margin-left: -20px;
        margin-right: -20px;
    }
    .autogrid_wrapper.gutter_s>div,
    .autogrid_row.gutter_s>div {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Reset grid.css gutters on mobile */
@media only screen and (max-width : 767px) {
    .autogrid_wrapper.gutter_s, .autogrid_row.gutter_s,
    .autogrid_wrapper.gutter_m, .autogrid_row.gutter_m,
    .autogrid_wrapper.gutter_l, .autogrid_row.gutter_l {
        margin-left: 0; margin-right: 0;
    }

    .autogrid_row>.column,
    .autogrid_wrapper.gutter_s > div, .autogrid_row.gutter_s > div,
    .autogrid_wrapper.gutter_m > div, .autogrid_row.gutter_m > div,
    .autogrid_wrapper.gutter_l > div, .autogrid_row.gutter_l > div {
        padding-left: 0; padding-right: 0;
    }
}


/* GLOBAL CLASSES */
body #slider .link-no-border a,
body #wrapper .link-no-border a,
body #footer .link-no-border a {
    text-decoration: none;
    border: none;
}

.font-weight-100 p {font-weight: 100;}
.font-weight-200 p {font-weight: 200;}
.font-weight-300 p {font-weight: 300;}
.font-weight-400 p {font-weight: 400;}
.font-weight-500 p {font-weight: 500;}
.font-weight-600 p {font-weight: 600;}
.font-weight-700 p {font-weight: 700;}
.font-weight-800 p {font-weight: 800;}

.pt-5px { padding-top: 5px; }

.mod_article.max-width-1000:not(.fullwidth) .container {max-width: 1000px;}
.mod_article.max-width-900:not(.fullwidth) .container {max-width: 900px;}
.mod_article.max-width-800:not(.fullwidth) .container {max-width: 800px;}
.mod_article.max-width-700:not(.fullwidth) .container {max-width: 700px;}
.mod_article.max-width-600:not(.fullwidth) .container {max-width: 600px;}


/* ================================================================ */
/* List Styles */
#main ul li {
  margin: 0.2em 0;
  position: relative;
}


/* UL */
#main ul {
  list-style: square;
  list-style-position: outside;
  padding-left: 1.2em;
}

#main ul li::marker {
  color: var(--secondColor);
}


#main .list-style-type-minus ul,
#main .ce_list.style2 ul,
#main .list-style-type-plus ul,
#main .ce_list.style3 ul,
#main .list-style-type-check ul,
#main .list-style-type-check-white ul,
#main .ce_list.customStyle1 ul,
#main .list-style-type-chevron ul,
#main .ce_list.customStyle2 ul {
  list-style: none;
  padding-left: 0;
  font-size: 1.125rem;
}

#main .list-style-type-minus ul li,
#main .ce_list.style2 ul li,
#main .list-style-type-plus ul li,
#main .ce_list.style3 ul li,
#main .list-style-type-check ul li,
#main .list-style-type-check-white ul li,
#main .ce_list.customStyle1  ul li,
#main .list-style-type-chevron ul li,
#main .ce_list.customStyle2 ul li {
  position: relative;
  margin: 1em 0;
  padding-left: 2em;
}

#main .list-style-type-minus ul li:first-of-type, #main .ce_list.style2 ul li:first-of-type, #main .list-style-type-plus ul li:first-of-type, #main .ce_list.style3 ul li:first-of-type, #main .list-style-type-check ul li:first-of-type, #main .list-style-type-check-white ul li:first-of-type, #main .ce_list.customStyle1  ul li:first-of-type, #main .list-style-type-chevron ul li:first-of-type, #main .ce_list.customStyle2 ul li:first-of-type {
    margin-top: 0;
}

#main .list-style-type-minus ul li:last-of-type, #main .ce_list.style2 ul li:last-of-type, #main .list-style-type-plus ul li:last-of-type, #main .ce_list.style3 ul li:last-of-type, #main .list-style-type-check ul li:last-of-type, #main .list-style-type-check-white ul li:last-of-type, #main .ce_list.customStyle1  ul li:last-of-type, #main .list-style-type-chevron ul li:last-of-type, #main .ce_list.customStyle2 ul li:last-of-type {
    margin-bottom: 0;
}

#main .list-style-type-minus ul li::before,
#main .ce_list.style2 ul li::before,
#main .list-style-type-plus ul li::before,
#main .ce_list.style3 ul li::before,
#main .list-style-type-check ul li::before,
#main .list-style-type-check-white ul li::before,
#main .ce_list.customStyle1  ul li::before,
#main .list-style-type-chevron ul li::before,
#main .ce_list.customStyle2 ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 1.3em;
  height: 1.3em;
  background-size: contain;
  background-repeat: no-repeat;
}

#main .list-style-type-minus ul li::before,
#main .ce_list.style2 ul li::before {
  background-image: url("../../images/icons/icon-bullet-minus.svg");
}

#main .list-style-type-plus ul li::before,
#main .ce_list.style3 ul li::before {
  background-image: url("../../images/icons/icon-bullet-plus.svg");
}

#main .list-style-type-check ul li::before,
#main .ce_list.customStyle1  ul li::before {
  background-image: url("../../images/icons/icon-bullet-check.svg");
}

#main .list-style-type-check-white ul li::before,
#main .list-style-type-check.white ul li::before,
#main .ce_list.customStyle1.white  ul li::before {
  background-image: url("../../images/icons/icon-bullet-check-weiss.svg");
}

#main .list-style-type-chevron ul li::before,
#main .ce_list.customStyle2  ul li::before {
  background-image: url("../../images/icons/icon-bullet-chevron.svg");
}


/* OL */
#main ol {
  list-style: none;
  counter-reset: mycounter;
}

#main ol li {
  counter-increment: mycounter;
  padding-left: 2em;
  margin: 0.6em 0;
  position: relative;
}

/* Der farbige Kreis mit weißer Zahl */
#main ol li::before {
  content: counter(mycounter);
  position: absolute;
  left: 0;
  top: 2px;

  font-size: 0.88em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;

  text-align: center;
  background: var(--secondColor);
  color: #fff;
  border-radius: 50%;
}



.ti-arrow-right::before {
  content: "";
  display: inline-block;
  margin-top: 1px;
  width: 1em;
  height: 1em;

  /* Option 1 *
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' viewBox='0 0 17 12'%3E%3Cpath d='M11.05 12l-1.2114-1.1996 3.9104-3.9432H0V5.1429h13.7489l-3.889-3.9432 1.1901-1.1996 5.95 6-5.95 6Z' fill='currentColor'/%3E%3C/svg%3E");


  /* Option 2 */
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 12'%3E%3Cpath d='M11.05 12l-1.2114-1.1996 3.9104-3.9432H0V5.1429h13.7489l-3.889-3.9432 1.1901-1.1996 5.95 6-5.95 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 17px 12px;

  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 12'%3E%3Cpath d='M11.05 12l-1.2114-1.1996 3.9104-3.9432H0V5.1429h13.7489l-3.889-3.9432 1.1901-1.1996 5.95 6-5.95 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 17px 12px;

}


#main .ce_icon_text[data-icon-pos="before"] .icon {
  min-width: 32px;
}