/* ################################################################# 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;}*/

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

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

:root {--fontsize-smallest: 12px;}
:root {--fontsize-smaller: 13px;}
:root {--fontsize-small: 14px;}
:root {--fontsize-body: 16px;}
:root {--fontsize-large: 18px;}
:root {--fontsize-larger: 20px;}
:root {--fontsize-header3: 22px;}
:root {--fontsize-header2: 32px;}
:root {--fontsize-header1: 52px;}

/* ----- Colors ----- */
:root {--color-white: #fff;}
:root {--color-black: #00040b;}
:root {--color-font: #212121;}
:root {--color-link: #205bc3;}
:root {--color-blue: #0d57cf;}
:root {--color-blue-very-light: #eef3f9;}
:root {--color-blue-light: #c6d5eb;}
:root {--color-dusty-blue: #718ea3;}
:root {--color-sand-light: #faf8f6;}
:root {--color-grey: #d3d3d3;}
:root {--color-grey-font: #646464;}
:root {--color-grey-dark: #484a4e;}
:root {--color-yellow: #ffcb00;}
:root {--color-purple: #b14282;}
:root {--color-red: #df331c;}
:root {--color-box-shadow: rgba(0,0,0,.12);}

/* ----- Icons ----- */
.menu-icon .icon {background-image: url(/files/icon/menu_a.svg);}
.search .icon {background-image: url(/files/icon/search_a.svg);}
.social .items .x .icon {background-image: url(/files/icon/new_x_b.svg);}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_10.svg);}
.social .items .linkedin .icon {background-image: url(/files/icon/linkedin_24.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: 15px;
   width: 15px;
}
footer .social .icon {
   height: 24px;
   width: 24px;
}
footer .social .items .x .icon {
   background-image: url(/files/icon/new_x_b_white.svg);
}
footer .social .items .facebook .icon {
   background-image: url(/files/icon/facebook_1_white.svg);
}
footer .social .items .linkedin .icon {
   background-image: url(/files/icon/linkedin_1_white.svg);
}
footer .social .items .mail {
   display: flex;
   align-items: center;
   padding: 4px;
   background-color: white;
   border-radius: 50%;
}
footer .social .items .mail .icon {
   background-image: url(/files/icon/email_40.svg);
   height: 16px;
   width: 16px;
}

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

/* ----- Gap ----- */
:root {--gap: 30px;}
: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: 1330px;}
: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: 600;
   line-height: 64px;
   font-family: var(--font2);
}
h2 {
   font-size: var(--fontsize-header2);
   font-weight: 500;
   line-height: 51px;
   margin: var(--gap) 0 0;
   font-family: var(--font2);
}
h3 {
   font-size: var(--fontsize-header3);
   font-weight: 600;
   line-height: 32px;
   margin: var(--gap) 0 0;
   font-family: var(--font2);
}

.page .mobile .logo {
   width: auto;
}
header .logo a,
.page .mobile .logo a,
footer .logo a {
   text-decoration: none;
   font-family: var(--font2);
   color: black;
}
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: 800;
   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: 600;
   margin-right: 2px;
   background-color: var(--color-yellow);
   padding: var(--gap5);
}

#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(--gap15);
}
.lead .content,
.page .content {
   max-width: var(--width-site2);
   padding: 0 var(--gap15);
}

/* Posts and content text */
.lead .content,
.single-body,
.page .content {
   line-height: 1.5;
   font-size: var(--fontsize-body);
}

/* HEADER */
.header-sticky-1 {
   background-color: var(--color-white);
   padding: var(--gap10) 0;
}
#header-sticky .inner,
.search {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.header-sticky-1 .join {
   font-size: var(--fontsize-small);
   gap: var(--gap15);
   display: flex;
   font-weight: 700;
   align-items: center;
   font-family: var(--font2);
}
.header-sticky-1 .join .subscribe,
.header-sticky-1 .join .newsletter {
   border: 2px solid black;
   padding: var(--gap10) var(--gap15);
}
.header-sticky-1 .join .newsletter {
   background-color: black;
   color: var(--color-white);
}
.header-sticky-1 .join .subscribe:hover {
   border-color: var(--color-font);
   color: var(--color-font);
}
.header-sticky-1 .join .newsletter:hover  {
   border-color: var(--color-font);
   background-color: var(--color-font);
}
.header-sticky-2 {
   border-bottom: 1px solid var(--color-grey);
   background-color: var(--color-white);
}
.site-categories .element-title {
   display: none;
}
.site-categories .items {
   display: flex;
   font-size: var(--fontsize-small);
   gap: var(--gap20);
   display: flex;
   font-weight: 600;
   align-items: center;
   line-height: 24px;
}
.site-categories .griditem {
   padding: var(--gap15) 0;
   font-family: var(--font2);
}
.search input,
.email .email-field input {
   font-family: var(--font1);
   font-size: var(--fontsize-small);
   border: 1px solid var(--color-grey);
   padding: var(--gap5) var(--gap10);
}
.search .icon {
   margin: 0 0 0 var(--gap10);
}

/* BUTTONS */
.freebie .cta,
.email .cta,
.shop .overview .product .cta a {
   background-color: var(--color-black);
   font-size: var(--fontsize-small);
   font-family: var(--font2);
   font-weight: 700;
   padding: var(--gap15) var(--gap35);
   order: 3;
   color: var(--color-white);
   text-align: center;
}

/* ABOUT */
.about {
   display: flex;
   justify-content: space-between;
   gap: var(--gap);
   align-items: center;
}
.about .brand {
   font-size: var(--fontsize-header1);
   font-weight: 800;
   line-height: 64px;
   letter-spacing: -0.5px;
   flex: 1 1 50%;
}
.about .short {
   flex: 1 1 50%;
   font-size: var(--fontsize-smallest);
   line-height: 21px;
}
.about .title,
.about .logo,
.about .long {
   display: none;
}

/* HOME */
.home {
   padding: var(--gap40) 0;
}
.home .section {
   margin-bottom: var(--gap80);
}
.section .heading {
   font-size: var(--fontsize-larger);
   font-weight: 600;
   font-family: var(--font2);
   line-height: 40px;
}

.grid {
   margin-top: var(--gap25);
}
.tags {
   display: flex;
   flex-wrap: wrap;
   order: 1;
   gap: var(--gap5);
   margin-bottom: var(--gap15);
}
.tags .tag {
   background-color: var(--color-yellow);
   font-size: var(--fontsize-smallest);
   font-weight: 700;
   line-height: 21px;
   padding: 0 var(--gap10);
}
.grid .title {
   order: 2;
}
.grid .article .image {
   border: 1px solid var(--color-grey);
}

.grid17 .title {
   font-size: var(--fontsize-small);
   font-weight: 700;
   font-family: var(--font2);
}
/*.grid17 .griditem {
   box-shadow: 0 3px 4px 0 rgba(0,0,0,.12);
}*/
.grid17 .griditem:first-child .title {
   font-size: var(--fontsize-header2);
   line-height: 51px;
   font-family: var(--font2);
}
.grid17 .griditem:first-child .image {
   height: 370px;
}
.grid17 .griditem:first-child .tags {
   margin-top: var(--gap20);
   margin-bottom: var(--gap10);
}
.grid17 .griditem:not(:first-child) > a,
.grid23 .griditem:nth-child(n+3) > a {
   display: flex;
   gap: var(--gap25);
}
.grid17 .griditem:not(:first-child) .image {
   min-width: 315px;
   height: 180px;
   flex: 1 1 315px;
}

.section .heading + .grid13 {
   margin-top: 0px;
}
.grid13 .article .image img {
   height: 175px;
}
.grid13 .text,
.grid23 .text {
   flex-direction: row;
   flex-wrap: wrap;
}
.grid13 .article .text:before,
.grid23 .article .text:before,
.single-header:before,
.single-header:after {
   content: "•";
   font-size: var(--fontsize-smallest);
   order: 4;
   color: var(--color-black);
   opacity: 0.3;
   margin: var(--gap15) var(--gap5) 0;
}
.grid13 .tags,
.grid23 .tags {
   margin-top: var(--gap15);
}
.grid13 .title,
.grid23 .title {
   font-weight: 700;
   line-height: 26px;
   padding: var(--gap5) 0;
   font-family: var(--font2);
}
.grid13 .date,
.grid13 .minutes,
.grid23 .date,
.grid23 .minutes {
   order: 3;
   display: block;
   font-size: var(--fontsize-smallest);
   line-height: 21px;
   margin-top: var(--gap15);
}
.grid13 .minutes,
.grid23 .minutes {
   order: 5;
}

.grid23 .griditem:nth-child(-n+2) .sub {
   display: block;
   order: 3;
   font-size: var(--fontsize-small);
   line-height: 24px;
}
.grid23 .griditem:nth-child(n+3) .image,
.grid23 .griditem:nth-child(n+3) .text {
   flex: 1 1 50%;
   max-width: 50%;
}
.grid23 .griditem:nth-child(n+3) .image {
   height: 150px;
}

.freebie {
   background-color: var(--color-blue-light);
   padding: var(--gap25);
   display: flex;
   flex-direction: column;
   text-align: center;
}
.grid > .freebie .description {
   display: none;
}
.freebie .title {
   font-size: var(--fontsize-large);
   font-weight: 600;
   line-height: 29px;
   width: 100%;
}
.grid > .freebie .image {
   display: block;
   order: 1;
   padding: var(--gap15);
   max-height: 150px;
}
.freebie .text {
   order: 2;
   gap: var(--gap15);
   display: flex;
   justify-content: center;
}
.full > .freebie {
   max-width: var(--width-site2);
   margin: 0 auto;
}
.full > .freebie .title {
   font-size: var(--fontsize-larger);
   line-height: 40px;
}
.full > .freebie {
   flex-direction: row;
}
.full > .freebie .text {
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
}
.full > .freebie .description {
   max-width: 400px;
}
.full > .freebie .cta {
   max-width: 200px;
}

.email {
   background-color: var(--color-sand-light);
   padding: var(--gap) var(--gap50);
   display: flex;
   justify-content: space-between;
   gap: var(--gap);
   align-items: center;
}
.email .checkbox,
.email .law,
.email .name-field,
.email .above-email-field {
   display: none;
}
.email .image {
   display: block;
   order: 1;
   flex: 1 1 30%;
}
.email .text {
   order: 2;
   flex: 1 1 50%;
   gap: var(--gap20);
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
}
.email .title {
   font-size: var(--fontsize-larger);
   font-weight: 800;
   line-height: 40px;
}
.email .description {
   font-size: var(--fontsize-small);
   line-height: 24px;
}
.email .fields,
.email .cta {
   flex: 1 1 calc(45% - var(--gap20) * 2);
}
.email .email-field input {
   padding: var(--gap15) var(--gap20);
   width: calc(100% - var(--gap20) * 2);
}
.email .cta {
   padding: var(--gap15);
}

.link-block {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: var(--gap10);
}
.link-block > div {
   flex: 1 1 30%;
   border-bottom: 1px dotted var(--color-grey);
   padding: var(--gap10);
   font-size: var(--fontsize-small);
}
.link-block > div,
.link-block > div a {
   color: var(--color-link);
   font-weight: 400;
}

/* DIRECTORY */
.directory .content {
   padding-bottom: var(--gap50);
}
.directory .overview {
   gap: var(--gap);
}
.directory .article {
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25)
}
.directory .article .text {
   padding: var(--gap15);
   gap: var(--gap5);
}
.directory .article .title {
   font-weight: 700;
   line-height: 1.2em;
}
.directory .article .sub {
   display: block;
   font-size: var(--fontsize-small);
}

/* LEAD */
.lead .content {
   margin: 0 auto;
}
.lead .content p:first-of-type {
   margin-top: 0;
}
.lead .content .overview,
.lead .content .detailed {
   display: flex;
   flex-direction: column;
   gap: var(--gap25);
   padding: var(--gap25) 0;
}
.lead .content .offer {
   display: flex;
   gap: var(--gap25);
   justify-content: space-between;
   width: 100%;
   height: auto;
}
.lead .content .offer:not(:last-child) {
   border-bottom: 1px solid var(--color-blue-light);
   padding-bottom: var(--gap25);
}
.lead .content .offer:not(:last-child),
.lead .detailed .offer {
   border-bottom: 1px solid var(--color-blue-light);
   padding-bottom: var(--gap25);
}
.lead .content .overview [class^="data"] {
   background-color: var(--color-yellow);
   padding: 0 var(--gap5);
   font-size: var(--fontsize-small);
}
.lead .content .offer .logo {
   width: 100px;
   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 .cta {
   font-size: var(--fontsize-smaller);
   font-weight: 600;
}
.lead .content .offer .law {
   flex-basis: 100%;
   font-size: var(--fontsize-smallest);
   line-height: 1.3;
}
.lead .content .detailed {
   flex-direction: row;
   gap: var(--gap50);
   flex-wrap: wrap;
}
.lead .detailed .offer {
   width: calc(50% - (var(--gap50) / 2));
   flex-wrap: wrap;
   position: relative;
   justify-content: flex-start;
   padding-right: 100px;
}
.lead .detailed .offer .number {
   font-size: var(--fontsize-large);
   display: flex;
   align-items: center;
}
.lead .detailed .offer .number span {
   line-height: 30px;
   height: 30px;
   background-color: var(--color-yellow);
   width: 30px;
   text-align: center;
   font-weight: 500;
   font-size: var(--fontsize-small);
   display: block;
}
.lead .detailed .offer .logo {
   position: absolute;
   right: 0px;
   /*top: var(--gap25);*/
   height: auto;
}
.lead .detailed .offer .name {
   font-size: var(--fontsize-large);
   font-weight: 700;
}
.lead .detailed .offer .data1 {
   width: 100%;
   font-weight: 700;
   color: var(--color-red);
}
.lead .detailed .offer .stars,
.lead .detailed .offer .data2,
.lead .detailed .offer .law {
   display: none;
}
.lead .detailed .offer .list {
   width: 100%;
   display: block;
}
.lead .detailed .offer .list ul {
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
.lead .content .offer .cta:after {
    content: "\2192";
    margin-left: var(--gap10);
}

/* ARTICLES AND PAGES */
.post article,
.partner article,
.best article,
.shop article {
   display: grid;
   grid-template-columns: repeat(12, calc((100% - var(--gap)* 11) / 12));
   grid-template-rows: repeat(5, auto);
   gap: var(--gap);
}
.single-header {
   grid-column: 1 / span 12;
   grid-row: 1 / span 1;
   padding: var(--gap) 0 0;
   display: flex;
   flex-wrap: wrap;
   column-gap: var(--gap10);
}
.single-header:before,
.single-header:after {
   margin: 0;
}
.single-header .image {
   display: none;
}
.single-header .breadcrumbs {
   display: block;
   font-size: var(--fontsize-smallest);
   font-weight: 500;
   background-color: var(--color-blue-light);
   font-family: var(--font2);
   padding: var(--gap5) var(--gap10);
   text-transform: uppercase;
}
.breadcrumbs a {
   color: black;
   text-decoration: none;
}
.breadcrumbs a:hover {
   text-decoration: underline;
}
.single-header .author,
.single-header .date,
.single-header .minutes {
   display: block;
   font-size: var(--fontsize-smallest);
}
.single-header .date {
   order: 4;
}
.single-header .minutes {
   order: 5;
}
.single-header .title {
   margin: var(--gap) 0;
}
.single-above {
   grid-column: 1 / span 9;
   grid-row: 2 / span 1;
}
.single-above .image {
   display: block;
   border: 1px solid var(--color-grey);
}
.single-above .image img {
   display: block;
}
.single-left.side {
   grid-column: 1 / span 2;
   grid-row: 3 / span 2;
}
.single-left.side .social {
   font-size: var(--fontsize-smallest);
}
.single-left.side .social .element-title {
   font-weight: 700;
   margin-bottom: var(--gap15);
}
.single-left.side .social .items {
   display: flex;
   flex-direction: column;
}
.single-left.side .social .item.x,
.single-left.side .social .item.facebook,
.single-left.side .social .item.linkedin,
.single-left.side .social .item.mail {
   display: flex;
   gap: var(--gap10);
   padding: var(--gap5) 0;
}
.single-body {
   grid-column: 3 / span 7;
   grid-row: 3 / span 1;
}
.single-body > *,
.page .content > * {
   margin: var(--gap) 0 0;
}
.single-body h3 + p,
.page .content h3 + p {
   margin-top: var(--gap10);
}
.single-body a,
.page .content a {
   color: var(--color-link);
   font-weight: 500;
}
.single-body a:hover,
.page .content a:hover {
   text-decoration: none;
}
.single-body ul li::marker, 
.page .content ul li::marker {
    color: var(--color-red);
}
.single-body li,
.page .content li {
   line-height: 35px;
}
.related {
   background-color: var(--color-sand-light);
   padding: var(--gap15);
}
.related .articles .article:nth-child(1n+3) {
   display: none;
}
.related .heading {
   margin-top: 0;
   margin-bottom: var(--gap15);
}
.related .heading h3 {
   font-size: var(--fontsize-larger);
   font-weight: 600;
   font-family: var(--font2);
   line-height: 40px;
   margin: 0;
}
.related .articles {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto;
   column-gap: var(--gap);
}
.related .article > a {
   display: flex;
   flex-direction: column;
   gap: var(--gap5);
   color: black;
}
.related .article .image {
   order: 1;
   height: 175px;
}
.related .article .published {
   display: block;
   font-size: var(--fontsize-smallest);
   line-height: 21px;
   margin-top: var(--gap15);
   order: 3;
}
.related .article .title {
   font-weight: 700;
   line-height: 26px;
   padding: var(--gap5) 0;
   font-family: var(--font2);
   order: 2;
}
.single-footer {
   grid-column: 3 / span 7;
   grid-row: 4 / span 1;
}
.single-footer .tags {
   display: flex;
}
.single-footer .author {
   padding: var(--gap50) 0;
   margin: var(--gap80) 0 var(--gap40);
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   column-gap: var(--gap25);
   max-height: 180px;
   border-top: 1px solid var(--color-grey);
   border-bottom: 1px solid var(--color-grey);
}
.single-footer .author .name {
   order: 2;
   font-weight: 600;
   line-height: 28px;
   font-size: var(--fontsize-small);
}
.single-footer .author .avatar {
   display: block;
   min-width: 80px;
   order: 1;
}
.single-footer .author .avatar img {
   height: 80px;
   width: 80px;
}
.single-footer .author .bio {
   display: block;
   font-size: var(--fontsize-smallest);
   line-height: 20px;
   order: 3;
}
.single-right.side {
   grid-column: 10 / span 3;
   grid-row: 2 / span 3;
   display: flex;
   flex-direction: column;
   gap: var(--gap);
}
.single-right.side .email {
   display: none;
}
.articles5 {
   display: flex;
   flex-direction: column;
   gap: var(--gap20);
}
.articles5 .article > a {
   display: flex;
   gap: var(--gap10);
}
.articles5 .title {
   font-size: var(--fontsize-smallest);
   font-weight: 800;
}
.articles5 .image {
   height: 60px;
}
.articles5 .image img {
   min-width: 105px;
}
.articles5 .text {
   flex: 1 1 fit-content;
}
.single-right.side .freebie .text {
   flex-direction: column;
}
.single-bottom {
   grid-column: 1 / span 12;
   grid-row: 5 / span 1;
}

blockquote {
   border-left: 3px solid var(--color-yellow);
    margin: 0 0 0 var(--gap);
    padding: 0 0 0 var(--gap);
    color: var(--color-grey-font);
    font-style: italic;
}

table {
   border-collapse: collapse;
}
table th {
   text-align: left;
   font-size: var(--fontsize-larger);
   font-family: var(--font2);
   font-weight: 6 00;
}
table th,
table td {
   border-bottom: 1px dotted var(--color-grey);
   padding: var(--gap10);
}
table th:not(:last-child),
table td:not(:last-child) {
   border-right: 1px dotted var(--color-grey);
}

/* BEST */
.best .overview {
   display: flex;
   gap: var(--gap);
   flex-wrap: wrap;
   padding-bottom: var(--gap);
}
.best .overview h2 {
   width: 100%;
}
.best .overview .product {
   flex: 0 1 calc(50% - var(--gap) / 2);
   font-family: var(--font1);
   gap: var(--gap10);
   display: grid;
   grid-template-columns: 130px auto;
   grid-template-rows: repeat(4, auto);
   border-bottom: 1px solid var(--color-grey);
   padding: var(--gap) 0;
}
.best .overview .product .image,
.best .overview .product .summary,
.best .overview .product .price,
.best .overview .product .cta,
.best .detailed .product .image,
.best .detailed .product .label,
.best .detailed .product .rating1,
.best .detailed .product .why,
.best .detailed .product .description,
.best .detailed .product .highlights,
.best .detailed .product .specifications,
.best .detailed .product .price,
.best .detailed .product .cta {
   display: block;
}
.best .overview .product .title {
   line-height: 1.2em;
   grid-column: 2 / span 1;
   grid-row: 1 / span 1;
}
.best .title a {
   color: black;
   font-weight: 700;
}
.best .overview .product .image {
   grid-column: 1 / span 1;
   grid-row: 1 / span 4;
}
.best .overview .product .image img {
   height: auto;
   width: 150px;
}
.best .overview .product .summary {
   font-size: var(--fontsize-small);
   line-height: 1.2em;
   font-weight: 300;
   grid-column: 2 / span 1;
   grid-row: 2 / span 1;
}
.best .overview .product .price {
   font-weight: 500;
   grid-column: 2 / span 1;
   grid-row: 3 / span 1;
}
.best .overview .product .cta {
   grid-column: 2 / span 1;
   grid-row: 4 / span 1;
   display: flex;
   align-items: flex-end;
}
.best  .product .cta a {
   width: 100%;
   color: black;
   font-weight: 700;
}
.best .product .cta a:after {
   content: "\2192";
    margin-left: var(--gap10);
}
.best .detailed {
   display: flex;
   flex-direction: column;
   gap: var(--gap);
}
.best .detailed h2 {
   margin-bottom: 0;
}
.best .detailed .product {
   display: grid;
   grid-template-columns: 35% 60%;
   grid-template-rows: repeat(7, auto);
   column-gap: 5%;
   padding-bottom: var(--gap);
   font-family: var(--font2);
}
.best .detailed .product:not(:last-child) {
   border-bottom: 1px solid var(--color-grey);
}
.best .detailed .product .image {
   grid-column: 1 / span 1;
   grid-row: 1 / span 4;
   padding: 5%;
   background-color: var(--color-sand-light);
   display: flex;
   justify-content: center;
   align-items: center;
}
.best .detailed .product .image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.best .detailed .product .title {
   grid-column: 2 / span 1;
   grid-row: 2 / span 1;
   font-size: var(--fontsize-larger);
   font-weight: 600;
   display: flex;
   align-items: center;
}
.best .detailed .product .label {
   grid-column: 2 / span 1;
   grid-row: 1 / span 1;
   display: flex;
   align-items: center;
}
.best .detailed .product .label span {
   background-color: var(--color-yellow);
   font-weight: 500;
   font-size: var(--fontsize-small);
   padding: var(--gap5) var(--gap15);
}
.best .detailed .product .rating1 {
   order: 3;
   grid-column: 2 / span 1;
   grid-row: 3 / span 1;
}
.best .detailed .product .why {
   order: 4;
   grid-column: 2 / span 1;
   grid-row: 4 / span 1;
   font-size: var(--fontsize-small);
   line-height: 1.4em;
   font-style: italic;
   font-weight: 300;
}
.best .detailed .product .description {
   grid-column: 2 / span 1;
   grid-row: 5 / span 1;
}
.best .detailed .product .highlights {
   grid-column: 1 / span 1;
   grid-row: 5 / span 1;
}
.best .detailed .product .highlights ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   padding: 5%;
   background-color: var(--color-sand-light);
}
.best .detailed .product .highlights ul li {
   display: flex;
   flex-direction: column;
   font-size: var(--fontsize-small);
   line-height: 1.2em;
   padding-bottom: var(--gap15);
}
.best .detailed .product .specifications {
   grid-column: 2 / span 1;
   grid-row: 6 / span 1;
}
.best .detailed .product .specifications h3 {
   margin-top: 0;
   margin-bottom: var(--gap5);
}
.best .detailed .product .specifications ul {
   margin-top: 0;
}
.best .detailed .product .price {
   grid-column: 2 / span 1;
   grid-row: 7 / span 1;
   color: var(--color-red);
   font-weight: 500;
}
.best .detailed .product .cta {
   grid-column: 2 / span 1;
   grid-row: 8 / span 1;
   padding-top: var(--gap20);
}
.best .others h2 {
   margin-bottom: 0px;
}
.best .others {
   display: flex;
   flex-direction: column;
   gap: var(--gap15);
   align-items: flex-start;
}
.best .others .product {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   font-family: var(--font2);
}
.best .others .product .label {
   display: block;
   font-size: var(--fontsize-smallest);
   font-weight: 500;
   letter-spacing: 0.14px;
   /*color: var(--color-red);*/
   background-color: var(--color-yellow);
   text-transform: uppercase;
   line-height: 1.1em;
   padding: var(--gap5);
}
.best .others .product .title a:before {
   content: "\002B";
   margin-right: var(--gap5);
}

/* SHOP */
.shop .overview {
   grid-template-columns: repeat(3, 1fr);
   gap: var(--gap15);
}
.shop .overview .product {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 10px 0px 110px;
   text-align: center;
   position: relative;
   line-height: 1.2em;
   gap: var(--gap15);
}
.shop .overview .product .price,
.shop .overview .product .cta,
.shop .overview .product .rating1 {
   display: block;
}
.shop .overview .product .image {
   order: 1;
   height: 160px;
}
.shop .overview .product .image img {
   display: block;
   height: 100%;
   width: auto;
}
.shop .overview .product .rating1 {
   order: 2;
}
.shop .overview .product > .title {
   order: 3;
   font-weight: 600;
}
.shop .overview .product > .title a {
   color: black;
}
.shop .overview .product .price,
.shop .overview .product .cta {
   position: absolute;
}
.shop .overview .product .price {
   bottom: 75px;
}
.shop .overview .product .cta {
   bottom: 10px;
   display: flex;
   align-items: center;
}
.shop .overview .product .cta a {
   font-weight: 500;
   padding: var(--gap10) var(--gap20);
}
.shop .overview .product a:hover {
   text-decoration: none;
}
.shop .overview .product .cta a:after {
   content: "\2192";
   margin-left: var(--gap10);
}

/* FOOTER */
footer {
   padding: var(--gap50) 0;
   border-top: 1px solid var(--color-grey);
   font-size: var(--fontsize-smallest);
   margin-top: var(--gap50);
   line-height: 26px;
   background-color: black;
   color: white;
}
footer .inner {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
footer a {
   text-decoration: none;
   line-height: 26px;
   color: white;
}
footer [class^="list"]:not(.list8) {
   order: 1;
   flex: 1 1 calc(100% / 7);
   line-height: 26px;
}
footer [class^="list"]:not(.list8) .element-title {
   font-weight: 700;
}
footer .social {
   order: 2;
   width: 100%;
   display: flex;
   justify-content: center;
   border-top: 1px solid var(--color-grey);
   margin: var(--gap40) 0;
   padding-top: var(--gap40);
}
footer .social .items {
   gap: var(--gap10);
}
footer .copyright {
   order: 3;
}
footer .social .element-title,
footer .social .item .text,
footer .copyright .medium,
footer .copyright .long,
footer .list8 .element-title {
   display: none;
}
footer .list8 {
   order: 4;
   display: flex;
   gap: var(--gap5);
   margin-left: var(--gap5);
}

/* ----- COOKIES ----- */
#cookies-overlay, #cookies {
   /*display: block !important;*/
}
#cookies-overlay {
   background-color: var(--color-black);
   top: calc(100vh - 80px);
   bottom: 0px;
   left: 0px;
   right: 0px;
}
#cookies { 
   background-color: black; 
   color: var(--color-white);
   padding: var(--gap20);
   top: calc(100vh - 80px);
   left: 0px;
   right: 0px;
   bottom: 0px;
   font-size: var(--fontsize-smallest);
}
#cookies .icon {
   display: none;
}
#cookies .text {
   flex-direction: row;
   gap: var(--gap10);
   align-items: center;
   line-height: 1.4em;
   justify-content: center;
}
#cookies .short {
   font-size: var(--fontsize-smallest);
   line-height: 20px;
   margin-right: var(--gap80);
}
#cookies .long1,
#cookies .long2,
#cookies .settings {
   display: none;
}
#cookies .accept,
#cookies .deny {
   text-decoration: none;
   padding: var(--gap10) var(--gap);
   font-weight: 500;
}
#cookies .accept {
   background-color: white;
   color: black;
   order: 3;
}
#cookies .deny {
   background-color: transparent;
   order: 2;
   padding: 0;
   font-size: var(--fontsize-smallest);
   text-decoration: underline;
}

@media (max-width: 1200px) {
   .header-sticky-2 .search {
      margin-left: auto;
   }
   .header-sticky-2 .search input {
      max-width: 150px;
   }
   .site-categories .items {
      gap: var(--gap15);
      font-weight: 500;
      font-size: var(--fontsize-smaller);
   }
   .grid17 .griditem:not(:first-child) .image {
      min-width: 240px;
   }
   
   .grid23 .article .text:before {
      content: none;
   }
   .grid23 .date, .grid23 .minutes {
      margin-top: 0;
      width: 100%;
   }
   
   .lead .detailed .offer {
      align-items: flex-start;
   }
   
   .best .overview .product {
      flex: 0 1 100%;
   }
   .best .product .cta a {
      padding: var(--gap15);
   }
}
@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;
   }
   
   .grid17 {
      display: flex;
      flex-direction: column;
   }
   
   .grid17 .griditem:not(:first-child) .image {
      width: 240px;
      flex: 0 1 240px;
   }
   .grid17 .title {
      font-size: var(--fontsize-large);
      line-height: 1.4;
   }
   
   .grid23 {
      grid-template-rows: auto auto;
   }
   .grid23 .griditem:nth-child(n+3) > a {
      display: flex;
      flex-direction: column;
   }
   .grid23 .griditem:nth-child(n+3) .image, 
   .grid23 .griditem:nth-child(n+4) .image, 
   .grid23 .griditem:nth-child(n+5) .image, 
   .grid23 .griditem:nth-child(n+3) .text,
   .grid23 .griditem:nth-child(n+4) .text,
   .grid23 .griditem:nth-child(n+5) .text {
      flex-basis: 100%;
      max-width: 100%;
   }
   .grid23 .griditem:nth-child(n+3) .image img, 
   .grid23 .griditem:nth-child(n+4) .image img, 
   .grid23 .griditem:nth-child(n+5) .image img {
      max-height: 150px;
   }
   
   .directory .overview {
      grid-template-columns: 1fr 1fr;
   }
   
   .post article, .partner article, .best article, .shop article {
      display: flex;
      flex-direction: column;
   }
   
   .single-footer .author {
      max-height: none;
      display: flex;
      flex-direction: column;
      padding: var(--gap20) 0;
      margin: 0;
   }
   .single-left.side .social .items {
      flex-direction: row;
   }
   .best .overview .product {
      flex-basis: calc(50% - var(--gap) / 2)
   }
   
   .about {
      flex-direction: column;
   }
   
   .home .section {
      margin-bottom: var(--gap50)
   }
   
   header .site-categories .items {
      flex-wrap: wrap;
      gap: var(--gap5);
      padding: var(--gap10) 0;
   }
   .site-categories .griditem {
      padding: 0;
   }
}
@media (max-width: 767px) {
   .header-sticky-1 .join {
      font-weight: 400;
      font-size: var(--fontsize-smaller);
   }
   
   .grid17 .griditem:not(:first-child) .image{
      width: 190px;
      flex: 0 1 190px;
      min-width: 190px;
      height: 140px;
   }
   
   .freebie .cta {
      padding: var(--gap15);
   }
   
   .email {
      flex-direction: column;
      padding: var(--gap);
   }
   .email .text {
      flex-direction: column;
      align-items: center;
   }
   .email .fields, .email .cta {
      width: 200px;
   }
   .email .email-field input {
      width: 100%;
   }
   
   .full > .freebie .text {
      flex-direction: column;
   }
   
   .lead .content .overview .offer {
      justify-content: center;
   }
   .lead .detailed .offer {
      padding-right: 0;
   }
   .lead .detailed .offer .logo {
      position: relative;
      right: auto;
   }
   
   .best .overview {
      gap: var(--gap);
   }
   .best .overview .product {
      display: flex;
      flex-direction: column;
      align-items: center;
   }
   
   .shop .overview {
      grid-template-columns: 1fr 1fr;
   }
}
@media (max-width: 600px) {
   .grid17 .griditem:not(:first-child) > a {
      flex-direction: column;
   }
   .grid17 .griditem:not(:first-child) .image {
      width: 100%;
   }
   .link-block {
      flex-direction: column;
   }
   
   .directory .overview {
      grid-template-columns: 1fr;
   }
   
   .lead .content .overview .offer .logo,
   .lead .content .overview .offer .stars {
      width: 100%;
   }
   .lead .content .overview .offer .stars,
   .lead .detailed .offer .data1 {
      text-align: center;
   }
   .lead .content .overview .offer [class^="data"] {
      width: calc(50% - var(--gap25) / 2);
      text-align: center;
   }
   
   .lead .detailed .offer {
      width: 100%;
      flex-direction: column;
      align-items: center;
   }
   .lead .detailed .offer .list ul {
      display: flex;
      flex-direction: column;
      align-items: center;
   }
   .grid > .freebie .image {
      max-height: none;
   }
   
   .best .overview .product {
      flex-basis: 100%;
   }
   .best .overview .product .summary {
      text-align: center;
   }
   
   .best .detailed .product {
      display: flex;
      flex-direction: column;
      gap: var(--gap15);
   }
   .best .detailed .product .rating1 {
      order: unset;
   }
}