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

/* ----- Fonts ----- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {--font1: "Montserrat", sans-serif, system-ui;} 

:root {--fontsize-smallest: 13px;}
:root {--fontsize-smaller: 14px;}
:root {--fontsize-small: 16px;}
:root {--fontsize-body: 18px;}
:root {--fontsize-large: 21px;}
:root {--fontsize-grid-heading: 32px;}
:root {--fontsize-header3: 24px;}
:root {--fontsize-header2: 43px;}
:root {--fontsize-header1: 57px;}

/* ----- Colors ----- */
:root {--color-white: #fff;}
:root {--color-black: #000;}
:root {--color-black-action: #040404;}
:root {--color-black-action-hover: #273333;}
:root {--color-font: #162020;}
:root {--color-link: #205bc3;}
:root {--color-blue-light: #e9f4ff;}
:root {--color-blue-dark: #002138;}
:root {--color-grey-lighter: #f3f4f4;}
:root {--color-grey-light: #dee1e1;}
:root {--color-grey-dark: #515e5f;}
:root {--color-green: #0ca750;}
:root {--color-green-hover: #008b46;}
:root {--color-green-dark: #026661;}
:root {--color-green-dark-hover: #067c7c;}
:root {--color-turquoise: #a5f2f2;}

/* ----- Icons ----- */
.menu-icon .icon {background-image: url(/files/icon/menu_a.svg);}
.search .icon {background-image: url(/files/icon/search_b.svg);}
.social .items .x .icon {background-image: url(/files/icon/new_x_a.svg);}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_1.svg);}
.social .items .linkedin .icon {background-image: url(/files/icon/linkedin_5.svg);}
.social .items .pinterest {display: none;}
.social .items .youtube {display: none;}
.social .items .rss {display:none;}
.social .items .tiktok {display:none;}
.social .items .mail .icon {background-image: url(/files/icon/email_39.svg);}
.social .items .instagram {display:none;}
.social .icon {
   height: 24px;
   width: 24px;
}

/* ----- Border Radius ----- */
:root {--border-radius-default: 6px;}
:root {--border-radius-mini: 4px;}

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

/* ----- Site Width ----- */
:root {--width-site: 1320px;}
:root {--width-site2: 800px;}

.article {
   margin: 0;
}

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

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

/* ################################################################# VARIOUS ################################################################# */
* {
    box-sizing: border-box;
}
body {
   font-family: var(--font1);
   color: var(--color-font);
   font-size: var(--fontsize-body);
}
h1 {
   font-size: var(--fontsize-header1);
   font-weight: 800;
   letter-spacing: -1.728px;
   line-height: 56px;
}
h2 {
   font-size: var(--fontsize-header2);
   font-weight: 800;
   line-height: 48px;
   letter-spacing: -1.44px;
   margin: 0 0 var(--gap25);
}
h3 {
   font-size: var(--fontsize-header3);
   font-weight: 800;
   line-height: 40px;
   letter-spacing: -1.152px;
   margin: 0 0 var(--gap15);
}

.page .mobile .logo {
   width: auto;
}
header .logo a,
.page .mobile .logo a,
footer .logo a {
   text-decoration: none;
}
header .logo a > span,
.page .mobile .logo a > span,
footer .logo a > span {
   display: block;
   font-size: 1.7em;
   letter-spacing: -0.02em;
   font-weight: 400;
   text-align: center;
}
header .logo a > span > span:first-child,
.page .mobile .logo a > span > span:first-child,
footer .logo a > span > span:first-child {
   font-weight: 700;
   margin-right: 2px;
   color: var(--color-green-hover);
}

#header-sticky .inner,
.home > .section,
.directory .content,
.lead .content,
.single article,
.page .content,
.archive .content,
footer .desktop .inner {
   width: 100%;
   max-width: var(--width-site);
   margin-right: auto;
   margin-left: auto;
   padding: 0 var(--gap20);
}
.page .content {
   max-width: var(--width-site2);
   padding: 0 var(--gap20);
}

/* Hide elements */
#header-sticky .join .icon,
#header-sticky .join .newsletter,
.site-categories .element-title,
.email .name-field,
.email .above-email-field,
.email .checkbox,
.email .law {
   display: none;
}

/* Buttons */
#header-sticky .join .subscribe,
.email .cta,
.freebie .cta,
.best .detailed .product .cta,
#cookies .deny,
#cookies .settings,
#cookies .accept {
   background-color: black;
   border-radius: var(--border-radius-mini);
   font-weight: 600;
   padding: var(--gap15) var(--gap25);
   text-align: center;
   color: var(--color-white);
}

/* Section headings */
.section .heading,
.site-categories-images .element-title,
.single-bottom h2 {
   font-size: var(--fontsize-header3);
   font-weight: 800;
   line-height: 40px;
   letter-spacing: -1.152px;
   position: relative;
   padding-left: var(--gap45);
}
.section .heading:before,
.single-bottom h2:before {
   content: "";
   width: var(--gap30);
   height: var(--gap30);
   background: var(--color-green-dark);
   border-radius: 50%;
   position: absolute;
   left: 0;
   top: 4px;
}

/* Posts and content text */
.lead .content,
.single-body,
.page .content {
   line-height: 35px;
}

/* HEADER */
#header-sticky {
   background-color: var(--color-grey-lighter);
   border-bottom: 1px solid var(--color-grey-light);
   z-index: 3;
}
#header-sticky .header-sticky-1 .inner {
   max-width: var(--width-site);
   display: flex;
   flex-wrap: wrap;
   font-size: var(--fontsize-small);
   align-items: center;
   padding: var(--gap10);
   row-gap: var(--gap10);
}
#header-sticky .join {
   order: 1;
   width: 100%;
   gap: var(--gap15);
   align-items: center;
   display: flex;
}
#header-sticky .join > div {
   padding: var(--gap10);
}
#header-sticky .join .signin {
   margin-left: auto;
}
#header-sticky .logo {
   order: 2;
   margin-right: var(--gap);
}
#header-sticky .site-categories {
   order: 3;
}
#header-sticky .site-categories a > div {
   padding: var(--gap20);
   font-weight: 600;
}

/* INDEX */
.index .site-categories {
   display: flex;
   padding: var(--gap30) 0;
}
.index .site-categories .items {
   background-color: var(--color-blue-light);
   padding: var(--gap15) var(--gap30);
   border-radius: var(--gap30);
   border: 1px solid var(--color-grey-light);
   display: flex;
   gap: var(--gap25);
}
.index .site-categories .items a {
   color: var(--color-font);
}

.email {
   margin-top: var(--gap);
   margin-bottom: var(--gap70);
}
.section:not(.section2) .email {
   padding: var(--gap40) var(--gap);
   background-color: var(--color-blue-light);
   border: 1px solid var(--color-grey-light);
}
.email .text {
   display: flex;
   flex-wrap: wrap;
}
.section2 .email .text {
   row-gap: var(--gap15);
}
.email .title {
   font-size: var(--fontsize-header3);
   font-weight: 800;
   line-height: 40px;
   letter-spacing: -1.152px;
   margin-bottom: var(--gap10);
}
.section2 .email .title {
   font-size: var(--fontsize-header1);
   font-weight: 800;
   line-height: 78px;
   width: 100%;
}
.email .description {
   line-height: 35px;
   width: 100%;
}
.email .cta,
.email .fields {
   margin-top: var(--gap15);
}
.email .cta {
   padding: var(--gap25) var(--gap30);
   background-color: var(--color-green-dark-hover);
}
/*.section:not(.section2) .email .fields,
.section:not(.section2) .email .cta {
   margin-top: -45px;   
}*/
.email .email-field input {
   padding: var(--gap25);
   font-size: var(--fontsize-body);
   font-weight: 600;
   border: 1px solid var(--color-grey-light);
   font-family: var(--font1);
   border-radius: var(--border-radius-mini);
   color: var(--color-grey-dark);
}
.email .email-field input:focus {
   color: var(--color-font);
}

/* Grids */
.grid {
   margin: var(--gap40) 0 0;
}
.section .grid:last-child {
   margin-bottom: var(--gap70);
}
.grid .griditem .title {
   font-size: var(--fontsize-body);
   line-height: 1.3em;
   font-weight: 800;
   letter-spacing: -.018em;
   order: 2;
}

.grid21 {
   row-gap: var(--gap25);
   grid-template-rows: repeat(12, calc((100% - var(--gap25) * 11) / 12));
}
.grid21 .griditem:first-child img {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
}
.grid21 .griditem {
   display: flex;
}
.grid21 .griditem > a {
   display: flex;
   flex-direction: column;
}
.grid21 .griditem .image {
   flex: 1 1 35%;
}
.grid21 .text {
   padding: var(--gap25) 0 0;
   font-size: var(--fontsize-small);
   gap: var(--gap10);
   flex: 1 1 65%;
}
.grid21 .griditem:first-child .text {
   padding: var(--gap30) var(--gap40);
}
.grid21 .category,
.section:not(.section4) .category,
.grid2 .category {
   display: block;
   font-size: var(--fontsize-small);
   font-weight: 700;
   line-height: 22px;
   text-transform: uppercase;
   order: 1;
   letter-spacing: .72px;
}
.grid21 .title {
   order: 2;
   margin-bottom: var(--gap5);
}
.grid21 .griditem:first-child .title {
   font-size: var(--fontsize-header3);
   font-weight: 800;
   line-height: 42px;
}
.grid21 .griditem:first-child .intro {
   display: block;
   order: 3;
   line-height: 28px;
}
.grid21 .minutes,
.grid13 .minutes,
.grid2 .minutes,
.grid2 .date {
   display: block;
   order: 4;
   line-height: 22px;
   color: var(--color-font);
   margin-top: auto;
}

.grid13,
.grid2 {
   grid-template-rows: auto;
}
.grid13 .griditem,
.grid2 .griditem {
   grid-row: auto;
}
.section4 .grid13 .griditem:nth-child(1) {
   grid-column: 1 / span 4;
}
.section4 .grid13 .griditem:nth-child(2) {
   grid-column: 5 / span 4;
}
.section4 .grid13 .griditem:nth-child(3) {
   grid-column: 9 / span 4;
}
.grid13 .griditem:nth-child(1),
.grid13 .griditem:nth-child(2),
.grid13 .griditem:nth-child(3),
.grid13 .griditem:nth-child(4) {
   grid-row: auto;
}
.grid13 .image img {
   height: 230px;
}
.grid13 .text,
.grid2 .text {
   padding: var(--gap25) 0 0;
   font-size: var(--fontsize-small);
   gap: 10px;
   flex: 1 1 65%;   
}

.grid2 .griditem > a {
   display: flex;
   gap: var(--gap25);
}
.grid2 .griditem .image {
   min-width: 215px;
   max-width: 215px;
   height: 135px;
}
.grid2 .title {
   order: 2;
}
.grid2 .minutes {
   order: 3;
}
.grid2 .date {
   margin-left: auto;
}
.grid2 .griditem:nth-child(1),
.grid2 .griditem:nth-child(2) {
   grid-row: auto;
   padding-bottom: var(--gap25);
}
.grid2:not(:last-child) .griditem:nth-child(1),
.grid2:not(:last-child) .griditem:nth-child(2) {
   border-bottom: 1px solid var(--color-grey-light);
}
.grid2 .text {
   padding-top: 0;
   flex-direction: row;
   flex-wrap: wrap;
}

.freebie {
   background-color: var(--color-blue-dark);
   padding: var(--gap40) var(--gap);
   margin-bottom: var(--gap70);
   color: white;
}
.freebie .text {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}
.freebie .title {
   font-size: var(--fontsize-header1);
   line-height: 56px;
   font-weight: 800;
}
.freebie .description {
   margin: var(--gap25) 0 var(--gap30);
}
.freebie .cta {
   background-color: var(--color-green-dark);
}

.site-categories-images .element-title {
   padding: 0;
   text-align: center;
}
.site-categories-images .items {
   display: grid;
   grid-template-columns: repeat(12, calc((100% - var(--gap)* 11) / 12));
   grid-template-rows: auto auto;
   gap: var(--gap);
   margin: var(--gap40) 0 0;
}
.site-categories-images .items .griditem {
   grid-row: 1 / span 1;
}
.site-categories-images .items .griditem:nth-child(n+4) {
   grid-row: 2 / span 1;
}
.site-categories-images .items .griditem:nth-child(3n) {
   grid-column: 1 / span 4;
}
.site-categories-images .items .griditem:nth-child(3n+1) {
   grid-column: 5 / span 4;
}
.site-categories-images .items .griditem:nth-child(3n+2) {
   grid-column: 9 / span 4;
}
.site-categories-images .items .griditem:nth-child(n+7) {
   display: none;
}
.site-categories-images a {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap; 
   padding-left: calc(150px + var(--gap25));
   position: relative;
}
.site-categories-images .image {
   height: 150px;
   width: 150px;
   border-radius: 50%;
   overflow: hidden;
   position: absolute;
   left: 0px;
}
.site-categories-images .title {
   font-weight: 800;
   line-height: 35px;
   position: relative;
}
.site-categories-images .title:after {
   content: "\279E";
   margin-left: var(--gap5);
}
.site-categories-images .description {
   display: block;
   line-height: 1.4em;
   letter-spacing: -.116px;
}

.link-block {
   margin: var(--gap40) 0 var(--gap70);
}
.link-block {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   gap: var(--gap20);
}
.link-block > div {
   flex: 0 1 46%;
   word-break: break-word;
/*   display: flex;*/
   /*align-items: center;*/
   /*gap: var(--gap5);*/
   font-size: var(--fontsize-small);
   background-color: var(--color-blue-light);
   padding: var(--gap10) var(--gap15);
   line-height: 1.2;
   position: relative;
   color: var(--color-link);
   border-radius: var(--border-radius-mini);
}
.link-block a {
   color: var(--color-link);
   /*height: 50px;*/
/*   display: flex;
   align-items: center;*/
}

/* DIRECTORY */
.directory .content {
   padding-top: var(--gap);
   padding-bottom: var(--gap70);
}
.directory .overview {
   grid-template-columns: repeat(2, 1fr);
   gap: 0 var(--gap);
}
.directory .overview .article:not(:nth-last-of-type(-n+2)) {
   padding-bottom: var(--gap15);
   border-bottom: 1px solid var(--color-grey-light);
}
.directory .overview .article:nth-child(n + 3) {
   padding-top: var(--gap15);
}
.section6 .inner .wide .article > a, .directory .overview .article a {
    display: flex;
    gap: var(--gap15);
    align-items: flex-start;
}
.directory .overview .article a .image {
   flex: 1;
   height: 120px;
}
.directory .overview .article a .text {
   flex: 2;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   font-size: var(--fontsize-small);
   line-height: 28px;
   gap: var(--gap10);
}
.directory .overview .article .text .title {
   order: 3;
   width: 100%;
   font-size: var(--fontsize-body);
   line-height: 1.3em;
   font-weight: 800;
   letter-spacing: -.018em;
}
.directory .overview .article a .text .sub {
   display: block;
   order: 4;
}

/* LEAD */
.lead .content {
   padding-top: var(--gap);
   padding-bottom: var(--gap);
}
.lead .label,
.lead .overview .description,
.lead .overview .stars,
.lead .overview .law,
.lead .data2,
.lead .data3,
.lead .overview .name {
   display: none; 
}
.lead .overview {
   border: 1px solid var(--color-grey-light);
   border-radius: 10px;
}
.lead .overview .offer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: var(--gap10);
   column-gap: var(--gap);
   row-gap: var(--gap10);
   height: auto;
}
.lead .overview .offer > div {
   flex: 1 1 auto;
}
.lead .overview .offer:not(:last-child) {
   border-bottom: 1px solid var(--color-grey-light);
}
.lead .number {
   flex-basis: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.lead .number span {
   border-radius: 50%;
   text-align: center;
   width: 30px;
   height: 30px;
   line-height: 30px;
   font-weight: 600;
}
.lead .overview .offer .logo {
   height: 90px;
   flex-basis: 110px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.lead .overview .offer .logo img {
   height: auto;
   width: auto;
}
.lead .overview .offer .data1 {
   flex-basis: 150px;
   text-align: center;
}
.lead .overview .offer .list {
   flex-basis: 350px;
}
.lead .detailed {
   display: flex;
   gap: var(--gap);
   flex-wrap: wrap;
}
.lead .detailed .offer {
   border: 1px solid var(--color-grey-light);
   border-top: 0;
   border-radius: 10px;
   padding: var(--gap45) var(--gap30) var(--gap30);
   position: relative;
   display: flex;
   flex-wrap: wrap;
   flex: 1 1 40%;
   font-size: var(--fontsize-smaller);
   line-height: 1.4em;
   gap: var(--gap20);
   align-items: center;
   justify-content: space-between;
}
.lead .detailed .offer .number {
   position: absolute;
   top: 0px;
   left: -1px;
   flex-basis: auto;
   width: 45px;
   height: 45px;
   border-radius: 10px 0;
   background-color: var(--color-turquoise);
   z-index: 2;
}
.lead .detailed .offer .number span {
   border-radius: 0;
}
.lead .detailed .name {
   font-size: var(--fontsize-header3);
   font-weight: 600;
   text-align: center;
   order: 1;
   background-color: var(--color-black-action);
   color: var(--color-white);
   height: 45px;
   line-height: 45px;
   position: absolute;
   left: 1px;
   top: 0px;
   z-index: 1;
   width: 100%;
   border-radius: 10px 10px 0 0;
}
.lead .detailed .offer .logo {
   height: 100px;
   padding: var(--gap20) 0 0;
   width: 100%;
   text-align: center;
   order: 2;
}
.lead .detailed .offer .logo img {
   height: 100%;
   width: auto;
}
.lead .detailed .offer .stars {
   width: 100%;
   text-align: center;
   order: 3;
   font-size: var(--fontsize-header3);
}
.lead .detailed .offer .description {
   order: 4;
   border-bottom: 1px solid var(--color-grey-light);
   padding-bottom: var(--gap20);
}
.lead .detailed .offer .data1 {
   order: 5;
   flex-basis: 45%;
   font-size: var(--fontsize-header3);
   font-weight: 600;
   line-height: 1.2em;
}
.lead .detailed .offer .list {
   order: 6;
   flex-basis: 45%;
}
.lead .detailed .offer .list ul {
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
.lead .detailed .offer .cta {
   order: 7;
   margin: 0 auto;
   
   background-color: var(--color-green-dark);
   /*font-size: var(--fontsize-small);*/
   font-weight: 700;
   border-radius: var(--border-radius-default);
   padding: var(--gap15) var(--gap35);
   color: var(--color-white);
}
.lead .detailed .offer .law {
   order: 8;
   width: 100%;
   font-size: var(--fontsize-smallest);
   line-height: 1.3;
}

/* ARTICLES AND PAGES */
.single article {
   display: grid;
   grid-template-columns: calc(25% - var(--gap) / 2) calc(65% - var(--gap)) calc(10% - var(--gap) / 2);
   grid-template-rows: repeat(5, auto);
   gap: var(--gap);
   padding-top: var(--gap);
   padding-bottom: var(--gap);
}
.single-header h1,
.single-header .image .credits,
.single-left .social .item .text,
.single-footer .author .name {
    display: none;
}
.single-above .breadcrumbs,
.single-above .title,
.single-above .date,
.single-above .minutes,
.single-above .author,
.single-above .author .bio,
.single-above .author .avatar,
.single-footer .author .avatar,
.single-footer .author .bio {
   display: block;
}
.single-header {
   grid-column: 2 / span 1;
   grid-row: 1 / span 1;
}
.single-header .image img {
   border-radius: var(--border-radius-default);
}
.single-above {
   grid-column: 2 / span 1;
   grid-row: 2 / span 1;
   display: flex;
   flex-wrap: wrap;
}
.single-above .breadcrumbs {
   font-size: var(--fontsize-smallest);
   text-transform: uppercase;
   font-weight: 700;
   color: var(--color-blue-dark);
}
.single-above .breadcrumbs a {
   text-decoration: none;
   color: var(--color-blue-dark);
   line-height: 22px;
}
.single-above .title {
   margin: var(--gap25) 0 var(--gap40);
}
.single-above .date,
.single-above .minutes,
.single-above .author .bio,
.single-footer .author .bio {
   color: var(--color-font);
   font-size: var(--fontsize-small);
   line-height: 28px;
}
.single-above .minutes {
   margin-left: var(--gap25);
}
.single-above .author,
.single-footer .author {
   padding: var(--gap20) 0 0;
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   column-gap: var(--gap15);
   max-height: 120px;
}
.single-above .author .avatar {
   order: 1;
   margin-bottom: 50px;
}
.single-above .author .avatar img,
.single-footer .author .avatar img {
   border-radius: 50%;
   height: 50px;
   width: 50px;
}
.single-above .author .name {
   order: 2;
   font-size: var(--fontsize-small);
   font-weight: 600;
   line-height: 28px;
}
.single-above .author .bio,
.single-footer .author .bio {
   order: 3;
}
.single-body {
   grid-column: 2 / span 1;
   grid-row: 3 / span 1;
}
.single-body p,
.page .content p {
   margin-top: 0px;
   margin-bottom: var(--gap25);
}
.single-body a,
.page .content a {
   color: var(--color-link);
   font-weight: 700;
   text-decoration: none;
}
.single-body a:hover,
.page .content a:hover {
   text-decoration: underline;
}
.single-body li a,
.page .content li a {
   color: var(--color-link);
   text-decoration: none;
}
.single-body ul,
.page .content ul {
   /*list-style: none;*/
   list-style-position: inside;
   padding: 0;
   margin: var(--gap40) 0 var(--gap40) var(--gap40);
}
.single-body li,
.page .content li {
   padding-left: var(--gap30);
   margin-bottom: var(--gap15);
   position: relative;
   line-height: 35px;
}
.single-body ol,
.page .content ol {
   list-style-position: inside;
   margin: var(--gap40) 0 var(--gap40) var(--gap40);
   padding-left: 0;
}
.related {
   margin-bottom: var(--gap);
}
/*.related .articles .article:nth-child(1n+3) {
   display: none;
}*/
.related .heading {
   font-size: var(--fontsize-header3);
    font-weight: 800;
    line-height: 40px;
    letter-spacing: -1.152px;
    position: relative;
    padding-left: var(--gap45);
    padding-bottom: var(--gap20);
}
.related .heading:before {
   content: "";
    width: var(--gap30);
    height: var(--gap30);
    background: var(--color-green-dark);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 4px;
}
.related .heading h3 {
   font-size: var(--fontsize-header3);
   font-weight: 600;
   color: black;
   margin: 0;
   line-height: 40px;
}
.related .articles {
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: 1fr 1fr 1fr 1fr;
   column-gap: var(--gap);
}
.related .article > a {
   display: flex;
   flex-direction: column;
   gap: var(--gap5);
   position: relative;
   padding: 0 0 var(--gap25) 32%;
   color: black;
}
.related .article:not(:last-child) > a {
   border-bottom: 1px solid var(--color-grey-light);
}
.related .article .image {
   order: 1;
   position: absolute;
   width: 30%;
   top: 0px;
   left: 0px;
   bottom: 20px;
}
.related .article .category {
   display: block;
   font-size: var(--fontsize-small);
   font-weight: 700;
   line-height: 22px;
   text-transform: uppercase;
   order: 1;
   letter-spacing: .72px;
}
.related .article .title {
   font-size: var(--fontsize-large);
   line-height: 1.3em;
   font-weight: 800;
   letter-spacing: -.018em;
   order: 2;
   margin-bottom: var(--gap10);
}
.related .published {
   display: block;
    order: 4;
    line-height: 22px;
    color: var(--color-font);
    margin-top: auto;
    font-weight: 400;
    font-size: var(--fontsize-small);
}
.single-left.side {
   grid-column: 1 / span 1;
   grid-row: 2 / span 2;
   display: flex;
   flex-direction: column;
   gap: var(--gap);
}
.single-left .social .element-title {
   font-size: var(--fontsize-large);
   font-weight: 600;
   line-height: 32px;
   margin-bottom: var(--gap15);
}
.single-left .freebie {
   padding: var(--gap25);
   font-size: var(--fontsize-small);
   line-height: 1.4;
}
.single-left .freebie .title {
   font-size: var(--fontsize-header3);
   line-height: 1.3;
   font-weight: 700;
}
.single-left .social .items {
   gap: var(--gap5);
}
.single-footer {
   grid-column: 2 / span 1;
   grid-row: 4 / span 1;
}
.single-footer .author {
   display: flex;
   gap: var(--gap30);
   border-top: 1px solid var(--color-grey-light);
   max-height: none;
   flex-direction: row;
   flex-wrap: nowrap;
   padding-top: var(--gap);
   margin-bottom: var(--gap80);
}
.single-footer .author .avatar {
   min-width: 50px;
}
.single-footer .freebie {
   display: block;
}
.single-bottom {
   grid-column: 1 / span 3;
   grid-row: 5 / span 1;
}
.single-bottom h2 {
   margin-bottom: 0px;
}

blockquote {
   border-left: 8px solid var(--color-green-dark);
   margin: var(--gap40) 0;
   padding: 0 var(--gap);
}

table {
   border-collapse: collapse;
}
table th {
   text-align: left;
   background-color: var(--color-green-dark);
   color: var(--color-white);
}
table th,
table td {
   border: 2px solid var(--color-green-dark);
   padding: var(--gap10);
}

/* BEST */
.best .overview {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap25);
   margin: var(--gap35) 0;
}
.best .overview h2,
.best .detailed h2 {
   flex-basis: 100%;
   margin-bottom: 0;
   padding-top: var(--gap35);
}
.best .overview .product {
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
   border-radius: var(--border-radius-mini);
   padding: var(--gap25);
   flex-basis: calc((100% / 3) - (var(--gap25) * 2) / 3);
   line-height: 1.2em;
   display: flex;
   flex-direction: column;
   gap: var(--gap10);
   position: relative;
}
.best .overview .product .number {
   position: absolute;
   top: -10px;
   left: -10px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--color-white);
   background-color: var(--color-green-dark);
   box-shadow: -3px 3px 0 0 var(--color-black);
   border-radius: var(--border-radius-mini);
   width: 30px;
   height: 30px;
   font-size: var(--fontsize-small);
}
.best .overview .product .image {
   order: 1;
   height: 175px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.best .overview .product .image img {
   max-height: 100%;
   width: auto;
}
.best .overview .product .title {
   order: 3;
   font-weight: 600;
   font-size: var(--fontsize-small);
}
.best .overview .product .title a {
   color: unset;
}
.best .overview .product .rating2 {
   order: 2;
   display: block;
}
.best .overview .product .label,
.best .detailed .product .label {
   order: 2;
   background-color: var(--color-turquoise);
   font-size: var(--fontsize-smaller);
   /*font-weight: 600;*/
   display: block;
   border-radius: 10px;
   padding: var(--gap5) var(--gap10);
   width: fit-content;
}
.best .detailed .product {
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative;
   padding: var(--gap25) 0;
}
.best .detailed .product .specifications:before {
   content: "";
   height: 1px;
   position: absolute;
   width: 150px;
   left: 50%;
   transform: translateX(-50%);
   background-color: var(--color-grey-dark);
   top: 0px;
}
.best .detailed .product .label,
.best .detailed .product .summary,
.best .detailed .product .image,
.best .detailed .product .rating1,
.best .detailed .product .specifications,
.best .detailed .product .pros-cons-2-lists,
.best .detailed .product .description,
.best .detailed .product .cta,
.best .detailed .product .jump {
   display: block;
}
.best .detailed .product .label {
   order: 3;
}
.best .detailed .product .image {
   order: 2;
}
.best .detailed .product > .title {
   box-shadow: -8px 8px 0 0 var(--color-green-dark);
   border: 2px solid var(--color-black);
   border-radius: var(--border-radius-mini);
   background-color: var(--color-white);
   padding: var(--gap15);
   margin-left: 8px;
   position: relative;
   text-transform: uppercase;
   order: 2;
   font-weight: 700;
   width: calc(100% - var(--gap15) * 2);
   font-size: var(--fontsize-header3);
   margin-top: 0px;
   margin-bottom: var(--gap25);
}
.best .detailed .product > .title a {
   color: var(--color-font);
}
.best .detailed .product .rating1 {
   order: 4;
}
.best .detailed .product .summary {
   order: 4;
   line-height: 1.2em;
   color: var(--color-grey-darker);
   font-size: var(--fontsize-smaller);
   font-style: italic;
}
.best .detailed .product .specifications,
.best .detailed .product .pros-cons-2-lists,
.best .detailed .product .pros-cons-2-lists .pros,
.best .detailed .product .pros-cons-2-lists .cons {
   order: 5;
   width: 100%;
   display: flex;
   justify-content: space-between;
}
.best .detailed .product .pros-cons-2-lists .pros-cons {
   width: 100%;
}
.best .detailed .product .specifications {
   padding-top: var(--gap20);
   margin-top: var(--gap20);
   padding-bottom: var(--gap20);
   position: relative;
}
.best .detailed .product .pros-cons-2-lists .pros,
.best .detailed .product .pros-cons-2-lists .cons {
   padding-bottom: var(--gap20);
}
.best .detailed .product h3 {
   font-weight: 700;
   letter-spacing: normal;
}
.best .detailed .product .cta {
   order: 7;
   margin: var(--gap20) 0 var(--gap45);
   background-color: var(--color-green-dark);
}
.best .detailed .product .cta a {
   color: var(--color-white);
}
.best .detailed .product .pros-cons-2-lists {
   order: 6;
}
.best .detailed .product .pros-cons-2-lists > .title {
   display: none;
}
.best .detailed .product .description {
   order: 8;
}
.best .detailed .product .jump {
   order: 9;
   font-weight: 600;
   font-size: var(--fontsize-smaller);
   text-decoration: underline;
   font-family: var(--font1);
}
.best .detailed .product .specifications h3,
.best .detailed .product .pros-cons-2-lists h3 {
   font-size: var(--fontsize-body);
   flex-basis: 20%;
   margin-top: 0;
}
.best .detailed .product .specifications ul,
.best .detailed .product .pros-cons-2-lists ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap5);
   flex-basis: 77%;
}
.best .detailed .product .specifications ul li {
   background-color: var(--color-grey-lighter);
   padding: var(--gap10) var(--gap15);
   /*border: 1px solid var(--color-grey-light);*/
   border-radius: var(--border-radius-mini);
   line-height: 1.2em;
   font-size: var(--fontsize-small);
   /*color: var(--color-link);*/
}
.best .detailed .product li:before {
   content: none;
   background-color: transparent;
}
.best .detailed .product .pros-cons-2-lists ul {
   flex-direction: column;
}
.best .detailed .product .pros-cons-2-lists ul li {
   line-height: 1.2em;
   padding-left: 20px;
   position: relative;
}
.best .detailed .product .pros-cons-2-lists .pros li:before {
   content: "\002B";
   position: absolute;
   top: 0px;
   left: 0px;
}
.best .detailed .product .pros-cons-2-lists .cons li:before {
   content: "\2212";
   position: absolute;
   top: 0px;
   left: 0px;
}
.best .others .product .title {
   display: flex;
   gap: var(--gap5);
   align-items: center;
}
.best .others .title:before {
   content: "\2014";
   margin-right: 5px;
   font-family: var(--font1);
}
.best .others .title a {
   border-bottom: 1px solid var(--color-pink);
   line-height: 1.1em;
}

/* SHOP */
.shop .overview {
   display: flex;
   gap: 0;
   flex-wrap: wrap;
}
.shop .overview .product {
   flex: 1 1 48%;
   max-width: calc(48% - 2px);
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-bottom: 4%;
   margin-right: 2%;
   padding: 2%;
   border-top: 1px solid var(--color-black);
   border-bottom: 1px solid var(--color-black);
}
.shop .overview .product:nth-child(4n + 3),
.shop .overview .product:nth-child(4n + 4) {
   border-top: 1px solid var(--color-grey-light);
   border-bottom: 1px solid var(--color-grey-light);
}
.shop .overview .product:nth-child(2n + 0),
.shop .overview .product:last-child {
   margin-right: 0;
}
.shop .overview .product .image {
   width: 100%;
   text-align: center;
   margin-bottom: var(--gap10);
   order: 1;
}
.shop .overview .product .image img {
   height: 200px;
}
.shop .overview .product .label,
.shop .overview .product .price {
   display: block;
   order: 2;
}
.shop .overview .product .label {
   /*order: 1;*/
   background-color: var(--color-turquoise);
   /*color: var(--color-link);*/
   font-size: var(--fontsize-smaller);
   line-height: 1em;
   padding: var(--gap10) var(--gap15);
   border-radius: 5px;
}
.shop .overview .product .price {
   padding: var(--gap5) 0 var(--gap10);
   font-weight: 500;
   font-size: var(--fontsize-smaller);
}
.shop .overview .product .title {
   order: 3;
   text-align: center;
   line-height: 1.2em;
   font-size: var(--fontsize-body);
   width: 100%;
   font-weight: 700;
}
.shop .overview .product .title a {
   color: var(--color-black);
}

/* FOOTER */
footer {
   padding: var(--gap) 0 var(--gap25);
   border-top: 1px solid var(--color-grey-light);
}
footer .social,
footer .copyright .medium,
footer .copyright .long,
footer .list8 .element-title {
   display: none;
}
footer .inner {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
footer .inner:after {
   content: "";
   order: 8;
   height: 1px;
   width: 100%;
   margin: var(--gap40) 0;
}
footer .copyright {
   order: 9;
   font-size: var(--fontsize-smallest);
   line-height: 40px;
}
footer .list8 {
   order: 10;
   gap: var(--gap10);
}
footer [class^="list"] {
   display: flex;
}
footer [class^="list"]:not(.list8) {
   flex-direction: column;
}
footer [class^="list"]:not(.list8) .element-title {
   font-size: var(--fontsize-smaller);
   font-weight: 700;
   /*text-transform: uppercase;*/
   margin-bottom: var(--gap10);
}
footer [class^="list"] a {
   color: var(--color-font);
   text-decoration: none;
   font-size: var(--fontsize-smallest);
   line-height: 40px;
}

/* ----- Cookies ----- */
#cookies-overlay, #cookies {
   /*display: block !important;*/
}
#cookies-overlay {
   background-color: var(--color-black);
}
#cookies { 
   background-color: var(--color-white); 
   padding: var(--gap20);
   top: 10%;
   left: 50%;
   transform: translateX(-50%);
   max-width: 500px;
   border-radius: var(--border-radius-default);
   font-size: var(--fontsize-small);
}
#cookies .icon {
   display: none;
}
#cookies .text {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--gap10);
   align-items: center;
   line-height: 1.4em;
   justify-content: center;
}
#cookies .short {
   font-weight: 600;
}
#cookies .long1 {
   display: block;
   padding-bottom: var(--gap15);
   font-size: var(--fontsize-smaller);
}
#cookies .long2 {display: none;} 
#cookies .settings {
   font-weight: 600;
}
#cookies .settings,
#cookies .accept,
#cookies .deny {
   text-decoration: none;
   padding: var(--gap10) var(--gap20);
   font-weight: 500;
   border-radius: var(--border-radius-mini);
}
#cookies .deny {
   color: var(--color-link);
   border: 1px solid var(--color-link);
   background-color: transparent;
   order: 10;
}

@media (max-width: 1200px) {
   #header-sticky .site-categories a > div {
      padding: var(--gap15);
   }
   .index .site-categories .items {
      gap: var(--gap15);
      padding: var(--gap20);
      font-size: var(--fontsize-small);
   }
   
   .site-categories-images a {
      padding-left: 0;
   }
   .site-categories-images .image {
      position: relative;
      left: auto;
      top: auto;
      margin-bottom: var(--gap15);
   }
   .single article {
      grid-template-columns: calc(30% - var(--gap) / 2) calc(65% - var(--gap)) calc(5% - var(--gap) / 2);
   }
   
   .best .overview .product {
      flex: 0 0 calc(50% - (var(--gap25) / 2));
   }
   
   footer .inner {
      row-gap: var(--gap);
   }
   footer .logo {
      width: 100%;
   }
   footer [class^="list"]:not(.list8) {
      flex: 0 1 24%;
   }
}
@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 .site-categories .items,
   .index .site-categories .items {
      flex-wrap: wrap;
   }
   
   .lead .number {
      font-size: var(--fontsize-header3);
   }
   .lead .overview .offer {
      column-gap: var(--gap15);
   }
   .lead .overview .offer > .cta {
      width: 100%;
   }
   .lead .overview .offer .logo img {
      max-height: 100%;
   }
   
   .lead .detailed .offer {
      flex: 0 1 100%;
   }
   
   .single article {
      gap: var(--gap30);
   }
   .single article,
   .single-above .author, .single-footer .author{
      display: flex;
      flex-direction: column;
   }
   .single-above .author, .single-footer .author {
      max-height: none;
      margin-bottom: var(--gap30);
   }
   .single-above .author {
      
   }
   .single-above .author .avatar {
      margin: 0;
   }
}
@media (max-width: 767px) {
   .grid13 {
      display: flex;
      flex-direction: column;
   }
   
   .site-categories-images .items {
      display: flex;
      flex-direction: column;
   }
   .site-categories-images a {
      padding-left: 130px;
   }
   .site-categories-images .image {
      height: 110px;
      width: 110px;
      position: absolute;
      left: 0;
      top: 0px;
   }
   
   .directory .overview {
      grid-template-columns: 1fr;
   }
   
   .directory .overview .article:not(:first-child) {
      padding-top: var(--gap15);
   }
}
@media (max-width: 600px) {
   .index .site-categories .items .griditem {
      margin: 0;
   }
   .grid21 .griditem {
      padding-bottom: var(--gap20);
   }
   .grid2 .griditem > a {
      flex-direction: column;
   }
   .grid2 .griditem .image {
      max-width: 100%;
   }
   .section:not(.section2) .email,
   .freebie {
      padding: var(--gap20);
   }
   .faq h3, .consider h3, .types h3, .brands h3 {
      font-size: var(--fontsize-header3);
   }
   
   .best .detailed .product .specifications,
   .best .detailed .product .pros-cons-2-lists .pros, .best .detailed .product .pros-cons-2-lists .cons {
      flex-direction: column;
   }
}