#header-sticky .inner .site-categories {margin-right: auto; }
.header-sticky-2 {display:none; }
#header-sticky .inner { height: 40px !important; }


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

/* ----- Fonts ----- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {--font1: "Playfair Display", "Times New Roman", serif;}
:root {--font2: "EB Garamond", "Times New Roman", serif;}
:root {--font3: "Roboto", "Helvetica", sans-serif;}

:root {--fontsize-small: 16px;}
:root {--fontsize-smaller: 20px;}
:root {--fontsize-body: 21px;}
:root {--fontsize-large: 22px;}
:root {--fontsize-larger: 24px;}
:root {--fontsize-largest: 32px;}
:root {--fontsize-mega: 36px;}
:root {--fontsize-giga: 74px;}

/* ----- Colors ----- */
:root {--color-grey-dark: #767676;}
:root {--color-grey-darker: #444444;}
:root {--color-orange: rgba(255,29,70,0.2);}
:root {--color-grey-lighter: rgb(245, 245, 245);}
:root {--color-grey-light: rgb(223, 223, 223);}
:root {--color-grey: rgb(117, 117, 117);}
:root {--color-grey-very-dark: #3e3e3e;}
:root {--color-white: #fff;}
:root {--color-red: #dc161c;}
:root {--color-black: #000;}
:root {--color-green: #2acc15;}
:root {--color-orange: #dc8116;}


/* LOGO */
.logo > a,
.logo > a:hover {
   color: var(--color-red);
   text-decoration: none;
}
.logo > a > span {
   font-family: var(--font1);
   font-size: 3em;
   display: block;
   letter-spacing: -1.5px;
}
#header-scroll .logo > a > span {
   font-size: 2.2em;
}
.mobile .logo {
   width: auto;
   text-align: center;
}
footer .logo > a > span {
   font-size: 1.5em;
}

/* ----- Icons ----- */
.menu-icon .icon {background-image: url(/files/icon/menu_f.svg);}
#menu .search .icon {background-image: url(/files/icon/search_c.svg);}
.social .items .x .icon {background-image:  url(/files/icon/x_18.svg);}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_39.svg);}
.social .items .mail .icon {background-image: url(/files/icon/email_21.svg);}
.social .items .item {
   border: 1px solid var(--color-black);
   border-radius: 50%;
   padding: var(--gap-smallest);
}
.social .items .instagram {display: none;}
.social .items .youtube {display: none;}
.social .items .linkedin {display: none;}
.social .items .tiktok {display: none;}
.social .items .pinterest {display: none;}
.social .items .rss {display: none;}

/* ----- Border Radius ----- */
:root {--border-radius-large: 50px;}
:root {--border-radius-mini: 5px;}

/* ----- Gap ----- */
:root {--gap-very-large: 75px;}
:root {--gap-largest: 50px;}
:root {--gap-larger: 35px;}
:root {--gap-large: 25px;}
:root {--gap: 20px;}
:root {--gap-small: 15px;}
:root {--gap-smaller: 10px;}
:root {--gap-smallest: 5px;}
:root {--gap-section: 35px;}

/* ----- Site Width ----- */
:root {--width-site: 1200px;}

/* ################################################################# VARIOUS ################################################################# */

/* Hidden elements */
header > .desktop #header-sticky .header-sticky-2,
header .site-categories .element-title,
header .join .subscribe,
header .join .icon,
.side.right .article .image,
.lead .overview .offer .logo,
.lead .overview .offer .number,
.lead .offer .label,
.lead .overview .offer .description,
.lead .overview .offer .stars,
.lead .overview .offer .list,
.lead .offer .law,
.lead .detailed .offer .name,
.lead .detailed .offer .data3,
.single article .single-header .featured-image,
.single article .single-header .social .element-title,
.related .article .image,
.single article .single-left,
.single-right.side .article .image,
.single article .single-footer .related .category,
.single article .single-bottom {
   display: none;
}

/* Show elements */
.section1 .grid2 .article:last-child .intro,
.section1 .grid2 .article:last-child .name,
.grid2 .article .category,
.grid15 .article .category,
.grid15 .article:last-child .intro,
.grid15 .article:last-child .name,
.directory .article .sub,
.single article .single-header .category,
.single article .single-header .author,
.single article .single-header .author .bio,
.single article .single-header .date,
.single article .single-header .social,
.single article .single-above .featured-image,
.related .article .category,
.single-right.side .article .number,
.single article .single-footer .related,
.single article .single-footer .date,
.single article .single-footer .author,
.single article .single-footer .author .avatar,
.single article .single-footer .author .bio,
.single-bottom .section .heading,
.single-body .overview .product .image,
.single-body .overview .product .rating2,
.single-body .overview .product .label,
.single-body .overview .product .number {
   display: block;
}

body {
   font-family: var(--font2);
   font-size: var(--fontsize-body);
   color: var(--color-black);
}
h1, h2, h3, h4, h5, h6 {
   /*font-family: var(--font3);*/
}
h1 {
   font-size: 2.875rem;
}
h2 {
   font-size: 2.281rem;
   line-height: 1.1em;
   margin-bottom: 0.5em;
}
h3 {
   font-size: 1.602rem;
   margin-bottom: 0.5em;
}
h4, h5, h6 {
   font-size: 1.266rem;
   margin-bottom: 0.5em;
}

#main {
   padding: var(--gap-largest) 0;
}

.article {
   margin: 0;
}

header > .desktop #header-sticky .header-sticky-1,
.index .home .section,
#main .directory,
#main .lead,
#main .single,
#main .page,
#main .archive,
footer .desktop .inner {
   max-width: var(--width-site);
   margin-right: auto;
   margin-left: auto;
   padding: 0 var(--gap);
}

.join .signin,
.single-body .detailed .product .cta a,
#cookies .accept,
#menu .join .newsletter {
   background-color: var(--color-red);
   color: var(--color-white);
   padding: var(--gap-smaller) var(--gap-small);
   /*border-radius: var(--border-radius-large);*/
}

.image img,
.logo img {
   display: block;
}

/* Sections */
.section {
   padding: var(--gap-section) 0;
}
.section .inner {
   justify-content: space-between;
   align-items: flex-start;
}
.section:not(.section1) .grid2 {
   padding-top: var(--gap-large);
   margin: var(--gap-large) 0;
   border-top: 1px solid var(--color-grey-light);
   grid-template-columns: repeat(12, calc((100% - var(--gap-larger)* 11) / 12));
   grid-template-rows: 1fr;
   gap: var(--gap-larger);
}
.grid15 {
   grid-template-rows: repeat(16, calc((100% - var(--gap) * 15) / 16));
   margin-top: 0px;
}
.section1 .grid2 .griditem:nth-child(1),
.grid15 .griditem:not(:last-child) {
   grid-column: 1 / span 4;
}
.grid15 .griditem:nth-child(4) {
   grid-column: 5 / span 8;
}
.grid2 .article .title,
.grid15 .article:not(:last-child) {
   font-size: var(--fontsize-smaller);
   font-weight: 700;
}
.grid2 .article .title {
   word-break: break-word;
}
.grid15 .griditem:nth-child(1),
.section1 .grid2 .griditem:nth-child(1) {
   grid-row: 1 / span 3;
}
.section1 .grid2 .griditem:last-child {
   grid-column: 5 / span 8
}
.section1 .grid2 .griditem:last-child a {
   display: flex;
   justify-content: space-between;
   gap: var(--gap-large);
}
.section1 .grid2 .griditem:last-child a > div {
   flex-basis: 50%;
}
.section1 .grid2 .griditem:last-child a .text {
   order: 1;
   display: flex;
   flex-direction: column;
   gap: var(--gap-smaller);
   padding: var(--gap-smaller) 0;
}
.grid2 .griditem:last-child .category {
   order: 1;
}
.grid2 .griditem:last-child .title {
   order: 2;
}
.grid2 .griditem:last-child .intro {
   order: 3;
}
.grid2 .griditem:last-child .name {
   order: 4;
}
.grid2 .griditem:last-child a .image {
   order: 2;
}
.grid15 .griditem:nth-child(2) {
   grid-row: 1 / span 4;
}
.grid15 .griditem:nth-child(2) {
   grid-row: 5 / span 4;
}
.grid15 .griditem:nth-child(3) {
   grid-row: 9 / span 12;
}
.grid15 .griditem:nth-child(4) {
   grid-row: 1 / span 16;
}
/*.grid15 .griditem:not(:last-child) {
   padding-bottom: var(--gap);
}*/
.grid15 .article:nth-child(-n + 2),
.grid15 .article:last-child {
   border-bottom: 1px solid var(--color-grey-light);
}
.grid2 .article:first-child a,
.section:not(.section1) .grid2 .article a,
.grid15 .article:not(:last-child) a {
   display: grid;
   grid-template-columns: 1fr 80px;
   gap: var(--gap);
}
.grid2 .article:first-child .text,
.grid15 .article:not(:last-child) .text {
   grid-column: 1 / span 1;
   grid-row: 1 / span 1;
   display: flex;
}
.grid2 .article:first-child .image,
.section:not(.section1) .grid2 .article .image,
.grid15 .article:not(:last-child) .image {
   grid-column: 2 / span 1;
   width: 80px;
   height: 80px;
   grid-row: 1 / span 1;
}
.grid2 .article .category,
.grid15 .article:not(:last-child) .category,
.lead .overview .offer .name,
.single article .single-header .category {
   color: var(--color-red);
   font-size: var(--fontsize-small);
   font-weight: 500;
   text-transform: uppercase;
}
.grid2 .article .category,
.grid15 .article .category,
.single article .single-header .category {
   font-family: var(--font3);
   letter-spacing: 1px;
}
.grid2 .article:first-child .title,
.grid15 .article:not(:last-child) .title {
   order: 2;
}
.grid15 .article:last-child {
   padding-bottom: var(--gap-larger);
}
.grid15 .article:last-child .text {
   padding: var(--gap-larger) var(--gap) 0;
   position: relative;
}
.grid15 .article:last-child .title {
   font-size: var(--fontsize-largest);
   font-weight: 700;
   line-height: 1.4em;
   display: flex;
   flex-direction: column;
}
.grid15 .article:last-child .title:after {
   content: "";
   margin: var(--gap) 0;
   height: 4px;
   background-color: var(--color-red);
   width: 100px;
}
.grid15 .article:last-child .category {
   background-color: var(--color-red);
   color: var(--color-white);
   letter-spacing: 4px;
   text-transform: uppercase;
   padding: var(--gap-small);
   font-weight: 900;
   position: absolute;
   left: var(--gap-small);
   top: -30px;
}
.grid2 .article:last-child .intro,
.grid15 .article:last-child .intro,
.grid18 .griditem .intro {
   color: var(--color-grey-darker);
   font-size: var(--fontsize-smaller);
}
.grid2 .article:last-child .name,
.grid15 .article:last-child .name {
   color: var(--color-grey-dark);
   font-size: var(--fontsize-small);
   font-weight: 600;
   text-transform: uppercase;
}
.grid15 .article:last-child .name {
   padding-top: var(--gap-small);
}

.wide.left {
   width: 71%;
}
.side.right {
   width: calc(25% - var(--gap-small) - 15px);
   /*box-shadow: 0 0 0 4px #fff, 0 0 0 8px var(--color-black);*/
/*   border-radius: var(--border-radius-mini);
   border: 1px solid var(--color-black);*/
   padding: var(--gap-largest) var(--gap-small) var(--gap-large) var(--gap-small);
   position: relative;
   margin-top: var(--gap-very-large);
}
.side.right .heading {
   font-family: var(--font3);
   font-size: var(--fontsize-largest);
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.75px;
   position: absolute;
   transform: translateX(-50%) translateY(-50%);
   left: 50%;
   top: 0px;
/*   box-shadow: 0 0 0 4px #fff, 0 0 0 8px var(--color-black);
   border-radius: var(--border-radius-mini);
   border: 1px solid var(--color-black);*/
   padding: var(--gap-smaller) var(--gap-large);
   background-color: var(--color-white);
}
.side.right .article,
.single-right.side .article {
   font-size: var(--fontsize-smaller);
   font-weight: 500;
   line-height: 1.3em;
   border-bottom: 1px solid var(--color-grey-light);
   padding: var(--gap-small) 0;
}

.wide.left > .heading,
.directory h1,
.single-body .detailed .product > .title,
.page .content h1 {
   /*box-shadow: -8px 8px 0 0 var(--color-red);*/
   /*border: 2px solid var(--color-black);*/
   /*border-radius: var(--border-radius-mini);*/
   background-color: var(--color-white);
   font-size: var(--fontsize-large);
   width: max-content;
   font-family: var(--font3);
   font-weight: 700;
   /*padding: var(--gap-small);*/
   /*margin-left: 8px;*/
   margin-top: var(--gap-largest);
   position: relative;
   text-transform: uppercase;
}
.wide.left > .heading:after {
   content: "";
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   height: 2px;
   background-color: var(--color-black);
   /*left: 0px;*/
   right: -100%;
   width: 100%;
}
.grid7 {
   display: flex;
   justify-content: space-between;
   gap: var(--gap-small);
}
.grid7 .image,
.grid13 .image {
   height: 170px;
   margin-bottom: var(--gap-smaller);
}
.grid7 .title,
.grid13 .title,
.directory .article .title {
   font-weight: 700;
   line-height: 1.2em;
}
.grid7 .griditem {
   flex-basis: 33%;
}
.grid7 .griditem:nth-child(2) {
   border-right: 1px solid var(--color-grey);
   border-left: 1px solid var(--color-grey);
   padding: 0 var(--gap-small);
}

.grid13 {
   margin: var(--gap-small) 0;
   grid-template-columns: repeat(12, calc((100% - var(--gap-larger) * 11) / 12));
   grid-template-rows: 1fr;
   gap: var(--gap-larger);
}
.grid13:first-child .griditem {
   padding-top: var(--gap-larger);
   position: relative;
}
.grid13:not(:last-child) .griditem {
   border-bottom: 1px solid var(--color-grey-light);
   padding-bottom: var(--gap-small);
}
.grid13 .griditem,
.section:not(.section1) .grid2 .griditem {
   grid-row: 1 / span 1 !important;
}
.grid13:not(:first-child) .griditem .image {
   display: none;
}
.grid13 .griditem .image {
   order: 2;
   margin-top: var(--gap-smaller);
}
.grid13 .title {
   line-height: 1.3em;
   order: 3;
}
.grid13:first-child .category {
   display: block;
   font-family: var(--font3);
   font-size: var(--fontsize-larger);
   font-weight: 600;
   text-transform: uppercase;
   box-shadow: inset 8px 16px #fff;
   background-color: var(--color-green);
   order: 1;
   position: absolute;
   top: 0px;
   padding-right: 8px;
}

.grid18 {/*repeat(2, minmax(0, 1fr))*/
   grid-template-columns: repeat(12, calc((100% - 0px * 11) / 12));
   grid-template-rows: repeat(12, minmax(0, 1fr));
   gap: 0px;
}
.grid18 .griditem:first-child a {
   border-bottom: 1px solid var(--color-grey-light);
   display: block;
   padding-bottom: var(--gap-large);
}
.grid18 .griditem:last-child a {
   border-top: 1px solid var(--color-grey-light);
   display: block;
   padding-top: var(--gap-large);
}
.grid18 .griditem:nth-child(-n + 2) {
   margin-right: var(--gap-large);
}
.grid18 .griditem:nth-child(n + 3) {
   padding-left: var(--gap-large);
   border-left: 1px solid var(--color-grey-light);
}
.grid18 .griditem:not(:first-child):not(:last-child) .image {
   display: none;
}
.grid18 .griditem .image {
   padding-bottom: var(--gap-smaller);
}
.grid18 .griditem .title {
   font-size: var(--fontsize-larger);
   font-weight: 700;
   line-height: 1.3em;
   padding-bottom: var(--gap-smaller);
}
.grid18 .griditem:not(:first-child):not(:last-child) .title {
   font-size: var(--fontsize-body);
}
.grid18 .griditem .intro {
   display: block;
}

.link-block {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.link-block > div {
   width: 48%;
/*   display: flex;
   align-items: center;
   gap: var(--gap-smallest);*/
   padding: var(--gap-smaller) 0;
   border-bottom: 1px solid var(--color-grey-light);
   font-weight: 500;
}
.archive .link-block > div {
   width: 100%;
   justify-content: flex-start;
   line-height: 1.2em;
}
.link-block > div > a:first-child {
   
}
.link-block > div:nth-child(odd):nth-last-child(2) a,
.link-block > div:last-child a {
   border-bottom: 0;
}

.directory h1,
.page .content h1 {
   /*box-shadow: -16px 16px 0 0 var(--color-red);*/
   font-size: var(--fontsize-giga);
   padding: var(--gap-small) 0;
/*   margin-right: auto;
   margin-left: auto;*/
   width: fit-content;
   border-top: 1px solid var(--color-black);
   border-bottom: 1px solid var(--color-black);
}
.directory .content {
   padding-bottom: var(--gap-largest);
}
.directory .overview {
   gap: var(--gap);
}
.directory .article {
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25)
}
.directory .article .text {
   padding: var(--gap-small);
   gap: var(--gap-smallest);
}
.directory .article .sub {
   font-size: var(--fontsize-smaller);
}

.lead .overview {
   max-width: 800px;
   margin: 0 auto;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
   border-radius: var(--border-radius-mini);
}
.lead .overview .offer {
   height: auto;
   padding: var(--gap-small);
   font-size: var(--fontsize-small);
   justify-content: space-between;
   flex-wrap: nowrap;
}
.lead .overview .offer:not(:last-child) {
   border-bottom: 1px solid var(--color-grey);
}
.lead .overview .offer .name {
   width: 16%;
}
.lead .overview .offer [class^="data"] {
   width: 21%;
   text-align: center;
}
.lead .overview .offer .cta {
   width: 21%;
   font-weight: 600;
   text-decoration: underline;
   text-align: right;
}

.lead .detailed {
   display: flex;
   flex-direction: column;
   gap: var(--gap-large);
   padding: var(--gap-large) var(--gap-small);
}
.lead .detailed .offer {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   gap: var(--gap-larger);
   position: relative;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
   /*box-shadow: -16px 16px 0 0 var(--color-red);*/
   border-radius: var(--border-radius-mini);
   /*border: 2px solid var(--color-black);*/
   padding: var(--gap-large) var(--gap-larger);
}
.lead .detailed .offer .number,
.single-body .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-red);
   box-shadow: -3px 3px 0 0 var(--color-black);
   border-radius: var(--border-radius-mini);
   width: 30px;
   height: 30px;
}
.lead .detailed .offer .logo {
   width: 11%;
   order: 1;
}
.lead .detailed .offer .logo img {
   max-height: 50px;
}
.lead .detailed .offer .stars {
   order: 2;
   width: 15%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.lead .detailed .offer [class^="data"] {
   order: 3;
   text-align: center;
   background-color: var(--color-grey-lighter);
   padding: var(--gap-large);
   border: 1px solid var(--color-grey-light);
   border-radius: var(--border-radius-mini);
}
.lead .detailed .offer .cta {
   order: 4;
   width: 20%;
   background-color: var(--color-red);
   color: var(--color-white);
   padding: var(--gap-smaller) var(--gap-small);
   border-radius: var(--border-radius-large);
}
.lead .detailed .offer .list {
   order: 5;
   width: 25%;
}
.lead .detailed .offer .list ul {
   margin: 0;
   padding: 0;
   /*list-style-position: inside;*/
   list-style-type: none;
   font-size: var(--fontsize-smaller);
}
.lead .detailed .offer .list ul li:before {
   content: '✓';
   margin-right: 5px;
}
.lead .detailed .offer .description {
   order: 6;
   width: 70%;
   font-size: var(--fontsize-smaller);
}

.single article {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: var(--gap-largest);
   padding: var(--gap-largest) 0;
}
.single article .single-header {
   width: 100%;
   order: 1;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   border-bottom: 1px solid var(--color-grey-very-dark);
   padding-bottom: var(--gap);
   gap: var(--gap-smallest);
}
.single article h1 {
   line-height: 1.1em;
   width: 100%;
   order: 2;
   margin: var(--gap-smaller) 0 ;
}
.single article .single-header .category {
   order: 1;
   font-size: var(--fontsize-smaller);
}
.single article .single-header .author {
   order: 3;
   display: flex;
   gap: var(--gap-smallest);
}
.single article .single-header .author .name {
   font-size: var(--fontsize-smaller);
   font-weight: 700;
   color: var(--color-red);
}
.single article .single-header .author .bio,
.single-body .detailed .product .summary {
   color: var(--color-grey-darker);
   font-size: var(--fontsize-smaller);
   font-style: italic;
}
.single article .single-header .date {
   order: 4;
   color: var(--color-grey-dark);
   font-size: var(--fontsize-smaller);
}
.single article .single-header .social {
   order: 1;
}
.single article .single-above,
.single article .single-body {
   width: calc(75% - var(--gap-largest));
   order: 2;
}
.single article .single-body {
   width: calc(65% - var(--gap-largest));
   padding: 0 5%;
   font-family: var(--font2);
   line-height: 1.8em;
}
.page .content {
   font-family: var(--font2);
   line-height: 1.8em;
}
.single article .single-body > *:first-child,
.related .heading h3 {
   margin-top: 0px;
}
.single article .single-body p a,
.page .content p a {
   color: var(--color-black);
   text-decoration: none;
   border-bottom: 1px solid var(--color-red);
}
.single .post blockquote,
.page .content blockquote {
   margin-left: var(--gap-large);
   padding-right: var(--gap-large);
   border-left: 4px solid var(--color-red);
   color: var(--color-grey-dark);
   font-style: italic;
   padding: var(--gap-smallest) var(--gap);
}
.single .post table,
.page .content table {
   border-collapse: collapse;
}
.single .post table tr th,
.page .content table tr th {
   color: var(--color-red);
}
.single .post table tr th,
.single .post table tr td,
.page .content table tr th,
.page .content table tr td {
   padding: var(--gap-small);
   border: 1px solid var(--color-black);
   line-height: 1.2em;
}
.related {
   padding: var(--gap-large) 0;
   border-top: 1px solid var(--color-grey-very-dark);
   border-bottom: 1px solid var(--color-grey-very-dark);
   margin: var(--gap-larger) 0;
}
.related .heading h3 {
   line-height: 1.1em;
   font-size: var(--fontsize-largest);
   margin-bottom: 0.7em;
   text-transform: uppercase;
}
.related .articles {
   display: flex;
   flex-direction: column;
   gap: var(--gap-smallest);
}
.related .article a {
   display: flex;
   line-height: 1.1em;
   gap: var(--gap-smallest);
}
.related .article a .category {
   order: 1;
   font-weight: 700;
}
.related .article a .category:after {
   content: "\007C";
   font-weight: 500;
   margin-left: var(--gap-smallest);
}
.related .article a .title {
   order: 2;
   border-bottom: 1px solid var(--color-red);
}


.single article .single-right.side {
   width: 25%;
   max-width: 300px;
   order: 3;
}
.single-right.side .articles10,
.single-right.side .articles7 {
   display: none;
}
.single-right.side .article {
   font-size: var(--fontsize-body);
}
.single-right.side .article .text {
   gap: var(--gap-smallest);
   flex-direction: row;
}
.single-right.side .article .number {
   color: var(--color-red);
   font-size: var(--fontsize-large);
   min-width: 15px;
}

.faq {
   padding: var(--gap) 0 0;
   margin: var(--gap-larger) 0;
}
.faq h2 {
   line-height: 1.1em;
   font-size: var(--fontsize-largest);
   margin-bottom: 0.7em;
   text-transform: uppercase;
   font-family: var(--font3);
   font-size: var(--fontsize-mega);
   font-weight: 600;
   text-transform: uppercase;
   box-shadow: inset 8px 20px #fff;
   background-color: var(--color-green);
   padding-right: 8px;
}
.faq h3,
.single-body .consider h3 {
   margin-bottom: 0;
   font-size: var(--fontsize-larger);
}
.faq h3 + p,
.single-body .consider h3 + p {
   margin-top: 0px;
}

.single article .single-footer {
   order: 4;
   width: calc(65% - var(--gap-largest));
   padding: 0 5%;
   display: flex;
   flex-direction: column;
}
.single article .single-footer .related {
   margin: 0;
   border-bottom: 0;
   order: 1;
   border-bottom: 1px solid var(--color-grey-very-dark);
}
.single article .single-footer .related h3 {
   text-transform: none;
   font-weight: 600;
   text-align: center;
}
.single article .single-footer .related h3:after {
   content: "";
   width: 100%;
   max-width: 100px;
   height: 1px;
   background-color: var(--color-red);
   display: block;
   margin: 0 auto;
   margin-top: var(--gap-small);
}
.single article .single-footer .related a:before {
   content: "\2014";
   margin-right: 5px;
}
.single article .single-footer .date {
   order: 2;
   padding: var(--gap-large) 0;
   color: var(--color-grey-dark);
   font-size: var(--fontsize-smaller);
}
.single article .single-footer .author {
   order: 3;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: var(--gap);
}
.single article .single-footer .author .avatar img {
   height: 55px;
   width: 55px;
   border-radius: 50%;
   order: 1;
}
.single article .single-footer .author .name {
   order: 2;
   font-weight: 700;
   text-decoration: underline;
}
.single article .single-footer .author .bio {
   order: 3;
   color: var(--color-grey-darker);
   font-size: var(--fontsize-smaller);
   line-height: 1.3em;
}
.single article .single-bottom {
   order: 5;
}
.single article .single-bottom > .section {
   padding: 0;
}
.single article .single-bottom .wide.left .heading:first-child {
   margin-top: var(--gap-smallest);
}

.single-body .how,
.single-body .consider {
   margin: 1em 0;
}
.single-body .overview {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap-large);
   margin: var(--gap-larger) 0;
}
.single-body .overview h2,
.single-body .detailed h2 {
   flex-basis: 100%;
   margin-bottom: 0;
   padding-top: var(--gap-larger);
}
.single-body .overview .product {
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
   border-radius: var(--border-radius-mini);
   padding: var(--gap) var(--gap-large);
   /*flex: 1 1 0px;*/
   flex-basis: calc((100% / 3) - (var(--gap-large) * 2) / 3 - var(--gap-large) * 2);
   line-height: 1.2em;
   display: flex;
   flex-direction: column;
   gap: var(--gap-smaller);
   position: relative;
}
.single-body .overview .product .image {
   order: 1;
   height: 175px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.single-body .overview .product .image img {
   max-height: 100%;
   width: auto;
}
.single-body .overview .product .title {
   order: 3;
   font-weight: 600;
}
.single-body .overview .product .rating2 {
   order: 2;
}
.single-body .overview .product .label,
.single-body .detailed .product .label {
   order: 4;
   color: var(--color-grey-dark);
   font-size: var(--fontsize-smaller);
   font-weight: 600;
}
.single-body .detailed .product {
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative;
   padding: var(--gap-large) 0;
}
.single-body .detailed .product .specifications:before {
   content: "";
   height: 1px;
   position: absolute;
   width: 150px;
   left: 50%;
   transform: translateX(-50%);
   background-color: var(--color-grey);
   top: 0px;
}
.single-body .detailed .product .label,
.single-body .detailed .product .summary,
.single-body .detailed .product .image,
.single-body .detailed .product .rating1,
.single-body .detailed .product .specifications,
.single-body .detailed .product .pros-cons-2-lists,
.single-body .detailed .product .description,
.single-body .detailed .product .cta,
.single-body .detailed .product .jump {
   display: block;
}
.single-body .detailed .product .label {
   order: 3;
}
.single-body .detailed .product .image {
   order: 2;
}
.single-body .detailed .product > .title {
   order: 2;
   font-weight: 700;
   width: calc(100% - var(--gap-small) * 2);
   font-size: var(--fontsize-largest);
   margin-top: 0px;
   margin-bottom: var(--gap-large);
}
.single-body .detailed .product .rating1 {
   order: 4;
}
.single-body .detailed .product .summary {
   order: 4;
   line-height: 1.2em;
}
.single-body .detailed .product .specifications,
.single-body .detailed .product .pros-cons-2-lists,
.single-body .detailed .product .pros-cons-2-lists .pros,
.single-body .detailed .product .pros-cons-2-lists .cons {
   order: 5;
   width: 100%;
   display: flex;
   justify-content: space-between;
}
.single-body .detailed .product .pros-cons-2-lists .pros-cons {
   width: 100%;
}
.single-body .detailed .product .specifications {
   padding-top: var(--gap);
   margin-top: var(--gap);
   /*border-top: 1px solid var(--color-grey-light);*/
   padding-bottom: var(--gap);
   position: relative;
}
.single-body .detailed .product .pros-cons-2-lists .pros,
.single-body .detailed .product .pros-cons-2-lists .cons {
   padding-bottom: var(--gap);
}
.single-body .detailed .product .cta {
   order: 7;
   padding: var(--gap-large) 0;
}
.single-body .detailed .product .cta a {
   font-weight: 600;
   font-size: var(--fontsize-smaller);
   font-family: var(--font1);
}
.single-body .detailed .product .pros-cons-2-lists {
   order: 6;
}
.single-body .detailed .product .pros-cons-2-lists > .title {
   display: none;
}
.single-body .detailed .product .description {
   order: 8;
}
.single-body .detailed .product .jump {
   order: 9;
   font-weight: 600;
   font-size: var(--fontsize-smaller);
   text-decoration: underline;
   font-family: var(--font1);
}
.single-body .detailed .product .specifications h3,
.single-body .detailed .product .pros-cons-2-lists h3 {
   font-size: var(--fontsize-body);
   flex-basis: 20%;
   margin-top: 0;
}
.single-body .detailed .product .specifications ul,
.single-body .detailed .product .pros-cons-2-lists ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap-smaller);
   flex-basis: 77%;
}
.single-body .detailed .product .specifications ul li {
   background-color: var(--color-grey-lighter);
   padding: var(--gap-smallest) var(--gap-smaller);
   border: 1px solid var(--color-grey-light);
   border-radius: var(--border-radius-mini);
   line-height: 1.2em;
   font-size: var(--fontsize-small);
}
.single-body .detailed .product .pros-cons-2-lists ul {
   flex-direction: column;
}
.single-body .detailed .product .pros-cons-2-lists ul li {
   line-height: 1.2em;
   padding-left: 20px;
   position: relative;
}
.single-body .detailed .product .pros-cons-2-lists .pros li:before {
   content: "\002B";
   position: absolute;
   top: 0px;
   left: 0px;
}
.single-body .detailed .product .pros-cons-2-lists .cons li:before {
   content: "\2212";
   position: absolute;
   top: 0px;
   left: 0px;
}
.single-body .others .product .title {
   display: flex;
   gap: var(--gap-smallest);
   align-items: center;
}
.single-body .others .title:before {
   content: "\2014";
   margin-right: 5px;
   font-family: var(--font1);
}
.single-body .others .title a {
   border-bottom: 1px solid var(--color-red);
   line-height: 1.1em;
}
.single-body .types h3,
.single-body .brands h3 {
   margin-bottom: 0;
}
.single-body .types h3 + p,
.single-body .brands h3 + p {
   margin-top: 0;
}

.page .content h1 {
   line-height: normal;
}

/* HEADER */
#header-normal {
   display: none;
}
#header-sticky {
   background-color: var(--color-white);
   padding: var(--gap-large) 0;
   border-bottom: 1px solid var(--color-grey-light);
}
#header-sticky.header-sticky {
   right: 0px;
   left: 0px;
}
#header-sticky .inner {
   display: flex;
   height: 110px;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: flex-end;
   font-family: var(--font3);
}
#header-sticky .menu-icon {
   padding-bottom: var(--gap-smaller);
}
#header-sticky .logo img {
   max-height: 95px;
   display: block;
}
#header-sticky .inner .join {
   order: 3;
   margin-left: auto;
   padding-bottom: var(--gap-small);
   gap: var(--gap);
   align-items: center;
}
#header-sticky .inner .join .newsletter {
   text-decoration: underline;
}
#header-sticky .inner .site-categories {
   order: 4;
   margin-left: auto;
   padding-top: var(--gap-small);
   border-top: 1px solid var(--color-grey-light);
}
#header-sticky .site-categories .items {
   gap: var(--gap);
   padding-bottom: var(--gap-smaller);
}
#header-sticky .inner .join,
#header-sticky .site-categories .items a,
#cookies .deny,
#cookies .accept,
#cookies .settings,
#menu .join .newsletter {
   font-size: var(--fontsize-small);
   font-weight: 500;
}

footer {
   border-top: 1px solid var(--color-grey-light);
}
footer .desktop .inner {
   display: flex;
   flex-wrap: wrap;
   padding: var(--gap-largest) var(--gap);
}
footer .desktop .logo {
   max-width: 300px;
   border-right: 1px solid var(--color-grey-light);
   margin-right: var(--gap-largest);
   padding-right: var(--gap-largest);
}
footer .desktop .logo img {
   width: 50%;
   min-width: 135px;
   height: auto;
}
footer .desktop .social {
   order: 8;
   margin-left: auto;
}
footer .desktop .copyright {
   order: 10;
   width: 100%;
   padding-top: var(--gap);
   font-size: var(--fontsize-small);
   text-align: right;
}
footer .desktop .copyright .short,
footer .desktop .copyright .long,
footer .desktop .list8 .element-title,
footer .desktop .social .element-title,
footer .desktop .social .item .text {
   display: none;
}
footer .desktop [class^="list"] {
   margin-right: var(--gap-largest);
   display: flex;
   flex-direction: column;
   gap: var(--gap-small);
}
footer .desktop [class^="list"] .element-title {
   font-size: var(--fontsize-small);
   font-weight: 700;
}
footer .desktop [class^="list"] a {
   font-size: var(--fontsize-small);
   text-decoration: none;
   color: var(--color-black);
}
footer .desktop .list8 {
   border-top: 1px solid var(--color-grey-light);
   padding-top: var(--gap);
   margin-top: var(--gap-largest);
   margin-right: 0;
   width: 100%;
   flex-direction: row;
   justify-content: flex-end;
   order: 9;
}
footer .desktop .list8 a {
   text-decoration: none;
   color: var(--color-grey-dark);
   font-size: var(--fontsize-small);
}

/* -------------------- Menu -------------------- */
#menu, #menu-overlay {
   /*display: block !important;*/
}
#menu {
   z-index: 1001;
   background-color: var(--color-white);  
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0px;
   padding: var(--gap);
}
#menu-overlay {
   opacity: 0.5;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background-color: var(--color-black);
}
#menu .join .icon,
#menu .join .signin,
#menu .join .subscribe,
#menu .site-categories .element-title,
#menu .infolinks .element-title {
   display: none;
}
#menu .search {
   border-radius: var(--border-radius-mini);
   border: 1px solid var(--color-grey);
   padding: var(--gap-smaller);/* var(--gap-larger) var(--gap-smaller) var(--gap-smaller);*/
}
#menu .search input {
   font-size: var(--fontsize-small);
   border: 0;
   min-width: 200px;
}
#menu .site-categories .items a,
#menu .infolinks .item a {
   font-size: var(--fontsize-large);
   font-weight: 700;
   color: var(--color-black);
   text-decoration: none;
   padding: var(--gap-smaller) 0;
   display: block;
}
#menu .join .newsletter {
   text-align: center;
   width: 100%;
}
#menu .site-categories,
#menu .join {
   padding: var(--gap-smaller) 0 0;
}

/* ----- Cookies ----- */
#cookies, #cookies-overlay {
/*   display: block !important;*/
}
#cookies {
   top: 50%; 
   left: 50%; 
   transform: translate(-50%, -50%); 
   max-width: 650px;
   border-radius: var(--border-radius-mini);
   background-color: var(--color-white); 
   font-size: var(--fontsize-smaller);
   padding: var(--gap-larger);
}
#cookies-overlay {
   opacity: 0.5;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background-color: var(--color-black);
}
#cookies .icon {
   display: none;
}
#cookies .text {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--gap-normal);
   align-items: center;
}
#cookies .short {display: none;}
#cookies .long1 {display: none;}
#cookies .long2 {display: block;}

#cookies .long2 {
   margin-bottom: var(--gap-large);
   padding-bottom: var(--gap-large);
   border-bottom: 1px solid var(--color-grey-very-dark);
}

#cookies .deny {
   margin-left: auto;
   margin-right: var(--gap-small);
}
#cookies .deny,
#cookies .settings {
   padding: var(--gap-smaller) var(--gap-small);
   border-radius: var(--border-radius-large);
   border: 1px solid var(--color-black);
}

@media (max-width: 1200px) {
   #header-sticky .inner {
      flex-direction: row;
      flex-wrap: wrap;
      height: auto;
      align-items: flex-end;
   }
   #header-sticky .inner .site-categories {
      margin: var(--gap) 0 0;
   }
   .wide.left {
      width: 100%;
   }
   .side.right {
      width: calc(100% - var(--gap-small) - 15px);
      margin-bottom: var(--gap-larger);
   }
   .lead .detailed .offer {
      gap: var(--gap);
   }
   .lead .detailed .offer [class^="data"] {
      padding: var(--gap-smaller);
      font-size: var(--fontsize-small);
   }
   .lead .detailed .offer .cta {
      min-width: 220px;
      text-align: center;
      font-size: var(--fontsize-smaller);
   }
   .lead .detailed .offer .list {
      width: 30%;
   }
   .lead .detailed .offer .description {
      width: 65%;
      font-size: var(--fontsize-small);
   }
}
@media (max-width: 1000px) {
   #header-sticky .site-categories .items {
      gap: var(--gap-small);
   }
   #header-sticky .site-categories .items a {
      font-size: var(--fontsize-small);
      font-weight: 600;
   }
   
   .wide.left > .heading {
      margin-top: var(--gap-very-large);
   }
   .wide.left > .heading:after {
      content: none;
   }
   .grid15 {
      grid-template-rows: auto auto;
   }
   .grid15 .article:nth-child(-n + 2), .grid15 .article:last-child {
      padding-bottom: var(--gap);
   }
   .grid2 .article:first-child a, .section:not(.section1) .grid2 .article a, .grid15 .article:not(:last-child) a {
      grid-template-columns: auto 80px;
   }
   .grid2 .griditem,
   .grid7 .griditem,
   .grid18 .griditem {
      height: auto;
   }
   .grid13 {
      grid-template-rows: auto auto;
   }
   .grid13 .griditem:nth-child(1),
   .grid13 .griditem:nth-child(2) {
      grid-row: 1 / span 1 !important;
   }
   .grid13 .griditem:nth-child(3),
   .grid13 .griditem:nth-child(4) {
      grid-row: 2 / span 1 !important;
   }
   
   .grid18 .griditem:nth-child(-n + 2) {
      margin-right: 0;
   }
   .grid18 .griditem:nth-child(2) {
      border-bottom: 1px solid var(--color-grey);
      padding-bottom: var(--gap-large);
   }
   .grid18 .griditem:nth-child(n + 3) {
      padding-left: 0;
      border: 0;
   }
   .directory .overview {
      grid-template-columns: repeat(2, 1fr);
   }
   
   .single article .single-body,
   .single article .single-footer {
      width: calc(70% - var(--gap-largest));
      padding-left: 0;
   }
   .single-body .overview .product {
      padding: var(--gap);
      flex-basis: calc((100% / 2) - (var(--gap) * 2) / 2 - var(--gap) * 2);
   }
   footer .desktop .logo {
      max-width: none;
      width: 100%;
      border: 0;
      margin: 0 0 var(--gap-large) 0;
   }
}
@media (max-width: 767px) {
   .single-body > table,
   .page .content > table {
      max-width: 100%;
      overflow-x: auto;
      display: block;
   }
   
   .section1 .grid2 .griditem:last-child a {
      flex-direction: column;
   }
   .grid7 {
      flex-direction: column;
   }
   .grid7 .griditem {
      margin-bottom: 0;
   }
   .grid7 .griditem:nth-child(2) {
      border: 0;
      padding: 0;
   }
   
   .grid15 .griditem {
      margin-bottom: var(--gap);
   }
   
   .directory h1, .page .content h1 {
      font-size: var(--fontsize-mega);
      width: calc(100% - 16px - 4px - var(--gap-large)* 2);
      margin-left: 16px;
   }
   .directory .overview {
      grid-template-columns: 1fr;
   }
   
   .link-block > div {
      width: 100%;
   }
   .lead .overview .offer {
      flex-direction: column;
      align-items: center;
      gap:var(--gap-smallest);
   }
   .lead .overview .offer .name,
   .lead .overview .offer [class^="data"],
   .lead .overview .offer .cta,
   .lead .detailed .offer .logo,
   .lead .detailed .offer .list,
   .lead .detailed .offer .description {
      width: fit-content;
   }
   .lead .detailed .offer {
      padding: var(--gap);
      flex-direction: column;
   }
   .lead .detailed .offer .cta {
      min-width: 0;
      width: fit-content;
   }
   .lead .detailed .offer .logo img {
      max-height: none;
   }
   
   .single article .single-above, .single article .single-body {
      width: 100%;
   }
   .single article .single-header .author {
      flex-direction: column;
   }
   .single article .single-right.side,
   .single article .single-footer {
      width: 100%;
   }
   .single-body .overview .product {
      flex-basis: 100%;
   }
   .single-body .detailed .product .specifications ul, .single-body .detailed .product .pros-cons-2-lists ul {
      flex-basis: 100%;
   }
   .single-body .detailed .product .specifications, .single-body .detailed .product .pros-cons-2-lists, .single-body .detailed .product .pros-cons-2-lists .pros, .single-body .detailed .product .pros-cons-2-lists .cons {
      flex-wrap: wrap;
   }
}