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

/* ----- Fonts ----- */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Arimo:ital,wght@0,400..700;1,400..700&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

:root {--font1: "IBM Plex Mono", monospace;}
:root {--font2: "IBM Plex Serif", serif;}
:root {--font3: 'Poppins', 'Helvetica', sans-serif;}

:root {--fontsize11: 11px;}
:root {--fontsize12: 12px;}
:root {--fontsize14: 14px;}
:root {--fontsize16: 16px;}
:root {--fontsize18: 18px;}
:root {--fontsize20: 20px;}
:root {--fontsize24: 24px;}
:root {--fontsize28: 28px;}
:root {--fontsize54: 54px;}

/* ----- Colors ----- */
:root {--color1: #757575;}
:root {--color2: rgb(229, 229, 229);}
:root {--color3: #696969;}
:root {--color4: #f3f3f3;}
:root {--color5: #000;}
:root {--color6: #fff;}
:root {--color7: #057dbc;}
:root {--color8: #2f6697;}
:root {--color9: rgb(117, 117, 117);}
:root {--color10: #3d8247;}
:root {--color11: #d71440;}
:root {--color12: #06c;}

/* ----- Icons ----- */
.search .icon {background-image: url(/files/icon/search_a.svg);}
.search .icon {background-image: url(/files/icon/search_b.svg);}
.menu-icon .icon {background-image: url(/files/icon/menu_a.svg);}
.join .icon {background-image: url(/files/icon/user_21.svg);}
.cookies .icon, .email .icon, .freebie .icon, .menu .icon {background-image: url(/files/icon/close_a.svg);}
.social .items .x .icon {background-image: url(/files/icon/x_4.svg);}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_21.svg);}
.social .items .instagram .icon {background-image: url(/files/icon/instagram_21.svg);}
.social .items .linkedin {display: none;}
.social .items .youtube .icon {background-image: url(/files/icon/youtube_23.svg);}
.social .items .pinterest .icon {background-image: url(/files/icon/pinterest_23.svg);}
.social .items .tiktok .icon {background-image: url(/files/icon/tiktok_4.svg);}
.social .items .mail {display: none;}
.social .items .rss {display: none;}

/* ----- Border Radius ----- */
:root {--borderradius: 5px;}

/* ----- Gap ----- */
:root {--gap: 25px;}
:root {--gapmicro: 5px;}
:root {--gapmini: 10px;}
:root {--gapminor: 15px;}
:root {--gapmajor: 35px;}
:root {--gapsection: 100px;}

/* ----- Site Width ----- */
:root {--width1: 1440px;}
:root {--width2: 800px;}
:root {--width3: 1100px;}

/* Links */
a:hover {
   text-decoration: underline;
}

/* LOGO */
.logo > a,
.logo > a:hover {
   color: black;
   text-decoration: none;
}
.logo > a > span {
   font-family: var(--font2);
   font-size: 3.2em;
   line-height: 1em;
   display: block;
   font-weight: 600;
   font-style: italic;
}
.logo > a > span::first-letter {
   font-size: 1.5em;
   margin-right: -0.2em
}

/* -------------------- Cookies, menu and popups -------------------- */
#cookies, #cookies-overlay, #popup, #popup-overlay {
   display: none !important;
   font-family: var(--font3);
   top: 50%; 
   left: 50%; 
   transform: translate(-50%, -50%); 
   max-width: 650px;
   border-radius: 2px;
}
#menu {
   /*display: block !important;*/
}
/* ----- Menu ----- */
#menu {
   height: 100vh; 
   width: 100vw; 
   position: fixed; 
   top: 0; 
   left: 0; 
   background-color: white; 
   overflow-x: hidden; 
   transition: 0.5s; 
}
#menu-overlay {
   opacity: 0.6;
}
.menu .search {
   display: none;
}
.menu .icon {
   position: absolute;
   top: 15px;
   left: 25px;
}
.menu .logo {
   border-bottom: 1px solid var(--color2);
   margin-left: 70px;
}
.menu .logo img {
   display: block;
}
.menu .site-categories,
.menu .infolinks {
   max-width: var(--width1);
   margin: 0 auto;
   padding-top: 2rem;
   border-bottom: 1px solid var(--color5);
}
.menu .infolinks {
   border-bottom: 0;
}
.menu .site-categories .items {
   display: flex;
   flex-direction: column;
}
.menu .site-categories .element-title,
.menu .infolinks .element-title {
   display: none;
}
.menu .site-categories .cat {
   margin-bottom: 2rem;
}
.menu .site-categories .cat a {
   font-family: var(--font2);
   font-weight: 700;
   font-size: var(--fontsize28);
}
.menu .infolinks .item {
   margin-bottom: 1rem;
}
.menu .infolinks a {
   font-family: var(--font3);
   text-decoration: none;
   font-size: var(--fontsize12);
   color: var(--color5);
}

/* ----- Cookies ----- */
#cookies { 
   background-color: white; 
   color: var(--color3);
   padding: var(--gapminor);
   font-size: var(--fontsize12);
}
#cookies .icon {
   display: none;
}
#cookies .text {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--gapminor);
}
#cookies .short {display: none;}
#cookies .long1 {display: block;}
#cookies .long2 {display: block;}
#cookies .settings,
#cookies .deny,
#cookies .accept {
   background-color: var(--color3);
   color: var(--color6);
   padding: var(--gapmini) var(--gapminor);
   font-weight: 600;
}
#cookies-overlay {opacity: 0.6;}

/* ----- Popup ----- */
#popup { 
   background-color: var(--color4); 
   color: var(--color5); 
   padding: 15px;
}
#popup-overlay {opacity: 0.6;}
.popup .email .above-email-field,
.popup .email .fields .name-field,
.popup .email .image {
   display: none;
}
.popup .email {
   font-family: var(--font2);
}
.popup .email .text {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gapmini);
}
.popup .email .icon {
   position: absolute;
   top: var(--gapmini);
   right: var(--gapmini);
}
.popup .email .title {
   line-height: 1.4em;
   font-size: var(--fontsize24);
   color: #333;
   font-weight: 700;
}
.popup .email .fields {
   display: flex;
   flex-basis: 68%;
}
.popup .email .fields .email-field {
   width: 100%;
}
.popup .email .fields .email-field input {
   border: 1px solid var(--color9);
   border-radius: 0px;
   width: 100%;
   padding: var(--gapmini) var(--gapminor);
   color: var(--color9);
   font-size: var(--fontsize16);
}
.popup .email .cta {
   color: var(--color6);
   background-color: var(--color5);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-basis: 30%;
}
.popup .email .checkbox {
   display: flex;
   align-items: center;
   width: 100%;
}
.popup .email .checkbox input {
   margin-left: 0;
}
.popup .email .checkbox,
.popup .email .law {
   font-size: var(--fontsize12);
}

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

body {
   font-family: var(--font2);
}
h1 {
   font-size: 48px;
   line-height: 1.2em;
   margin: 0;
}
h2 {
   font-size: 24px;
   line-height: 1.35em;
}
h2, h3 {
   margin-bottom: 10px;
}

/* HEADER */
#header-sticky {
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 1;
}
.header-sticky-1 .inner {
   background-color: #fff;
   display: flex;
   align-items: center;
   font-family: var(--font3);
   border-bottom: 1px solid var(--color2);
   padding: var(--gapmini) var(--gap);
   gap: var(--gap);
   font-size: var(--fontsize11);
   text-transform: uppercase;
}
.header-sticky-1 .inner .site-categories .element-title,
.header-sticky-1 .inner .join .icon,
.header-sticky-1 .inner .join .subscribe,
.header-sticky-1 .inner .search input[type="text"] {
   display: none;
}
.header-sticky-1 .inner .site-categories .items {
   display: flex;
   align-items: center;
   gap: var(--gapminor);
}
.header-sticky-1 .inner > .join {
   display: flex;
   align-items: center;
   gap: var(--gap);
   margin-left: auto;
}
.header-sticky-1 .inner > .join:after {
   content: "";
   display: inline-block;
   background-color: rgb(229, 229, 229);
   width: 2px;
   height: 20px;
   order: 2;
}
.header-sticky-1 .inner > .join .newsletter {
   /*background-color: var(--color8);*/
   color: var(--color6);
   color: var(--color11);
   font-weight: 600;
   display: inline-block;
   padding: 5px 10px;
   border-radius: 2px;
   order: 3;
}
.header-sticky-1 .inner > .join .newsletter:after {
   content: "\2192";
   margin-left: var(--gapmicro);
}
.header-sticky-1 .inner .search .icon {
   height: 17px;
   width: 17px;
}

/* MAIN - GENERAL */
#main {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 100px 40px 40px;
}
#main > div {
   width: var(--width1);
}
/* INDEX - HOME */
.index .home {
   gap: var(--gapsection);
   align-items: center;
   padding: var(--gapsection) 0;
}
.index .home .section:not(:first-child):not(.section3):not(.section6):not(.section8) {
   border-top: 2px solid var(--color5);
}
.index .home .article {
   margin: 0;
}
.index .home .section1 .wide.left,
.index .home .section1 .side.right {
   border-top: 2px solid var(--color5);
}
.index .home .section .heading {
   background-color: var(--color5);
   color: var(--color6);
   display: inline-block;
   padding: 5px 10px;
   font-family: var(--font3);
   font-size: var(--fontsize14);
   text-transform: uppercase;
   letter-spacing: 1px;
}
.index .home .section1 .wide.left .article .category,
.index .home .section1 .article .name,
.index .home .section1 .wide.left .article.normal:nth-child(3) .sub,
.index .home .section2 .article .category,
.gridimg2 .article .name,
.gridimg2 .article .sub,
.index .home .section4 .article .category,
.gridimg2 .article .name,
.gridimg2 .article .sub,
.index .home .section5 .article .category,
.gridimg2 .article .name,
.gridimg2 .article .sub,
.index .home .section7 .article .category,
.index .home .section7 .article .name,
.index .home .section7 .article .sub {
   display: block;
}
.article .category {
   color: var(--color10);
   font-weight: 600;
}
.index .home .section1 .side.right {
   display: flex;
   flex-direction: column;
   gap: var(--gap);
   align-items: flex-start;
}
.index .home .section1 .article:first-child {
   border-bottom: 1px solid var(--color2);
}
.index .home .section1 .article.normal > a {
   display: flex;
   flex-direction: column;
   gap: var(--gapminor);
   padding-bottom: var(--gapminor);
}
.index .home .section1 .article.normal .title {
   font-size: var(--fontsize18);
   font-weight: 500;
}
.index .home .section1 .wide.left .article.normal:nth-child(3) .title,
.gridimg2 .article > a .title,
.gridimg2 .article > a .title,
.gridimg2 .article > a .title {
   font-size: var(--fontsize54);
   text-transform: uppercase;
   font-family: var(--font3);
}
.index .home .section1 .wide.left .article.normal:nth-child(3) .title {
   line-height: 1.1em;
}
.index .home .section1 .article.normal .image {
   height: 195px;
}
.index .home .section1 .article.normal:nth-child(3) .image {
   height: 400px;
}
.index .home .section1 .side.right .article > a {
   flex-direction: row;
}
.index .home .section1 .side.right .article > a .image {
   min-width: 75px;
   height: 75px;
   order: 2;
   flex-basis: 75px;
}
.index .home .section1 .article > a .text,
.index .home .section2 .article > a .text,
.gridimg2 .article > a .text,
.index .home .section5 .article > a .text,
.index .home .section7 .article > a .text {
   display: flex;
   flex-direction: column;
}
.index .home .section1 .side.right .article > a .text {
   flex-basis: 100%;
}
.index .home .section1 .article > a .text .category,
.index .home .section2 .article > a .text .category,
.index .home .section4 .article > a .text .category,
.index .home .section5 .article > a .text .category,
.index .home .section7 .article > a .text .category {
   order: 1;
}
.index .home .section1 .article > a .text .title,
.index .home .section2 .article > a .text .title,
.index .home .section4 .article > a .text .title,
.index .home .section5 .article > a .text .title,
.index .home .section7 .article > a .text .title {
   order: 2;
   padding: var(--gapmini) 0 var(--gapminor);
}
.index .home .section1 .article > a .text .sub,
.index .home .section2 .article > a .text .sub,
.index .home .section4 .article > a .text .sub,
.index .home .section5 .article > a .text .sub {
   order: 3;
   font-family: var(--font3);
   font-size: var(--fontsize18);
   padding-bottom: var(--gapminor);
}
.index .home .section7 .article > a .text .sub {
   order: 3;
   font-size: var(--fontsize16);
   padding-bottom: var(--gapminor);
   line-height: 1.4em;
}
.index .home .section1 .article > a .text .name,
.index .home .section2 .article > a .text .sub,
.index .home .section4 .article > a .text .sub,
.index .home .section5 .article > a .text .sub {
   order: 4;
}
.index .home .section2 .article > a .text .name,
.index .home .section4 .article > a .text .name,
.index .home .section5 .article > a .text .name,
.index .home .section7 .article > a .text .name {
   order: 3;
}
.index .home .section2 .article > a .text .sub,
.index .home .section4 .article > a .text .sub,
.index .home .section5 .article > a .text .sub {
   margin-top: auto;
   padding-bottom: 0;
   font-size: var(--fontsize16);
   line-height: 1.4em;
}
.index .home .section1 .article > a .text .category,
.index .home .section1 .article > a .text .name,
.index .home .section2 .article > a .text .category,
.index .home .section2 .article > a .text .name,
.index .home .section4 .article > a .text .category,
.index .home .section4 .article > a .text .name,
.index .home .section5 .article > a .text .category,
.index .home .section5 .article > a .text .name,
.index .home .section7 .article > a .text .category,
.index .home .section7 .article > a .text .name {
   font-size: var(--fontsize12);
   font-family: var(--font3);
   text-transform: uppercase;
}
.index .home .section2 .inner,
.index .home .section4 .inner,
.index .home .section5 .inner {
   flex-direction: column;
}
.index .home .section2 .inner > div:first-child,
.index .home .section4 .inner > div:first-child,
.index .home .section5 .inner > div:first-child {
   border-bottom: 1px solid var(--color2);
}
.gridimg2 .article > a,
.gridimg2 .article > a,
.gridimg2 .article > a {
   display: flex;
   gap: var(--gap);
}
.gridimg2 .article > a .text,
.gridimg2 .article > a .text {
   flex: 1 1 33%;
   min-width: 33%;
   font-size: 54px;
}
.grid13 {
   grid-template-rows: repeat(6, calc((100% - var(--gap) * 5) / 6));
   column-gap: 0;
   grid-template-columns: repeat(12, 1fr);
}
.grid13 .article:nth-child(1),
.grid13 .article:nth-child(2),
.grid13 .article:nth-child(3),
.grid13 .article:nth-child(4) {
   grid-row: 1 / span 6;
}
.grid13 .article:not(:last-child) {
   border-right: 1px solid var(--color2);
   padding-bottom: var(--gap);
}
.index .home .section2 .inner > div:nth-child(2) .article a,
.index .home .section3 .article a .text,
.grid13 .article a,
.index .home .section5 .inner > div:nth-child(2) .article a {
   display: flex;
   gap: var(--gap);
   font-size: var(--fontsize18);
   justify-content: center;
}
.section:not(.section7) .grid13 .article a .text {
   flex-basis: calc(100% - 85px - var(--gap) * 2);
   max-width: calc(100% - 85px - var(--gap) * 2);
}
.section7 .grid13 {
   grid-template-columns: repeat(12, calc((100% - var(--gap) * 11) / 12));
   column-gap: var(--gap);
}
.section7 .grid13 .article {
   border: 0;
}
.section7 .grid13 .article a {
   flex-direction: column;
}
.index .home .section7 .inner .article a {
   font-size: var(--fontsize18);
}
.gridimg2 .article a .text,
.gridimg2 .article a .text,
.gridimg2 .article a .text {
   flex-basis: 32%;
}
.index .home .section2 .inner > div:nth-child(2) .article a .text .title,
.index .home .section4 .inner > div:nth-child(2) .article a .text .title,
.index .home .section5 .inner > div:nth-child(2) .article a .text {
   font-weight: 700;
}
.gridimg2 .article a .image,
.gridimg2 .article a .image,
.gridimg2 .article a .image {
   flex-basis: 64%;
   max-height: 540px;
}
.index .home .section2 .inner > div:nth-child(2) .article a .image,
.index .home .section4 .inner > div:nth-child(2) .article a .image,
.index .home .section5 .inner > div:nth-child(2) .article a .image {
   min-width: 85px;
   max-width: 85px;
   height: 85px;
   order: 2;
   flex-basis: 85px;
}
.index .home .section3 .inner .wide.left {
   display: flex;
   flex-direction: column;
}
.index .home .section3 .inner .wide.left > .grid {
   margin-top: 0;
}
.index .home .section3 .inner .wide.left .article a .image,
.index .home .section7 .inner .article a .image {
   margin-bottom: var(--gapminor);
}
.index .home .section3 .inner .wide.left .article a .image,
.index .home .section7 .inner .full .article a .image {
   height: 200px;
}
.index .home .section3 .inner .wide.left .article a .text,
.index .home .section7 .inner .article a .text .title {
   font-weight: 700;
}
.link-block {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.link-block > div {
   width: 48%;
   display: flex;
   align-items: center;
   gap: 5px;
   border-bottom: 1px solid var(--color2);
}
.link-block > div > a:first-child {
   /*display: block;*/
   line-height: 1.2em;
   padding: var(--gapminor) 0;
   /*width: 100%;*/
}
.link-block > div:nth-child(odd):nth-last-child(2) a,
.link-block > div:last-child a {
   border-bottom: 0;
}
/*.link-block > div > a {
   display: block;
   line-height: 1em;
   padding: var(--gapminor) 0;
}
.link-block > div:nth-child(odd):nth-last-child(2) a,
.link-block > div:last-child a {
   border-bottom: 0;
}*/
.index .home .section.section8 {
   border-top: 0px;
   max-width: var(--width2);
   background-color: var(--color4);
   padding: var(--gap);
}
.freebie {
   text-align: center;
   line-height: 1.4em;
   font-size: var(--fontsize24);
   color: #333;
   font-weight: 700;
}
.freebie .text {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   height: 210px;
   align-items: center;
   justify-content: center;
   gap: var(--gap);
}
.freebie .text .title,
.freebie .text .description {
   width: 60%;
   text-align: left;
}
.freebie .cta {
   width: 40%;
}
.freebie .cta span {
   /*background-color: var(--color7);*/
   font-family: var(--font3);
   font-size: var(--fontsize18);
   text-transform: uppercase;
   /*color: var(--color6);*/
   display: inline-block;
   padding: 5px var(--gap);
   font-weight: 500;
   border: 1px solid black;
}
.freebie .cta span:after {
   content: "\2192";
   margin-left: var(--gapmicro);
}

/* DIRECTORY */
.index .directory .content .overview .article a {
   font-size: var(--fontsize18);
}
.index .directory .content .overview .article a .image {
   margin-bottom: var(--gapminor);
}
.index .directory .content .overview .article a .image {
   height: 200px;
}
.index .directory .content .overview .article a .text {
   font-weight: 700;
}

/* LEAD */
.lead .content {
   max-width: var(--width3);
   margin: 0 auto;
}
.lead .content .overview,
.lead .content .detailed {
   display: flex;
   flex-direction: column;
   gap: var(--gap);
   padding: var(--gap) 0;
}
.lead .offer {
   display: flex;
   gap: var(--gap);
   justify-content: space-between;
   width: 100%;
   height: auto;
}
.lead .offer:not(:last-child) {
   border-bottom: 1px solid var(--color2);
   padding-bottom: var(--gap);
}
.lead .offer .logo {
   width: 150px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.lead .offer .logo img {
   height: 100%;
   width: auto;
}
.lead .overview .name,
.lead .description,
.lead .label,
.lead .data3,
.lead .list {
   display: none;
}
.lead .offer .law {
   flex-basis: 100%;
   font-size: var(--fontsize11);
}
.lead .content .detailed {
   flex-direction: row;
   gap: var(--gapmajor);
   flex-wrap: wrap;
}
.lead .detailed .offer {
   width: calc(50% - 170px - (var(--gapmajor) / 2));
   flex-wrap: wrap;
   position: relative;
   justify-content: flex-start;
   padding-right: 170px;
}
.lead .detailed .offer .number {
   line-height: 30px;
   background-color: var(--color5);
   color: var(--color6);
   border-radius: 50%;
   width: 30px;
   text-align: center;
}
.lead .detailed .offer .logo {
   position: absolute;
   right: 10px;
   top: var(--gap);
   height: auto;
}
.lead .detailed .offer .name {
   font-weight: 600;
   font-size: var(--fontsize24);
}
.lead .offer .data1 {
   color: var(--color10);
   font-weight: 700;   
}
.lead .detailed .offer .data1 {
   width: 100%;
   font-size: var(--fontsize20);
}
.lead .detailed .offer .stars,
.lead .detailed .offer .data2,
.lead .detailed .offer .law {
   display: none;
}
.lead .detailed .offer .list {
   width: 100%;
   display: block;
}
.lead .detailed .offer .list ul {
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
.lead .offer .cta {
   display: inline-block;
   padding: 5px 10px;
   border-radius: 2px;
   font-weight: 700;
}
.lead .offer .cta:after {
   content: "\2192";
   margin-left: var(--gapmicro);
}

/* SINGLE POST */
.single article {
   padding: var(--gapsection) 0;
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   gap: var(--gap);
}
.single .post .single-above,
.single .post .single-footer,
.single .post .single-left.side {
   display: none;
}
.single-header {
   display: flex;
   flex-wrap: wrap;
   padding-bottom: var(--gap);
   align-items: center;
   grid-column: 1 / span 12;
}
.single-header .author,
.single-header .category,
.single-header .date {
   display: block;
   order: 1;
   font-family: var(--font3);
   font-size: var(--fontsize11);
}
.single-header .author {
   padding: 5px;
/*   background-color: #000;
   color: var(--color6);*/
   color: var(--color3);
   font-weight: bold;
}
.single-header .sub {
   display: block;
   font-family: var(--font2);
   order: 6;
   font-weight: 700;
   font-size: var(--fontsize20);
   padding-bottom: var(--gap);
}
.single-header .title,
.single-header .featured-image,
.single-header .sub {
   width: 100%;
}
.single-header .category {
   order: 2;
   margin: 0 var(--gap);
}
.single-header .date {
   order: 3;
}
.single-header .time {
   order: 4;
}
.single-header .title {
   order: 5;
   padding: var(--gap) 0 var(--gapminor);
}
.single-header .featured-image {
   order: 7;
   padding-top: var(--gap);
   display: flex;
   flex-direction: column;
   gap: var(--gapminor);
   font-size: var(--fontsize11);
   width: 75%;
}
.single-above,
.single-left {
   display: none;
}
.single-body,
.page .content {
   font-family: var(--font3);
   font-size: var(--fontsize18);
   line-height: 1.5em;
}
.single-body {
   grid-column: 2 / span 6;
}
.single-body h1,
.page .content h1,
.single-body h2,
.page .content h2,
.single-body h3,
.page .content h3,
.single-body h4,
.page .content h4,
.single-body h5,
.page .content h5,
.single-body h6,
.page .content h6 {
   font-family: var(--font2);
}
.single-body > p,
.single-body > blockquote,
.single-body > table,
.page .content > p,
.page .content > blockquote,
.page .content > table {
   margin-top: 0;
   margin-bottom: var(--gap);
}
.single .single-body p a, 
.page .content p a {
   font-weight: 400;
   color: var(--color7);
}
.single .single-body p a:hover, 
.page .content p a:hover {
   color: var(--color8);
}
.single .single-body p a:hover, .page .content p a:hover {
   text-decoration: underline;
}
.single-body blockquote,
.page .content blockquote {
   font-style: italic;
}
.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-right: 1px solid var(--color2);
   border-bottom: 1px solid var(--color2);
   padding: 5px;
   vertical-align: middle;
}
.single-body table th:first-child,
.single-body table td:first-child,
.page .content table th:first-child,
.page .content table td:first-child {
   border-left: 1px solid var(--color2);
}
.single-body table tr:first-child th,
.single-body table tr:first-child td,
.page .content table tr:first-child th,
.page .content table tr:first-child td {
   border-top: 1px solid var(--color2);
}
.single-body .related {
   padding-bottom: var(--gap);
}
.single-body .related .articles {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.single-body .related .articles .article {
   padding: 0 0 0 30px;
   position: relative;
   margin: 0;
}
.single-body .related .articles .article a {
   font-size: var(--fontsize18);
   font-family: var(--font2);
}
.single-body .related .articles .article:after {
   content: "\2192";
   margin-left: var(--gapmicro);
   position: absolute;
   left: 0;
   top: 0px;
}
.single .post .single-body .related .articles .article a .image {
   display: none;
}
.single-body .related .articles .article a .title {
   font-weight: 700;
}
.single-body .faq h3 {
   background-color: var(--color2);
   padding: var(--gapminor);
   font-weight: 400;
   margin-bottom: 0px;
}
.single-body .faq h3:not(:first-child) {
   margin-top: 0px;
}
.single-body .faq p {
   font-family: var(--font2);
   padding: var(--gapminor);
   margin-top: 0px;
   border: 1px solid var(--color2);
}
.single-right.side {
   grid-column: 10 / span 3;
}
.single-right.side .articles5 {
   gap: var(--gap);
   display: flex;
   flex-direction: column;
}
.single-right.side .articles5 .article {
   margin: 0;
}
.single-bottom {
   grid-column: 1 / span 12;
}
.single-bottom .section7 .full .grid {
   margin: 0;
}
.single-right.side .articles5 .article a .image,
.single-bottom .section7 .article a .image,
.archive .section7 .article a .image {
   height: 200px;
   margin-bottom: var(--gapminor);
}
.single-right.side .articles5 .article a .title,
.section7 .article a .title {
   font-weight: 700; 
}
.single .best .single-body .overview,
.single .best .single-body .others {
   display: flex;
   flex-direction: column;
}
.single .best .single-body .overview .product,
.single .best .single-body .others .product {
   margin-bottom: var(--gap);
   line-height: 1.3em;
}
.single .best .single-body .overview .product .label,
.single .best .single-body .overview .product .jump,
.single .best .single-body .others .product .label,
.single .best .single-body .others .product .cta {
   display: block;
}
.single .best .single-body .overview .product .label,
.single .best .single-body .others .product .label {
   font-weight: 500;
   font-size: var(--fontsize16);
   color: var(--color10);
}
.single .best .single-body .overview .product .title,
.single .best .single-body .others .product .title {
   font-size: var(--fontsize24);
   font-family: var(--font2);
}
.single .best .single-body .overview .product .title a,
.single .best .single-body .others .product .title a {
   color: black;
   font-weight: 700;
}
.single .best .single-body .overview .product .jump {
   font-size: var(--fontsize14);
   cursor: pointer;
}
.single .best .single-body .overview .product .jump:before {
   content: "\2193";
   padding-right: 3px;
}
.single .best .single-body .others .product .cta {
   padding-top: 2px;
}
.single .best .single-body .others .product .cta a {
   /*background-color: var(--color8);*/
   /*color: var(--color6);*/
   display: inline-block;
   /*padding: 0px 5px;*/
   border-radius: 2px;
   font-weight: bold;
   font-family: var(--font3);
   font-size: var(--fontsize11);
}
.single .best .single-body .others .product .cta a:after {
   content: "\2192";
   margin-left: var(--gapmicro);
}
.best .detailed,
.best .detailed .product {
   display: flex;
   flex-direction: column;
}
.best .detailed .product .title {
   font-family: var(--font2);
   font-weight: 600;
   font-size: var(--fontsize28);
}
.best .detailed .product {
   padding: var(--gapmajor) 0;
   border-bottom: 1px solid var(--color2);
}
.best .detailed .product .label,
.best .detailed .product .image,
.best .detailed .product .price,
.best .detailed .product .cta,
.best .detailed .product .rating2,
.best .detailed .product .rating3,
.best .detailed .product .pros-cons-2-lists,
.best .detailed .product .description,
.best .detailed .product .specifications {
   display: block;
}
.best .detailed .product .label {
   order: 0;
}
.best .detailed .product .title {
   order: 1;
}
.best .detailed .product .image {
   order: 2;
}
.best .detailed .product .price {
   order: 3;
}
.best .detailed .product .cta {
   order: 4;
}
.best .detailed .product .rating2 {
   order: 5;
}
.best .detailed .product .rating3 {
   order: 6;
}
.best .detailed .product .pros-cons-2-lists {
   order: 7;
}
.best .detailed .product .description {
   order: 8;
}
.best .detailed .product .specifications {
   order: 9;
}
.best .detailed .product .label,
.best .detailed .product div.title,
.best .detailed .product .image,
.best .detailed .product .price,
.best .detailed .product .cta,
.best .detailed .product .rating2,
.best .detailed .product .rating3 {
   width: 100%;
   text-align: center;
}
.best .detailed .product .label {
   /*font-weight: 600;*/
   font-size: var(--fontsize20);
}
.best .detailed .product .price .amount,
.best .detailed .product .price .currency,
.best .detailed .product .rating3 .score {
   font-weight: 600;
}
.best .detailed .product div.title,
.best .detailed .product .cta {
   margin-bottom: var(--gap);
}
.best .detailed .product .cta a {
   /*background-color: var(--color7);*/
   font-family: var(--font3);
   font-size: var(--fontsize16);
   text-transform: uppercase;
   /*color: var(--color6);*/
   display: inline-block;
   padding: 5px var(--gap);
   font-weight: 700;
   margin-top: var(--gapmini);
}
.best .detailed .product .cta a:after {
   content: "\2192";
   margin-left: var(--gapmicro);
}
.best .detailed .product .pros-cons-2-lists {
   background-color: var(--color4);
   padding: var(--gap);
   margin-top: 1em;
}
.best .detailed .product .pros-cons-2-lists > h3,
.best .detailed .product .pros-cons-2-lists .pros-cons ul,
.best .detailed .product .specifications ul {
   margin-top: 0px;
}
.best .detailed .product .pros-cons-2-lists .pros-cons h3,
.best .detailed .product .pros-cons-2-lists .pros-cons ul,
.best .detailed .product .specifications ul{
   margin-bottom: 0px;
}
.best .detailed .product .pros-cons-2-lists .pros-cons ul {
   padding-left: 10px;
   list-style-position: inside;
}

/* SHOP */
.shop .overview {
   grid-template-columns: repeat(3, 1fr);
   gap: var(--gap);
}
.shop .overview .product {
   display: flex;
   flex-direction: column;
   align-items: center;
   box-shadow: 0 2px 4px 0 rgba(30,35,41,.1);
   padding: 10px 10px 80px;
   text-align: center;
   position: relative;
}
.shop .overview .product .price,
.shop .overview .product .cta {
   display: block;
}
.shop .overview .product .image {
   order: 1;
}
.shop .overview .product > .title {
   order: 2;
   font-weight: 600;
   font-size: var(--fontsize18);
   line-height: 1.2em;
}
.shop .overview .product .price,
.shop .overview .product .cta {
   position: absolute;
}
.shop .overview .product .price {
   bottom: 50px;
}
.shop .overview .product .cta {
   bottom: 10px;
}
.shop .overview .product .cta a {
   /*background-color: var(--color7);*/
   font-family: var(--font3);
   font-size: var(--fontsize14);
   text-transform: uppercase;
   /*color: var(--color6);*/
   display: inline-block;
   padding: 5px var(--gapminor);
   font-weight: 700;
   margin-top: var(--gapmini);
}
.shop .overview .product .cta a:after {
   content: "\2192";
   margin-left: var(--gapmicro);
}

footer {
   background-color: var(--color5);
   color: var(--color6);
   font-size: var(--fontsize14);
   font-family: var(--font3);
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 35px 0;
}
footer > div {
   max-width: var(--width1);
}
footer .inner {
   display: flex;
   flex-wrap: wrap;
   padding: 0 var(--gap);
}
footer .about {
   text-align: center;
   border-bottom: 1px solid rgb(51, 51, 51);
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   order: 1;
   margin-bottom: var(--gapmajor);
   padding-bottom: var(--gapmajor);
}
footer .about > div {
   max-width: var(--width2);
}
footer .about .long p:last-child {
   margin-bottom: 0px;
}
footer .title,
footer .brand {
   display: none;
}
footer .logo {
   background: #fff;
   display: inline-block;
   padding: var(--gapminor) var(--gap) var(--gapmini) var(--gapminor);
}
footer .logo img {
   display: block;
}
footer .copyright .short,
footer .copyright .medium {
   display: none;
}
footer [class^='list'] {
   order: 3;
   width: 24%;
   margin-bottom: var(--gapmajor);
   font-size: var(--fontsize11);
}
footer [class^='list'] .element-title {
   color: var(--color6);
   font-family: var(--font3);
   text-transform: uppercase;
   letter-spacing: 1px;
   line-height: 1.4em;
}
footer [class^='list'] .item a {
   color: var(--color1);
   text-decoration: none;
   line-height: 1.4em;
   font-family: var(--font2);
}
footer [class^='list'] .item a:hover {
   text-decoration: underline;
}
footer .social {
   order: 5;
   padding-top: var(--gapmajor);
   margin: 0 auto;
}
footer .social .element-title {
   display: none;
}
footer .social .items .item .icon {
   background-color: #fff;
   border-radius: 50%;
   background-size: 11px 11px;
   background-position: center center;
   background-repeat: no-repeat;
}
footer .social .items .item .text {
   display: none;
}
footer .copyright {
   font-family: var(--font2);
   color: var(--color1);
   order: 4;
   text-align: center;
   border-top: 1px solid rgb(51, 51, 51);
   border-bottom: 1px solid rgb(51, 51, 51);
   padding: var(--gapmajor) 0 var(--gapmajor);
}
@media (max-width: 1200px) {
   .index .home .section1 .side.right .article > a {
      flex-direction: row-reverse;
   }
}
@media (max-width: 1000px) {
   .index .home .section1 .article:first-child {
      border: 0;
   }
   .gridimg2 .griditem {
      height: auto;
   }
   .grid13 {
      grid-template-rows: repeat(2, 1fr);
   }
   .grid13 .article:nth-child(1), 
   .grid13 .article:nth-child(2), 
   .grid13 .article:nth-child(3), 
   .grid13 .article:nth-child(4) {
      grid-row: auto;
   }
   .grid7 {
      display: grid;
   }
   .gridimg2 .article a .image {
      flex-basis: 50%;
      max-height: none;
   }
   .gridimg2 .article a .text {
      flex-basis: 50%;
   }
   .grid13 .article:not(:last-child) {
      border: 0;
   }
   .lead .offer:last-child {
      border-bottom: 1px solid var(--color2);
      padding-bottom: var(--gap);
   }
   .gridimg2 .article > a, .gridimg2 .article > a, .gridimg2 .article > a {
      flex-direction: column;
   }
   .grid7 {
      grid-template-rows: auto;
   }
   .grid7 .griditem:nth-child(1),
   .grid7 .griditem:nth-child(2),
   .grid7 .griditem:nth-child(3) {
      grid-row: 1 / span 1;
      height: auto;
   }
   .directory .overview {
      grid-template-columns: repeat(3, 1fr)
   }
   .lead .detailed .offer {
      width: calc(50% - (var(--gapmajor) / 2));
      padding-right: 0;
      flex-direction: column;
   }
   .lead .detailed .offer .logo {
      position: relative;
      right: auto;
      top: auto;
      height: 60px;
   }
   .lead .detailed .offer .logo img {
      height: auto;
      max-height: 100%;
      width: auto;
   }
   .lead .detailed .offer .cta {
      height: 22px;
      line-height: 22px;
   }
   .single-body {
      grid-column: 1 / span 8;
   }
   .single-right.side .articles5 .article a .image {
      height: auto;
   }
   .freebie .text {
      height: auto;
   }
   .freebie.griditem {
      margin: 0;
   }
   .freebie .text .title, .freebie .text .description,
   .freebie .cta {
      width: 100%;
      text-align: center;
   }
   .freebie .text .description {
      font-weight: 400;
   }
}
@media (max-width: 767px) {
   #main {
      padding: 20px;
   }
   .directory .overview {
      grid-template-columns: repeat(2, 1fr);
   }
   .index .home .section1 .article.normal:nth-child(3) .image {
      height: auto;
   }
   .index .home .section1 .wide.left .article.normal:nth-child(3) .title, 
   .gridimg2 .article > a .title, 
   .gridimg2 .article > a .title, 
   .gridimg2 .article > a .title {
      font-size: var(--fontsize28);
   }
   .index .home .section.section8 {
      padding: var(--gapminor);
   }
   .section:not(.section7) .grid13 .article a .text {
      flex-basis: calc(100% - 85px - var(--gap));
      max-width: calc(100% - 85px - var(--gap));
   }
   .single article {
      display: block;
   }
   .single-header .featured-image {
      width: 100%;
   }
   .single-right.side .articles5,
   .best .detailed {
      flex-direction: row;
      flex-wrap: wrap;
   }
   .single-right.side .articles5 .article {
      flex-basis: calc(50% - var(--gap) / 2);
   }
   .single-bottom {
      margin-top: var(--gapmajor);
   }
   .single-bottom .grid13 .article a {
      gap: 0;
   }
   .single-bottom .grid13 .article:not(:last-child) {
      padding-bottom: 0;
   }
   .best .detailed {
      justify-content: space-between;
   }
   .best .detailed .product {
      flex-basis: 48%;
   }
   .best .detailed h2 {
      width: 100%;
   }
   .best .detailed .product div.title {
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .best .detailed .product .image {
      height: 300px;
   }
   .best .detailed .product .image img {
      max-height: 100%;
      width: auto;
   }
   .best .detailed .product .pros-cons-2-lists {
      padding: var(--gapminor);
   }
   .best .detailed .product .pros-cons-2-lists .pros-cons ul {
      padding-left: 0;
   }
   .index .directory .content .overview .article a {
      font-size: var(--fontsize16);
      font-weight: 500;
   }
   .index .directory .content .overview .article a .image {
      height: 100px;
   }
}
@media (max-width: 600px) {
   .grid7 {
      display: flex;
      flex-direction: column;
   }
   .link-block {
      flex-direction: column;
   }
   .link-block > div {
      width: 100%;
   }
   .directory .overview {
      grid-template-columns: 1fr;
   }
   .lead .overview .offer {
      flex-direction: column;
      flex-wrap: nowrap;
      height: auto;
   }
   .lead .detailed .offer {
      width: 100%;
   }
   .best .detailed .product {
      flex-basis: 100%;
   }
   .shop .overview {
      grid-template-columns: 1fr;
   }
   .single-body > table,
   .page .content > table {
      max-width: 100%;
      overflow-x: auto;
      display: block;
   }
}