.section99 .inner .full .article a .image { max-width: 100% !important; }


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

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

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

@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=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {--font1: "Poppins", "Helvetica", sans-serif;}
:root {--font2: "Playfair Display", "Georgia", serif;}

:root {--fontsize-mini: 11px;}
:root {--fontsize-smallest: 12px;}
:root {--fontsize-very-small: 14px;}
:root {--fontsize-smaller: 16px;}
:root {--fontsize-small: 18px;}
:root {--fontsize-body: 20px;}
:root {--fontsize-larger: 24px;}
:root {--fontsize-very-large: 28px;}
:root {--fontsize-largest: 32px;}
:root {--fontsize-h1: 42px;}
:root {--fontsize-giga: 72px;}

/* ----- Colors ----- */
:root {--color-grey-lighter: #f8f8f8;}
:root {--color-grey-light: #e5e7eb;}
:root {--color-grey: #ccc;}
:root {--color-grey-very-dark: #3c3c3c;}
:root {--color-white: #fff;}
:root {--color-red: #e51503;}
:root {--color-black: #000;}
:root {--color-green: #4db250;}
:root {--color-orange: #FFA028;}

/* ----- Icons ----- */
.menu-icon .icon {background-image: url(/files/icon/menu_c_white.svg);}
#menu .search .icon {background-image: url(/files/icon/search_c_white.svg);}
.search .icon {background-image: url(/files/icon/search_b_white.svg);}
.social .items .x .icon {background-image: url(/files/icon/x_1_white.svg);}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_1_white.svg);}
/*.social .items .mail .icon {background-image: url(/files/icon/email_21.svg);}*/
.social .items .instagram .icon {background-image: url(/files/icon/instagram_1_white.svg);}
.social .items .youtube .icon {background-image: url(/files/icon/youtube_1_white.svg);}
.social .items .pinterest .icon {background-image: url(/files/icon/pinterest_37_white.svg);}
.social .items .linkedin {display: none;}
.social .items .tiktok {display: none;}
.social .items .rss {display: none;}
.social .items .mail {display: none;}
.freebie .icon {background-image: url(/files/icon/close_a.svg);}

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

:root {--gap-very-large: 75px;}
:root {--gap-largest: 50px;}
:root {--gap-larger: 45px;}
:root {--gap: 35px;}
:root {--gap-small: 25px;}
:root {--gap-smaller: 20px;}
:root {--gap-smallest: 10px;}
:root {--gap-mini: 5px;}
:root {--gap-section: 35px;}

/* ----- Site Width ----- */
:root {--width-site: 1600px;}
:root {--width-site2: 1000px;}
:root {--width-site3: 1200px;}
:root {--width-site4: 800px}
:root {--width-site5: 1400px;}

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

.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 ################################################################# */
/* Hidden elements */
header .search input,
header .join .icon,
header .element-title,
.section9 .side.right,
.freebie .title,
.email .checkbox,
.email .name-field,
.email .above-email-field,
.single .single-left,
.single .single-bottom,
.single .single-header .featured-image,
footer .social .element-title,
footer .social .items .text,
footer .copyright div:not(.long){
   display: none;
}

/* Show elements */
.grid15 .griditem .category,
.grid15 .griditem .name,
.grid15 .griditem .intro,
.grid1 .category,
.grid1 .griditem .name,
.grid1 .griditem .intro,
.grid13 .griditem .category,
.grid13 .griditem .name,
.grid9 .griditem:first-child .category,
.grid23 .griditem .category,
.grid23 .griditem:nth-child(-n + 2) .name,
.section12 .article .category,
.section12 .article .intro,
.section12 .article .name,
.section12 .article .date,
.section12 .article .tags,
.directory .overview .article .intro,
.directory .overview .article .sub,
.directory .overview .article .name,
.single .single-header .category,
.single .single-header .text,
.single .single-header .author,
.single .single-header .date
.single .single-above,
.single .single-above .featured-image,
.single .single-footer .author,
.articles3 .article .category,
.articles3 .article .more,
.single .single-footer .author .bio {
   display: block;
}

body {
   font-family: var(--font1);
   font-size: var(--fontsize-body);
   color: var(--color-black);
}
h1, h2, h3, h4, h5, h6 {
   line-height: 1.2857em;
}
h1 {
   font-size: var(--fontsize-h1);
}
h2 {
   font-size: 2em;
}
h3 {
   font-size: 1.3em;
}
h4 {
   font-size: 0.95em;
}
h5 {
   font-size: 1rem;
}

* {
    box-sizing: border-box;
}

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

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

/* HEADER */
header #header-normal,
header #header-scroll {
   box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
   margin-bottom: var(--gap-small);
   background-color: black;
}
header #header-scroll {
   z-index: 99;
}
header .header-normal-1,
header .header-normal-2,
header #header-scroll {
   font-family: var(--font1);
   border-bottom: 1px solid var(--color-grey-light);
}
header .header-normal-1 .inner,
header #header-scroll .inner {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: var(--gap) 0;
}
header #header-scroll .inner {
   padding: var(--gap-smaller) 0;
}
header #header-scroll .menu-icon {
   position: absolute;
   left: 10px;
}
header .logo img {
   max-height: 70px;
   display: block;
}
header #header-scroll .logo img {
   max-height: 35px;
}
header .header-normal-1 .inner .join,
header #header-scroll .inner .join {
   position: absolute;
   right: 50px;
   letter-spacing: 0.18em;
   text-transform: uppercase;
   font-weight: 600;
   font-size: var(--fontsize-smallest);
   display: flex;
   gap: var(--gap-smaller);
   align-items: center;
   color: white;
}
header .header-normal-1 .inner .join .newsletter,
header #header-scroll .inner .join .newsletter {
   background-color: white;
   color: black;
   letter-spacing: 0.1em;
   text-transform: none;
   padding: var(--gap-mini);
   font-weight: 600;
   border-radius: 5px;
}
header .header-normal-1 .inner .search,
header #header-scroll .inner .search {
   position: absolute;
   right: 10px;
}
header .header-normal-2 {
   padding: var(--gap-smaller) 0;
}
header .header-normal-2 .items {
   letter-spacing: 0.2em;
   text-transform: uppercase;
   font-weight: 600;
   font-size: var(--fontsize-smallest);
   display: flex;
   justify-content: center;
   gap: var(--gap-smaller);
}
header .site-categories .items a {
   color: white;
}

/* Freebie */
.freebie {
   font-family: var(--font1);
   font-size: var(--fontsize-small);
   font-weight: 300;
   border-top: 1px solid var(--color-black);
   border-bottom: 1px solid var(--color-black);
   padding: var(--gap) 0;
   margin: var(--gap-smallest) 0;
}
.freebie .text {
   display: flex;
   flex-direction: column;
   gap: var(--gap-smallest);
   align-items: center;
}
.freebie .cta {
   text-decoration: underline;
}

/* Structure */
.side.right {
   margin: var(--gap) 0;
}

/* Sections in general */
.index .home .section3 {
   padding-bottom: 0;
}
.section3 .full {
   position: relative;
}
.index .home .section4 {
   padding-top: 0px;
}

/* Headings */
.side.right .heading {
   font-family: var(--font1);
   font-size: var(--fontsize-small);
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.19em;
   padding: var(--gap-smaller);
   margin-bottom: 2.5rem;
   text-align: center;
}
.section3 .heading,
.section5 .heading,
.section6 .heading,
.section7 .heading,
.section8 .heading,
.section9 .heading,
.section12 .heading {
   font-family: var(--font1);
   font-size: var(--fontsize-small);
   text-transform: uppercase;
   border-top: 2px solid var(--color-black);
   padding-top: var(--gap-smaller);
   font-weight: 700;
   letter-spacing: 0.13em;
}
.section3 .heading {
   position: absolute;
   top: 1em;
   left: 1em;
   z-index: 15;
   color: var(--color-white);
   font-size: var(--fontsize-larger);
   border-color: var(--color-white);
   padding-bottom: var(--gap-smaller);
}
.section5 .heading {
   font-size: var(--fontsize-larger);
}

/* Grids */
.grid15,
.grid9 {
   grid-template-rows: repeat(12, auto);
   grid-template-columns: repeat(12, 1fr);
   gap: 0 var(--gap);
   width: 100%;
}
.grid15 .griditem,
.grid9 .griditem,
.side.right .griditem {
   border-bottom: 1px solid var(--color-grey-light);
   margin: 0;
   padding: var(--gap) 0;
}
.grid15 .griditem:nth-child(1),
.grid15 .griditem:nth-child(3) {
   padding-top: 0;
}
.grid15 .griditem:nth-child(1) {
   grid-row: 1 / span 6;
}
.grid15 .griditem:nth-child(2) {
   grid-row: 7 / span 6; 
}
.grid15 .griditem:nth-child(1),
.grid15 .griditem:nth-child(2),
.grid15 .griditem:nth-child(3) {
   grid-column: 1 / span 4;
}
.grid15 .griditem:nth-child(3) {
   grid-row: 1 / span 10;
   grid-column: 5 / span 8;
}
.grid15 .griditem:nth-child(4) {
   grid-row: 11 / span 2;
   grid-column: 5 / span 8;
}
.grid15 .griditem:nth-child(1) .image,
.grid15 .griditem:nth-child(2) .image {
   height: 260px;
}
.grid15 .griditem:nth-child(3) .image {
   height: 540px;
}
.grid15 .griditem:nth-child(4) .image {
   height: 160px;
}
.grid15 .griditem .text {
   display: flex;
   flex-direction: column;
   gap: var(--gap-smallest);
   padding-top: var(--gap-small);
   font-family: var(--font1);
}
.grid15 .griditem:nth-child(4) .text {
   padding-top: 0;
}
.grid15 .griditem .category,
.grid1 .griditem .category,
.grid13 .griditem .category,
.grid23 .griditem .category,
.grid9 .griditem:first-child .category,
.section12 .article .category,
.directory .overview .article .sub,
.single .single-header .category,
.articles3 .article .category {
   color: var(--color-red);
   font-size: var(--fontsize-mini);
   letter-spacing: 0.01em;
   font-weight: 600;
   text-transform: uppercase;
   order: 1;
}
.grid15 .griditem .title,
.grid1 .griditem .title,
.grid13 .griditem .title,
.grid9 .griditem .title,
.grid23 .griditem .title,
.section12 .article .title,
.directory .overview .article .title {
   order: 2;
   font-weight: 500;
   font-size: var(--fontsize-larger);
   line-height: 1.2em;
   font-family: var(--font1);
}
.grid15 .griditem:nth-child(3) .title,
.grid1 .griditem .title {
   font-size: var(--fontsize-largest);
}
.grid15 .griditem .intro,
.grid1 .griditem .intro,
.section12 .article .intro,
.directory .overview .article .intro, 
.single .single-header .text {
   order: 3;
   font-size: var(--fontsize-larger);
   margin-top: var(--gap-mini);
   margin-bottom: var(--gap-smaller);
   font-weight: 300;
   line-height: 1.4em;
}
.grid15 .griditem .name,
.grid1 .griditem .name,
.grid13 .griditem .name,
.grid23 .griditem .name,
.section12 .article .name,
.single .single-header .name {
   order: 4;
   letter-spacing: 0.01em;
   font-size: var(--fontsize-mini);
   text-transform: uppercase;
   color: var(--color-grey-very-dark);
}
.grid15 .griditem:nth-child(4) > a,
.grid13 .griditem > a {
   display: flex;
   align-items: center;
   gap: var(--gap-small);
}
.grid13 .griditem > a {
   flex-direction: row-reverse;
}
.grid15 .griditem:nth-child(4) > a {
   flex-direction: row-reverse;
}
.grid15 .griditem:not(:nth-child(3)) .intro,
.section12 .article .intro,
.directory .overview .article .intro {
   font-size: var(--fontsize-smaller);
}

.side.right .griditem {
   padding: 0 0 var(--gap-small);
   margin-bottom: var(--gap-small);
   font-size: var(--fontsize-small);
   font-weight: 500;
   font-family: var(--font1);
}

.grid1 {
   margin-top: 0px;
}
.grid1 a,
.grid9 .griditem:first-child > a {
   position: relative;
}
.grid1 .article {
   margin: 0;
}
.grid1 .image {
   max-height: 800px;
   height: 100%;
}
.grid1 .text,
.grid9 .griditem:first-child .text {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   top: 0px;
   color: var(--color-white);
   background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
   z-index: 10;
   padding: 2em 1em;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   font-family: var(--font1);
}
.grid1 .text .title {
   font-family: var(--font1);
}
.grid1 .griditem .category,
.grid9 .griditem:first-child .category {
   color: var(--color-white);
   padding-bottom: var(--gap);
}
.grid1 .griditem .intro {
   font-size: var(--fontsize-small);
   margin-bottom: var(--gap);
}

.grid13 {
   grid-template-rows: 1fr;
}
.grid13 .griditem {
   grid-row: 1 / span 1 !important;
}
.grid13 .griditem .image {
   height: 65px;
   min-width: 65px;
   max-width: 65px;
}
.grid13 .text {
   font-family: var(--font1);
}
.grid13 .text .title {
   margin: var(--gap-smallest) 0;
   font-size: var(--fontsize-small);
   line-height: 1.4em;
}

.grid9 {
   margin-top: 0px;
}
.grid9 .griditem:first-child {
   grid-column: 1 / span 9;
}
.grid9 .griditem:not(:first-child) {
   grid-column: 10 / span 3;
}
.grid9 .griditem:first-child .text {
   padding: 1em;
}
.grid9 .griditem .image {
   height: 195px;
}
.grid9 .griditem:first-child .image {
   height: 100%;
   max-height: 600px;
}
.grid9 .griditem:first-child .category {
   padding-bottom: var(--gap-smallest);
}
.grid9 .griditem .title {
   font-size: var(--fontsize-small);
}
.grid9 .griditem:first-child .title {
   font-family: var(--font1);
   font-size: var(--fontsize-larger);
}
.grid9 .griditem:not(:first-child) a,
.grid23 .griditem > a {
   display: flex;
   flex-direction: column;
   gap: var(--gap-smaller);
}
.grid9 .griditem:not(:nth-child(2)) {
   border: 0;
}

.grid23 .text {
   font-family: var(--font1);
}
.grid23 .text .title {
   line-height: 1.4em;
   margin: var(--gap-smallest) 0 var(--gap-smaller);
}
.grid23 .griditem:nth-child(-n + 2) .image img {
   height: 100%;
   max-height: 260px;
}
.grid23 .griditem:nth-child(n + 3) .image {
   display: none;
}
.grid23 .griditem:nth-child(n + 3) .title {
   font-weight: 500;
   font-size: var(--fontsize-smaller);
}
.grid23 .griditem:nth-child(n + 3) {
   grid-column: 9 / span 3;
   border-bottom: 1px solid var(--color-grey-light);
}

.link-block {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.link-block > div {
   padding: var(--gap-smallest) 0;
   width: 32%;
   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;
}
.link-block > div:nth-child(odd):nth-last-child(2) a,
.link-block > div:last-child a {
   border-bottom: 0;
}

.email {
   background-color: var(--color-grey-lighter);
   padding: var(--gap-very-large);
}
.email .text {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   font-family: var(--font1);
   text-align: center;
   justify-content: center;
}
.email .text .title {
   font-family: var(--font1);
   font-size: var(--fontsize-largest);
   width: 100%;
   margin-bottom: var(--gap);
}
.email .text .description {
   font-size: var(--fontsize-small);
   width: 100%;
   margin-bottom: var(--gap);
}
.email .text .law {
   font-size: var(--fontsize-smallest);
   width: 100%;
   margin-top: var(--gap-smaller);
}
.email .fields {
   width: 100%;
   max-width: 450px;
}
.email .fields .email-field input {
   padding: 0 var(--gap-smaller);
   background-color: var(--color-white);
   border: 1px solid var(--color-grey-light);
   line-height: 1.25em;
   height: 45px;
   width: 100%;
}
.email .fields .email-field input::placeholder {
   color: var(--color-grey-light);
}
.email .cta {
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--color-black);
   color: var(--color-white);
   padding: 0 var(--gap-small);
   font-family: var(--font1);
   font-size: var(--fontsize-smallest);
   font-weight: 600;
   letter-spacing: 0.19em;
   text-transform: uppercase;
   height: 45px;
   border: 1px solid var(--color-black);
   width: 100%;
   max-width: 110px;
}

.section12 .article {
   margin: var(--gap) 0 0;
}
.section12 .article > a {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: var(--gap);
}
.section12 .article .text {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   font-family: var(--font1);
   text-align: center;
}
.section12 .article .title,
.directory .overview .article .title {
   margin: var(--gap-smallest) var(--gap-smaller);
}
.section12 .article .text .tags {
   order: 4;
   font-size: var(--fontsize-mini);
   text-transform: uppercase;
   line-height: 1.4em;
   font-weight: 600;
   letter-spacing: 0.18em;
   display: flex;
   gap: var(--gap-smallest);
   margin-bottom: var(--gap);
}
.section12 .article .text .name,
.single .single-header .name {
   order: 5;
   font-size: var(--fontsize-mini);
}
.section12 .article .text .date,
.single .single-header .date {
   order: 6;
   padding-top: var(--gap-mini);
   font-size: var(--fontsize-mini);
   color: var(--color-grey);
   text-transform: uppercase;
   letter-spacing: 0.16em;
}

.directory > .content {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.directory h1 {
   font-size: var(--fontsize-giga);
   font-weight: 500;
   border-top: 1px solid var(--color-black);
   border-bottom: 1px solid var(--color-black);
   padding-bottom: var(--gap-smallest);
   text-transform: uppercase;
   letter-spacing: 0.07em;
   text-align: center;
}
.directory .overview {
   gap: var(--gap-larger);
}
.directory .overview .article:nth-child(odd) {
   grid-column: 1 / span 2;
}
.directory .overview .article:nth-child(even) {
   grid-column: 3 / span 2;
}
.directory .overview .article > a {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: var(--gap-smaller);
}
.directory .overview .article > a .text {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   font-family: var(--font1);
   text-align: center;
}
.directory .overview .article .title {
   font-size: var(--fontsize-larger);
}
.directory .overview .article > a .image {
   height: 250px;
}
.directory .overview .article .intro {
   margin-bottom: 0;
   font-size: var(--fontsize-very-small);
}

.lead .overview {
   max-width: var(--width-site2);
   margin: var(--gap-largest) auto;
}
.lead .overview .number,
.lead .overview .label,
.lead .overview .description,
.lead .overview .stars,
.lead .overview .law,
.lead .overview .list,
.lead .overview .data3,
.lead .overview .name,
.lead .detailed .number,
.lead .detailed .name {
   display: none; 
}
.lead .overview .offer {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   height: auto;
   padding: var(--gap-smaller) 0;
   border-bottom: 1px solid var(--color-grey-light);
   font-family: var(--font1);
}
.lead .overview .offer .logo {
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.lead .overview .offer .logo img {
   max-height: 100%;
   width: auto;
   max-width: 140px;
}
.lead .overview .offer [class^="data"] {
   text-align: center;
}
.lead .overview .cta {
   text-align: right;
   font-family: var(--font1);
   font-size: var(--fontsize-smaller);
   font-weight: 400;
}
.lead .overview .cta span {
   text-decoration: underline;
}
.lead .overview .cta:after {
   content: "\21DB";
   margin-left: 5px;
}

.lead .detailed {
   display: flex;
   flex-wrap: wrap;
   gap: 4%;
}
.lead .detailed .offer {
   background-color: var(--color-grey-lighter);
   padding: var(--gap);
   width: calc(48% - var(--gap) * 2);
   font-family: var(--font1);
   font-weight: 300;
   display: flex;
   flex-wrap: wrap;
   row-gap: var(--gap-small);
}
.lead .detailed .offer:not(:nth-last-child(-n+2)) {
   margin-bottom: 4%;
}
.lead .detailed .label {
   order: 1;
   color: var(--color-red);
   letter-spacing: 0.1em;
   font-weight: 600;
   text-transform: uppercase;
}
.lead .detailed .offer .logo {
   order: 2;
}
.lead .detailed .offer .logo img {
   height: 100px;
   width: auto;
}
.lead .detailed .offer .stars {
   order: 2;
}
.lead .detailed .description {
   order: 3;
   font-size: var(--fontsize-small);
   line-height: 1.4em;
}
.lead .detailed .label,
.lead .detailed .logo, 
.lead .detailed .description,
.lead .detailed .offer .stars,
.lead .detailed .offer .law {
   width: 100%;
   text-align: center;
}
.lead .detailed .offer [class^="data"] {
   order: 4;
   width: calc(100% / 3);
}
.lead .detailed .offer .list {
   order: 5;
   width: 100%;
}
.lead .detailed .offer .list ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.lead .detailed .offer [class^="data"],
.lead .detailed .offer .list ul {
   display: flex;
}
.lead .detailed .offer [class^="data"] span,
.lead .detailed .offer .list ul li {
   background-color: var(--color-white);
   border: 1px solid var(--color-grey-light);
   line-height: 1.25em;
   flex-basis: 33%;
   padding: var(--gap-smaller) var(--gap-mini);
   text-align: center;
   font-size: var(--fontsize-smaller);
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 1 1 33%;
   font-weight: 400;
}
.lead .detailed .offer .data2 span,
.lead .detailed .offer .list ul li:nth-child(2) {
   border-right: 0;
   border-left: 0;
}
.lead .detailed .offer .cta,
.best .detailed .cta {
   order: 6;
   margin: 0 auto;
   color: white;
   background-color: black;
   letter-spacing: 0.01em;
   /*text-transform: uppercase;*/
   font-weight: 400;
   padding: var(--gap-mini) var(--gap-small);
   border-radius: 50px;
}
.lead .detailed .offer .law {
   order: 7;
   font-size: var(--fontsize-smallest);
}

.single article {
   max-width: var(--width-site5);
   margin: 0 auto;
   padding: var(--gap-largest) 0;
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: repeat(4, auto);
   row-gap: var(--gap-largest);
}
.single .single-header {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   font-family: var(--font1);
   /*max-width: var(--width-site4);*/
   grid-column: 3 / span 8;
   grid-row: 1 / span 1;
}
.single .single-header .category {
   order: 1;
}
.single .single-header .title,
.single .single-header .text,
.single .single-header .author {
   order: 2;
}
.single h1 {
   font-weight: 500;
   margin: var(--gap-mini) 0 var(--gap-smaller);
   font-family: var(--font1);
}
.single .single-header .text {
   font-size: var(--fontsize-smaller);
}
.single .single-header .date,
.single .single-above .featured-image {
   order: 3;
}
.single .single-above {
   grid-column: 1 / span 12;
   grid-row: 2 / span 1;
}
.single .single-above .featured-image .credits {
   font-size: var(--fontsize-mini);
   color: var(--color-grey);
   text-transform: uppercase;
   letter-spacing: 0.16em;
   text-align: left;
   padding-top: var(--gap-mini);
}
.single .single-body,
.single .single-footer {
   font-family: var(--font2);
   line-height: 1.5em;
   grid-column: 2 / span 6;
}
.single .single-body {
   grid-row: 3 / span 1
}
.single .single-footer {
   grid-row: 4 / span 1
}
.single .single-body > *:first-child {
   margin-top: 0;
}
.single .single-body a {
   color: var(--color-red);
   text-decoration: none;
   transition: color 200ms ease 0s;
}
.single .single-body a:hover {
   color: var(--color-grey-very-dark);
   text-decoration: underline;
}
.single .single-body table,
.page .content table {
   width: 100%;
   border-collapse: collapse;
}
.single .single-body table tr,
.page .content table tr {
   border-color: rgb(223, 223, 223);
   border-width: 0px 0px 1px;
   border-style: solid;
}
.single .single-body table tr:nth-last-of-type(odd),
.page .content table tr:nth-last-of-type(odd) {
   background-color: rgba(223, 223, 223, 0.5);
}
.single .single-body table th,
.single .single-body table td,
.page .content table th,
.page .content table td {
   padding: 0.5em;
   text-align: left;
}
.single .single-body h2,
.single .single-body h3,
.single .single-body h4,
.page .content h2 {
   font-size: var(--fontsize-largest);
   font-weight: 500;
   margin: var(--gap-larger) 0 var(--gap-smaller);
}
.single .single-body h3,
.page .content h3 {
   font-size: var(--fontsize-larger);
}
.single .single-body h4,
.page .content h4 {
   font-size: var(--fontsize-larger);
   font-weight: 600;
}
.single-body .related {
   padding: var(--gap-smallest) 0;
}
.single-body .related .heading,
.best .overview h2,
.best .detailed h2,
.best .others h2,
.best .types h2,
.best .brands h2,
.faq h2 {
   border-top: 3px solid var(--color-black);
   border-bottom: 3px solid var(--color-grey-light);
   padding: var(--gap-mini) 0 var(--gap-smallest);
   margin-bottom: var(--fontsize-smaller);
}
.single-body .related .heading h3 {
   font-size: var(--fontsize-largest);
   font-weight: 500;
   margin: 0;
}
.single-body .related .article {
   display: list-item;
   margin-bottom: var(--fontsize-smaller);
   margin-left: var(--gap-small);
}
.single-body .related .article .image {
   display: none;
}
.single-body .faq h2,
.single-body .consider h2,
.single-body .types h2,
.single-body .brands h2 {
   margin-bottom: 0;
}
.single-body .faq h3,
.single-body .consider h3,
.single-body .types h3,
.single-body .brands h3 {
   margin-top: var(--gap);
   margin-bottom: 0;
}
.single-body .faq h2 + h3,
.single-body .consider h2 + h3,
.single-body .types h2 + p,
.single-body .brands h2 + p {
   margin-top: var(--gap-smallest);
}
.single-body .faq h3 + p,
.single-body .consider h3 + p,
.single-body .types h3 + p,
.single-body .brands h3 + p {
   margin-top: 0;
   font-size: var(--fontsize-small);
   line-height: 1.4em;
   font-family: var(--font1);
   font-weight: 300;
}
.single .single-right.side {
   grid-row: 3 / span 1;
   grid-column: 9 / span 3;
}
.single-right.side .articles3 .article {
   padding: var(--gap-small) 0;
}
.single-right.side .articles3 .article:first-child {
   padding-top: 0;
}
.single-right.side .articles3 .article:not(:last-child) {
   border-bottom: 1px solid var(--color-grey-light);
}
.single-right.side .articles3 .article a {
   display: flex;
   justify-content: space-between;
   gap: var(--gap-small);
}
.single-right.side .articles3 .article a .image {
   min-width: 75px;
   max-width: 75px;
   height: 75px;
   order: 1;
}
.single .single-footer {
   order: 4;
   width: 100%;
}
.single .single-footer .author {
   border-top: 1px solid var(--color-black);
   border-bottom: 1px solid var(--color-grey-light);
   padding: var(--gap) 0;
}
.author .name {
   font-size: var(--fontsize-largest);
   margin-bottom: var(--gap-smallest);
}
.single .single-footer .author .bio {
   font-family: var(--font1);
   font-weight: 300;
   line-height: 1.4em;
   font-size: var(--fontsize-small);
}

.best .overview .product {
   display: flex;
   gap: var(--gap-mini);
   font-family: var(--font1);
   font-size: var(--fontsize-smaller);
   line-height: 1.4em;
   padding: var(--gap-mini) 0;
   align-items: center;
}
.best .overview .product .label {
   display: block;
   font-weight: 600;
   flex: 0 0 auto;
}
.best .overview .product .title {
   flex: 0 1 auto
}
.best .overview .product .label:after {
   content: ":";
}
.best .detailed .product {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap-mini);
   padding: var(--gap) 0;
}
.best .detailed .product:first-of-type {
   padding-top: 0;
}
.best .detailed .product:last-child {
   padding-bottom: 0;
}
.best .detailed .product .label,
.best .detailed .product .pros-cons-2-lists,
.best .detailed .product .image,
.best .detailed .product .cta,
.best .detailed .product .description,
.best .detailed .product .specifications {
   display: block;
}
.best .detailed .product .label,
.shop .overview .product .label {
   order: 1;
   background-color: var(--color-red);
   color: var(--color-white);
   font-family: var(--font1);
   font-size: var(--fontsize-smaller);
   line-height: 1em;
   padding: var(--gap-mini) var(--gap-smallest);
}
.best .detailed .product .title {
   order: 2;
   font-size: var(--fontsize-largest);
   font-family: var(--font1);
   width: 100%;
   line-height: 1.2em;
}
.best .detailed .product .title a {
   color: var(--color-black);
}
.best .detailed .image {
   order: 3;
   width: 100%;
   text-align: center;
}
.best .detailed .cta {
   order: 4;
   font-family: var(--font1);
}
.best .detailed .cta a {
   color: var(--color-white);
}
.best .detailed .pros-cons-2-lists {
   order: 5;
}
.best .detailed .pros-cons-2-lists .title {
   display: none;
}
.best .detailed .pros-cons-2-lists .pros-cons {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: var(--gap-smallest);
}
.best .detailed .pros-cons-2-lists .pros-cons h3 {
   margin-bottom: 0;
   font-size: var(--fontsize-very-larger);
}
.best .detailed .pros-cons-2-lists .pros-cons ul {
   padding: 0;
   list-style-type: none;
   margin-top: 0px;
}
.best .detailed .pros-cons-2-lists .pros-cons ul li {
   display: flex;
   padding: var(--gap-mini) 0;
}
.best .detailed .pros-cons-2-lists .pros li:before {
   content: "\2713";
   margin-right: 10px;
   color: var(--color-green);
}
.best .detailed .pros-cons-2-lists .cons li:before {
   content: "\2715";
   margin-right: 10px;
   color: var(--color-orange);
}
.best .detailed .description {
   order: 6;
}
.best .detailed .specifications {
   order: 7;
}
.best .detailed .specifications h3 {
   margin: 0 0 var(--gap-mini);
   font-size: var(--fontsize-very-larger);
}
.best .detailed .specifications ul {
   margin-top: 0;
   padding-left: var(--gap-small);
   margin-bottom: 0;
}

.articles3 .article .text {
   order: 2
}
.articles3 .article .category {
   order: 2;
   font-family: var(--font1);
   margin-bottom: var(--gap-smallest);
}
.articles3 .article .title,
.articles3 .article .more {
   order: 3;
   font-size: var(--fontsize-small);
}
.articles3 .article .more {
   margin-top: var(--gap-smallest);
   color: var(--color-grey-very-dark);
   font-family: var(--font1);
   font-size: var(--fontsize-smallest);
   text-transform: uppercase;
   letter-spacing: 0.01em;
}
.articles3 .article .more:after {
    content: "\21DB";
    margin-left: 5px;
}

.shop .overview {
   display: flex;
   gap: 0;
   flex-wrap: wrap;
}
.shop .overview .product {
   flex: 1 1 45%;
   max-width: calc(45% - 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(--gap-smallest);
   order: 1;
}
.shop .overview .product .image img {
   height: 200px;
}
.shop .overview .product .label,
.shop .overview .product .price {
   display: block;
   order: 2;
}
.shop .overview .product .price {
   padding: var(--gap-mini) 0 var(--gap-smallest);
   font-weight: 500;
   font-size: var(--fontsize-small);
}
.shop .overview .product .title {
   order: 3;
   text-align: center;
   line-height: 1.2em;
   font-size: var(--fontsize-small);
   width: 100%;
}
.shop .overview .product .title a {
   color: var(--color-black);
}

.page .content {
   max-width: var(--width-site2);
   margin: 0 auto;
}

footer {
   background-color: var(--color-black);
   color: var(--color-white);
   font-family: var(--font1);
}
footer .desktop .inner {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: repeat(5, auto);
   gap: var(--gap);
}
footer .desktop .logo {
   grid-column: 1 / span 2;
   grid-row: 1 / span 1;
}
footer .desktop .logo img {
   height: auto;
}
footer .social {
   grid-column: 1 / span 2;
   grid-row: 2 / span 1;
}
footer .social .icon {
   height: 25px;
   width: 25px;
   border-radius: 50%;
   /*background-color: var(--color-white);*/
   /*border: 1px solid var(--color-white);*/
}
footer .desktop [class^="list"] {
   display: flex;
   flex-direction: column;
}
footer .desktop .list2 {
   grid-column: 7 / span 2;
   grid-row: 1 / span 3;
}
footer .desktop .list3 {
   grid-column: 10 / span 2;
   grid-row: 1 / span 3;
}
footer .desktop .list7 {
   grid-column: 1 / span 12;
   grid-row: 4 / span 1;
   flex-direction: row;
   border-top: 2px solid var(--color-white);
   padding-top: var(--gap-largest);
}
footer .desktop [class^="list"] a {
   color: var(--color-white);
   text-decoration: none;
   font-size: var(--fontsize-very-small);
   font-weight: 300;
}
footer .desktop [class^="list"] .element-title {
   text-transform: uppercase;
   font-size: var(--fontsize-smallest);
   letter-spacing: 2px;
   font-weight: 600;
   margin-bottom: var(--gap-smallest);
}
footer .desktop [class^="list"] .item {
   line-height: 1.5em;
   font-size: var(--fontsize-very-small);
}
footer .desktop .list7 .element-title {
   display: none;
}
footer .desktop .list7 .item {
   padding-left: var(--gap-mini);
}
footer .desktop .list7 .item:not(:last-child):after {
   content: "\007C";
   margin-left: var(--gap-mini);
}
footer .desktop .list7 .element-title + .item {
   padding-left: 0;
}
footer .desktop .list7 .item:last-child {
   padding-right: 0px;
}
footer .desktop .list7,
footer .desktop .list7 a {
   color: var(--color-grey);
}
footer .desktop .copyright {
   font-size: var(--fontsize-smaller);
   grid-column: 1 / span 12;
   grid-row: 5 / span 1;
   font-size: var(--fontsize-smallest);
   font-weight: 300;
   color: var(--color-grey);
   line-height: 1.4em;
   padding-top: var(--gap);
}

/* -------------------- Menu -------------------- */
#menu, #menu-overlay {
   /*display: flex !important;*/
}
#menu {
   flex-direction: column;
   z-index: 20;
   background-color: black;  
   position: fixed;
   top: 0;
   left: 0;
   right: 0px;
   bottom: 0px;
   padding-top: var(--gap-very-large);
   align-items: center;
}
#menu-overlay {
   opacity: 0.5;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background-color: var(--color-black);
   z-index: 1;
}
#menu > div {
   max-width: 500px;
   width: 100%;
}
#menu .logo,
#menu > .icon,
#menu .search,
#menu .site-categories .element-title,
#menu .infolinks .element-title {
   display: none;
}
#menu .site-categories {
   border-bottom: 1px solid white;
   padding: var(--gap-smaller) 0;
}
#menu .infolinks {
   padding: var(--gap-smaller) 0;
   border-bottom: 2px solid var(--color-grey-light);
}
#menu .site-categories .items a,
#menu .infolinks .item a {
   font-size: var(--fontsize-smallest);
   font-family: var(--font1);
   color: white;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
   padding: var(--gap-smaller) 0;
   display: block;
   letter-spacing: 0.2em;
}
#menu .site-categories a {
   font-weight: 600;
}
#menu .social {
   order: 3;
   padding-top: var(--gap);
}
#menu .social .element-title,
#menu .social .item .text {
   display: none;
}
#menu .social .items {
   justify-content: center;
   gap: var(--gap-mini);
}
#menu .social .items .icon {
   height: 25px;
   width: 25px;
}

/* ----- Cookies ----- */
#cookies-overlay, #cookies {
   /*display: block !important;*/
}
#cookies-overlay {
   background-color: var(--color-black);
}
#cookies { 
   background-color: var(--color-white); 
   padding: var(--gap) var(--gap-larger);
   font-family: var(--font2);
   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(--gap-smaller);
   align-items: center;
   font-size: var(--fontsize-very-small);
   justify-content: center;
}
#cookies .short {display: none;}
#cookies .long1 {display: block;}
#cookies .long2 {display: block;}
#cookies .deny {display: none;}

#cookies .settings,
#cookies .accept {
   background-color: var(--color-red);
   color: var(--color-white);
   padding: var(--gap-smallest);
   width: 100px;
   text-align: center;
   margin-top: var(--gap-smaller);
}

/* ----- Popup ----- */
#popup-overlay, #popup {
   /*display: block !important;*/
}
#popup { 
   background-color: var(--color-white); 
   padding: var(--gap) var(--gap-larger);
   font-family: var(--font2);
   top: 10%;
   left: 50%;
   transform: translateX(-50%);
   max-width: 650px;
}
#popup-overlay {
   background-color: var(--color-black);
}
.popup .freebie .icon {
   position: absolute;
   right: 10px;
   top: 10px;   
}
.popup .freebie .description {
   text-align: center;
}

@media (max-width: 1200px) {
   header .header-normal-1 .inner, header #header-scroll .inner {
      justify-content: space-between;
      padding: var(--gap) var(--gap-largest);
      gap: var(--gap-smaller);
   }
   header .header-normal-1 .inner .join, header #header-scroll .inner .join {
      margin-left: auto;
   }
   header .header-normal-1 .inner .join, header #header-scroll .inner .join,
   header .header-normal-1 .inner .search, header #header-scroll .inner .search,
   header #header-scroll .menu-icon {
      position: relative;
      right: auto;
   }
   header #header-scroll .menu-icon {
      left: auto;
   }
   .grid13 .griditem > a {
      flex-direction: column;
      gap: var(--gap-smaller);
   }
   .grid13 .griditem .image {
      height: 100px;
      width: 100%;
      max-width: 100%;
   }
   .grid23 .griditem:nth-child(n + 3) {
      grid-column: 9 / span 4;
   }
   
   .directory .overview .article > a {
      grid-template-columns: 1fr;
   }
   .lead .detailed .offer {
      width: 48%;
   }
   
   .single .single-body,
   .single .single-footer {
      grid-column: 1 / span 7;
   }
   .single .single-right.side {
      grid-column: 9 / span 4;
   }
}
@media (max-width: 1000px) {
   header .header-normal-2 .items {
      letter-spacing: 0.05em;
   }
   header .header-normal-1 .inner, header #header-scroll .inner,
   .index .home .section, #main .directory, #main .lead, #main .single, #main .page, #main .archive, footer .desktop .inner {
      padding: var(--gap-small) var(--gap);
   }
   
   .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;
   }
   
   .grid15 {
      grid-template-rows: repeat(4, auto);
      grid-template-columns: 1fr;
   }
   .grid15 .griditem:nth-child(3) {
      grid-row: 1 / span 1;
      grid-column: 1 / span 1;
   }
   .grid15 .griditem:nth-child(1) {
      grid-row: 2 / span 1;
      grid-column: 1 / span 1;
   }
   .grid15 .griditem:nth-child(2) {
      grid-row: 3 / span 1;
      grid-column: 1 / span 1;
   }
   .grid15 .griditem:nth-child(4) {
      grid-row: 4 / span 1;
      grid-column: 1 / span 1;
   }
   
   .grid13 {
      grid-template-rows: repeat(2, auto);
      grid-template-columns: repeat(2, 1fr);
   }
   .grid13 .griditem:nth-child(1) {
      grid-column: 1 / span 1;
   }
   .grid13 .griditem:nth-child(2) {
      grid-column: 2 / span 1;
   }
   .grid13 .griditem:nth-child(3) {
      grid-row: 2 / span 1 !important;
      grid-column: 1 / span 1;
   }
   .grid13 .griditem:nth-child(4) {
      grid-row: 2 / span 1 !important;
      grid-column: 2 / span 1;
   }
   
   .grid9 {
      grid-template-rows: repeat(3, auto);
      grid-template-columns: 1fr;
   }
   .grid9 .griditem:nth-child(1) {
      grid-row: 1 / span 1;
      grid-column: 1 / span 1;
   }
   .grid9 .griditem:nth-child(2) {
      grid-row: 2 / span 1;
      grid-column: 1 / span 1;
   }
   .grid9 .griditem:nth-child(3) {
      grid-row: 3 / span 1;
      grid-column: 1 / span 1;
   }
   
   .grid23 {
      grid-template-rows: repeat(2, auto);
   }
   .grid23 .griditem:nth-child(3) {
      grid-column: 1 / span 4;
   }
   .grid23 .griditem:nth-child(4) {
      grid-column: 5 / span 4;
   }
   .grid23 .griditem:nth-child(5) {
      grid-column: 9 / span 4;
   }
   .grid23 .griditem:nth-child(-n + 2) .image img {
      height: 200px;
   }
   
   .email {
      padding: var(--gap);
   }
   
   .lead .detailed .offer {
      padding: var(--gap-smallest);
   }
   .lead .detailed .offer .cta, .best .detailed .cta {
      font-size: var(--fontsize-small);
      padding: var(--gap-smallest);
      text-align: center;
   }
   
   .lead .detailed .offer [class^="data"] span, .lead .detailed .offer .list ul li {
      font-size: var(--fontsize-smallest);
   }
}
@media (max-width: 767px) {
   .single-body > table,
   .page .content > table {
      max-width: 100%;
      overflow-x: auto;
      display: block;
   }
   
   .section3 .heading {
      color: black;
      border-color: black;
      position: relative;
      bottom: auto;
      left: auto;
      top: auto;
      right: auto;
   }
   
   .grid15 .griditem:nth-child(4) > a, .grid13 .griditem > a {
      flex-direction: column;
   }
   
   .grid1 .griditem:first-child .image, .grid9 .griditem:first-child .image {
      margin-bottom: var(--gap-smallest);
   }
   .grid1 .text, .grid9 .griditem:first-child .text {
      position: relative;
      bottom: auto;
      left: auto;
      top: auto;
      right: auto;
      background: none;
      color: black;
      padding: 0;
   }
   .grid1 .griditem .category, .grid9 .griditem:first-child .category {
      color: var(--color-red);
      padding-bottom: var(--gap-smallest);
   }
   
   .grid23 .griditem:nth-child(n + 3) {
      padding-top: var(--gap-smaller);
   }
   .grid23 .griditem:nth-child(1) {
      padding-bottom: var(--gap-smaller);
   }
   
   .link-block > div {
      width: 100%;
   }
   
   .email .cta {
      max-width: none;
   }
   
   .section12 .article > a {
      display: flex;
      flex-direction: column;
   }
   
   .directory h1 {
      font-size: var(--fontsize-h1);
   }
   .directory .overview {
      grid-template-columns: 1fr;
   }
   .directory .overview .article:nth-child(odd),
   .directory .overview .article:nth-child(even){
      grid-column: 1 / span 1;
   }
   
   .lead .overview .offer {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: var(--gap-smallest);
      padding: var(--gap-small) 0 ;
   }
   .lead .overview .offer .logo {
      width: 100%;
      display: flex;
      justify-content: center;
   }
   .lead .detailed .offer {
      width: 100%;
   }
   
   .single article {
      display: flex;
      flex-direction: column;
   }
   .best .overview .product {
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
   }
   .best .detailed .pros-cons-2-lists .pros-cons {
      grid-template-columns: 1fr;
   }
   .best .detailed .pros-cons-2-lists .pros-cons .cons h3 {
      margin-top: 0;
   }
   .shop .overview .product {
      flex: 1 1 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-top: 1px solid var(--color-grey-light);
      border-bottom: 1px solid var(--color-grey-light);
   }
}