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

/* ----- Fonts ----- */
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap');

:root {--font1: "Lexend Deca", sans-serif;} /* Instead of 'Abril Display' */

:root {--fontsize-mini: 11px;}
:root {--fontsize-smallest: 12px;}
:root {--fontsize-small: 14px;}
:root {--fontsize-smaller: 15px;}
:root {--fontsize-body: 16px;}
:root {--fontsize-large: 18px;}
:root {--fontsize-larger: 21px;}
:root {--fontsize-largest: 32px;}
:root {--fontsize-header3: 24px;}
:root {--fontsize-header2: 32px;}
:root {--fontsize-header1: 36px;}
:root {--fontsize-title1: 62px;}
:root {--fontsize-mega: 70px;}
:root {--fontsize-giga: 72px;}

/* ----- Colors ----- */
:root {--color-white: #fff;}
:root {--color-black: #000;}
:root {--color-orange: #ff5c35;}
:root {--color-orange-light: #ffbc4b;}
:root {--color-orange-lighter: #ffebc9;}
:root {--color-orange-very-light: #fef4ea;}
:root {--color-salmon: #fcead7;}
:root {--color-navy-very-dark: #213343;}
:root {--color-navy-dusty: #516f90;}
:root {--color-navy-dark: #2e475d;}
:root {--color-navy-very-dark: #192733;}
:root {--color-blue: #0068b1;}
:root {--color-blue-dusty: #7691ad;}
:root {--color-blue-light: #dbe4ed;}
:root {--color-blue-very-light: #eaf0f6;}
:root {--color-blue-white: #f6f9fc;}
:root {--color-footer-link: #b6c7d6;}

/* ----- Icons ----- */
.menu-icon .icon {background-image: url(/files/icon/menu_a.svg);}
/*#menu .search .icon {background-image: url(/files/icon/search_c.svg);}*/
.search .icon {background-image: url(/files/icon/search_b.svg);}
.social .items .x .icon {background-image: url(/files/icon/new_x_b.svg);}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_2.svg);}
.social .items .tiktok .icon {background-image: url(/files/icon/tiktok_38.svg);}
.social .items .rss {display: none;}
.social .items .linkedin .icon {background-image: url(/files/icon/linkedin_2.svg);}
.social .items .youtube .icon {background-image: url(/files/icon/youtube_2.svg);}
.social .items .pinterest {display: none;}
.social .items .mail {display: none;}
.social .items .instagram .icon {background-image: url(/files/icon/instagram_2.svg);}
.social .icon {
   height: 32px;
   width: 32px;
}

/* ----- Border Radius ----- */
:root {--border-radius-small: 10px;}
:root {--border-radius-mini: 5px;}

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

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

.article {
   margin: 0;
}

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

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

/* ################################################################# VARIOUS ################################################################# */
* {
    box-sizing: border-box;
}
body {
   font-family: var(--font1);
   font-size: var(--fontsize-body);
   line-height: 1.75rem;
   text-rendering: optimizeSpeed;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: var(--color-navy-very-dark);
}
h1, h2, h3, h4, h5, h6 {
   line-height: 1.2;
   font-family: var(--font1);
   margin: 0;
   line-height: 1.7rem;
   font-weight: 700;
}
h1 {
   font-family: var(--font1);
   font-size: var(--fontsize-header1);
   letter-spacing: 0;
   line-height: 1.3em;
   margin: var(--gap15) 0 var(--gap);
}
h2 {
   font-size: var(--fontsize-header2);
}
h3 {
   font-size: var(--fontsize-header3);
   font-weight: 800;
}

.page .mobile .logo {
   width: auto;
}
header .logo a,
.page .mobile .logo a,
footer .logo a {
   text-decoration: none;
   color: black;
   font-family: var(--font2);
}
footer .logo a {
   color: white;
}
header .logo span,
.page .mobile .logo span,
footer .logo span {
   display: block;
   font-size: 1.3em;
   font-weight: 500;
   text-align: center;
}

.header-normal-1 .site-categories .items,
.header-up-1 .inner,
.index .section:not(.section8) > .inner ,
.directory .content,
.lead .content,
.page .content,
.post article,
.partner article,
.best article,
.shop article,
#main .archive .content,
footer .desktop .inner {
   width: 100%;
   max-width: var(--width-site);
   margin-right: auto;
   margin-left: auto;
   padding: 0 var(--gap);
}

.site-categories .element-title,
.social .element-title,
.social .item .text {
   display: none;
}

#header-sticky {
   background-color: var(--color-white);
}
header .header-sticky-1 {
   border-bottom: 1px solid var(--color-blue-very-light);
}
header .header-sticky-1 .inner {
   display: flex;
   align-items: center;
   padding: var(--gap10);
   flex-wrap: wrap;
   gap: var(--gap);
}
header .logo img {
   max-width: 100px;
   display: block;
}
header .site-categories .items .griditem:not(:last-child) {
   border-right: 1px solid var(--color-blue-very-light);
}
header .site-categories .items .griditem a {
   font-size: var(--fontsize-small);
   text-transform: uppercase;
}
header .site-categories .items .griditem a .title {
   padding: 0 var(--gap10);
   line-height: 1;
}
header .search {
   margin-left: auto;
   margin-right: var(--gap);
   border-bottom: 2px solid var(--color-black);
   padding: var(--gap5) 0;
}
header .search input {
   border: 0;
   border-radius: 0;
}
header .join {
   font-size: var(--fontsize-smallest);
   margin-right: var(--gap);
   text-transform: uppercase;
}
header .join .subscribe,
header .join .newsletter {
   display: none;
}

/*.grid {
   margin: 0;
}*/

.gridimg2 {
   display: flex;
   margin: 0;
}

.heading,
.site-categories-images .element-title {
   text-align: center;
   line-height: 1.2em;
   font-weight: 700;
   font-size: var(--fontsize-header1);
   margin-bottom: var(--gap15);
}

.section1 {
   background: var(--color-blue-white);
   margin-top: var(--gap50);
   margin-bottom: var(--gap50);
   padding: var(--gap30) 0;
}
.section1 .full {
   background-color: var(--color-white);
}
.section1 .full .griditem a {
   display: flex;
   align-items: stretch;
}
.section1 .full .text {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   padding: 0 var(--gap30);
   width: 40%;
   justify-content: center;
}
.section1 .full .griditem a .image {
   order: 2;
   width: 60%;
   min-height: 420px;
}
.section1 .full .category,
.section1 .full .more,
.section1 .full .sub {
   display: block;
}
.section1 .full .category {
   order: 1;
   color: var(--color-navy-very-dark);
   font-size: var(--fontsize-small);
   text-transform: uppercase;
   letter-spacing: .08334rem;
}
.section1 .full .title {
   order: 2;
   font-size: var(--fontsize-header1);
   font-family: var(--font1);
   line-height: 2.5rem;
   font-weight: 700;
   padding: var(--gap) 0;
}
.section1 .full .more {
   order: 3;
   text-transform: uppercase;
   letter-spacing: .08334rem;
   font-size: var(--fontsize-small);
   position: relative;
   padding-bottom: var(--gap5);
}
.section1 .full .sub {
   order: 4;
}

.grid13 {
   padding-bottom: var(--gap10);
}
.grid13 .image {
   height: 285px;
}
.grid13 .text {
   display: flex;
   flex-direction: column;
}
.grid13 .category {
   display: block;
   color: var(--color-navy-dusty);
   margin-top: var(--gap10);
   letter-spacing: 2px;
   text-transform: uppercase;
   font-size: var(--fontsize-smallest);
}
.grid13 .title {
   order: 2;
   position: relative;
}

.section3 {
   background-color: var(--color-orange-very-light);
   margin-top: var(--gap30);
}
.email .law,
.email .checkbox,
.email .name-field,
.email .above-email-field {
   display: none;
}
.email,
.freebie {
   padding: var(--gap40) 0;
   text-align: center;
   max-width: 550px;
   margin: 0 auto;
}
.email .text,
.freebie .text {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   color: var(--color-navy-very-dark);
}
.email .title,
.freebie .title {
   font-size: var(--fontsize-largest);
   line-height: 42px;
   text-transform: uppercase;
   font-weight: 800;
   width: 100%;
}
.email .description,
.freebie .description {
   font-weight: 500;
   margin: var(--gap15) 0;
   width: 100%;
}
.email .email-field input {
   border: 1px solid var(--color-blue-dusty);
    background-color: var(--color-blue-white);
    border-radius: var(--border-radius-mini);
    color: var(--color-navy-very-dark);
    display: block;
    margin: 0;
    padding: var(--gap15);
    width: calc(100% - var(--gap15)* 2 - 2px);
    font-weight: 300;
    font-family: var(--font1);
    font-size: var(--fontsize-body);
    line-height: 1;
}
.email .cta {
   background-color: var(--color-orange);
    color: var(--color-white);
    padding: var(--gap15) var(--gap15);
    border-radius: var(--border-radius-small);
    border: 0;
    font-weight: 500;
    font-size: var(--fontsize-body);
    width: 100%;
    max-width: calc(310px - var(--gap15)* 2);
    line-height: 22px;
}

.section4,
.section7 {
   background-color: var(--color-white);
   padding: var(--gap30) 0;
}

.link-block {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   gap: var(--gap);
   padding: var(--gap50) 0;
}
.link-block > div {
   width: calc((100% - (var(--gap) * 2)) / 3);
   font-weight: 500;
   border-bottom: 2px solid var(--color-blue-light);
}
.link-block > div a {
   position: relative;
}

.section6 {
   background-color: var(--color-orange-lighter);
   padding: var(--gap30) 0;
   border-top: 8px solid var(--color-orange-light);
   border-bottom: 8px solid var(--color-orange-light);
}
.freebie {
   max-width: 600px;
}
.freebie .text {
   display: flex;
    flex-direction: column;
}
.freebie .cta {
   background-color: var(--color-orange);
    color: var(--color-white);
    padding: var(--gap) var(--gap25);
    border-radius: var(--border-radius-small);
    font-weight: 500;
}

.site-categories-images {
   padding: var(--gap40) var(--gap30);
}
.site-categories-images .items {
   display: flex;
   gap: var(--gap);
}
.site-categories-images .items .griditem {
   flex: 1 1 100%;
}
.site-categories-images a {
   position: relative;
}
.site-categories-images .image {
   height: 160px;
}
.site-categories-images .title {
   background-color: var(--color-white);
   font-size: var(--fontsize-smallest);
   text-transform: uppercase;
   text-align: center;
   padding: 0 var(--gap15);
   height: 30px;
   line-height: 30px;
   letter-spacing: 0.08334rem;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   font-weight: 500;
}

/* DIRECTORY */
.directory .overview {
   gap: var(--gap);
}
.directory .article a {
   font-size: var(--fontsize-body);
}
.directory .article a .image {
   margin-bottom: var(--gap10);
}
.directory .article a .image {
   height: 200px;
}

.lead .label,
.lead .overview .description,
.lead .overview .stars,
.lead .overview .law,
.lead .data2,
.lead .data3,
.lead .overview .name {
   display: none; 
}
.lead .content {
   padding: var(--gap) var(--gap) var(--gap40);
}
.lead .overview {
   border: 1px solid var(--color-blue-very-light);
   border-radius: 10px;
   background-color: var(--color-white);
}
.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-blue-very-light);
}
.lead .number {
   flex-basis: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.lead .number span {
   background-color: var(--color-orange-very-light);
   color: var(--color-navy-dark);
   border-radius: 50%;
   text-align: center;
   width: 30px;
   font-weight: 600;
}
.lead .overview .offer .logo {
   height: 90px;
   /*max-width: 110px;*/
   flex-basis: 110px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.lead .overview .offer .logo img {
   height: auto;
   max-height: 100%;
   width: auto;
}
.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 {
   border-radius: var(--border-radius-small);
   background-color: var(--color-orange);
   color: var(--color-white);
   font-weight: 500;
   padding: var(--gap10) var(--gap15);
}
.lead .detailed {
   display: flex;
   gap: var(--gap);
   flex-wrap: wrap;
}
.lead .detailed .offer {
   border: 1px solid var(--color-blue-light);
   border-top: 0;
   border-radius: 10px;
   padding: var(--gap60) var(--gap) var(--gap);
   position: relative;
   background-color: var(--color-white);
   display: flex;
   flex-wrap: wrap;
   flex: 1 1 40%;
   font-size: var(--fontsize-smaller);
   gap: var(--gap);
   align-items: center;
   justify-content: space-between;
}
.lead .detailed .offer .number {
   position: absolute;
   top: 0px;
   left: -1px;
   flex-basis: auto;
   width: 45px;
   height: 45px;
   border-radius: 10px 0;
   background-color: var(--color-orange-very-light);
   z-index: 2;
}
.lead .detailed .offer .number span {
   border-radius: 0;
}
.lead .detailed .name {
   font-size: var(--fontsize-very-large);
   font-weight: 600;
   text-align: center;
   order: 1;
   background-color: var(--color-navy-very-dark);
   color: var(--color-white);
   height: 45px;
   line-height: 45px;
   position: absolute;
   left: 1px;
   top: 0px;
   z-index: 1;
   width: 100%;
   border-radius: 10px 10px 0 0;
}
.lead .detailed .offer .logo {
   height: 100px;
   padding: var(--gap) 0 0;
   width: 100%;
   display: flex;
   justify-content: 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-very-large);
}
.lead .detailed .offer .description {
   order: 4;
   border-bottom: 1px solid var(--color-blue-light);
   padding-bottom: var(--gap);
}
.lead .detailed .offer .data1 {
   order: 5;
   flex-basis: 45%;
   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);
}

.post article,
.partner article,
.best article,
.shop article {
   padding: var(--gap);
   gap: var(--gap);
   display: grid;
   grid-template-columns: repeat(12, calc((100% - var(--gap)* 11) / 12));
   grid-template-rows: repeat(3, auto);
}
.single-above,
.single-bottom,
.single-header .image .credits {
   display: none;
}
.single-header .breadcrumbs,
.single-header .author,
.single-header .date,
.single-header .social,
.single-footer .related {
   display: block;
}
.single-header,
.single-body,
.single-footer,
.single-right.side {
   padding: var(--gap10);
   background-color: var(--color-white);
   grid-row: 1 / span 1;
   grid-column: 1 / span 9;
}
.single-header {
   padding: var(--gap25) var(--gap10);
   display: flex;
   flex-wrap: wrap;
}
.single-header h1 {
   width: 100%;
}
.single-header h1, 
.single-header > div:not(.featured-image):not(.author) {
   padding: 0 var(--gap15);
}
.single-header .breadcrumbs {
   color: var(--color-navy-dusty);
   font-weight: 500;
}
.single-header .breadcrumbs a {
   text-decoration: none;
}
.single-header .author,
.single-header .date {
   width: fit-content;
   color: var(--color-navy-dusty);
   font-size: var(--fontsize-smaller);
}
.single-header .date {
   position: relative;
   margin-right: var(--gap15);
}
.single-header .date:after {
   content: "\00B7";
   position: absolute;
   right: -2px;
   top: -1px;
   font-size: var(--fontsize-body);
}
.single-header .social {
   order: 5;
   width: 100%;
   margin: var(--gap) 0;
}
.single-header .image {
   order: 6;
}
.single-body {
   grid-row: 2 / span 1;
   margin-top: calc((var(--gap) + 5px ) * -1);
   padding: 0 var(--gap25) var(--gap25);
   line-height: 30px;
}
.single-body h2 {
   margin-top: var(--gap35);
}
.single-body h3 {
   margin-top: var(--gap25);
}
.single-body h2 + p,
.single-body h3 + p {
   margin-top: 0.5em;
}
.single-body p a {
   color: var(--color-blue);
   font-weight: 500;
}
.single-body p a:hover {
   background-image: linear-gradient(180deg, var(--color-orange), var(--color-orange));
}
blockquote {
   font-style: italic;
}
table {
   border-collapse: collapse;
}
table th {
   text-align: left;
}
table th,
table td {
   padding: var(--gap5);
}
table tr:not(:last-child) {
   border-bottom: 1px solid var(--color-blue-very-light);
}
table th:not(:last-child),
table td:not(:last-child) {
   border-right: 1px solid var(--color-blue-very-light);
}
.single-footer {
   grid-row: 3 / span 1;
   background-color: var(--color-orange-very-light);
   padding: var(--gap25);
}
.related .heading h3 {
   text-align: left;
   font-weight: 700;
}
.related .articles {
   display: flex;
   gap: var(--gap15);
   font-size: var(--fontsize-small);
   line-height: 1.4em;
}
.related .article {
   background-color: var(--color-white);
   padding: var(--gap10);
}
.single-body .related .article {
   background-color: var(--color-orange-very-light);
}
.related .articles .title {
   padding: var(--gap5) var(--gap15) var(--gap10);
}
.related .articles .image {
   height: 140px;
}
.single-right.side {
   grid-row: 1 / span 3;
   grid-column: 10 / span 3;
   padding: 0;
   background-color: transparent;
   display: flex;
   flex-direction: column;
   gap: var(--gap);
}
.single-right .email {
   color: var(--color-navy-very-dark);
   background-color: var(--color-orange-very-light);
   padding: var(--gap);
}
.single-right .email .title {
   font-size: var(--fontsize-large);
   line-height: 1.3em;
}
.single-right .email .description {
   font-size: var(--fontsize-smaller);
   line-height: 1.3em;
}
.single-right .email .fields {
   width: 100%;
}
.single-right .email .email-field input {
   border: 1px solid var(--color-blue-dusty);
   background-color: var(--color-blue-white);
   border-radius: var(--border-radius-mini);
   color: var(--color-navy-very-dark);
   display: block;
   margin: 0;
   padding: var(--gap10);
   width: 100%;
   font-weight: 300;
   font-family: var(--font1);
   font-size: var(--fontsize-body);
   line-height: 1;
   margin-bottom: var(--gap5);
}
.single-right .email .cta {
   border-radius: var(--border-radius-small);
    background-color: var(--color-orange);
    color: var(--color-white);
    font-weight: 500;
    padding: var(--gap10) var(--gap15);
}
/*.single-right .email .cta {
   font-weight: 500;
}*/
.single-right .site-categories {
   background-color: var(--color-white);
   padding: var(--gap15) var(--gap);
}
.single-right .site-categories .items {
   display: flex;
   flex-wrap: wrap;
   font-size: var(--fontsize-small);
}
.single-right .site-categories .items .griditem {
   position: relative;
   padding-right: var(--gap10);
   margin-right: var(--gap10);
}
.single-right .site-categories .items .griditem:after {
   content: "\00B7";
   position: absolute;
   right: -2px;
   top: -1px;
   font-size: var(--fontsize-body);
}
.single-right .site-categories .items .griditem .title {
   background-repeat: no-repeat;
   background-position: 0px calc(100% - 4px);
   background-size: 100% 7px;
   text-decoration: none;
}
.articles10 {
   background-color: var(--color-white);
   padding: var(--gap15) var(--gap);
   gap: var(--gap);
   display: flex;
   flex-direction: column;
}
.articles10 .article a {
   display: flex;
   gap: var(--gap10);
}
.articles10 .article .image {
   height: 60px;
   width: 60px;
   flex: 1 1 60px;
}
.articles10 .article .text {
   flex: 1 1 calc(100% - 60px);
   font-size: var(--fontsize-small);
   line-height: 1.2em;
}
.articles10 .article .text .category {
   display: block;
   color: var(--color-navy-dusty);
   font-size: var(--fontsize-mini);
   text-transform: uppercase;
   order: 1;
}
.articles10 .article .text .title {
   order: 2;
   font-weight: 500;
}

.single .best .overview,
.single .best .detailed {
   margin: var(--gap30) 0;
}
.single .best .overview h2,
.single .best .detailed h2 {
   border-top: 6px solid var(--color-blue-light);
   border-bottom: 1px solid var(--color-blue-light);
   font-size: var(--fontsize-large);
   font-weight: 700;
   padding-top: var(--gap5);
   padding-bottom: var(--gap5);
   margin: 0;
}
.single .best .product {
   display: flex;
   padding: var(--gap30) 0 var(--gap25);
   flex-wrap: wrap;
   /*font-family: var(--font3);*/
   font-size: var(--fontsize-small);
   align-items: center;
}
.single .best .overview .product {
   gap: var(--gap15);
}
.single .best .product:not(:last-child) {
   border-bottom: 1px solid var(--color-blue-light);
}
.single .best .product a {
   color: var(--color-black);
}
.single .best .overview .product .rating1 {
   display: block;
   order: 2;
}
.single .best .overview .product .image {
   display: flex;
   order: 3;
   height: 70px;
   width: 100px;
   justify-content: center;
}
.single .best .overview .product .image img {
   display: block;
   height: 100%;
   width: auto;
}
.single .best .overview .product .title {
   order: 1;
   width: calc(100% - 80px - var(--gap15));
   font-size: var(--fontsize-body);
   font-weight: 700;
}
.single .best .product .cta {
   font-size: var(--fontsize-small);
   font-weight: 500;
}
.single .best .overview .product .cta {
   display: block;
   order: 5;
   flex: 1;
   width: 150px;
   margin-left: auto;
   text-align: right;
}
.single .best .overview .product .cta a {
   color: var(--color-blue);
}
.single .best .product .cta a:after {
   content: "\2192";
   margin-left: var(--gap10);
}
.single .best .overview .product .summary {
   display: block;
   order: 4;
   flex: 2;
   line-height: 1.2em;
}
.best .detailed {
   flex-direction: column;
   align-items: flex-start;
}
.best .detailed .product {
   padding: var(--gap40) 0;
}
.best .detailed .product .title {
   font-weight: 500;
   font-size: var(--fontsize-body);
}
.best .detailed .product .label,
.best .detailed .product .image,
.best .detailed .product .price,
.best .detailed .product .cta,
.best .detailed .product .pros-cons-1-list,
.best .detailed .product .description,
.best .detailed .product .specifications {
   display: block;
   margin-bottom: var(--gap15);
}
.best .detailed .product .label,
.best .detailed .product .image,
.best .detailed .product .title,
.best .detailed .product .pros-cons-1-list,
.best .detailed .product .description,
.best .detailed .product .specifications {
   width: 100%;
}
.best .detailed .product .label {
   order: 2;
   /*font-weight: 700;*/
   /*font-size: var(--fontsize-large);*/
   margin-bottom: 0px;
   background-color: var(--color-orange-very-light);
   padding: 0 var(--gap10);
   width: max-content;
}
.best .detailed .product .title {
   order: 3;
   margin-bottom: var(--gap15);
}
.best .detailed .product .image {
   order: 1;
   width: 100%;
}
.best .detailed .product .image img {
   width: 100%;
}
.best .detailed .product .description {
   order: 4;
}
.best .detailed .product .description > p {
   margin: 1rem 0;
   font-size: var(--fontsize-body);
}
.best .detailed .product .description > p:first-child {
   margin-top: 0px;
}
.best .detailed .product .price {
   order: 5;
   font-weight: 500;
   border: 1px solid var(--color-black);
   padding: var(--gap15) var(--gap);
   margin-right: var(--gap15);
}
.best .detailed .product .cta {
   order: 6;
}
.best .detailed .product .cta a {
   font-size: var(--fontsize-body);
   background-color: var(--color-orange);
   color: white;
   padding: var(--gap) var(--gap);
   font-weight: 700;
   border-radius: 10px;
}
.best .detailed .product .cta a:hover {
   text-decoration: none;
}
.best .detailed .product .rating2 {
   order: 7;
}
.best .detailed .product .rating3 {
   order: 8;
}
.best .detailed .product .pros-cons-1-list {
   order: 9;
   font-family: var(--font1);
   font-size: var(--fontsize-body);
}
.best .detailed .product .specifications h3 {
   margin-top: 0px;
}
.best .detailed .product .specifications {
   order: 10;
   margin-bottom: 0px;
}
.best .detailed .product .specifications ul {
   margin-bottom: 0px;
}

.best .others .product {
   flex-direction: column;
   align-items: flex-start;
}
.best .others .product .label,
.best .others .product .cta {
   display: block;
}
.best .others .product .label {
   font-weight: 600;
   color: var(--color-blue);
}
.best .others .product .title {
   font-weight: 500;
   font-size: var(--fontsize-body);
}

/* SHOP */
.shop .overview {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap30);
   margin: var(--gap35) 0;
}
.shop .overview h2 {
   flex-basis: 100%;
   margin-bottom: 0;
   padding-top: var(--gap35);
}
.shop .product {
   border: 1px solid var(--color-blue-very-light);
   border-radius: var(--border-radius-mini);
   padding: var(--gap) var(--gap25);
   /*flex-basis: calc((100% / 3) - (var(--gap30) * 2) / 3 - var(--gap30) * 2 - 2px);*/
   flex-basis: calc(((100% - var(--gap30) * 2) / 3) - 2px);
   line-height: 1.2em;
   display: flex;
   flex-direction: column;
   gap: var(--gap10);
   position: relative;
}
.shop .product .image {
   order: 1;
   height: 175px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.shop .product .image img {
   max-height: 100%;
   width: auto;
}
.shop .product .title {
   order: 3;
   font-weight: 600;
}
.shop .product .rating2 {
   display: block;
   order: 2;
}
.shop .overview .product .label {
   display: block;
   order: 4;
   color: var(--color-navy-dusty);
   font-size: var(--fontsize-smaller);
   font-weight: 600;
}
.shop .overview .product .number {
   display: block;
   position: absolute;
   top: -10px;
   left: -10px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: white;
   background-color: var(--color-orange);
   border-radius: var(--border-radius-mini);
   width: 30px;
   height: 30px;
   font-weight: 600;
   font-size: var(--fontsize-small);
}

/* PAGE */
.page .content {
   padding: var(--gap25);
   background-color: var(--color-white);
   max-width: var(--width-site2);
}

/* FOOTER */
footer {
   background-color: var(--color-navy-very-dark);
   padding: var(--gap30);
}
footer a {
   color: white;
}
footer .inner {
   display: flex;
   flex-wrap: wrap;
}
footer .social {
   width: 100%;
   order: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: var(--gap15);
   margin-bottom: var(--gap30);
}
footer .social .element-title {
   display: block;
   font-size: var(--fontsize-mini);
   text-transform: uppercase;
}
footer .social .items .item {
   margin: 0 var(--gap10);
}
footer .logo {
   order: 2;
   max-width: 145px;
}
footer .infolinks {
   width: calc(100% - 145px - var(--gap30));
   margin-bottom: var(--gap);
}
footer .infolinks,
footer .list7 {
   order: 3;
   display: flex;
}
footer .infolinks .element-title,
footer .list7 .element-title {
   display: none;
}
footer .infolinks a {
   padding: 0 var(--gap15);
   font-size: var(--fontsize-smallest);
   text-transform: uppercase;
   text-decoration: none;
   color: var(--color-footer-link);
}
footer .copyright {
   order: 4;
   font-size: var(--fontsize-smaller);
}
footer .list7 {
   order: 5;
   font-size: var(--fontsize-smaller);
}
footer .list7 a {
   padding: 0 var(--gap5);
   color: var(--color-white);
   font-size: var(--fontsize-body);
   font-weight: 600;
}
footer .copyright > div:not(.short) {
   display: none;
}

/* ----- Cookies ----- */
/*#cookies-overlay, #cookies {
   display: block !important;
}*/
#cookies-overlay {
   background-color: var(--color-black);
}
#cookies { 
   background-color: var(--color-white); 
   padding: var(--gap) var(--gap30);
   top: 10%;
   left: 50%;
   transform: translateX(-50%);
   max-width: 500px;
   border-radius: var(--border-radius-small);
}
#cookies .icon {
   display: none;
}
#cookies .text {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--gap);
   align-items: center;
   font-size: var(--fontsize-smaller);
   line-height: 1.4em;
   font-weight: 400;
}
#cookies .short {
   font-weight: 600;
   font-size: var(--fontsize-body);
}
#cookies .long1 {display: block;}
#cookies .long2 {display: none;}

#cookies .settings,
#cookies .accept {
   padding: var(--gap10) var(--gap);
   font-weight: 500;
   margin-top: var(--gap10);
   margin-right: auto;
   border-radius: 20px;
   background-color: var(--color-black);
   color: var(--color-white);
}
#cookies .settings:hover {
   text-decoration: underline;
}
#cookies .accept {
   background-color: var(--color-orange);
   font-weight: 600;
   text-align: center;
   margin-top: var(--gap10);
   margin-left: auto;
   margin-right: 0;
}
#cookies .accept:hover {
   background-color: var(--color-black);
   color: var(--color-white);
}
#cookies .deny {
   display: none;
}

@media (max-width: 1200px) {
   header .header-sticky-1 .inner {
      flex-wrap: wrap;
      row-gap: var(--gap);
   }
   header .header-sticky-1 .logo {
      order: 1;
   }
   header .header-sticky-1 .search,
   header .header-sticky-1 .social,
   header .header-sticky-1 .join {
      order: 1;
   }
   header .header-sticky-1 .site-categories {
      order: 2;
      width: 100%;
      display: flex;
      justify-content: center;
   }
   header .site-categories .items {
      flex-wrap: wrap;
   }
   header .site-categories .items .griditem a .title {
      padding: var(--gap10);
   }
   .grid13 .image {
      height: 200px;
   }
   .site-categories-images .items {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto auto;
   }
   
   .lead .detailed .offer .list {
      flex-basis: 50%;
   }
   
   .articles10 .article a {
      flex-direction: column;
   }
   .articles10 .article .image {
      width: 100%;
      height: 100px;
   }
   
   .related .articles {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto auto;
   }
   
   .email .text .fields {
      width: 100%;
      margin-bottom: var(--gap5);
   }
   .single-right .email .email-field input,
   .single-right .email .cta {
      width: calc(100% - 2px);
      margin: 0;
   }
}
@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;
   }
   
   .link-block > div {
      width: calc(50% - var(--gap) / 2);
   }
   
   .directory .overview {
      grid-template-columns: 1fr;
   }
   
   .lead .overview .offer {
      flex-wrap: wrap;
      height: auto;
      padding: var(--gap10);
   }
   
   .lead .detailed .offer .data1,
   .lead .detailed .offer .list {
      flex-basis: 100%;
   }
   
   .post article, .partner article, .best article, .shop article {
      display: flex;
      flex-direction: column;
   }
   
   .articles10 {
      display: grid;
      grid-template-columns: 1fr 1fr; 
   }
   
   footer {
      padding: var(--gap30) 0;
   }
   footer .desktop .inner {
      flex-direction: column;
      align-items: center;
      row-gap: var(--gap);
   }
   footer .infolinks {
      width: 100%;
      justify-content: center;
      flex-wrap: wrap;
   }
   footer .infolinks,
   footer .social {
      margin-bottom: 0;
   }
}
@media (max-width: 767px) {
   .section1 .full .griditem a {
      flex-direction: column;
   }
   .section1 .full .text,
   .section1 .full .griditem a .image {
      width: 100%;
   }
   .section1 .full .text {
      order: 3;
   }
   .section1 .full .griditem a .image {
      min-height: 0;
   }
   .gridimg2 .griditem:nth-child(1) {
      margin-top: 0;
   }
   
   .site-categories-images .items {
      grid-template-columns: 1fr 1fr;
   }
   
   .lead .overview .offer .list {
      flex-basis: auto;
   }
   
   .lead .detailed .offer .law {
      line-height: 1.3;
   }
   
   .shop .product {
      flex-basis: calc(50% - var(--gap30) / 2 - 2px);
   }
}
@media (max-width: 600px) {
   .grid13 .griditem {
      margin-bottom: var(--gap30);
   }
   .link-block > div {
      width: 100%;
   }
   
   .directory .article a .image {
      height: 150px;
   }
   
   .lead .detailed .offer {
      flex-basis: 100%;
   }
   
   .single-footer {
      padding: var(--gap15);
   }
   .single-right .site-categories .items .griditem {
      margin: 0;
   }
   
   .single .best .overview .product {
      flex-direction: column;
      align-items: center;
   }
   .single .best .overview .product .title,
   .single .best .overview .product .cta {
      width: auto;
   }
   .single .best .overview .product .cta {
      margin: 0;
   }
   .best .detailed .product .cta a {
      display: block;
   }
   
   .best .detailed .product .pros-cons-1-list ul,
   .best .detailed .product .specifications ul {
      padding-left: 0px;
      font-size: var(--fontsize-small);
      list-style-position: inside;
   }
   
   .shop .product {
      flex: 1 1 100%;
      align-items: center;
   }
   .shop .product .title {
      text-align: center;
   }
}