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

:root {--fontsize-section-heading: 28px;}
:root {--fontsize-menu-largest: 48px;}
:root {--fontsize-header3: 20px;}
:root {--fontsize-header2: 26px;}
:root {--fontsize-mini: 12px;}
:root {--fontsize-smallest: 14px;}
:root {--fontsize-smaller: 16px;}
:root {--fontsize-small: 18px;}
:root {--fontsize-post-body: 20px;}
:root {--fontsize-large: 22px;}
:root {--fontsize-larger: 24px;}
:root {--fontsize-header1: 40px;}
:root {--fontsize-grid-title-small: 32px;}
:root {--fontsize-grid-title-large: 48px;}

/* ----- Colors ----- */
:root {--color-text: #262626;}
:root {--color-grey-light: #d9d9d9;}
:root {--color-footer-bg: #13212e;}
:root {--color-post-link: #b05472;}

:root {--color-salmon: #fff1e5;}
:root {--color-salmon-strong: #fcd0b1;}
:root {--color-salmon-light: #fff9f5;}
:root {--color-salmon-dark: #f2dfce;}
:root {--color-salmon-darker: #e6d9ce;}
:root {--color-blackish: #33302e;}
:root {--color-grey: #ccc1b7;} 
:root {--color-grey-dark: #807973;} 
:root {--color-grey-darker: #66605c;}
:root {--color-red-dark: #990f3d;}
:root {--color-red: #c00;}
:root {--color-blue: #0f5499;}
:root {--color-blue-dark: #262a33;}
:root {--color-green-dark: #0a5e66;}
:root {--color-green-link: #0d7680;}
:root {--color-green-link-hover: #9ec0bd;}
:root {--color-footer-grey: #a8aaad;}

/* ----- Icons ----- */
.menu-icon .icon {background-image: url(/files/icon/menu_a.svg);}
.menu > .icon {background-image: url(/files/icon/close_a.svg);}
.search .icon {background-image: url(/files/icon/search_b.svg); width: 17px; height: 17px;}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_21.svg);}
.social .items .instagram .icon {background-image: url(/files/icon/instagram_21.svg);}
.social .items .tiktok .icon {background-image: url(/files/icon/tiktok_4.svg);}
.social .items .x .icon {background-image: url(/files/icon/new_x_a.svg);}
.social .items .pinterest .icon {background-image: url(/files/icon/pinterest_23.svg);}
.social .items .linkedin  {display: none;}
.social .items .youtube {display: none;}
.social .items .rss {display:none;}
.social .items .mail {display: none;}
.menu .search .icon,
.social .items .item .icon {
   width: 15px;
   height: 15px;
}

/* ----- 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: 1470px;}
:root {--width-site2: 780px;}

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

/* ################################################################# VARIOUS ################################################################# */
* {
    box-sizing: border-box;
}
body {
   margin: 0;
   text-rendering: optimizeLegibility;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: var(--font1);
   font-weight: 400;
   line-height: 1.6em;
   background-color: var(--color-salmon);
}
h1 {
   font-size: var(--fontsize-header1);
   font-weight: 500;
   line-height: 44px;
   font-family: var(--font2);
}
h2 {}
h3 {}

.page .mobile .logo {
   width: auto;
}
header .logo a,
.page .mobile .logo a,
footer .logo {
   text-decoration: none;
   font-family: var(--font2);
   color: black;
}
footer .logo {
   color: white;
}
header .logo a > span,
.page .mobile .logo a > span,
footer .logo a > span {
   display: flex;
   flex-direction: column;
   font-size: 2.5em;
   letter-spacing: -0.02em;
   text-transform: uppercase;
   text-align: center;
   font-weight: 500;
   line-height: 1em;
}
footer .logo a {
   color: white;
   text-decoration: none;
}

.article {
   margin: 0;
}

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

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

/* CONTENT */
.lead .content, 
.single-body, 
.page .content {
   line-height: 1.6;
   font-size: var(--fontsize-post-body);
   font-family: var(--font2);
}
.lead .content a,
.single-body a,
.page .content a {
   color: var(--color-green-link);
}
.lead .content a:hover,
.single-body a:hover,
.page .content a:hover {
   color: var(--color-green-link-hover);
}
.single-body > *:not(blockquote):not(h2):not(h3):not(table):not(.related),
.page .content > *:not(blockquote):not(h2):not(h3):not(table):not(.related) {
   margin: var(--gap15) 0;
}

/* BUTTONS */
header .join .newsletter,
.freebie .cta,
.email .cta,
#cookies .settings,
#cookies .accept {
   background-color: var(--color-blackish);
   color: white;
   padding: var(--gap5) var(--gap15);
   text-transform: uppercase;
   letter-spacing: 0.083em;
   font-size: var(--fontsize-smallest);
   font-family: var(--font1);
}

/* HEADER */
header {
   font-family: var(--font1);
}
#header-normal,
#header-up {
   border-bottom: 1px solid var(--color-grey);
   background-color: var(--color-salmon);
}
#header-normal .inner,
#header-up .inner {
   padding: var(--gap) var(--gap70);
}
#header-up .inner {
   padding: var(--gap20) var(--gap70);
}
.header-normal-1 {
   border-bottom: 1px solid var(--color-grey);
}
.header-normal-1 .inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
header .join {
   margin-left: auto;
}
header .join .icon,
header .join .signin,
header .site-categories .element-title {
   display: none;
}
header .join > div {
   margin-right: var(--gap15);
   padding: var(--gap5) var(--gap15) var(--gap5) 0;
   border-right: 1px solid var(--color-grey-light);
   font-size: var(--fontsize-smallest);
   text-transform: uppercase;
   letter-spacing: 0.108em;
}
header .logo img {
   height: 70px;
}
header .site-categories .items {
   gap: var(--gap15);
}
header .site-categories a {
   color: var(--color-text);
   font-size: var(--fontsize-mini);
   font-weight: 800;
   text-transform: uppercase;
   letter-spacing: 0.108em;
}
header .site-categories a:hover {
   color: var(--color-grey-dark);
}
.header-normal-3 {
   display: none;
}

#menu {
   /*display: flex !important;*/
}
#menu {
   height: 100vh; 
   width: calc(100vw - 6%); 
   position: fixed; 
   top: 0; 
   left: 0; 
   background-color: var(--color-salmon);
   overflow-x: hidden; 
   transition: 0.5s;
   flex-direction: column;
   flex-wrap: wrap;
   padding: 3% 2%;
   align-items: center;
}
#menu-overlay {
   opacity: 0.6;
}
.menu .search,
.menu .join {
   order: 1;
   width: 31%;
}
.menu > .icon {
   position: absolute;
   top: 3%;
   right: 3.5%;
}
.menu .site-categories,
.menu .infolinks {
   order: 2;
   width: 30%;
   padding: var(--gap5) 0;
}
.menu .social {
   order: 3;
   width: 30%;
   margin-top: var(--gap20);
}
.menu .social .items {
   display: flex;
   gap: var(--gap10);
}
.menu .social .item {
   margin: 0;
   border: 1px solid var(--color-text);
   border-radius: 50%;
   padding: var(--gap5);
}
.menu .site-categories .element-title,
.menu .infolinks .element-title,
.menu .join .icon,
.menu .join .signin,
.menu .social .element-title,
.menu .social .text {
   display: none;
}
.menu .site-categories,
.menu .join,
.menu .infolinks {
   font-family: var(--font1);
   display: flex;
   flex-direction: column;
   line-height: 32px;
}
.menu .infolinks,
.menu .join {
   border-top: 1px solid var(--color-text);
}
.menu .infolinks a {
   color: black;
   text-decoration: none;
}
.menu .search {
   border-top: 1px solid var(--color-text);
   border-bottom: 1px solid var(--color-grey-light);
   display: flex;
   align-items: center;
}
.menu .search input {
   border: 1px solid var(--color-grey);
   border-right: 0px;
   line-height: 25px;
   width: calc(100% - 30px);
   padding: 0 var(--gap5);
   margin: var(--gap10) 0;
   line-height: 38px;
   height: 38px;
}
.menu .search .icon {
   border: 1px solid var(--color-grey);
   border-left: 0px;
   margin: 0;
   padding: 0 var(--gap15);
   background-color: white;
   background-position: center;
   background-repeat: no-repeat;
   background-size: 20px 20px;
   line-height: 38px;
   height: 38px;
}

/* FORSIDE */
.freebie {
   margin: var(--gap50) 0;
   border-top: 1px solid var(--color-grey);
   border-bottom: 1px solid var(--color-grey);
   padding: var(--gap10) 0;
   justify-content: center;
   gap: var(--gap20);
   display: flex;
   flex-direction: row-reverse;
   font-size: var(--fontsize-post-body);
   font-family: var(--font1);
   background-color: var(--color-salmon-strong);
}
.freebie .description {
   display: none;
}
.freebie .image {
   display: block;
}
.freebie .image img {
   height: 85px;
   width: 65px;
}
.freebie .text {
   gap: var(--gap20);
   display: flex;
   align-items: center;
}

.section .heading {
   font-family: var(--font1);
   text-transform: uppercase;
   font-weight: 800;
   letter-spacing: 2px;
   font-size: var(--fontsize-smallest);
   text-align: center;
   margin-top: var(--gap15);
   padding-top: var(--gap15);
   border-top: 1px dotted var(--color-salmon-darker);
}

.section:not(.section1) {
   padding: var(--gap50) 0;
}

.grid .text,
.side.right .text,
.articles3 {
   padding-top: var(--gap15);
}
.grid .category,
.grid .name,
.side.right .category,
.side.right .name,
.single-header .category,
.single-header .author,
.single-header .date,
.articles3 .category,
.articles3 .date {
   display: block;
   font-family: var(--font1);
   font-size: var(--fontsize-smaller);
   letter-spacing: 0.1em;
   line-height: 12px;
}
.grid .category,
.side.right .category,
.single-header .category,
.articles3 .category {
   /*text-transform: uppercase;*/
   order: 1;
   margin-bottom: var(--gap10);
   color: var(--color-red-dark);
   font-size: var(--fontsize-smallest);
   font-weight: 800;
   letter-spacing: revert;
}
.grid .title,
.side.right .title,
.articles3 .title {
   font-size: var(--fontsize-header2);
   font-family: var(--font2);
   line-height: 32px;
   order: 2;
   margin-bottom: var(--gap10);
   font-weight: 300;
   letter-spacing: 0.0167em;
}
.grid a:hover .title,
.side.right a:hover .title,
.articles3 a:hover .title {
   text-decoration: underline;
}
.grid .name,
.side.right .name,
.single-header .author,
.single-header .date,
.articles3 .date {
   font-size: var(--fontsize-smallest);
   line-height: 16px;
   letter-spacing: 0.025em;
   order: 3;
}

.grid1 {
   margin-bottom: var(--gap80);
}
.grid1 .griditem {
   background-color: var(--color-salmon-dark);
}
.grid1 .text {
   align-items: center;
   padding: var(--gap50) 0;
}
.grid1 .title {
   font-size: var(--fontsize-header1);
   line-height: 1.1em;
   letter-spacing: 0.015em;
   text-align: center;
   margin-bottom: var(--gap15);
   padding: 0 var(--gap);
   font-weight: 400;
}

.grid13 .image img {
   height: 340px;
}
.grid13 > .griditem:not(.list).normal {
    background-color: var(--color-salmon-light);
}
.grid13.grid > .griditem:not(.list):not(.text) .text {
    padding: var(--gap15);
}

.section4 .inner {
   gap: 0;
}
.grid10 {
   grid-template-columns: repeat(12, calc(100% / 12));
   grid-template-rows: repeat(12, calc(100% / 12));
   gap: 0;
}
.grid10 .griditem:not(:last-child) {
   margin-right: var(--gap15);
}
.grid10 .griditem:first-child {
   margin-bottom: var(--gap15);
}
.grid10 .griditem:nth-child(2) {
   padding-top: var(--gap15);
   border-top: 1px solid var(--color-salmon-darker);
}
.grid10 .griditem:nth-child(3) {
   border-left: 1px solid var(--color-salmon-darker);
   border-right: 1px solid var(--color-salmon-darker);
   padding-left: var(--gap15);
   padding-right: var(--gap15);
}

.side.right {
   margin-top: var(--gap);
   padding-left: var(--gap15)
}
.side.right .heading {
   font-size: var(--fontsize-larger);
   line-height: 26px;
   letter-spacing: 0.045em;
   text-transform: uppercase;
   padding: 0 0 var(--gap10);
}
.side.right .article,
.articles3 .article {
   padding: var(--gap15) 0;
   border-top: 1px solid var(--color-salmon-darker);
}
.side.right .article a,
.articles3 .article a {
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
   align-items: center;
}
.side.right .title,
.articles3 .title {
   font-size: var(--fontsize-large);
   line-height: 23px;
}
.side.right .text,
.articles3 .article .text {
   width: calc(100% - 75px - var(--gap));
}
.side.right .image,
.side.right .image img,
.articles3 .article .image,
.articles3 .article .image img {
   width: 75px;
   height: 75px;
}

.link-block {
   display: flex;
   flex-wrap: wrap;
   column-gap: var(--gap);
   margin-bottom: var(--gap);
}
.link-block > div {
   width: calc(100% / 3 - (var(--gap) * 2) / 3);
   /*border-top: 1px solid var(--color-text);*/
   border-bottom: 1px solid var(--color-grey);
   padding: var(--gap15) 0;
}
.link-block > div a:hover {
   text-decoration: underline;
}

/* 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-size: var(--fontsize-large);
   line-height: 1.2em;
   margin-bottom: var(--gap5);
   font-family: var(--font2);
   font-weight: 500;
}
.directory .article .sub {
   line-height: 1.5;
   display: block;
   font-weight: 300;
   font-size: var(--fontsize-smaller);
}

/* LEAD */
.lead .label,
.lead .overview .description,
.lead .overview .stars,
.lead .overview .law,
.lead .data2,
.lead .data3,
.lead .overview .name {
   display: none; 
}
.lead .offer {
   font-family: var(--font1);
}
.lead .overview .offer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 var(--gap10);
   gap: var(--gap);
}
.lead .overview .offer > div {
   flex: 1 1 auto;
}
.lead .overview .offer:not(:last-child) {
   border-bottom: 1px solid var(--color-grey);
}
.lead .number {
   flex-basis: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.lead .number span {
   border-radius: 50%;
   text-align: center;
   width: 30px;
   font-weight: 600;
   font-size: var(--fontsize-larger);
}
.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;
   max-height: 100%;
}
.lead .overview .offer .data1 {
   flex-basis: 150px;
   text-align: center;
}
.lead .overview .offer .list {
   flex-basis: 350px;
}
.lead .overview .offer .cta {
   text-align: center;
}
.lead .offer .cta span {
   color: white;
   background-color: black;
   font-size: var(--fontsize-smallest);
   text-transform: uppercase;
   letter-spacing: 0.083em;
   font-weight: 500;
   padding: var(--gap10) var(--gap15);
   height: 40px;
   line-height: 40px;
   order: 3;
   text-align: center;
}
.lead .detailed {
   display: flex;
   gap: var(--gap);
   flex-wrap: wrap;
}
.lead .detailed .offer {
   border: 1px solid var(--color-grey);
   border-top: 0;
   border-radius: 10px;
   padding: var(--gap45) var(--gap) var(--gap);
   position: relative;
   display: flex;
   flex-wrap: wrap;
   flex: 1 1 40%;
   font-size: var(--fontsize-smaller);
   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;
   z-index: 2;
   background-color: var(--color-red);
   color: white;
}
.lead .detailed .offer .number span {
   border-radius: 0;
}
.lead .detailed .name {
   font-size: var(--fontsize-header2);
   font-weight: 600;
   text-align: center;
   order: 1;
   background-color: black;
   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-header2);
}
.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-header2);
   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;
}
.lead .detailed .offer .law {
   order: 8;
   width: 100%;
   font-size: var(--fontsize-smallest);
}

/* 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(3, auto);
   gap: var(--gap);
}
.single-above,
.single-bottom,
.single-left,
.single-footer .author .name,
.single-header .featured-image .credits {
   display: none;
}
.single-header {
   grid-column: 1 / span 12;
   grid-row: 1 / span 1;
   display: flex;
   flex-direction: column;
}
.single-header .category,
.single-header .sub,
.single-header .author,
.single-header .date {
   display: block;
   font-family: var(--font1);
}
.single-header .author {
   color: var(--color-text);
}
.single-header .title {
   order: 2;
   margin: 0 0 var(--gap);
}
.single-header .sub {
   order: 3;
   margin-bottom: var(--gap);
}
.single-header .author {
   margin-bottom: var(--gap10);
}
.single-header .date {
   order: 4;
   margin-bottom: var(--gap);
}
.single-header .featured-image {
   order: 5;
}
.single-body {
   grid-column: 2 / span 6;
   grid-row: 2 / span 1;
}
.related {
   margin-bottom: var(--gap25);
}
.related h3 {
   margin-bottom: var(--gap5);
   font-family: var(--font1);
   text-transform: uppercase;
   font-weight: 800;
   letter-spacing: 2px;
   font-size: var(--fontsize-smallest);
   text-align: center;
   margin-top: var(--gap15);
   padding-top: var(--gap15);
   border-top: 1px dotted var(--color-salmon-darker);
}
.related .articles {
   display: flex;
   justify-content: space-between;
}
.related .article {
   width: 32%;
   background-color: var(--color-salmon-light);
}
.related .article:nth-child(1n+4) {
   display: none;
}
.related .article a {
   color: black;
   display: flex;
   flex-direction: column;
   padding-bottom: var(--gap15);
}
.related .article .image img {
   height: 140px;
   margin-bottom: var(--gap15);
}
.related .category {
   display: block;
   order: 1;
   color: var(--color-red-dark);
   font-size: var(--fontsize-smallest);
   font-weight: 800;
   font-family: var(--font1);
   padding: 0 var(--gap15);
}
.related .title {
   font-size: var(--fontsize-small);
   font-weight: 500;
   line-height: 1.3;
   order: 2;
   padding: 0 var(--gap15);
}

.single-right {
   grid-column: 9 / span 3;
   grid-row: 2 / span 1;
}
.single-footer {
   grid-column: 2 / span 6;
   grid-row: 3 / span 1;
   display: flex;
   flex-direction: column;
}
.single-footer .author,
.single-footer .author .avatar,
.single-footer .author .bio,
.single-footer .categories {
   display: block;
}
.single-footer .author {
   border-top: 1px solid var(--color-grey);
   display: flex;
   flex-direction: row-reverse;
   padding: var(--gap) 0;
   order: 1;
}
.single-footer .author .avatar,
.single-footer .author .avatar img {
   width: 90px;
   height: 90px;
}
.single-footer .author .bio {
   margin-left: var(--gap25);
   width: calc(100% - 90px - var(--gap25));
}
.single-footer .categories {
   order: 2;
   border-top: 1px solid var(--color-grey);
   border-bottom: 1px solid var(--color-grey);
   display: flex;
   font-family: var(--font1);
   font-size: var(--fontsize-smaller);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-weight: 600;
   gap: var(--gap);
   padding: var(--gap10) 0;
}
.single-footer .categories .cat:hover {
   color: var(--color-post-link);
   text-decoration: underline;
}

table {
   border-collapse: collapse;
}
table th {
   text-align: left;
}
table th,
table td {
   padding: var(--gap5);
   border: 1px solid var(--color-grey);
}
table tr:nth-child(odd) {
   background-color: var(--color-salmon-darker);
}

.faq h3,
.consider h3,
.types h3,
.brands h3{
   margin-top: var(--gap20);
   margin-bottom: var(--gap10);
}

/* BEST */
.best .overview h2,
.best .detailed h2,
.best .others h2,
.best .types h2,
.best .brands h2 {
   padding: var(--gap50) 0 var(--gap20);
   font-size: var(--fontsize-section-heading);
   line-height: 30px;
}
.best .overview .product {
   display: flex;
   gap: var(--gap5);
   font-size: var(--fontsize-small);
}
.best .overview .product .label {
   display: inline;
   font-weight: 800;
   font-family: var(--font1);
}
.best .overview .product .label:after {
   content: ":";
}
.best .detailed .product {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap5);
   padding: var(--gap) 0;
   font-family: var(--font1);
}
.best .detailed .product:first-of-type {
   padding-top: 0;
}
.best .detailed .product:last-child {
   padding-bottom: 0;
}
.best .detailed .product .label,
.best .detailed .product .pros-cons-2-lists,
.best .detailed .product .image,
.best .detailed .product .cta,
.best .detailed .product .description,
.best .detailed .product .specifications {
   display: block;
}
.best .detailed .product .label {
   order: 1;
   color: black;
   line-height: 1em;
   
   font-weight: 700;
   font-size: var(--fontsize-small);
   margin: 0 auto;
   color: var(--color-red);
}
.best .detailed .product .title {
   order: 2;
   font-size: var(--fontsize-section-heading);
   width: 100%;
   line-height: 1.4em;
   font-weight: 600;
   text-align: center;
   font-family: var(--font2);
}
.best .detailed .product .title a {
   color: black;
}
.best .detailed .image {
   order: 3;
   width: 100%;
   text-align: center;
}
.best .detailed .cta {
   order: 4;
   margin: 0 auto;
}
.best .detailed .product .cta a {
   font-size: var(--fontsize-smaller);
   font-weight: 700;
   color: black;
}
.best .detailed .product .cta a:hover {
   text-decoration: none;
}
.best .detailed .pros-cons-2-lists {
   order: 5;
   font-size: var(--fontsize-smaller);
}
.best .detailed .pros-cons-2-lists .title {
   display: none;
}
.best .detailed .pros-cons-2-lists .pros-cons {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
}
.best .detailed .pros-cons-2-lists .pros-cons h3 {
   margin-bottom: var(--gap5);
   font-size: var(--fontsize-header3);
}
.best .detailed .pros-cons-2-lists .pros-cons ul {
   padding: 0;
   list-style-type: none;
   margin-top: 0px;
}
.best .detailed .pros-cons-2-lists .pros-cons ul li {
   display: flex;
   padding: var(--gap5) 0;
}
.best .detailed .pros-cons-2-lists .pros li:before {
   content: "\2713";
   margin-right: 10px;
   /*color: var(--color-green);*/
}
.best .detailed .pros-cons-2-lists .cons li:before {
   content: "\2715";
   margin-right: var(--gap10);
}
.best .detailed .description {
   order: 6;
   font-family: var(--font2);
}
.best .detailed .specifications {
   order: 7;
   font-size: var(--fontsize-smaller);
}
.best .detailed .specifications h3 {
   margin: 0 0 var(--gap10);
   font-size: var(--fontsize-header3);
}
.best .detailed .specifications ul {
   margin-top: 0;
   padding-left: var(--gap25);
   margin-bottom: 0;
}
.best .others .title a {
   color: black;
   font-family: var(--font1);
   font-weight: 500;
}
.best .others .title a:hover {
   text-decoration: underline;
}

/* SHOP */
.shop .overview {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap20);
}
.shop .overview .product {
   font-family: var(--font2);
   flex: 1 1 calc((100% / 3) - (var(--gap20) * 2) / 3 - 2px);
   max-width: calc((100% / 3) - (var(--gap20) * 2) / 3 - 2px);
   background-color: white;
   border: 1px solid var(--color-grey);
   border-radius: 10px;
   padding: var(--gap15);
   display: flex;
   flex-direction: column;
   gap: var(--gap5);
   align-items: center;
}
.shop .overview .product a {
   color: black;
}
.shop .overview .product .image {
   order: 1;
   text-align: center;
   width: 100%;
}
.shop .overview .product .image img {
   height: 200px;
}
.shop .overview .product .label {
   display: block;
   order: 2;
   text-align: center;
   font-weight: 600;
   line-height: 1.2em;
   font-size: var(--fontsize-small);
   padding: var(--gap5) 0;
}
.shop .overview .product .rating2 {
   display: block;
   order: 3;
   text-align: center;
}
.shop .overview .product .title {
   order: 4;
   text-align: center;
   font-size: var(--fontsize-larger);
   line-height: 1.2em;
   height: calc(2.4em + 10px);
   overflow: hidden;
   padding: var(--gap5) 0;
}
.shop .overview .product .summary {
   display: block;
   order: 4;
   text-align: center;
   font-size: var(--fontsize-smaller);
   line-height: 1.2em;
}
.shop .overview .product .jump {
   display: block;
   order: 5;
   text-align: center;
   font-size: var(--fontsize-smaller);
   margin-top: auto;
   color: var(--color-blue);
}
.shop .overview .product .price {
   display: block;
   order: 6;
}
.shop .overview .product .cta {
   display: block;
   order: 7;
   background-color: black;
   padding: var(--gap5) var(--gap15);
   text-transform: uppercase;
   letter-spacing: 0.083em;
   font-size: var(--fontsize-smallest);
   font-family: var(--font1);
}
.shop .overview .product .cta a {
   color: white;
}

/* FOOTER */
footer {
   background-color: var(--color-blue-dark);
   padding: 3rem 0;
   color: white;
   font-family: var(--font1);
   text-transform: uppercase;
   font-size: var(--fontsize-smallest);
   font-weight: 700;
}
footer .social .element-title,
footer .social .text,
footer .copyright .medium,
footer .copyright .long,
footer .list7 .element-title {
   display: none;
}
footer  [class^="list"] a {
   color: var(--color-footer-grey);
   text-decoration: none;
   font-weight: 300;
}
footer [class^="list"] a:hover {
   text-decoration: underline;
}
footer .inner {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
footer .logo {
   order: 1;
}
footer .logo img {
   height: 50px;
}
footer .list3,
footer .list4 {
   order: 2;
}
footer [class^="list"] .element-title {
   margin-bottom: var(--gap10);
}
footer [class^="list"] .item {
   line-height: 20px;
}
footer .social {
   order: 3;
}
footer .social .items {
   display: flex;
   gap: var(--gap10);
}
footer .social .item {
   margin: 0;
   background: white;
   border-radius: 50%;
   padding: var(--gap10);
}
footer .inner:after {
   content: "";
   width: 100%;
   order: 4;
   height: 1px;
   background-color: var(--color-footer-grey);
   margin: var(--gap40) 0;
}
footer .list7 {
   order: 5;
   display: flex;
}
footer .list7 .item:not(:last-child):after {
   content: "|";
   margin: 0 var(--gap5);
   color: var(--color-footer-grey);
}
footer .copyright {
   order: 6;
   color: var(--color-grey);
   font-family: var(--font2);
   font-weight: 400;
   font-size: var(--fontsize-mini);
   text-transform: none;
}

/* ----- COOKIES ----- */
#cookies-overlay, #cookies {
   /*display: block !important;*/
}
#cookies-overlay {
   background-color: black;
}
#cookies { 
   background-color: white; 
   padding: var(--gap) var(--gap40);
   top: 10%;
   left: 50%;
   transform: translateX(-50%);
   max-width: 650px;
   line-height: 1.5em;
}
#cookies .icon {
   display: none;
}
#cookies .text {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--gap15);
   align-items: center;
   font-size: var(--fontsize-smallest);
   justify-content: center;
}
#cookies .short {display: none;}
#cookies .long1 {display: block;}
#cookies .long2 {display: block;}
#cookies .deny {display: none;}

#cookies .settings,
#cookies .accept {
   text-align: center;
   margin-top: var(--gap15);
   border: 1px solid black;
}
#cookies .settings {
   order: 10;
   background-color: transparent;
   color: black;
}

@media (max-width: 1200px) {
   .grid13 .image img {
      height: 200px;
   }
   
   .lead .overview .offer {
      height: auto;
      padding: var(--gap15);
   }
   
   .single-body,
   .single-footer {
      grid-column: 1 / span 7;
   }
   .single-right {
      grid-column: 9 / span 4;
   }
   .shop .overview .product {
      flex: 1 1 calc(50% - (var(--gap20) / 2) - 2px);
      max-width: calc(50% - (var(--gap20) / 2) - 2px);
   }
}
@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 .inner, #header-up .inner {
      padding: var(--gap) var(--gap15);
   }
   
   .side.right {
      padding-left: 0;
   }
   
   .grid10 .griditem:nth-child(3) {
      border: 0;
      padding: 0;
   }
   .grid10 .griditem:nth-child(2) {
      padding: 0;
      border: 0;
      margin: 0;
   }
   .grid10 .griditem:not(:last-child) .image img {
      height: 190px;
   }
   
   .directory .overview {
      grid-template-columns: 1fr 1fr;
   }
   
   .post article, .partner article, .best article, .shop article {
      display: flex;
      flex-direction: column;
   }
   
   header .site-categories .items {
      flex-wrap: wrap;
   }
}
@media (max-width: 767px) {
   .link-block > div {
      width: calc(50% - (var(--gap) / 2));
   }
   
   .lead .detailed .offer {
      flex: 1 1 100%;
   }
   
   .best .overview .product {
      flex-direction: column;
      line-height: 1.2;
      padding: var(--gap10) 0;
   }
   
   .best .detailed .pros-cons-2-lists .pros-cons {
      grid-template-columns: 1fr;
   }
   .best .detailed .pros-cons-2-lists .pros-cons h3 {
      margin-top: 0;
   }
   
   .lead .overview .offer .list {
      flex: 0 1 auto;
   }
   
   .grid10 {
      grid-template-rows: repeat(12, auto);
   }
}
@media (max-width: 600px) {
   .shop .overview .product {
      flex: 1 1 100%;
      max-width: 100%;
   }
   
   .home > .section:not(.section6),
   .section6 .inner{
      padding: 0;
   }
   
   .directory .overview {
      grid-template-columns: 1fr;
   }
   
   .grid10 .griditem:first-child {
      margin-right: 0;
   }
   .grid13 .griditem {
      padding-bottom: var(--gap20);
   }
   .grid1 .title {
      padding: 0;
      font-size: var(--fontsize-menu-largest);
   }
   
   .related .articles {
      flex-direction: column;
   }
   .related .article {
      width: 100%;
      background-color: var(--color-salmon-light);
      margin-bottom: 5%;
   }
}