/* ################################################################# FEELING ################################################################# */

/* ----- Fonts ----- */
/*@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {--font1: "Nunito Sans", sans-serif;}  INSTEAD OF Metric Web 
:root {--font2: "Playfair Display", serif;}  INSTEAD OF FinancierDisplayWeb */

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {--font1: "Source Serif 4", Georgia, serif;} /* INSTEAD OF Indy Serif */
:root {--font2: "Work Sans", sans-serif;} /* INSTEAD OF Indy Sans */

:root {--fontsize-disclaimer: 9px;} /* */
:root {--fontsize-mini: 12px;}
:root {--fontsize-smallest: 14px;}
:root {--fontsize-smaller: 16px;}
:root {--fontsize-small: 18px;}
:root {--fontsize-post-body: 19px;}
:root {--fontsize-large: 20px;}
:root {--fontsize-larger: 24px;}
:root {--fontsize-section-heading: 28px;} /* */
:root {--fontsize-title-large: 30px;} /* */
:root {--fontsize-header1: 54px;}

/* ----- Colors ----- */
:root {--color-grey-light: #f7f7f7;} 
:root {--color-grey: #d3d3d3;} 
:root {--color-grey-dark: #646464;} 
:root {--color-grey-darker: #353533;} 
:root {--color-red: #ec1a2e;}
:root {--color-red-hover: #ac2a2c;}
:root {--color-mint: #eaf2f2;}
:root {--color-mint-dark: #adcbcd;}
:root {--color-green-action: #337e81;}
:root {--color-green-hover: #386366;}
:root {--color-green-dark: #143234;}

/* ----- Icons ----- */
.menu-icon .icon {background-image: url(/files/icon/menu_c.svg);}
.menu > .icon {background-image: url(/files/icon/close_a.svg);}
.search .icon {background-image: url(/files/icon/search_a.svg);}
.freebie > .icon {background-image: url(/files/icon/close_a.svg);}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_2.svg);}
.social .items .x .icon {background-image: url(/files/icon/x_2.svg);}
.social .items .tiktok {display: none;}
.social .items .pinterest {display: none;}
.social .items .instagram {display: none;}
.social .items .linkedin  {display: none;}
.social .items .youtube {display: none;}
.social .items .rss {display:none;}
.social .items .mail {display: none;}

/* ----- Gap ----- */
:root {--gap: 30px;}
:root {--gap-section: 100px;}
:root {--gap80: 80px;}
:root {--gap70: 70px;}
:root {--gap60: 60px;}
:root {--gap50: 50px;}
:root {--gap45: 45px;}
:root {--gap40: 40px;}
:root {--gap35: 35px;}
:root {--gap25: 25px;}
:root {--gap20: 20px;}
:root {--gap15: 15px;}
:root {--gap10: 10px;}
:root {--gap5: 5px;}

/* ----- Site Width ----- */
:root {--width-site: 1260px;}
:root {--width-site2: 960px;}

.image.col img, 
.single-header .featured-image img, 
.article img, 
.site-categories-images img, 
div:not(.offer) > .logo img {
   display: block;
}

input, textarea {
   font-family: var(--font2);
}

/* ################################################################# VARIOUS ################################################################# */
* {
    box-sizing: border-box;
}
body {
   font-family: var(--font1);
   font-weight: 400;
   /*font-size: var(--fontsize-post-body);*/
   line-height: 1.2em;
   -webkit-font-smoothing: antialiased;
   -webkit-print-color-adjust: exact;
}
h1 {
   font-size: var(--fontsize-header1);
   font-weight: 700;
   line-height: 58px;
   margin: 0 0 var(--gap20);
   letter-spacing: -.0092em;
}
h2 {
   font-weight: 700;
   line-height: normal;
   margin: var(--gap20) 0;
}
h3 {
   font-weight: 700;
   line-height: 21px;
   margin: var(--gap20) 0;
}
.post a {
   color: var(--color-red);
   text-decoration: none;
}
.post a:hover {
   color: var(--color-red-hover);
}

#menu .logo a,
header .logo a,
.page .mobile .logo a,
footer .logo {
   text-decoration: none;
   font-family: var(--font1);
   color: black;
   font-weight: 600;
}
footer .logo {
   color: white;
}
#menu .logo a > span,
header .logo a > span,
.page .mobile .logo a > span,
footer .logo a > span {
   display: flex;
   font-size: 2.5em;
   text-transform: uppercase;
   text-align: center;
   gap: var(--gap5);
   line-height: 1em;
}
footer .logo a {
   color: white;
   text-decoration: none;
}
#menu .logo a > span > span,
header .logo a > span > span,
.page .mobile .logo a > span > span,
footer .logo a > span > span {
   background-color: var(--color-red);
   height: 40px;
   min-width: 40px;
   border-radius: 50%;
}

.article {
   margin: 0;
}

.home, 
.directory .content,
.lead .content, 
.post article, 
.partner article, 
.best article, 
.shop article  {
   padding: var(--gap50) var(--gap);
}

header .inner,
.home > .section,
.directory .content,
.lead .content,
.single article,
.single-body,
.single-footer,
.page .content,
.archive .content,
footer .inner {
   width: 100%;
   max-width: var(--width-site);
   margin-right: auto;
   margin-left: auto;
   padding: 0 var(--gap15);
}
.post > article,
.partner > article,
.best > article,
.shop > article,
.lead .content,
.page .content {
   max-width: var(--width-site2);
   margin: 0 auto;
}

.directory .content,
.lead .content,
.post article,
.partner article,
.best article,
.shop article {
   padding: var(--gap50)  var(--gap15);
}

/* CONTENT */
.lead .content, 
.single-body, 
.page .content {
   font-size: var(--fontsize-post-body);
   font-family: var(--font1);
   padding: var(--gap50) var(--gap15);
   line-height: 28px;
}
.lead .content a,
.single-body a,
.page .content a {
   color: var(--color-red);
}
.lead .content a:hover,
.single-body a:hover,
.page .content a:hover {
   color: var(--color-red-hover);
}
.single-body > *:not(blockquote):not(h2):not(h3):not(.related),
.page .content > *:not(blockquote):not(h2):not(h3):not(.related) {
   margin: 0 0 var(--gap25);
}

/* HEADER */
header {
   font-family: var(--font2);
}
.header-normal-1 .freebie {
   display: none;
}
.header-normal-2,
.header-normal-3 {
   border-bottom: 1px solid var(--color-grey);
}
.header-normal-2 .inner,
.header-scroll-1 .inner {
   display: grid;
   grid-template-columns: 3% 17% 60% 20%;
   align-items: center;
   padding: var(--gap25) var(--gap15);
}
.header-scroll-1 .inner {
   padding: var(--gap15) var(--gap15);
}
.header-normal-2 .menu-icon,
.header-scroll-1 .menu-icon {
   grid-column: 1 / span 1;
}
.header-normal-2 .search,
.header-scroll-1 .search {
   grid-column: 2 / span 1;
   display: flex;
   align-items: center;
}
.header-normal-2 .search input,
.header-scroll-1 .search input {
   border: 1px solid var(--color-grey-dark);
   border-radius: 0px;
   padding: var(--gap5) var(--gap10);
}
.header-normal-2 .logo,
.header-scroll-1 .site-categories {
   grid-column: 3 / span 1;
   display: flex;
   justify-content: center;
}
.header-normal-2 .join,
.header-scroll-1 .join {
   grid-column: 4 / span 1;
   display: flex;
   font-size: var(--fontsize-smaller);
   justify-content: flex-end;
   white-space: nowrap;
}
header .join {
   font-size: var(--fontsize-smallest);
   font-weight: 600;
   text-transform: uppercase;
}
header .join .icon,
header .join .newsletter,
header .site-categories .element-title {
   display: none;
}
header .join > div {
   line-height: 32px;
   padding: 0 var(--gap10);
   border: 1px solid var(--color-grey);
   letter-spacing: -0.4px;
}
header .join .subscribe {
   background-color: var(--color-green-action);
   color: white;
}
header .join .subscribe:hover {
   background-color: var(--color-green-hover);
}
header .join > .signin {
   border-left: 0;
   order: 2;
   background-color: var(--color-grey-light);
}
header .join > .signin:hover {
   background-color: var(--color-grey-darker);
   color: white;
}
header .site-categories .items {
   display: flex;
   flex-wrap: wrap;
   font-weight: 600;
   text-transform: uppercase;
   gap: var(--gap10);
}
header .site-categories .element-title {
   display: none;
}
header .site-categories a {
   padding: 0 var(--gap20);
   display: block;
   line-height: 34px;
}
header .site-categories a:hover {
   color: var(--color-green-dark);
   border-bottom: 4px solid var(--color-green-dark);
   margin-bottom: 0;
}
.header-scroll-1 {
   border-bottom: 1px solid var(--color-grey);
   background-color: white;
}
.header-scroll-1 .site-categories .items {
   gap: 0;
}
.header-scroll-1 .site-categories a {
   font-size: var(--fontsize-smallest);
}

#menu {
   /*display: block !important;*/
}
#menu {
   height: 100vh; 
   position: fixed; 
   top: 0; 
   left: 0; 
   background-color: white; 
   overflow-x: hidden;
   transition: 0.5s;
   flex-direction: column;
   flex-wrap: wrap;
   padding: var(--gap15) 0;
   align-items: center;
   background-color: var(--color-mint);
   box-shadow: 0 1px 2px rgba(77,72,69,.25),0 4px 6px rgba(77,72,69,.1);
   font-family: var(--font2);
}
#menu-overlay {
   background-color: transparent;
}
.menu .search,
.menu .join {
   order: 1;
   width: 31%;
}
.menu > .icon {
   position: absolute;
   top: 28px;
   left: var(--gap15);
   width: 15px;
   height: 15px;
}
.menu .logo {
   margin-bottom: var(--gap15);
   max-width: calc(100% - var(--gap15) * 3);
   padding-left: var(--gap40);
}
.menu .site-categories,
.menu .infolinks,
.menu .join {
   display: flex;
   flex-direction: column;
}
.menu .element-title {
   font-weight: 800;
   color: black;
   padding: var(--gap10) var(--gap15);
   font-size: var(--fontsize-smaller);
   background-color: var(--color-mint-dark);
}
.menu .site-categories a,
.menu .infolinks a,
.menu .join > div {
   text-decoration: none;
   color: black;
   padding: var(--gap10) var(--gap15);
   display: block;
   font-size: var(--fontsize-small);
}
.menu .site-categories a:hover,
.menu .infolinks a:hover {
   color: white;
   background-color: var(--color-green-dark);
}
.menu .join {
   width: 100%;
   background-color: var(--color-mint-dark);
   border-top: var(--color-grey) 1px solid;
}
.menu .join .icon {
   display: none;
}
.menu .join > div:hover {
   color: var(--color-green-dark);
}

/* HOMEPAGE */
.freebie {
   background-color: var(--color-mint);
   border: 1px solid var(--color-mint-dark);
   padding: var(--gap15);
   margin: var(--gap) 0 0;
}
.freebie .text {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: var(--gap);
}
.freebie .title {
   font-weight: 800;
   text-transform: uppercase;
   font-size: var(--fontsize-larger);
   font-family: var(--font2);
   max-width: 270px;
   line-height: 1.2;
}
.freebie .description {
   text-align: center;
}
.freebie .cta,
.lead .offer .cta {
   background-color: var(--color-red);
   font-family: var(--font2);
   color: white;
   border-radius: 4px;
   font-size: var(--fontsize-smallest);
   font-weight: 600;
   line-height: 40px;
   text-transform: uppercase;
   text-align: center;
   padding: 0 var(--gap10);
   min-width: max-content;
}
.freebie .cta:hover {
   background-color: var(--color-red-hover);
}

.section div:not(.griditem) > .heading {
   font-size: var(--fontsize-section-heading);
   font-weight: 600;
   line-height: 32px;
   padding-bottom: var(--gap10);
   letter-spacing: -0.0178em;
   font-family: var(--font2);
   padding-left: 40px;
   position: relative;
}
.section div:not(.griditem) > .heading:before {
    content: "";
    background-color: var(--color-red);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: absolute;
    left: 0px;
}

.section:not(.section6) .grid:not(:first-child):not(:last-child) {
   margin-bottom: var(--gap25);
}
.section:not(.section6) .heading + .grid {
   margin-top: var(--gap15);
   padding-top: 0;
   border: 0;
}

.grid {
   margin: var(--gap50) 0;
}

.grid8 {
   grid-template-columns: repeat(12, calc(100% / 12));
   grid-template-rows: repeat(12, calc(100% / 12));
   gap: 0;
}

.grid .text .title {
   font-family: var(--font1);
}

.grid8 .griditem .category,
.grid13.grid > .griditem:not(.list).normal .category,
.grid5 .griditem .category,
.grid2 .griditem .category,
.grid7 .griditem .category,
.grid13 .griditem .category {
   display: block;
   order: 1;
   color: white;
   display: block;
   background-color: var(--color-red);
   line-height: 26px;
   padding: 0 var(--gap10);
   letter-spacing: -0.4px;
   font-size: var(--fontsize-mini);
   font-family: var(--font2);
   text-transform: uppercase;
   font-weight: 600;
   width: max-content;
}
.grid8 .griditem .title,
.grid2 .griditem .title,
.grid7 .griditem .title {
   order: 2;
   width: 100%;
}
.grid8 .griditem:nth-child(1) .text,
.grid8 .griditem:nth-child(3) .text {
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
   border: 1px solid var(--color-grey);
   padding: var(--gap10);
}
.grid8 .griditem:nth-child(1) .name,
.grid8 .griditem:nth-child(3) .name,
.grid13 .griditem.text .name {
   display: block;
   order: 4;
   font-size: var(--fontsize-smallest);
}
.grid8 .griditem:nth-child(1) .avatar,
.grid8 .griditem:nth-child(3) .avatar {
   display: block;
   order: 3;
   height: 40px;
   width: 40px;
   border-radius: 50%;
   border: 1px solid var(--color-grey);
   overflow: hidden;
   font-size: 10px;
   line-height: 1;
   margin-right: var(--gap10);
}
.grid8 .griditem:nth-child(1) {
   grid-column: 1 / span 4;
   padding-right: var(--gap15);
}
.grid8 .griditem:nth-child(1) .title {
   font-weight: 500;
   font-size: var(--fontsize-header1);
   line-height: 1;
   margin: var(--gap5) 0 var(--gap20);
}
.grid8 .griditem:nth-child(1) .sub,
.grid5 .griditem.text .sub {
   display: block;
   order: 3;
   width: 100%;
   margin-bottom: var(--gap15);
   color: var(--color-grey-darker);
   line-height: 1.4;
}
.grid8 .griditem:nth-child(2) {
   grid-column: 5 / span 6;
   /*padding: 0 var(--gap15);*/
   border: 1px solid var(--color-grey);
}
.grid8 .griditem:nth-child(2) .image img {
   height: 345px;
}
.grid8 .griditem:nth-child(2) .text {
   align-items: center;
   padding: var(--gap50) 0;
}
.grid8 .griditem:nth-child(2) .title,
.grid5 .griditem:nth-child(1) .title {
   font-size: var(--fontsize-title-large);
   line-height: 1.2;
   text-align: center;
   margin: var(--gap10) 0 var(--gap5);
}
.grid8 .griditem:nth-child(3) {
   grid-column: 11 / span 2;
   padding-left: var(--gap15);
}
.grid8 .griditem:nth-child(3) .image img,
.grid5 .griditem:nth-child(2) .image img {
   height: 110px;
}
.grid8 .griditem:nth-child(3) .category {
   font-weight: 400;
   margin-top: var(--gap10);
}
.grid8 .griditem:nth-child(3) .title,
.grid5 .griditem:nth-child(2) .title {
   font-size: var(--fontsize-larger);
   font-weight: 500;
   line-height: 1.2;
   margin-bottom: var(--gap15);
   order: 2;
}

.grid13 {
   grid-template-rows: auto;
}
.grid13 .griditem:nth-child(1),
.grid13 .griditem:nth-child(2),
.grid13 .griditem:nth-child(3),
.grid13 .griditem:nth-child(4) {
   grid-row: 1 / span 1;
}
.grid13 > .griditem:not(.list).normal {
   border: 1px solid var(--color-grey);
}
.grid13 .griditem.list {
   background-color: var(--color-green-dark);
    color: white;
    padding: var(--gap10);
}
.grid13 .griditem .image img {
   height: 160px;
}
.grid13.grid > .griditem:not(.list) .text {
   padding: var(--gap15);
}
.grid13 .griditem:not(.list),
.grid13 .griditem.text a {
   position: relative;
   display: flex;
   color: black;
}
.grid13 .griditem .text {
   justify-content: space-between;
}
.grid13 .griditem .title {
   order: 2;
   font-size: var(--fontsize-large);
   font-weight: 500;
   line-height: 1.3;
}
.grid13 .griditem.article .title {
   margin-top: var(--gap5);
}
.grid13 .list .griditem {
   margin-left: var(--gap60);
   position: relative;
   padding: var(--gap15) 0;
}
.grid13 .list .griditem:not(:last-child) {
   border-bottom: 1px solid var(--color-grey);
}
.grid13 .list .heading {
   font-family: var(--font2);
   font-weight: 700;
   font-size: var(--fontsize-smaller);
}
.grid13 .list.griditem .griditem.text .title {
   font-size: var(--fontsize-smallest);
   font-weight: 500;
   margin: 0;
   height: auto;
   color: white;
}
.grid13 .list .number {
   display: block;
   color: white;
   font-weight: 500;
   font-family: var(--font1);
   font-size: var(--fontsize-header1);
   position: absolute;
   left: calc(var(--gap60) * -1);
   top: 50%;
   transform: translateY(-50%);
}
.grid13 .list .category {
   display: none;
}
.grid13 .griditem.text .title {
   font-size: var(--fontsize-small);
   margin-bottom: auto;
   margin-top: 0;
   /*height: 3.9em;*/
}
.grid13 .griditem.text .name {
   margin-top: var(--gap10);
}
.grid13 .list .griditem .avatar,
.grid13 .list .griditem .name {
   display: none;
}

.grid5 .griditem:nth-child(1) {
   grid-column: 1 / span 9;
   border: 1px solid var(--color-grey);
}
.grid5 .griditem:nth-child(1) > a {
   display: flex;
   flex-direction: row-reverse;
   text-align: center;
}
.grid5 .griditem > a {
   color: black;
}
.grid5 .griditem:nth-child(1) .image {
   width: 60%;
}
.grid5 .griditem:nth-child(1) .image img {
   height: 360px;
}
.grid5 .griditem:nth-child(1) .text {
   width: 40%;
   padding: 0 var(--gap);
   justify-content: center;
}
.grid5 .griditem:nth-child(1) .title {
   order: 2;
   margin-bottom: var(--gap15);
}
.grid5 .griditem:nth-child(2) {
   grid-column: 10 / span 3;
   display: flex;
   align-items: center;
   background-color: var(--color-grey-light);
   border: 1px solid var(--color-grey);
}
.grid5 .griditem:nth-child(2) .category {
   margin-top: var(--gap10);
}
.grid5 .griditem:nth-child(2) .text {
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}
.grid5 .griditem:nth-child(2) .title {
   text-align: center;
}
.grid5 .griditem:nth-child(2) .sub {
   text-align: center;
}

.section6 .grid5 {
   margin-bottom: 0;
   margin-top: var(--gap15);
   padding-bottom: var(--gap15);
}
.section6 .grid13 {
   margin-top: var(--gap15);
}
.section6 .grid13:not(:last-child) {
   padding-bottom: 0;
   margin-bottom: 0;
}
.grid13:not(:last-child) > .griditem {
   margin-bottom: var(--gap15);
}
.grid13 .griditem {
   border: 1px solid var(--color-grey);
}

.link-block {
   margin-bottom: var(--gap);
}
.link-block > div {
   background-color: var(--color-grey-light);
   border: 1px solid var(--color-grey);
   padding: var(--gap10);
   font-weight: 500;
}
.link-block > div:not(:last-child) {
   border-bottom: 0;
}
.link-block a:hover {
   color: var(--color-red-hover);
}

.section .site-categories {
   margin-top: var(--gap15);
}
.section .site-categories .element-title {
   display: none;
}
.section .site-categories .items {
   display: flex;
   gap: var(--gap10);
   justify-content: center;
   text-transform: uppercase;
   font-size: var(--fontsize-mini);
   font-weight: 600;
}
.section9 .site-categories + .grid:not(:first-child):not(:last-child) {
   margin-top: 0;
   border: 0;
}

.grid2 .griditem,
.grid7 .griditem {
   border: 1px solid var(--color-grey);
}
.grid2 .title,
.grid7 .title {
   font-size: var(--fontsize-small);
   margin-top: var(--gap10);
}
.grid2 .image img {
   height: 350px;
}
.grid7 .image img {
   height: 230px;
}
.grid2 .text,
.grid7 .text {
   align-items: center;
   text-align: center;
   padding: var(--gap15);
}

/* DIRECTORY */
.directory > .content {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: var(--gap50) var(--gap15);
}
.directory .overview {
   gap: var(--gap40);
   grid-template-columns: 1fr 1fr;
}
.directory .overview .article {
   border: 1px solid var(--color-grey);
}
.directory .overview .article > a {
   display: grid;
   grid-template-columns: calc(35% - var(--gap15) / 2) calc(65% - var(--gap15) / 2);
   gap: var(--gap15);
}
.directory .overview .article > a .text {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   padding: var(--gap10) var(--gap10) var(--gap10) 0;
}
.directory .overview .article .title {
   order: 2;
   font-weight: 500;
   line-height: 1.2em;
   font-family: var(--font1);
   font-size: var(--fontsize-larger);
   margin: var(--gap10) 0;
}
.directory .overview .article > a .image {
   height: 275px;
}
.directory .overview .article .intro {
   display: block;
   margin-bottom: 0;
   font-size: var(--fontsize-smallest);
   order: 3;
   margin-top: var(--gap-mini);
   font-weight: 300;
   line-height: 1.4em;
}
.directory .overview .article .sub {
   display: block;
   color: var(--color-red);
   font-size: var(--fontsize-mini);
   font-weight: 600;
   text-transform: uppercase;
   order: 1;
   line-height: 1.2;
   font-family: var(--font2);
}
.directory .overview .article .name {
   display: block;
}

/* LEAD */
.lead .content .overview,
.lead .content .detailed {
   display: flex;
   flex-direction: column;
   gap: var(--gap);
   padding: var(--gap) 0;
}
.lead .content .offer {
   display: flex;
   gap: var(--gap25);
   justify-content: space-between;
   width: 100%;
   height: auto;
   font-family: var(--font1);
}
.lead .content .offer:not(:nth-last-child(-n + 2)) {
   border-bottom: 1px solid var(--color-grey);
   padding-bottom: var(--gap);
}
.lead .content .offer .logo {
   width: 150px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.lead .content .offer .logo img {
   height: 100%;
   width: auto;
}
.lead .overview .name,
.lead .description,
.lead .label,
.lead .data3,
.lead .list {
   display: none;
}
.lead .content .offer .law {
   flex-basis: 100%;
   font-size: var(--fontsize-mini);
}
.lead .content .detailed {
   flex-direction: row;
   gap: var(--gap35);
   flex-wrap: wrap;
}
.lead .detailed .offer {
   width: calc(50% - var(--gap35) / 2);
   flex-wrap: wrap;
   position: relative;
   justify-content: flex-start;
   padding-right: 170px;
}
.lead .detailed .offer .number {
   line-height: 30px;
   background-color: var(--color-red);
   color: white;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   text-align: center;
}
.lead .detailed .offer .logo {
   position: absolute;
   right: 10px;
   top: var(--gap);
   height: auto;
}
.lead .detailed .offer .name {
   font-weight: 600;
   font-size: var(--fontsize-larger);
}
.lead .detailed .offer .data1 {
   width: 100%;
   font-size: var(--fontsize-post-body);
   font-weight: 700;
}
.lead .detailed .offer .stars,
.lead .detailed .offer .data2,
.lead .detailed .offer .law {
   display: none;
}
.lead .detailed .offer .list {
   width: 100%;
   display: block;
   font-size: var(--fontsize-smaller);
}
.lead .detailed .offer .list ul {
   margin: 0;
   padding: 0;
   list-style-position: inside;
}

/* ARTICLES */
.single-header {
   display: flex;
   flex-direction: column;
   border-bottom: 1px solid var(--color-grey);
   padding-bottom: var(--gap10);
   margin-bottom: var(--gap15);
   font-family: var(--font2);
}
.single-header .category {
   display: block;
}
.single-header .title {
   order: 2;
   margin: var(--gap10) 0 var(--gap20);
   font-family: var(--font1);
}
.single-header .sub {
   display: block;
   order: 3;
}
.single-header .image {
   order: 4;
   margin: var(--gap) 0;
}
.single-header .image .credits {
   color: var(--color-grey-darker);
   font-size: var(--fontsize-smallest);
}
.single-header .author {
   display: block;
   order: 5;
   font-weight: 700;
}

blockquote {
   font-style: italic;
}

table {
   border-collapse: collapse;
}
table tr {
   background-color: var(--color-mint-dark);
}
table tr:nth-child(odd) {
   background-color: var(--color-mint);
}
table th {
   text-align: left;
}
table th,
table td {
   padding: var(--gap5) var(--gap10);
}
table td {
   font-size: var(--fontsize-small);
}

lead .content ul, 
lead .content ol, 
.single-body ul, 
.single-body ol, 
.page .content ul,
.page .content ol {
   margin: 0 0 var(--gap25);
   padding: 0;
   list-style-position: inside;
}
lead .content ol,
.single-body ol,
.page .content ol {
   counter-reset: item;
   list-style-type: none;
}
ol > li {
   position: relative;
   padding-left: calc(2ch + 4px);
}
ol > li:before {
   font-family: var(--font2);
   display: inline-block;
   position: absolute;
   left: 0;
   transform-origin: center left;
   font-weight: 600;
   content: counter(item);
   counter-increment: item;
   font-feature-settings: "tnum";
   transform: scale(.8888888889);
   margin-left: -.1422222222ch;
}



.related h3 {
   font-family: var(--font2);
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 2.5px;
   font-size: var(--fontsize-small);
   margin-bottom: 0;
   border-top: 1px solid var(--color-grey);
   padding-top: var(--gap10);
}
.related .articles {
   display: flex;
   flex-direction: column;
}
.related .article {
   border-bottom: 1px solid var(--color-grey);
}
.related .article a {
   padding: var(--gap10) 0;
   display: flex;
   letter-spacing: -.0156em;
   line-height: 22px;
   font-weight: 600;
   gap: var(--gap);
}
.related .article a .title {
   padding: var(--gap5) 0;
}
.related .article a img {
   height: 55px;
   width: 80px;
}

.faq,
.consider,
.types,
.brands {
   border: 1px solid var(--color-grey-dark);
   padding: var(--gap);
}
.faq h2,
.consider h2,
.types h2,
.brands h2 {
   margin: 0;
}
.faq h3,
.consider h3,
.types h3,
.brands h3 {
   margin-bottom: var(--gap10);
   margin-top: var(--gap30);
}
.faq h3 + p,
.consider h3 + p,
.types h3 + p,
.brands h3 + p {
   margin-top: 0;
}
.faq > *:last-child,
.consider > *:last-child,
.types > *:last-child,
.brands > *:last-child {
   margin-bottom: 0;
}

.single-footer {
   padding: var(--gap) 0 0;
}
.single-footer .freebie {
   display: block;
   margin-top: 0;
}
.single-bottom {
   padding-top: var(--gap);
}
.single-bottom h2 {
   margin-bottom: var(--gap5);
   margin-top: var(--gap);
}

/* BEST */
.best .overview,
.best .detailed {
   margin: var(--gap) 0;
}
.best .overview h2,
.best .detailed h2 {
   flex-basis: 100%;
    margin-bottom: 0;
    padding-top: var(--gap35);
}
.best .product {
   display: flex;
   padding: var(--gap) 0 var(--gap25);
   flex-wrap: wrap;
   font-family: var(--font2);
   font-size: var(--fontsize-smaller);
   align-items: center;
}
.best .overview .product {
   gap: var(--gap15);
   font-family: var(--font1);
}
.best .product:not(:last-child) {
   border-bottom: 1px solid var(--color-grey);
}
.best .product a {
   color: black;
}
.best .overview .product .rating1 {
   display: block;
   order: 2;
   font-size: var(--fontsize-post-body);
}
.best .overview .product .image {
   display: flex;
   order: 3;
   height: 70px;
   width: 100px;
   justify-content: center;
}
.best .overview .product .image img {
   display: block;
   height: 100%;
   width: auto;
}
.best .overview .product .title {
   order: 1;
   width: calc(100% - 100px - var(--gap15));
   font-size: var(--fontsize-large);
   font-weight: 600;
}
.best .product .cta {
   font-size: var(--fontsize-smallest);
   font-weight: 500;
}
.best .overview .product .cta {
   display: block;
   order: 5;
   flex: 1;
   width: 150px;
   margin-left: auto;
   text-align: right;
}
.best .product .cta a:after {
   content: "\2192";
   margin-left: var(--gap10);
}
.best .overview .product .summary {
   display: block;
   order: 4;
   flex: 2;
   line-height: 1.2em;
}
.best .detailed {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.best .detailed .product {
   width: 49%;
   margin-bottom: 2%;
   flex-direction: column;
}
.best .detailed .product .title {
   font-weight: 500;
   font-size: var(--fontsize-large);
}
.best .detailed .product {
   border-bottom: 1px solid var(--color-grey);
}
.best .detailed .product .label,
.best .detailed .product .image,
.best .detailed .product .price,
.best .detailed .product .cta,
.best .detailed .product .pros-cons-1-list,
.best .detailed .product .description,
.best .detailed .product .specifications {
   display: block;
   margin-bottom: var(--gap15);
}
.best .detailed .product .label,
.best .detailed .product .image,
.best .detailed .product .title,
.best .detailed .product .pros-cons-1-list,
.best .detailed .product .description,
.best .detailed .product .specifications {
   width: 100%;
}
.best .detailed .product .label {
   order: 2;
   font-weight: 700;
   font-size: var(--fontsize-small);
   margin-bottom: 0px;
   color: var(--color-red);
}
.best .detailed .product .title {
   order: 3;
   margin-bottom: var(--gap15);
   font-family: var(--font1);
   font-weight: 700;
   font-size: var(--fontsize-larger);
}
.best .detailed .product .image {
   order: 1;
   width: 100%;
   height: 440px;
}
.best .detailed .product .image img {
   width: 100%;
   height: 440px;
}
.best .detailed .product .description {
   order: 4;
}
.best .detailed .product .description > p {
   margin: 1rem 0;
   font-family: var(--font1);
   font-size: var(--fontsize-smaller);
}
.best .detailed .product .description > p:first-child {
   margin-top: 0px;
}
.best .detailed .product .price {
   order: 5;
   font-weight: 500;
   border: 1px solid black;
   padding: var(--gap15) var(--gap20);
   margin-right: var(--gap15);
}
.best .detailed .product .cta {
   order: 6;
}
.best .detailed .product .cta a {
   font-size: var(--fontsize-smaller);
   font-weight: 700;
}
.best .detailed .product .cta a:hover {
   text-decoration: none;
}
.best .detailed .product .rating2 {
   order: 7;
}
.best .detailed .product .rating3 {
   order: 8;
}
.best .detailed .product .pros-cons-1-list {
   order: 9;
}
.best .detailed .product .specifications h3,
.best .detailed .product .pros-cons-1-list h3 {
   margin-bottom: var(--gap5);
   font-size: var(--fontsize-large);
}
.best .detailed .product .specifications h3 {
   margin-top: 0px;
}
.best .detailed .product .specifications {
   order: 10;
   margin-bottom: 0px;
}
.best .detailed .product .specifications ul {
   margin-bottom: 0px;
}
.best .others .product {
   flex-direction: column;
   align-items: flex-start;
}
.best .others .product .label {
   color: var(--color-red);
}
.best .others .product .label,
.best .others .product .cta {
   display: block;
}
.best .others .product .cta {
   font-weight: 700;
}
.best .others .product .title {
   font-weight: 500;
   font-size: var(--fontsize-large);
}

/* SHOP */
.shop .overview {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap);
   margin: var(--gap35) 0;
}
.shop .overview h2 {
   flex-basis: 100%;
   margin-bottom: 0;
   padding-top: var(--gap35);
}
.shop .product {
   background-color: white;
   border: 1px solid var(--color-grey);
   padding: var(--gap) var(--gap25);
   flex-basis: calc(((100% - var(--gap) * 2) / 3) - 2px);
   line-height: 1.2em;
   display: flex;
   flex-direction: column;
   gap: var(--gap10);
   position: relative;
   font-family: var(--font2);
}
.shop .product .image {
   order: 1;
   height: 175px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.shop .product .image img {
   max-height: 100%;
   width: auto;
}
.shop .product .title {
   order: 3;
   font-weight: 600;
   font-family: var(--font1);
}
.shop .product .title a,
.shop .product .title a:hover {
   color: black;
}
.shop .overview .product .rating2 {
   display: block;
   order: 2;
}
.shop .overview .product .label {
   display: block;
   order: 4;
   color: var(--color-grey-darker);
   font-size: var(--fontsize-smaller);
   font-weight: 600;
}
.shop .overview .product .number {
   display: block;
   position: absolute;
   top: -10px;
   left: -10px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: white;
   background-color: var(--color-red);
   box-shadow: -3px 3px 0 0 black;
   border-radius: var(--border-radius-mini);
   width: 30px;
   height: 30px;
   font-weight: 600;
   font-size: var(--fontsize-small);
}

/* FOOTER */
footer {
   padding: var(--gap25) 0;
   font-size: var(--fontsize-smallest);
   border-top: 1px solid var(--color-grey);
   font-family: var(--font2);
}
footer .inner {
   display: flex;
   flex-wrap: wrap;
   row-gap: var(--gap);
}
footer [class^="list"] {
   width: calc(100% / 6);
}
footer [class^="list"] .element-title {
   /*color: white;*/
   font-weight: 700;
   padding-bottom: var(--gap10);
}
footer [class^="list"] a {
   color: black;
   text-decoration: none;
   padding: var(--gap5) 0;
   display: block;
}
footer [class^="list"] a:hover {
   color: white;
}
footer .copyright {
   width: 100%;
   order: 10;
   font-size: var(--fontsize-mini);
   line-height: 1.3;
}
footer .copyright .short,
footer .copyright .medium {
   display: none;
}

/* ----- Cookies ----- */
#cookies-overlay, #cookies {
   /*display: block !important;*/
}
#cookies-overlay {
   background-color: black;
   opacity: 0.4;
}
#cookies { 
   background-color: white; 
   padding: var(--gap40);
   top: 10%;
   left: 50%;
   transform: translateX(-50%);
   max-width: 500px;
}
#cookies .icon {
   display: none;
}
#cookies .text {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   font-size: var(--fontsize-small);
   line-height: 1.4em;
   justify-content: space-between;
}
#cookies .short {
   font-weight: 800;
   font-size: var(--fontsize-larger);
   position: relative;
   padding-bottom: 10px;
   margin-bottom: var(--gap15);
}
#cookies .short:after {
   content: "";
   display: block;
   height: 4px;
   width: 100px;
   background-color: var(--color-green-action);
   position: absolute;
   bottom: 0;
}
#cookies .long1,
#cookies .long2 {
   display: block;
   padding-bottom: var(--gap15);
   font-size: var(--fontsize-smallest);
   line-height: 1.3;
}
#cookies .accept,
#cookies .settings {
   color: var(--color-green-action);
   background-color: white;
   text-decoration: none;
   font-size: var(--fontsize-smallest);
   padding: var(--gap10) var(--gap20);
   font-weight: 700;
   border: 1px solid var(--color-green-action);
   width: calc(49% - var(--gap20) * 2);
   text-align: center;
}
#cookies .accept {
   background-color: var(--color-green-action);
   color: white;
}
#cookies .deny {
   display: none;
}

@media (max-width: 1200px) {
   .header-normal-2 .inner,
   .header-scroll-1 .inner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
   }
   .header-scroll-1 .site-categories {
      order: 3;
      margin: var(--gap20) auto 0;
   }
}
@media (max-width: 1000px) {
   .gridimg1 .griditem, .gridimg2 .griditem, .gridimg3 .griditem, .gridimg4 .griditem, .grid1 .griditem, .grid2 .griditem, .grid3 .griditem, .grid4 .griditem, .grid5 .griditem, .grid6 .griditem, .grid7 .griditem, .grid18 .griditem {
      height: auto;
   }
   
   .single-body > table,
   .page .content > table {
      max-width: 100%;
      overflow-x: auto;
      display: block;
   }
   
   .header-normal-2 .logo {
      max-width: 240px;
   }
   
   .grid8 {
      display: flex;
      flex-direction: column;
   }
   .grid8 .griditem:nth-child(2) {
      padding: var(--gap15) 0;
      margin: var(--gap15) 0;
      border: 0;
   }
   .grid8 .griditem:nth-child(3) {
      padding: 0;
   }
   
   .grid13 {
      grid-template-rows: auto auto;
   }
   .grid13 .griditem:nth-child(3), .grid13 .griditem:nth-child(4) {
      grid-row: 2 / span 1;
   }
   .directory .overview .article > a {
      display: flex;
      flex-direction: column;
   }
}
@media (max-width: 767px) {
   .header-normal-2 .search, .header-scroll-1 .search {
      display: none;
   }
   header .site-categories .items {
      flex-wrap: wrap;
   }
   .grid5 .griditem:nth-child(1) > a,
   .freebie .text {
      flex-direction: column;
      gap: var(--gap15);
   }
   .grid5 .griditem:nth-child(1) .image,
   .grid5 .griditem:nth-child(1) .text {
      width: 100%;
   }
   
   .link-block > div {
      margin-top: 2%;
   }
   
   .section .site-categories .items {
      flex-wrap: wrap;
   }
   .lead .detailed .offer {
      width: 100%;
   }
   
   .related .articles {
      flex-wrap: wrap;
      gap: var(--gap15);
   }
   .related .article {
      width: calc(50% - var(--gap15) / 2)
   }
   
   .best .detailed .product {
      width: 100%;
   }
   
   .shop .product {
      flex-basis: calc(50% - var(--gap) / 2 - 2px);
   }
   
   .lead .content, .single-body {
      padding: 0;
   }
}
@media (max-width: 600px) {
   .grid13 > .griditem:not(:last-child):after {
      content: none;
   }
   
   .directory .overview {
      grid-template-columns: 1fr;
   }
}