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

/* ----- Fonts ----- */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Raleway:ital,wght@0,100..900;1,100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {--font1: "Work Sans", "Arial", sans-serif;}
:root {--font2: "Raleway", "Arial", sans-serif;}
:root {--font3: "Space Mono", monospace; }

:root {--fontsize-very-small: 13px;}
:root {--fontsize-smaller: 15px;}
:root {--fontsize-small: 18px;}
:root {--fontsize-body: 20px;}
:root {--fontsize-large: 23px;}
:root {--fontsize-larger: 25px;}
:root {--fontsize-largest: 30px;}
:root {--fs34: 34px;}
:root {--fs44: 44px;}
:root {--fontsize-mega: 70px;}

/* ----- Colors ----- */
:root {--color-grey-light: #ABB9C7;}
:root {--color-white: #fff;}
:root {--color-white-darker: #DFE6EB;}
:root {--color-green-blue-grey: #82A7BA;}
:root {--color-black: #000;}
:root {--color-black-light: #131B24;}
:root {--color-black-light-rgb: 19,27,36;}
:root {--color-black-lighter: #314351;}
:root {--color-blue: #304DDB;}
:root {--color-blue-grey-very-light: #f5f5f5;}
:root {--color-blue-grey-light: #F2F9FC; }
:root {--color-blue-navy-lighter: #7E8E9E;}
:root {--color-blue-navy-light: #556575;}
:root {--color-blue-navy-light-rgb: 85,101,117;}
:root {--color-blue-navy: #405261;}
:root {--color-cobalt-light: #4176FA;}
:root {--color-purple-light: #F9F2FF;}
:root {--color-purple-very-light: #F2E5FF;}
:root {--color-green: #2acc15;}
:root {--color-orange: #dc8116;}

/* ----- 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_a_white.svg);}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_21_white.svg);}
.social .items .tiktok {display: none;}
.social .items .rss {display: none;}
.social .items .linkedin {display: none;}
.social .items .youtube .icon {background-image: url(/files/icon/youtube_4_white.svg);}
.social .items .pinterest {display: none;}
.social .items .mail {display: none;}
.social .items .instagram .icon {background-image: url(/files/icon/instagram_16_white.svg);}

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

/* ----- Gap ----- */
:root {--gap-very-large: 75px;}
:root {--gap50: 50px;}
:root {--gap40: 40px;}
:root {--gap35: 35px;}
:root {--gap30: 30px;}
:root {--gap25: 25px;}
:root {--gap: 20px;}
:root {--gap15: 15px;}
:root {--gap10: 10px;}
:root {--gap5: 5px;}
:root {--gap-section: 35px;}

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

/* Links */
a {
   color: var(--color-blue);
}

.article {
   margin: 0;
}

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

/* ################################################################# VARIOUS ################################################################# */
* {
    box-sizing: border-box;
}
body {
   font-family: var(--font2);
   font-size: var(--fontsize-body);
   color: var(--color-black);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
   line-height: 1.5375em;
   font-family: var(--font2);
   margin: 0;
}
h1 {
   font-size: 3.125rem;
}

header .logo a,
footer .logo a,
.page .mobile .logo a {
   text-decoration: none;
   color: black;
   font-family: var(--font1);
}
footer .logo a {
   color: white;
}
header .logo span,
footer .logo span,
.page .mobile .logo span {
   display: block;
   font-size: 2.1em;
   font-weight: 600;
   text-align: center;
   letter-spacing: -0.03em;
}

header .search [name="search"]::placeholder,
.email .fields [name="mail"]::placeholder {
   color: var(--color-blue-navy-light);
}

header > .desktop #header-normal .inner,
.index > div,
#main .single,
#main .page,
#main .archive,
footer .desktop .inner {
   width: 100%;
   max-width: var(--width-site);
   margin-right: auto;
   margin-left: auto;
   padding: 0 var(--gap);
}

header .desktop {
   display: flex;
   flex-direction: column;
}
header .desktop #header-normal {
   order: 2;
}
header .desktop .inner {
   padding: 0 var(--gap);
   align-items: center;
}
.header-normal-1 {
   background-color: var(--color-blue-grey-light);
   border-bottom: 1px solid var(--color-grey-light);
   font-family: var(--font1);
   font-size: var(--fontsize-very-small);
   font-weight: 600;
}
.header-normal-1 .element-title {
   display: none;
}
.header-normal-1 .items {
   justify-content: center;
}
.header-normal-1 a .title {
   padding: var(--gap15) var(--gap10);
}
header .desktop .header-sticky {
   z-index: 1001;
}
header .desktop .header-sticky-1 {
   border-bottom: 1px solid var(--color-grey-light);
   background-color: var(--color-white);
}
header .desktop .header-sticky-1 .inner {
   display: flex;
   justify-content: space-between;
   padding: 0 var(--gap);
   height: 60px;
}
header .desktop .header-sticky-1 .logo img {
   max-height: 45px;
}
header .desktop .header-sticky-1 .menu-icon {
   width: 185px;
}
header .desktop .header-sticky-1 .menu-icon .icon {
   width: 15px;
   height: 10px;
}
header .desktop .header-sticky-1 .search {
   padding: var(--gap10);
   width: 185px;
}
header .desktop .header-sticky-1 .search input {
   border: 0;
}
header .desktop .header-sticky-1 .search .icon {
   margin: 0;
}

.heading {
   font-family: var(--font1);
   font-size: var(--fontsize-larger);
   font-weight: 800;
   line-height: 1.625rem;
   border-top: 2px solid var(--color-black);
   padding: var(--gap) 0;
   margin-top: var(--gap40);
}

.grid {
   margin: 0;
}

.gridimg2 {
   border-top: 1px solid var(--color-grey-light);
   padding: var(--gap) 0;
}
.gridimg2:first-child {
   border-top: 0;
}
.gridimg2 a {
   display: flex;
   gap: var(--gap);
}
.gridimg2 .text {
   width: 33%;
}
.gridimg2 .image {
   order: 2;
   flex: 1;
   height: 375px;
}
.gridimg2 .title,
.grid21 .griditem:nth-child(1) .title {
   font-size: var(--fontsize-largest);
   font-family: var(--font2);
   margin-bottom: var(--gap10);
   font-weight: 500;
   line-height: 1.3em;
}
.gridimg2 .intro,
.grid21 .griditem:nth-child(1) .intro {
   display: block;
   font-size: var(--fontsize-smaller);
   color: var(--color-blue-navy-light);
   line-height: 1.25rem;
}

.grid7 {
   padding-bottom: var(--gap);
}
.grid7 .title,
.grid13 .title {
   font-family: var(--font2);
   font-weight: 600;
   font-size: var(--fontsize-small);
}
.grid7 .image {
   height: 175px;
   margin-bottom: var(--gap15);
}
.full .grid7 .image {
   height: 250px;
}

.side.right .article {
   padding: var(--gap) 0;
   border-top: 1px solid var(--color-grey-light);
}
.side.right .heading + .article {
   padding-top: 0;
   border-top: 0;
}
.side.right .article a {
   display: flex;
   font-family: var(--font2);
   font-weight: 600;
   gap: var(--gap10);
}
.side.right .article .image {
   width: 75px;
   height: 75px;
}
.side.right .article .text {
   flex: 1;
}

.grid13 {
   display: flex;
   justify-content: space-between;
   gap: 0;
}
.grid13:first-child {
   margin: var(--gap30) 0;
}
.grid13 .griditem {
   border-right: 1px solid var(--color-grey-light);
   font-family: var(--font2);
   font-weight: 600;
   padding: 0 var(--gap);
   flex: 1;
   width: calc(25% - var(--gap) - 1px);
}
.grid13 .griditem:first-child {
   padding-left: 0;
}
.grid13 .griditem:last-child {
   padding-right: 0;
   border: 0;
}
.grid13 .image {
   margin-bottom: var(--gap15);
   height: 180px;
}
.grid13 .griditem:not(.article) .article {
   width: 100%;
   border-right: 0;
   padding: 0 0 var(--gap);
}
.grid13 .griditem:not(.article) .article:not(:last-child) {
   border-bottom: 1px solid var(--color-grey-light);
}
.grid13 .griditem:not(.article) .article .image {
   width: 100%;
   border-right: 0;
   margin-bottom: var(--gap5);
   height: 170px;
}
.grid13 .griditem:not(.article) .article:not(:first-child) {
   padding-top: var(--gap);
   font-family: var(--font1);
}
.grid13 .griditem:not(.article) .article:not(:first-child) .title {
   font-weight: 400;
   font-size: var(--fontsize-very-small);
   font-family: var(--font1);
   margin-bottom: var(--gap10);
}
.grid13 .griditem:not(.article) .article:not(:first-child) .image {
   display: none;
}
.grid13 .griditem:not(.article) .article:not(:first-child) .date {
   color: var(--color-blue-navy-light);
   font-family: var(--font3);
   font-size: var(--fontsize-very-small);
   font-weight: 700;
   display: block;
}

.grid21 {
   gap: 0;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: repeat(12, 1fr);
}
.grid21 .griditem .image {
   height: 160px;
   margin-bottom: var(--gap10);
}
.grid21 .griditem .title {
   font-family: var(--font2);
   font-weight: 600;
   font-size: var(--fontsize-small);
}
.grid21 .griditem:nth-child(1),
.grid21 .griditem:nth-child(2),
.grid21 .griditem:nth-child(4) {
   padding-right: var(--gap);
   border-right: 1px solid var(--color-grey-light);
}
.grid21 .griditem:nth-child(1) {
   margin-right: var(--gap);
}
.grid21 .griditem:nth-child(3),
.grid21 .griditem:nth-child(5) {
   padding-left: var(--gap);
}
.grid21 .griditem:nth-child(1) .image {
   height: 425px;
   margin-bottom: var(--gap5);
}

.link-block {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   column-gap: var(--gap);
   padding: var(--gap50) 0;
   border-bottom: 1px solid var(--color-grey-dark);
}
.link-block > div {
   width: calc(25% - (var(--gap) * 3) / 4);
   display: flex;
   align-items: center;
   gap: var(--gap5);
   border-bottom: 1px solid var(--color-grey-light);
   font-weight: 500;
   font-family: var(--font1);
   font-size: var(--fontsize-smaller);
}
.link-block > div > a:first-child {
   line-height: 1.2em;
   padding: var(--gap10) 0;
}

/* Archive */
.directory h1 {
   font-family: var(--font2);
   font-size: var(--fontsize-mega);
   text-transform: uppercase;
   text-align: center;
}
.directory .overview {
   gap: var(--gap);
   margin: var(--gap) 0;
}
.directory .overview .article a {
   font-size: var(--fontsize-small);
}
.directory .overview .article a .image {
   margin-bottom: var(--gap15);
}
.directory .overview .article a .image {
   height: 200px;
}
.directory .overview .article a .text {
   font-weight: 700;
}

/* LEAD */
.lead .content .overview {
   display: flex;
   flex-direction: column;
   width: 60%;
   min-width: 700px;
   margin: 0 auto var(--gap15);
}
.lead .offer {
   font-family: var(--font1);
}
.lead .content .overview .offer {
   padding: var(--gap15) 0;
   height: 100px;
   border-bottom: 1px solid var(--color-grey-light);
   flex-direction: column;
   align-content: space-between;
   justify-content: center;
}
.lead .content .overview .offer:last-child {
   border: 0;
}
.lead .content .overview .offer > div {
   display: none;
}
.lead .content .overview .offer .logo,
.lead .content .overview .offer .logo img,
.lead .content .overview .offer .label,
.lead .content .overview .offer .data1,
.lead .content .overview .offer .data2,
.lead .content .overview .offer .data3,
.lead .content .overview .offer .cta {
   display: block;
}
.lead .content .overview .offer .logo {
   width: 150px;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}
.lead .content .overview .offer .logo img {
   width: auto;
   max-height: 75px;
}
.lead .content .overview .offer .label,
.lead .content .detailed .offer .number {
   color: var(--color-blue);
   font-size: var(--fontsize-large);
   font-weight: 700;
}
.lead .content .overview .offer .data1,
.lead .content .overview .offer .data2,
.lead .content .overview .offer .data3 {
   font-size: var(--fontsize-smaller);
}
.lead .content .offer .cta {
   font-size: var(--fontsize-smaller);
   font-weight: 600;
}
.lead .content .offer .cta:after {
   content: "\2192";
   margin-left: var(--gap15);
}
.lead .content .detailed .offer  {
   flex-direction: row;
   flex-wrap: wrap;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   border-bottom: 1px solid var(--color-grey-light);
   margin: 0;
   padding: var(--gap40) 0;
   gap: var(--gap25);
}
.lead .content .detailed .offer > div {
   order: 10;
}
.lead .content .detailed .offer .number {
   order: 1;
   font-size: var(--fontsize-mega);
}
.lead .content .detailed .offer .logo {
   order: 2;
   width: 90px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.lead .content .detailed .offer .logo img {
   max-height: 100%;
   width: auto;
}
.lead .content .detailed .offer .name {
   order: 3;
   font-size: var(--fontsize-largest);
   font-weight: 700;
   line-height: 1.2em;
}
.lead .content .detailed .offer .stars {
   order: 4;
}
.lead .content .detailed .offer .label {
   order: 5;
   color: var(--color-blue);
   font-size: var(--fontsize-very-small);
   font-weight: 600;
}
.lead .content .detailed .offer .cta {
   order: 6;
   margin-left: auto;
/*   font-size: var(--fontsize-very-small);
   font-weight: 600;*/
   background-color: var(--color-blue);
   color: var(--color-white);
   padding: var(--gap10) var(--gap15);
   border-radius: 5px;
   text-align: center;
   display: block;
}
.lead .content .detailed .offer .description {
   order: 7;
}
.lead .content .detailed .offer .data1,
.lead .content .detailed .offer .data2,
.lead .content .detailed .offer .data3 {
   font-size: var(--fontsize-smaller);
   background-color: var(--color-blue-grey-light);
   padding: var(--gap15);
   border: 1px solid var(--color-grey-light);
   border-radius: var(--border-radius-mini);
}
.lead .content .detailed .offer .list {
   margin-left: auto;
}
.lead .content .detailed .offer .list ul {
   display: flex;
   list-style-type: none;
   margin: 0;
   padding: 0;
   gap: var(--gap30);
   /*font-weight: 600;*/
   font-size: var(--fontsize-smaller);
}
.lead .content .detailed .offer .list ul li {
   background-color: var(--color-blue-grey-light);
   padding: var(--gap15);
   border: 1px solid var(--color-grey-light);
   border-radius: var(--border-radius-mini);
}
.lead .content .detailed .offer .law {
   font-size: var(--fontsize-very-small);
   color: var(--color-blue-navy-light);
}

/* Article - primary */
.single > div > article {
   padding: var(--gap50) 0;
   display: grid;
   grid-template-columns: repeat(12, calc((100% - var(--gap)* 11) / 12));
   grid-template-rows: repeat(4, auto);
   gap: var(--gap);
}
.single-header {
   display: flex;
   flex-direction: column;
   padding-bottom: var(--gap10);
   grid-row: 1 / span 1;
   grid-column: 1 / span 12;
}
.single-header h1,
.page .content h1 {
   font-weight: 500;
   order: 2;
   margin: 0;
   line-height: 1.2em;
}
.single-header .category {
   display: block;
   font-family: var(--font3);
   font-size: var(--fontsize-very-small);
   text-transform: uppercase;
   color: var(--color-blue-navy-light);
   font-weight: 700;
}
.single-header .featured-image,
.single-left {
   display: none;
}
.single-above {
   grid-row: 2 / span 1;
   grid-column: 1 / span 9;
   display: flex;
   flex-direction: column;
}
.single-above .author,
.single-above .date,
.single-above .featured-image {
   display: block;
}
.single-above .featured-image {
   margin-bottom: var(--gap40);
}
.single-above .author,
.single-above .date {
   font-family: var(--font1);
   margin: 0 calc(((100% - (8 * var(--gap))) / 9) + var(--gap)) var(--gap10);
   font-size: var(--fontsize-very-small);
}
.single-above .author {
   order: 2;
   font-weight: 700;
}
.single-above .date {
   order: 3;
   color: var(--color-blue-navy-light);
}
.single-body {
   grid-row: 3 / span 1;
   grid-column: 2 / span 7;
   line-height: 1.9rem;
}
.single-body > p {
   margin: var(--gap25) 0;
}
.single-footer {
   display: none;
}
.single-right.side {
   grid-row: 2 / span 3;
   grid-column: 10 / span 3;
}
.single-right.side > [class^="articles"] {
   display: flex;
   flex-direction: column;
   font-family: var(--font1);
   font-size: var(--fontsize-very-small);
   font-weight: 500;
   padding-bottom: var(--gap);
}
.single-right.side > [class^="articles"]:not(:first-child) {
   border-top: 1px solid var(--color-grey-light);
}
.single-right.side > [class^="articles"] .article:not(:last-child) {
   border-bottom: 1px solid var(--color-grey-light);
   padding-bottom: var(--gap);
   margin-bottom: var(--gap);
}
.single-right.side > [class^="articles"]:not(:first-child) .article:first-child {
   padding-top: var(--gap);
}
.single-right.side > [class^="articles"] .image {
   display: none;
}
.single-right.side > [class^="articles"] .text {
   display: flex;
   flex-direction: column;
   gap: var(--gap5);
}
.single-right.side > [class^="articles"] .category {
   display: block;
   font-size: var(--fontsize-very-small);
   text-transform: uppercase;
   font-weight: 700;
}
.single-right.side > [class^="articles"] .title {
   order: 2;
}
.single-bottom {
   grid-row: 4 / span 1;
   grid-column: 2 / span 7;
}
.single-body blockquote,
.page .content blockquote {
   font-size: 1.125rem;
   border-width: 1px 0;
   border-style: solid;
   border-color: var(--color-grey-light);
   padding: 1em 0;
   margin: 1.25em 1.5em;
}
.single-body table,
.single-body table,
.page .content table {
   border-collapse: collapse;
}
.single-body table td,
.single-body table th,
.page .content table td,
.page .content table th {
   border: 1px solid var(--color-black);
   padding: .5em;
}
.single-body table th,
.page .content table th {
   font-weight: 700;
   font-family: var(--font3);
   text-align: left;
}
.related,
.single-bottom {
   border: 1px solid var(--color-white-darker);
   border-radius: 10px;
   padding: var(--gap);
}
.related .heading,
.single-bottom h2 {
   margin: 0;
   border: 0;
   padding-top: 0;
}
.related .heading h3,
.single-bottom h2 {
   font-family: var(--font1);
   font-weight: 800;
   font-size: var(--fontsize-largest);
   line-height: 1.625rem;
}
.single-bottom h2 {
   padding-bottom: var(--gap);
}
.related .articles,
.single-bottom .grid21 {
   display: flex;
   flex-direction: column;
}
.single-bottom .grid21 .griditem:nth-child(1),
.single-bottom .grid21 .griditem:not(:last-child){
   margin-right: 0px;
   border-right: 0;
   padding-right: 0;
}
.single-bottom .grid21 .griditem:nth-child(3),
.single-bottom .grid21 .griditem:nth-child(5) {
   padding-left: 0;
}
.related .article:not(:last-child),
.single-bottom .grid21 .article:not(:last-child) {
   padding-bottom: var(--gap);
   margin-bottom: var(--gap);
   border-bottom: 1px solid var(--color-grey-light);
}
.related .article a,
.single-bottom .grid21 .article a {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   min-height: 90px;
   max-height: 110px;
}
.related .article .title,
.single-bottom .grid21 .title,
.single-bottom .grid21 .griditem:nth-child(1) .title {
   font-size: var(--fontsize-body);
   font-weight: 700;
}
.related .article .published,
.single-bottom .grid21 .date {
   display: block;
   font-family: var(--font3);
   font-size: var(--fontsize-very-small);
   text-transform: uppercase;
   color: var(--color-blue-navy-light);
   font-weight: 700;
   line-height: 1.9rem;
}
.related .article .title,
.related .article .published,
.single-bottom .grid21 .article .text  {
   width: calc(100% - 150px);
}
.related .article .image,
.single-bottom .grid21 .article .image {
   order: 3;
   height: 90px;
   width: 130px;
   margin-left: var(--gap);
}
.single-bottom .grid21 .intro,
.single-bottom .grid21 .griditem:nth-child(1) .intro {
   display: none;
}

.faq h2,
.consider h2,
.types h2 {
   margin-bottom: 0.5em;
}
.consider h2,
.types h2 {
   margin-top: 1em;
}
.faq h3 + p,
.consider h3 + p,
.types h3 + p {
   margin-top: 0;
}

/* Article - best */
.single-body .overview {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap25);
   margin: var(--gap35) 0;
}
.single-body .overview h2,
.single-body .detailed h2 {
   flex-basis: 100%;
   margin-bottom: 0;
   padding-top: var(--gap35);
}
.best .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(--gap25);
   /*flex: 1 1 0px;*/
   flex: 1 1 calc((100% / 3) - (var(--gap25) * 2) / 3);
   max-width: calc((100% / 3) - (var(--gap25) * 2) / 3);
   line-height: 1.2em;
   display: flex;
   flex-direction: column;
   gap: var(--gap10);
   position: relative;
}
.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-blue);
   box-shadow: -3px 3px 0 0 var(--color-black);
   border-radius: var(--border-radius-mini);
   width: 30px;
   height: 30px;
}
.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-blue-navy-light);
   font-size: var(--fontsize-smaller);
   font-weight: 600;
   font-family: var(--font3);
}
.single-body .detailed .product {
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative;
   padding: var(--gap25) 0;
}
.single-body .detailed .product .specifications:before {
   content: "";
   height: 1px;
   position: absolute;
   width: 150px;
   left: 50%;
   transform: translateX(-50%);
   background-color: var(--color-white-darker);
   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;
   width: calc(100% - var(--gap15) * 2);
   font-size: var(--fontsize-largest);
   margin-top: 0px;
   margin-bottom: var(--gap25);

   box-shadow: -8px 8px 0 0 var(--color-blue);
   border: 2px solid var(--color-black);
   border-radius: var(--border-radius-mini);
   background-color: var(--color-white);
   font-family: var(--font1);
   font-weight: 700;
   padding: var(--gap15);
   margin-left: 8px;
   position: relative;
   text-transform: uppercase;
}
.single-body .detailed .product .rating1 {
   order: 4;
}
.single-body .detailed .product .summary {
   order: 4;
   line-height: 1.2em;
}
.single-body .overview .product .image,
.single-body .overview .product .rating2,
.single-body .overview .product .label {
   display: block;
}
.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;
   background-color: var(--color-blue);
   padding: var(--gap10) var(--gap15);
   border-radius: 5px;
   text-align: center;
   display: block;
}
.single-body .detailed .product .cta a {
   font-weight: 600;
   font-size: var(--fontsize-small);
   font-family: var(--font1);
   color: var(--color-white);
}
.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);
   color: var(--color-blue)
}
.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(--gap10);
   flex-basis: 77%;
}
.single-body .detailed .product .specifications ul li {
   padding: var(--gap5) var(--gap10);
   border: 1px solid var(--color-grey-light);
   border-radius: var(--border-radius-mini);
   line-height: 1.2em;
   font-size: var(--fontsize-smaller);
   background-color: var(--color-blue-grey-light);
   border: 1px solid var(--color-grey-light);
   border-radius: var(--border-radius-mini);
}
.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(--gap5);
   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-blue);
   line-height: 1.1em;
}

/* Shop */
.shop .overview {
   display: flex;
   gap: 0;
   flex-wrap: wrap;
}
.shop .overview .product {
   flex: 1 1 49%;
   max-width: calc(49% - 2px);
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-bottom: 4%;
   margin-right: 2%;
   padding: 2%;
   border-top: 1px solid var(--color-black);
   border-bottom: 1px solid var(--color-black);
   font-family: var(--font1);
}
.shop .overview .product:nth-child(4n + 3),
.shop .overview .product:nth-child(4n + 4) {
   border-top: 1px solid var(--color-grey-light);
   border-bottom: 1px solid var(--color-grey-light);
}
.shop .overview .product:nth-child(2n + 0),
.shop .overview .product:last-child {
   margin-right: 0;
}
.shop .overview .product .image {
   width: 100%;
   text-align: center;
   margin-bottom: var(--gap10);
   order: 1;
}
.shop .overview .product .image img {
   height: 200px;
}
.shop .overview .product .number {
   display: none;
}
.shop .overview .product .label,
.shop .overview .product .price {
   display: block;
   order: 2;
}
.shop .overview .product .price {
   padding: var(--gap5) 0 var(--gap10);
   font-weight: 500;
   font-size: var(--fontsize-large);
}
.shop .overview .product .title {
   order: 3;
   text-align: center;
   line-height: 1.2em;
   font-size: var(--fontsize-large);
   width: 100%;
}
.shop .overview .product .title a {
   color: var(--color-black);
}

/* Page */
.page .content {
   max-width: var(--width-site2);
   margin: 0 auto;
   line-height: 1.9rem;
}

/* Archive */
.archive .content {
   margin: var(--gap30) auto;
}

/* Footer */
footer {
   background-color: var(--color-black);
   color: var(--color-white);
   font-family: var(--font1);
   padding: var(--gap40) 0;
}
footer .inner {
   display: flex;
   flex-wrap: wrap;
   column-gap: var(--gap50);
   row-gap: var(--gap);
}
footer .social .element-title,
footer .social .text,
footer .copyright .long,
footer .copyright .short,
footer [class^="list"] .element-title {
   display: none;
}
footer .logo {
   order: 1;
   width: 100%;
}
footer .logo img {
   height: 30px;
}
footer [class^="list"] {
   order: 3;
   flex: 1 1 calc(18% - var(--gap50));
}
footer [class^="list"] a {
   color: var(--color-white);
   text-decoration: none;
   font-size: var(--fontsize-very-small);
   line-height: 2.5em;
}
footer .social {
   order: 2;
   flex: 1 1 calc(20% - var(--gap50));
   padding-top: var(--gap10);
}
footer .copyright {
   order: 4;
   font-size: var(--fontsize-very-small);
   font-weight: 300;
   border-top: 1px solid var(--color-blue-navy-light);
   width: 100%;
   padding-top: var(--gap10);
   margin-top: var(--gap);
}

/* -------------------- Menu -------------------- */
#menu, #menu-overlay {
   /*display: block !important;*/
}
#menu {
   z-index: 1001;
   background-color: var(--color-white);  
   position: fixed;
   top: 61px;
   left: 0;
   bottom: 0px;
   padding: var(--gap) 9;
   font-family: var(--font1);
   font-size: var(--fontsize-very-small);
}
#menu-overlay {
   opacity: 0.5;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background-color: var(--color-black);
}
#menu .site-categories .element-title,
#menu .infolinks .element-title,
#menu .copyright .short,
#menu .copyright .long {
   display: none;
}
#menu .site-categories,
#menu .infolinks {
   padding: var(--gap);
   position: relative;
}
#menu .infolinks:before {
   content: "";
   height: 1px;
   width: 40%;
   min-width: 100px;
   position: absolute;
   top: 0px;
   left: var(--gap);
   background-color: var(--color-black);
}
#menu .site-categories .items a,
#menu .infolinks .item a {
   font-weight: 700;
   color: var(--color-black);
   text-decoration: none;
   display: block;
   line-height: 2.5em;
}
#menu .copyright {
   max-width: 250px;
   font-size: var(--fontsize-very-smallest);
   padding: var(--gap);
   border-top: 1px solid var(--color-grey-light);
   font-size: var(--fontsize-very-small);
}

/* ----- 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);
   font-family: var(--font1);
   top: 10%;
   left: 50%;
   transform: translateX(-50%);
   max-width: 650px;
}
#cookies .icon {
   display: none;
}
#cookies .text {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--gap10);
   align-items: center;
   font-size: var(--fontsize-smaller);
   justify-content: center;
}
#cookies .short {display: none;}
#cookies .long1 {display: block;}
#cookies .long2 {display: block;}

#cookies .settings,
#cookies .accept,
#cookies .deny {
   background-color: var(--color-blue);
   color: var(--color-white);
   padding: var(--gap5);
   width: 100px;
   text-align: center;
   margin-top: var(--gap10);
}

@media (max-width: 1200px) {
   .lead .content .detailed .offer .list ul,
   .lead .content .detailed .offer .data1, .lead .content .detailed .offer .data2, .lead .content .detailed .offer .data3 {
      font-size: var(--fontsize-smaller);
   }
   
   .single-body,
   .single-bottom {
      grid-column: 1 / span 8;
   }
}
@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;
   }
   
   .grid21 .griditem:nth-child(1) {
      margin-right: 0;
      border: 0;
      padding-right: 0;
   }
   
   .directory .overview {
      grid-template-columns: 1fr 1fr;
   }
   
   .lead .content .detailed .offer {
      justify-content: center;
      text-align: center;
   }
   .lead .content .detailed .offer .logo {
      order: 0;
      width: 100%;
   }
   .lead .content .detailed .offer .logo img {
      height: auto;
      width: 100%;
      max-width: 150px;
   }
   .lead .content .detailed .offer .cta,
   .lead .content .detailed .offer .list {
      margin-left: 0;
   }
   
   .best .single-body .overview .product {
      flex-basis: calc(50% - (var(--gap25) * 2) / 3);
      max-width: calc(50% - (var(--gap25) * 2) / 3);
   }
   
   footer .social {
      flex-basis: 100%;
   }
}
@media (max-width: 767px) {
   .single-body > table,
   .page .content > table {
      max-width: 100%;
      overflow-x: auto;
      display: block;
   }
   
   .directory .overview {
      grid-template-columns: 1fr;
   }
   
   .gridimg2 a,
   .grid13 {
      flex-direction: column;
   }
   .gridimg2 .text {
      width: 100%;
   }
   .grid13 .griditem,
   .grid21 .griditem:nth-child(1), .grid21 .griditem:nth-child(2), .grid21 .griditem:nth-child(4),
   .grid21 .griditem:nth-child(3), .grid21 .griditem:nth-child(5) {
      width: 100%;
      border :0;
      padding-right: 0;
      padding-left: 0;
      padding-bottom: var(--gap);
   }
   .grid13 .griditem .image {
      margin-bottom: var(--gap10);
   }
   
   .link-block > div {
      width: 100%;
   }
   
   .lead .content .overview {
      min-width: 100%;
   }
   .lead .content .overview .offer {
      flex-direction: column;
      height: auto;
      align-items: center;
      align-content: unset;
   }
   .lead .content .detailed .offer .cta, .lead .content .detailed .offer .list {
      width: 100%;
   }
   .lead .content .detailed .offer .list ul, .lead .content .detailed .offer .data1, .lead .content .detailed .offer .data2, .lead .content .detailed .offer .data3 {
      flex-direction: column;
   }
   
   .single > div > article {
      grid-template-rows: repeat(5, auto);
   }
   .single-above,
   .single-body {
      grid-column: 1 / span 12;
   }
   .single-right.side {
      grid-column: 1 / span 12;
      grid-row: 4 / span 1
   }
   .single-bottom {
      grid-row: 5 / span 1;
      grid-column: 1 / span 12;
   }
   .related .article a, .single-bottom .grid21 .article a {
      max-height: none;
   }
   .related .article .image, .single-bottom .grid21 .article .image {
      order: 0;
      margin: 0 0 var(--gap10);
      width: 100%;
      height: auto;
   }
   .related .article .title, .related .article .published, .single-bottom .grid21 .article .text {
      width: 100%;
   }
   
   .best .single-body .overview .product {
      flex-basis: 100%;
      max-width: 100%;
      align-items: center;
   }
   .single-body .detailed .product .specifications,
   .single-body .detailed .product .pros-cons-2-lists .pros, .single-body .detailed .product .pros-cons-2-lists .cons {
      flex-direction: column;
   }
   
   .shop .overview .product {
      flex-basis: 100%;
      max-width: 100%;
   }
   .shop .overview .product:nth-child(4n + 3), .shop .overview .product:nth-child(4n + 4) {
      border-color: black;
   }
   .shop .overview .product:nth-child(even) {
      border-color: var(--color-grey-light);
   }
}
@media (max-width: 600px) {
   header .desktop {
      display: none;
   }
}