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

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

:root {--font1: "Helvetica Neue", "Arial", sans-serif;} 

:root {--fontsize-smallest: 10px;}
:root {--fontsize-smaller: 12px;}
:root {--fontsize-small: 14px;}
:root {--fontsize-body: 16px;}
:root {--fontsize-post-body: 18px;}
:root {--fontsize-large: 22px;}
:root {--fontsize-larger: 26px;}
:root {--fontsize-very-large: 36px;}
:root {--fontsize-header3: 20px;}
:root {--fontsize-header2: 24px;}
:root {--fontsize-header1: 60px;}
:root {--fontsize-grid-header-large: 45px;} /* OLD 55 */
:root {--fontsize-number: 80px;}
:root {--fontsize-number-giga: 150px;}

/* ----- Colors ----- */
:root {--color-text: black;}
:root {--color-grey: #b2b2b2;}

/* ----- Icons ----- */
.menu-icon .icon {background-image: url(/files/icon/menu_a.svg);}
.menu > .icon {background-image: url(/files/icon/close_a.svg);}
.freebie > .icon {background-image: url(/files/icon/close_a.svg);}
.search .icon {background-image: url(/files/icon/search_b_white.svg); width: 15px; height: 15px;}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_17.svg);}
.social .items .x .icon {background-image: url(/files/icon/new_x_a.svg);}
.social .items .tiktok .icon {background-image: url(/files/icon/tiktok_6.svg);}
.social .items .pinterest .icon {background-image: url(/files/icon/pinterest_22.svg);}
.social .items .instagram .icon {background-image: url(/files/icon/instagram_24.svg);}
.social .items .linkedin  {display: none;}
.social .items .youtube .icon {background-image: url(/files/icon/youtube_17.svg);}
.social .items .rss {display:none;}
.social .items .mail {display: none;}
.menu .search .icon,

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

/* ----- Site Width ----- */
:root {--width-site: 1220px;}
:root {--width-site2: 990px;}

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

input, textarea {
   font-family: var(--font1);
}
input,
input::placeholder {
   color: black;
}
input:focus {
   color: var(--color-text);
}

/* ################################################################# VARIOUS ################################################################# */
* {
    box-sizing: border-box;
}
body {
   font-family: var(--font1);
   color: var(--color-text);
   font-size: var(--fontsize-body);
   line-height: 1.5;
   scroll-behavior: smooth;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent;
}
h1 {
   font-size: var(--fontsize-header1);
   font-weight: 700;
   line-height: 1;
   margin: 0 0 var(--gap10);
}
h2 {
   font-weight: 700;
   font-size: var(--fontsize-header2);
   line-height: 1;
   margin: var(--gap10) 0 var(--gap15);
}
h3 {
   font-size: var(--fontsize-header3);
   line-height: 1.2;
   margin: 0 0 var(--gap10);
}
.post a,
.partner a,
.best a  {
   color: var(--color-text);
   font-weight: 700;
}

#menu .logo a,
header .logo a,
.page .mobile .logo a,
.about .logo,
footer .logo {
   text-decoration: none;
   font-weight: 800;
}
footer .logo {
   color: white;
}
#menu .logo a > span,
header .logo a > span,
.page .mobile .logo a > span,
.about .logo > span,
footer .logo a > span {
   display: flex;
   font-size: 7em;
   text-align: center;
   gap: var(--gap5);
   line-height: 1em;
   color: black;
}
.about .logo > span {
   font-size: 5em;
}
footer .logo a,
footer .logo a > span {
   color: white;
   text-decoration: none;
}
.mobile .logo {
   width: max-content;
}

.article {
   margin: 0;
}

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

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

/* CONTENT */
.lead .content, 
.single-body, 
.page .content {
   font-size: var(--fontsize-post-body);
   line-height: 1.4;
}
.single-body > *:not(blockquote):not(h2):not(h3),
.lead .content > *:not(.overview):not(.detailed),
.page .content > *:not(blockquote):not(h1):not(h2):not(h3):not(.related) {
   margin: 0 0 var(--gap25);
}
.directory h1,
.page h1 {
   margin-bottom: var(--gap40);
}

/* SOCIAL */
.social .items .text {
   display: none;
}

/* HEADER */
header {
   border-bottom: 1px solid var(--color-grey);
   padding: var(--gap25) 0 var(--gap15);
}
.header-normal-1 {
   margin-bottom: var(--gap35);
}
.header-normal-1 .inner,
.header-normal-2 .inner,
.header-scroll-1 .inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
header .search {
   margin-left: auto;
   display: flex;
   align-items: center;
   background: black;
   border: 0;
}
header .search input {
   border: 1px solid black;
   border-radius: 0;
   padding: var(--gap5) var(--gap10);
   line-height: 24px;
}
header .search .icon {
   margin: 0 var(--gap10);
}
header .join {
   font-size: var(--fontsize-smaller);
}
header .join .icon {
   display: none;
}
header .join > div {
   border-left: 1px solid var(--color-grey);
   line-height: 24px;
   padding-left: var(--gap10);
}
header .join > div.signin {
   border: 0;
}
header .join > div:not(:last-child) {
   padding-right: var(--gap10);
}
header .site-categories .element-title {
   display: none;
}
header .site-categories .items,
.single-header .breadcrumbs {
   gap: var(--gap30);
   font-weight: 500;
}
header .site-categories .items {
   flex-wrap: wrap;
}
#header-scroll {
   background-color: white;
   box-shadow: 0 .125rem .375rem rgba(0,0,0,.15);
   padding: var(--gap15) 0;
}
#header-scroll .logo {
   margin-right: var(--gap15);
}
#header-scroll .logo img {
   max-width: 200px;
}
#header-scroll .site-categories .items {
   gap: var(--gap20);
}
#header-scroll .search {
   display: none;
}

/* FORSIDE */
.wide.left .gridimg2 {
   margin-top: 0;
}

.section .heading {
   font-size: var(--fontsize-header2);
   line-height: 44px;
   text-align: center;
   width: 100%;
}
.section .heading + .grid {
   margin-top: var(--gap30);
}

.gridimg2 .category,
.gridimg2 .name,
.side.right .category,
.side.right .time,
.side.right .name,
.grid24 .category,
.grid1 .category,
.grid1 .name,
.grid7 .category,
.grid7 .name,
.wide.left > .article > a .category,
.wide.left > .article > a .name,
.grid27 .griditem:last-child .category,
.grid27 .name {
   display: block;
   order: 1;
   color: black;
   text-transform: uppercase;
   font-size: var(--fontsize-smaller);
   letter-spacing: 0.75px;
}
.gridimg2 .title,
.grid1 .title,
.grid7 .title,
.wide.left > .article > a .title {
   order: 2;
   font-size: var(--fontsize-header2);
   font-weight: 700;
   line-height: 44px;
   margin-bottom: var(--gap10);
}
.gridimg2 .intro {
   display: block;
   order: 3;
   font-size: var(--fontsize-small);
   margin-bottom: var(--gap5);
}
.gridimg2 .name {
   text-transform: none;
   order: 4;
   font-size: var(--fontsize-smaller);
}
.side.right .heading {
   /*color: black;*/
   font-size: var(--fontsize-header2);
   font-weight: 600;
   border-bottom: 3px solid black;
}
.side.right .article {
   padding-bottom: var(--gap15);
   border-bottom: 1px solid var(--color-grey);
   padding-top: var(--gap20);
}
.side.right .article:last-child {
   border: 0;
}
.side.right .text {
   flex-direction: row;
   flex-wrap: wrap;
}
.side.right .category {
   order: 1;
   color: var(--color-text);
   border-right: 1px solid var(--color-grey);
   line-height: 16px;
   padding-right: var(--gap5);
   margin-right: var(--gap5);
}
.side.right .time {
   order: 2;
   color: var(--color-text);
   line-height: 16px;
}
.side.right .title,
.grid24 .title {
   order: 3;
   width: 100%;
   font-size: var(--fontsize-small);
   font-weight: 700;
   line-height: 1.4;
   margin-top: var(--gap10);
}
.side.right .name,
.grid24 .name {
   order: 4;
   text-transform: none;
   letter-spacing: normal;
   font-size: var(--fontsize-smallest);
}

.freebie {
   padding: var(--gap30);
   display: flex;
   align-items: center;
}
.freebie .text {
   gap: var(--gap30);
   display: flex;
   flex-direction: column;
   align-items: center;
}
.freebie .title {
   display: none;
}
.freebie .description {
   font-size: var(--fontsize-header2);
   text-align: center;
   line-height: 1.2;
}
.freebie .cta,
.email .cta {
   background-color: black;
   color: white;
   text-transform: uppercase;
   font-size: var(--fontsize-smaller);
   font-weight: 700;
   width: fit-content;
   padding: var(--gap15) var(--gap20);
}
.grid24 {
   grid-template-rows: repeat(12, calc((100% - var(--gap30) * 11) / 12));
   gap: var(--gap30) var(--gap);
}
.grid24 .image img {
   height: 235px;
}
.grid24 .category {
   order: 1;
   display: block;
}
.grid24 .title {
   font-size: var(--fontsize-post-body);
   margin-top: 0;
}
.grid24 .name {
   display: block;
}
.email {
   padding: var(--gap20);
}
.email .name-field,
.email .above-email-field,
.email .law {
   display: none;
}
.email .text {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.email .title {
   color: black;
   font-size: var(--fontsize-header2);
   font-weight: 600;
}
.email .description {
   margin-bottom: var(--gap15);
}
.email .email-field input {
   border: 1px solid black;
   border-radius: 0;
   padding: var(--gap5) var(--gap15);
   line-height: 24px;
   min-width: 200px;
}
.email .cta {
   padding: var(--gap5) var(--gap15);
   border: 1px solid black;
   min-width: 200px;
   text-align: center;
   margin-top: var(--gap5);
}
.email .checkbox {
   margin-top: var(--gap5);
   font-size: var(--fontsize-smaller);
   max-width: 230px;
   line-height: 1.1;
   display: flex;
   align-items: flex-start;
}
.email .checkbox input {
   margin: 0 var(--gap5) 0 0;
}
.grid1 .article .container {
   position: relative;
}
.grid1 .text {
   padding: var(--gap40);
   position: absolute;
   left: 0px;
   bottom: 00px;
   /*background-color: white;*/
   /*opacity: 0.85;*/
   width: fit-content;
   max-width: 50%;
   color: white;
}
.grid1 .text .wrapper {
   display: flex;
   flex-direction: column;
}
.grid1 .category {
   display: block;
   order: 1;
}
.grid1 .title {
   order: 2;
   font-size: var(--fontsize-grid-header-large);
   line-height: 1.1;
}
.grid1 .name {
   order: 3;
   text-transform: none;
   font-size: var(--fontsize-header2);
   color: white;
}
.grid13 {
   display: flex;
   padding: var(--gap20);
   position: relative;
}
.grid13 .griditem {
   width: 25%;
   position: relative;
}
.grid13 .griditem:not(:last-child):after {
   content: "";
   display: block;
   height: 100%;
   width: 1px;
   background-color: var(--color-grey);
   top: 0px;
   right: calc(var(--gap) / -2);
   position: absolute;
}
.grid13 .title {
   font-weight: 700;
   font-size: var(--fontsize-small);
   line-height: 1.4;
}
.grid13 .category {
   display: block;
   color: black;
   text-transform: uppercase;
   font-size: var(--fontsize-smaller);
   letter-spacing: 0.75px;
}
.grid7 {
   grid-template-rows: 1fr;
}
.grid7 .griditem {
   grid-row: 1 / span 1 !important;
}
.grid7 .title,
.wide.left > .article > a .title {
   font-size: var(--fontsize-grid-header-large);
   line-height: 1.1em;
}
.grid7 .name,
.wide.left > .article > a .name {
   order: 3;
}
.grid7 .image {
   margin-bottom: var(--gap5);
}
.grid7 .image img {
   height: 240px;
}
.section7 .inner,
.section13 .inner {
   flex-wrap: wrap;
   gap: 0;
}
.wide.left > .article {
   border-bottom: 1px solid var(--color-grey);
}
.wide.left > .article:last-child {
   border: 0;
}
.wide.left > .article > a {
   display: flex;
   padding: var(--gap40) 0;
}
.wide.left > .article > a .image {
   margin-right: var(--gap25);
}
.wide.left > .article > a .image,
.wide.left > .article > a .image img {
   min-width: 250px;
   max-width: 250px;
   height: 165px;
}
.section11 .inner {
   padding: var(--gap20);
}
.grid27 {
   grid-template-rows: repeat(14, auto);
   row-gap: 0;
   margin-bottom: 0;
}
.grid27 .griditem:not(:last-child) {
   padding-bottom: var(--gap30);
}
.grid27 .griditem a {
   display: flex;
   justify-content: space-between;
}
.grid27 .griditem:not(:last-child) .image {
   width: 145px;
   height: 95px;
}
.grid27 .text {
   width: calc(100% - 160px);
}
.grid27 .title {
   font-size: var(--fontsize-small);
   font-weight: 700;
   line-height: 22px;
}
.grid27 .griditem:last-child a {
   flex-direction: column;
}
.grid27 .griditem:last-child .title {
   order: 2;
   font-size: var(--fontsize-header2);
   line-height: 1.2;
}
.grid27 .name {
   order: 3;
   font-size: var(--fontsize-smallest);
}
.grid27 .griditem:last-child {
   grid-row: 1 / span 14;
}
.grid27 .griditem:last-child .image {
   margin-bottom: var(--gap5);
   
}
.grid27 .griditem:last-child .image img {
   max-height: 500px;
}
.about {
   display: flex;
   flex-direction: column;
   margin: var(--gap) auto;
   background-color: var(--color-grey);
   max-width: 500px;
   padding: var(--gap);
   text-align: center;
   line-height: 1.6rem;
   color: white;
}
.about .logo {
   order: 1;
}
.about .title {
   order: 2;
   font-weight: 600;
   font-size: var(--fontsize-header2);
   line-height: 2em;
}
.about .brand {
   order: 3;
   font-style: italic;
   font-weight: 600;
   font-size: var(--fontsize-header3);
}
.about .short {
   order: 4;
}
.about .short *:last-child {
   margin-bottom: 0;
}
.about .long {
   display: none;
}
.link-block {
   margin: var(--gap40) 0;
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap5);
}
.link-block > div {
   font-weight: 500;
   position: relative;
   padding: var(--gap5);
   padding-left: var(--gap35);
   border: 1px solid black;
   flex: 1 1 20%;
   gap: var(--gap5);
}
.link-block > div:nth-child(3n+2) {
   flex: 1 1 40%;
}
.link-block > div:before {
   content: "\2192";
   position: absolute;
   left: 0px;
   top: 0px;
   bottom: 0px;
   color: white;
   background-color: black;
   display: flex;
   align-items: center;
   padding: 0 var(--gap5);
}
.link-block > div a {
   text-decoration: underline;
}

/* DIRECTORY */
.directory .overview .article .intro,
.directory .overview .article .sub,
.directory .overview .article .name {
   display: block;
}
.directory > .content {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.directory .overview {
   gap: var(--gap25);
}
.directory .overview .article {
   border-bottom: 1px solid var(--color-grey);
}
.directory .overview .article:nth-child(odd) {
    grid-column: 1 / span 2;
}
.directory .overview .article:nth-child(even) {
    grid-column: 3 / span 2;
}
.directory .overview .article > a {
   display: grid;
   grid-template-columns: 2fr 3fr;
   gap: var(--gap25);
}
.directory .overview .article > a .text {
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-bottom: var(--gap15);
}
.directory .overview .article .sub {
   font-size: var(--fontsize-smaller);
   font-weight: 600;
   text-transform: uppercase;
   order: 1;
   line-height: 1.2;
}
.directory .overview .article .title {
   order: 2;
   font-weight: 600;
   line-height: 1.2em;
   margin: var(--gap5) 0;
   font-size: var(--fontsize-larger);
}
.directory .intro {
   order: 3;
   margin-top: var(--gap-mini);
   line-height: 1.4em;
   margin-bottom: 0;
   font-size: var(--fontsize-smallest);
}
.directory .overview .article > a .image {
   height: 200px;
}

/* LEAD */
.lead .label,
.lead .overview .description,
.lead .overview .stars,
.lead .overview .law,
.lead .data2,
.lead .data3,
.lead .overview .name {
   display: none; 
}
.lead .overview {
   max-width: var(--width-site2);
   margin: var(--gap30) auto;
}
.lead .overview .offer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 var(--gap10);
   gap: var(--gap25);
   height: auto;
   flex-wrap: nowrap;
}
.lead .overview .offer > div {
   flex: 0 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 .list ul {
   padding-left: 0
}
.lead .overview .offer .cta {
   text-align: center;
   white-space: nowrap;
}
.lead .offer .cta span {
   color: white;
   background-color: black;
   font-size: var(--fontsize-smallest);
   text-transform: uppercase;
   letter-spacing: 0.083em;
   font-weight: 800;
   padding: var(--gap10) var(--gap15);
   height: 40px;
   line-height: 40px;
   order: 3;
   text-align: center;
}
.lead .detailed {
   display: flex;
   gap: var(--gap25);
   flex-wrap: wrap;
   max-width: var(--width-site2);
   margin: var(--gap30) auto;
}
.lead .detailed .offer {
   border: 1px solid var(--color-grey);
   border-top: 0;
   border-radius: 10px;
   padding: var(--gap45) var(--gap30) var(--gap30);
   position: relative;
   display: flex;
   flex-wrap: wrap;
   flex: 1 1 40%;
   font-size: var(--fontsize-small);
   line-height: 1.4;
   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: black;
   color: white;
}
.lead .detailed .offer .number span {
   border-radius: 0;
}
.lead .detailed .name {
   font-size: var(--fontsize-header3);
   font-weight: 600;
   text-align: center;
   order: 1;
   background-color: 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-header3);
}
.lead .detailed .offer .description {
   order: 4;
   border-bottom: 1px solid var(--color-grey);
   padding-bottom: var(--gap20);
}
.lead .detailed .offer .data1 {
   order: 5;
   flex-basis: 45%;
   font-size: var(--fontsize-header3);
   font-weight: 600;
   line-height: 1.2em;
}
.lead .detailed .offer .list {
   order: 6;
   flex-basis: 45%;
}
.lead .detailed .offer .list ul {
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
.lead .detailed .offer .cta {
   order: 7;
   margin: 0 auto;
}
.lead .detailed .offer .law {
   order: 8;
   width: 100%;
   font-size: var(--fontsize-smallest);
}

/* ARTIKELR OG SIDER */
.post article,
.partner article,
.best article,
.shop article,
.page .content {
   max-width: var(--width-site2);
}
.single-header {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
.single-header .breadcrumbs {
   display: block;
   order: 1;
}
.single-header .breadcrumbs a {
   color: var(--color-text);
   text-decoration: none;
}
.single-header .breadcrumbs a:hover {
   text-decoration: underline;
}
.single-header .title {
   order: 2;
   margin-top: var(--gap30);
}
.single-header .text {
   display: block;
   order: 3;
   margin-bottom: var(--gap15);
}
.single-header .author {
   display: block;
   order: 4;
}
.single-header .author .name {
   font-weight: 700;
   font-size: var(--fontsize-smaller);
   text-decoration: underline;
   border-right: 1px solid var(--color-grey);
   padding-right: var(--gap5);
   margin-right: var(--gap5);
   line-height: 20px;
}
.single-header .date {
   order: 5;
   display: block;
   font-size: var(--fontsize-smaller);
   line-height: 20px;
   color: black;
}
.single-header .social {
   display: block;
   order: 6;
   margin-left: auto;
}
.single-header .social .element-title {
   display: none;
}
.single-header .social .tiktok,
.single-header .social .instagram,
.single-header .social .youtube {
   display: none;
}
.single-header .social .item {
   border: 1px solid var(--color-text);
   border-radius: 50%;
   padding: var(--gap10);
}
.single-header .featured-image {
   order: 7;
   margin: var(--gap30) 0;
   display: flex;
   flex-direction: column;
}
blockquote {
   margin-bottom: var(--gap25);
   font-style: italic;
}
table {
   border-collapse: collapse;
   border: 1px solid var(--color-grey);
}
table th {
   text-align: left;
}
table th,
table td {
   padding: var(--gap10);
}
table tr:first-child {
   background-color: black;
   color: white;
}
table tr:not(:first-child) {
   border-top: 1px solid var(--color-grey);
}
table td {
   font-size: var(--fontsize-small);
}
ul, ol {
   padding-left: var(--gap35);
}
.related {
   padding: var(--gap40) 0;
}
.single-bottom h2,
.related h3 {
   text-transform: uppercase;
   font-size: var(--fontsize-very-large);
   text-align: center;
}
.related .articles {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap20);
}
.related .article:nth-child(1n+4) {
   display: none;
}
.related .article {
   flex: 1 1 25%;
}
.related .article > a {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.related .title {
   font-size: var(--fontsize-large);
   margin-top: var(--gap5);
}
.related .image {
   width: 100%;
   margin-bottom: var(--gap15);
}
.related .image img {
   height: 290px;
}
.faq h3,
.types h3,
.brands h3,
.consider h3 {
   margin-bottom: var(--gap5);
}
.faq h3 + p,
.types h3 + p,
.brands h3 + p,
.consider h3 + p {
   margin-top: 0;
}
.single-bottom .grid {
   margin-top: 0;
}
.single-bottom a {
   color: var(--color-text);
}

/* BEST */
.best .overview {
   display: flex;
   gap: var(--gap);
   flex-wrap: wrap;
   padding-bottom: var(--gap);
}
.best .overview h2 {
   width: 100%;
}
.best .overview .product {
   flex: 1 1 calc(50% - var(--gap) / 2);
   gap: var(--gap10);
   display: grid;
   grid-template-columns: 130px auto;
   grid-template-rows: repeat(4, auto);
}
.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 {
   font-weight: 700;
   line-height: 1.2em;
   grid-column: 2 / span 1;
   grid-row: 1 / span 1;
}
.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: 600;
   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 .overview .product .cta a {
   background-color: black;
   color: white;
   padding: var(--gap5) var(--gap15 );
   font-weight: 700;
}
.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);
}
.best .detailed .product:last-child {
   padding-bottom: 0;
}
.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%;
   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-header2);
   font-weight: 700;
   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 {
   color: white;
   font-weight: 500;
   font-size: var(--fontsize-small);
   border-radius: 10px;
   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%;
}
.best .detailed .product .highlights ul li {
   display: flex;
   flex-direction: column;
   font-size: var(--fontsize-small);
   line-height: 1.2em;
   padding-bottom: var(--gap15);
   margin: 0;
}
.best .detailed .product .highlights ul li:before {
   content: none;
}
.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;
   padding-left: 0px;
}
.best .detailed .product .price {
   grid-column: 2 / span 1;
   grid-row: 7 / span 1;
   font-weight: 700;
}
.best .detailed .product .cta {
   grid-column: 2 / span 1;
   grid-row: 8 / span 1;
   margin-top: var(--gap20);
}
.best .detailed .product .cta a {
   background-color: black;
   color: white;
   padding: var(--gap5) var(--gap15 );
   font-weight: 700;
   color: white;
}
.best .others h2 {
   margin-bottom: 0px;
}
.best .others {
   display: flex;
   flex-direction: column;
   gap: var(--gap15);
   align-items: flex-start;
   margin-bottom: var(--gap);
}
.best .others .product {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}
.best .others .product .label {
   display: block;
   font-size: var(--fontsize-smallest);
   font-weight: 600;
   letter-spacing: 0.14px;
   text-transform: uppercase;
   line-height: 1.1em;
}
.best .others .product .title a:before {
   content: "\002B";
   margin-right: var(--gap5);
}

/* SHOP */
.shop .overview {
   grid-template-columns: repeat(4, 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: 700;
   font-size: var(--fontsize-large);
}
.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 {
   background-color: black;
   color: white;
   font-weight: 700;
   padding: var(--gap10) var(--gap15);
}
.shop .overview .product a:hover {
   text-decoration: none;
}
.shop .overview .product .cta a:after {
   content: "\2192";
   margin-left: var(--gap10);
}

/* FOOTER */
footer {
   background-color: black;
   padding: var(--gap20) 0;
   color: white;
}
footer .inner {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
footer .logo {
   width: 100%;
   margin-bottom: var(--gap25);
}
footer .logo img {
   height: 50px;
}
footer .email {
   order: 1;
   background-color: transparent;
   padding: 0;
   max-width: 500px;
}
footer .email .text {
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
}
footer .email .title {
   margin-bottom: var(--gap10);
   color: white;
}
footer .email .description {
   display: none;
}
footer .email .email-field input {
   line-height: 28px;
   border-color: white;
}
footer .email .cta {
   margin-top: 0;
   padding: var(--gap10) var(--gap15);
   border: 1px solid white;
}
.email .checkbox {
   max-width: none;
   margin-top: var(--gap10);
}
footer .infolinks {
   order: 2;
   display: flex;
   flex-direction: column;
   gap: var(--gap5);
   font-size: var(--fontsize-smaller);
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
}
footer [class^="list"] {
   order: 3;
   display: flex;
   flex-direction: column;
   gap: var(--gap5);
   font-size: var(--fontsize-smaller);
}
footer .infolinks .element-title,
footer [class^="list"] .element-title,
footer .social .element-title {
   display: none;
}
footer .infolinks a,
footer [class^="list"] a {
   color: var(--text-color);
   text-decoration: none;
}
footer .infolinks a:hover,
footer [class^="list"] a:hover {
   text-decoration: underline;
}
footer .social {
   order: 4;
   width: 100%;
   display: flex;
   justify-content: flex-end;
   margin-top: var(--gap25);
}

/* ----- COOKIES ----- */
#cookies-overlay, #cookies {
   /*display: block !important;*/
}
#cookies-overlay {
   background-color: var(--color-text);
   opacity: 0.6;
   top: 0;
   bottom: 0px;
   left: 0px;
   right: 0px;
}
#cookies { 
   background-color: white;
   padding: var(--gap20);
   top: auto;
   left: 0px;
   right: 0px;
   bottom: 0px;
   font-size: var(--fontsize-small);
}
#cookies .icon {
   display: none;
}
#cookies .text {
   flex-direction: row;
   justify-content: center;
   gap: var(--gap10);
   align-items: center;
   line-height: 1.4em;
   margin: 0 auto;
}
#cookies .long1,
#cookies .short {
   display: block;
}
#cookies .short {
   font-size: var(--fontsize-post-body);
   line-height: 1.2em;
   font-weight: 700;
}
#cookies .long1 {
   font-size: var(--fontsize-smallest);
   line-height: 1.4;
}
#cookies .deny {
   order: 2;
}
#cookies .settings {
   order: 3;
}
#cookies .accept,
#cookies .settings,
#cookies .deny {
   color: white;
   padding: var(--gap10);
   font-weight: 600;
   width: 150px;
   text-align: center;
   cursor: pointer;
   background-color: black;
   border: 1px solid black;
}
#cookies .settings {
   background-color: transparent;
   color: black;
}
#cookies .accept:hover,
#cookies .settings:hover,
#cookies .deny:hover {
   /*color: white;*/
}

@media (max-width: 1200px) {
   .header-normal-1 .inner .logo {
      max-width: 400px;
   }
   
   .grid27 {
      display: flex;
      flex-direction: column-reverse;
   }
   
   .lead .detailed .offer .data1 {
      font-size: var(--fontsize-large);
      flex-basis: 40%;
   }
   .lead .detailed .offer .list {
      flex-basis: 55%;
   }
   
   .grid24 {
      gap: var(--gap30);
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: repeat(12, auto);
   }
}
@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-1 .inner .logo {
      max-width: 250px;
   }
   
   .grid1 .text {
      left: 20px;
      bottom: 20px;
      right: 20px;
      max-width: none;
      padding: var(--gap30);
   }
   
   .directory .overview .article > a {
      display: flex;
      flex-direction: column;
   }
   
   .lead .overview .offer {
      flex-wrap: wrap;
      row-gap: 0;
   }
   .lead .overview .offer .list {
      order: 5;
      flex-basis: 100%;
   }
   .lead .overview .offer .list ul {
      margin-top: 0px;
      display: flex;
      gap: var(--gap10);
      justify-content: center;
   }
   .lead .overview .offer .list ul li:first-child:before {
      content: none;
   }
   .lead .detailed .offer {
      padding: var(--gap45) var(--gap15) var(--gap30);
   }
   .lead .detailed .offer .data1,
   .lead .detailed .offer .list {
      flex-basis: 100%;
   }
   .shop .overview {
      grid-template-columns: repeat(3, 1fr);
   }
   
   footer .logo img {
      margin: 0 auto;
   }
   footer .email {
      max-width: 100%;
      margin-bottom: var(--gap30);
      width: 100%;
   }
   footer .email .text {
      flex-direction: column;
      width: 100%;
   }
}
@media (max-width: 767px) {
   .header-normal-1 .inner {
      flex-wrap: wrap;
   }
   .header-scroll-1 .inner {
      flex-direction: column;
   }
   .header-scroll-1 .inner .site-categories .items {
      justify-content: center;
   }
   .link-block > div {
      flex: 1 1 48%;
   }
   
   .lead .overview .offer .cta {
      order: 6;
   }
   .lead .overview .offer .list ul {
      margin-bottom: 0;
      font-size: var(--fontsize-small);
      text-align: center;
      line-height: 1.4;
   }
   .lead .overview .offer .cta {
      margin: 0 auto var(--gap15);
   }
   .lead .detailed .offer {
      flex-basis: 100%;
   }
   
   .best .detailed .product .title {
      margin: var(--gap10) 0;
   }
   
   .shop .overview {
      grid-template-columns: 1fr 1fr;
   }
}
@media (max-width: 600px) {
   .wide.left > .article > a,
   .grid13 {
      flex-direction: column;
   }
   .grid13 .griditem {
      width: 100%;
   }
   .grid13 .griditem:not(:last-child):after {
      content: none;
   }
   
   .wide.left > .article > a .image, .wide.left > .article > a .image img {
      max-width: 100%;
   }
   
   .grid1 .text {
      top: 20px;
   }
   .article.box .container {
      max-height: none;
   }
   
   .grid27 .text {
      width: 100%;
   }
   .grid27 .griditem:last-child {
      padding-bottom: var(--gap30);
   }
   .grid27 .griditem a {
      gap: var(--gap15);
   }
   
   .directory .overview {
      grid-template-columns: 1fr;
   }
   .directory .overview .article:nth-child(odd),
   .directory .overview .article:nth-child(even) {
      grid-column: 1 / span 1;
   }
   
   .lead .overview .offer .list ul {
      flex-direction: column;
      align-items: center;
   }
   .lead .overview .offer .list ul li {
      margin-bottom: 0;
   }
   .lead .overview .offer .list ul li:first-child:before {
      content: "";
   }
   .lead .overview .offer .cta {
      margin-top: var(--gap15);
   }
   
   .best .detailed .product {
      display: flex;
      flex-direction: column;
   }
   .best .detailed .product .label,
   .best .detailed .product .title,
   .best .detailed .product .rating1 {
      order: 1;
   }
   .best .detailed .product .title {
      line-height: 1.2;
   }
   .best .detailed .product .rating1 {
      margin-bottom: var(--gap20);
   }
   .best .detailed .product .image {
      order: 2;
   }
   .best .detailed .product .highlights,
   .best .detailed .product .why {
      order: 3;
   }
   .best .detailed .product .description,
   .best .detailed .product .specifications,
   .best .detailed .product .price,
   .best .detailed .product .cta {
      order: 4;
   }
   .best .detailed .product .why {
      margin: var(--gap20) 0;
   }
   
   .shop .overview {
      grid-template-columns: 1fr;
   }
}