/* ################################################################# 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;}*/

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&family=Sora:wght@100..800&family=Big+Shoulders+Display:wght@100..900&display=swap');

:root {--font1: "Sora", Arial, sans-serif;}
:root {--font2: "DM Sans", Arial, sans-serif;}
:root {--font3: "Big Shoulders Display", Arial, sans-serif;}

:root {--fontsize-mini: 14px;}
:root {--fontsize-smaller: 16px;}
:root {--fontsize-body: 18px;}
:root {--fontsize-large: 20px;}
:root {--fontsize-larger: 22px;}
:root {--fontsize-largest: 32px;}
:root {--fontsize-header-main: 36px;}

/* ----- Colors ----- */
:root {--color-red: #3d8247;}
:root {--color-black: #06c;}
:root {--color-grey: #cccccc;}
:root {--color-grey-dark: #767676;}
:root {--color-border-grey: #444444;}
:root {--color-white: #fff;}
:root {--color-red: #D60036;}
:root {--color-pink: #ff1d46;}
:root {--color-black: #11110e;}

/* LOGO */
.logo > a,
.logo > a:hover {
   color: var(--color-pink);
   text-decoration: none;
}
.logo > a > span {
   font-family: var(--font3);
   font-size: 5.2em;
   line-height: 1em;
   display: block;
   font-weight: 900;
   letter-spacing: 1px;
}
#header-scroll .logo > a > span {
   font-size: 2.2em;
}

/* ----- Icons ----- */
.search .icon {background-image: url(/files/icon/search_c.svg);}
#menu .search .icon {background-image: url(/files/icon/search_c_white.svg);}
/*.search .icon {background-image: url(/files/icon/search_b.svg);}*/
/*.search .icon {background-image: url(/files/icon/search_c.svg);}
.search .icon {background-image: url(/files/icon/search_d.svg);}*/
.menu-icon .icon {background-image: url(/files/icon/menu_e.svg);}
/*.menu-icon .icon {background-image: url(/files/icon/menu_b.svg);}*/
/*.menu-icon .icon {background-image: url(/files/icon/menu_c.svg);}
.menu-icon .icon {background-image: url(/files/icon/menu_d.svg);}*/
.join .icon {background-image: url(/files/icon/user_21.svg);}
.cookies .icon, .email .icon, .freebie .icon {background-image: url(/files/icon/close_a.svg);}
#menu > .icon {background-image: url(/files/icon/close_d_white.svg);}
.social .items .x .icon {background-image: url(/files/icon/x_13.svg);}
.social .items .facebook .icon {background-image: url(/files/icon/facebook_21.svg);}
.social .items .instagram .icon {background-image: url(/files/icon/instagram_4.svg);}
.social .items .youtube .icon {background-image: url(/files/icon/youtube_4.svg);}
.social .items .linkedin .icon {background-image: url(/files/icon/linkedin_4.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 .tiktok {display: none;}
.social .items .pinterest {display: none;}
.social .items .mail {display: none;}
.social .items .rss {display: none;}

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

/* ----- Gap ----- */
:root {--gap-larger: 35px;}
:root {--gap-large: 25px;}
:root {--gap-normal: 20px;}
:root {--gap-small: 15px;}
:root {--gap-smaller: 10px;}
:root {--gap-smallest: 5px;}
:root {--gap-section: 35px;}

/* ----- Site Width ----- */
:root {--width-site: 1160px;}

/* -------------------- Cookies, menu -------------------- */
#cookies {
   display: none !important;
   top: 50%; 
   left: 50%; 
   transform: translate(-50%, -50%); 
   max-width: 650px;
   border-radius: 2px;
}
#cookies-overlay {
   opacity: 0.5;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background-color: var(--color-black);
}
#cookies,
#cookies-overlay {
   /*display: block !important;*/
}
#menu-overlay {
   /*display: block !important;*/
   border-top: 115px solid var(--color-black);
}
#menu {
   /*display: flex !important;*/
}
/* ----- Menu ----- */
#menu {
   z-index: 1001;
   max-width: var(--width-site);
   width: 100%;
   margin: 0 auto;
   position: fixed;
   top: 0;
   left: 50%;
   transform: translate(-50%, 0);
   flex-wrap: wrap;
   align-items: center;
}
#menu-overlay {
   opacity: 1;
   height: 100vh;
}
#menu .logo {
   height: 115px;
   order: 1;
   background-color: var(--color-black);
   display: flex;
   align-items: center;
}
#menu .logo a {
   display: block;
   width: 130px;
}
#menu .logo img {
   display: block;
}
#menu .search {
   order: 2;
   display: flex;
   align-items: center;
   margin: 0 auto;
   width: 60%;
}
#menu .search input {
   background-color: transparent;
   border: 0;
   border-bottom: 1px solid var(--color-white);
   color: var(--color-white);
   font-size: var(--fontsize-large);
   width: calc(100% - 30px);
}
#menu .search input::placeholder {
   color: var(--color-white);
}
#menu > .icon {
   order: 3;
}
#menu .site-categories,
#menu .email {
   order: 4;
   width: 100%;
}
#menu .email {
   padding-bottom: var(--gap-large);
   border-bottom: 1px solid var(--color-black);
}
#menu .site-categories {
   padding: 2rem 0;
}
#menu .site-categories > .element-title {
   font-weight: 700;
   font-size: var(--fontsize-large);
   padding-bottom: 1rem;
   margin-bottom: 1rem;
   border-bottom: 1px solid var(--color-black);
}
#menu .site-categories .items {
   display: flex;
   flex-direction: column;
   font-size: var(--fontsize-mini);
}
#menu .site-categories .items .griditem a {
   padding: var(--gap-smallest) 0;
   display: block;
}
#menu .social,
#menu .join {
   order: 5;
   width: 50%;
}
#menu .infolinks,
#menu .copyright {
   order: 6;
   width: 100%;
}
#menu .social,
#menu .join {
   padding: var(--gap-large) 0;
}
#menu .social .items {
   gap: var(--gap-small);
   align-items: center;
}
#menu .social .items .item .icon {
   height: 24px;
   width: 24px;
}
#menu .social .element-title,
#menu .social .items .item .text,
#menu .join .icon,
#menu .join .signin,
#menu .join .newsletter,
#menu .infolinks .element-title,
#menu .copyright .short,
#menu .copyright .long {
   display: none;
}
#menu .social .items .item.instagram {
   order: 1;
}
#menu .social .items .item.x {
   order: 2;
}
#menu .social .items .item.youtube {
   order: 3;
}
#menu .social .items .item.facebook {
   order: 4;
}
#menu .social .items .item.linkedin {
   order: 5;
}
#menu .join {
   justify-content: flex-end;
   align-items: center;
}
#menu .join .subscribe {
   border: 1px solid var(--color-black);
   padding: 0.5rem 1rem;
   font-weight: 700;
}
#menu .infolinks {
   display: flex;
   gap: var(--gap-small);
}
#menu .infolinks .item a {
   font-weight: 500;
   text-decoration: none;
   color: var(--color-black);
}
#menu .copyright {
   font-size: var(--fontsize-mini);
}

/* ----- Cookies ----- */
#cookies { 
   background-color: var(--color-white); 
   padding: var(--gap-larger);
   font-family: var(--font2);
   font-size: var(--fontsize-mini);
}
#cookies .icon {
   display: none;
}
#cookies .text {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--gap-normal);
   align-items: center;
}
#cookies .short {display: none;}
#cookies .long1 {display: block;}
#cookies .long2 {display: block;}

#cookies .settings {
   color: var(--color-red);
   text-decoration: underline;
}
#cookies .deny {
   margin-left: auto;
}
#cookies .deny,
#cookies .accept {
   background-color: var(--color-red);
   color: var(--color-white);
   padding: var(--gap-small) var(--gap-larger);
}

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

body {
   font-family: var(--font1);
   font-size: var(--fontsize-body);
}
h1, h2, h3, h4, h5, h6 {
   /*font-family: var(--font3);*/
}
h1 {
   font-size: 2.125rem;
}
h2 {
   font-size: 1.5em;
}
h3 {
   font-size: 1.17em;
}
h4 {
   font-size: 1.125rem;
}
h5 {
   font-size: 0.83em;
}
h6 {
   font-size: 0.67em;
}

.grid,
.article {
   margin: unset;
}

#main .section > .inner,
#main .directory,
#main .lead,
#main .single,
#main .page,
body > footer {
   max-width: var(--width-site);
   margin: 0 auto;
   padding: 0 var(--gap-normal);
}
#main .single-bottom .section > .inner {
   padding: 0;
}
.section .inner {
   justify-content: space-between;
}
.section .wide {
   width: 63%;
}
.section .side {
   width: 31%;
}

/* HEADER */
#header-normal {
   display: flex;
   flex-direction: column;
   /*font-family: var(--font3);*/
}
#header-scroll {
   background-color: #000;
   padding: var(--gap-small) 0;
   /*font-family: var(--font3);*/
}
#header-normal [class^='header-normal'] {
   border-bottom: 1px solid #000;
}
header .desktop > div:not(#header-sticky) > div .inner {
   max-width: var(--width-site);
   padding: 0 var(--gap-normal);
   margin: 0 auto;
}
#header-normal .header-normal-1 {
   order: 2;
   padding: var(--gap-small) 0;
}
header .desktop > div:not(#header-sticky) [class$='-1'] .inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--gap-larger);
}
#header-scroll .header-scroll-1 .inner {
   justify-content: flex-start;
}
header .desktop > div:not(#header-sticky) [class$='-1'] .search {
   display: flex;
   align-items: center;
}
header .desktop > div:not(#header-sticky) [class$='-1'] .search input[type="text"] {
   border: 0;
   border-bottom: 1px solid #000;
   border-radius: 0px;
   font-size: var(--fontsize-large);
   /*font-family: var(--font3);*/
   padding: 0 var(--gap-small);
   line-height: 1.6em;
}
header .desktop > div#header-scroll [class$='-1'] .search input[type="text"] {
   border-color: #fff;
   color: #fff;
   background: transparent;
}
#header-scroll .header-scroll-1 .search .icon {
   background-image: url(/files/icon/search_c_white.svg);
} 
#header-normal .header-normal-1 .logo {
   margin: 0 auto;
}
#header-scroll .header-scroll-1 .menu-icon .icon {
   background-image: url(/files/icon/menu_e_white.svg);
}
header .desktop > div:not(#header-sticky) [class$='-1'] .logo img {
   display: block;
}
#header-scroll .header-scroll-1 .logo img {
   height: 25px;
}
#header-normal .header-normal-1 .join,
#header-scroll .site-categories .items a {
   font-size: var(--fontsize-mini);
   display: flex;
   gap: var(--gap-small);
}
#header-normal .header-normal-2 {
   order: 1;
   padding: 15px 0;
}
#header-normal .header-normal-1 .join .icon,
#header-normal .header-normal-2 .element-title,
#header-scroll .join .icon,
#header-scroll .join .subscribe,
#header-scroll .join .newsletter,
#header-scroll .site-categories .element-title {
   display: none;
}
#header-scroll .join,
#header-scroll .site-categories .items,
#header-normal .header-normal-2 .site-categories .items {
   display: flex;
   justify-content: center;
   gap: var(--gap-larger);
   font-size: var(--fontsize-mini);
}
#header-scroll .site-categories .items {
   gap: var(--gap-small);
}
#header-scroll .join,
#header-scroll .site-categories .items a {
   color: #fff;
}
#header-scroll .site-categories .items > div:nth-child(n+7) {
   display: none;
}
#header-scroll .join {
   margin-left: auto;
}

/* HEADINGS */
.side .heading,
.section4 .heading,
.section6 .heading,
.section8 .heading,
.section9 .heading,
.section10 .heading,
.section11 .heading,
.section12 .heading,
.section14 .heading {
   border-bottom: 1px solid #000;
   font-size: var(--fontsize-larger);
   font-weight: 700;
   padding-bottom: var(--gap-smallest);
   margin-bottom: var(--gap-smaller);
}

/* INDEX */
.section1 {
   border-bottom: 1px solid #000;
   margin-bottom: var(--gap-small);
}
.grid13 {
   grid-template-rows: 1fr;
   margin: var(--gap-small) 0;
}
.grid13 .griditem.article {
   grid-row: 1 / span 1;
   line-height: 1.2em;
}
.grid13 .griditem:not(:last-child) {
   border-right: 1px solid var(--color-border-grey);
   padding-right: var(--gap-larger);
}
.grid13 .griditem .text {
   display: flex;
   flex-direction: column;
   gap: var(--gap-smallest);
}
.grid13 .griditem .title {
   font-weight: 700;
}
.grid13 .griditem .sub {
   display: block;
   color: var(--color-darker-grey);
   font-size: var(--fontsize-mini);
   font-weight: 400;
}

.section2 {
   padding: var(--gap-small) 0;
   margin-bottom: var(--gap-larger);
}
.section2 .wide {
   display: flex;
   flex-direction: column;
   gap: var(--gap-larger);
   padding-right: 2%;
   border-right: 1px solid #000;
}
.section2 .wide .gridimg3:first-child {
   padding: 0 5% 5%;
   border-bottom: 1px solid #000;
}
.section2 .wide .gridimg3 .image img,
.section2 .wide .grid:nth-child(2) .image img,
.section2 .wide .grid:nth-child(3) .image img,
.section6 .article .image img,
.section8 .article .image img,
.section9 .article .image img,
.section10 .article .image img,
.section12 .article .image img,
.section14 .article .image img,
.directory .overview .article a .image img {
   display: block;
}
.section2 .wide .gridimg3 .text,
.section2 .wide .grid:nth-child(2) .text,
.section2 .wide .grid:nth-child(3) .text {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   margin-top: var(--gap-small);
}
.section2 .wide .grid:nth-child(2) > .text,
.section2 .wide .grid:nth-child(3) > .text,
.section2 .wide .grid:nth-child(2) .text .text,
.section2 .wide .grid:nth-child(3) .text .text {
   margin-top: 0px;
}
.section2 .wide .grid:nth-child(2) .text,
.section2 .wide .grid:nth-child(3) .text {
   align-items: flex-start;
   text-align: left;
}
.section2 .wide .gridimg3 .category,
.section2 .wide .grid:nth-child(2) .category,
.section2 .wide .grid:nth-child(3) .category {
   display: block;
   order: 1;
   color: var(--color-red);
   text-transform: uppercase;
   font-size: var(--fontsize-mini);
   font-weight: 700;
   margin-bottom: var(--gap-smallest);
}
.section2 .wide .gridimg3 .title,
.section2 .wide .grid:nth-child(2) .title,
.section2 .wide .grid:nth-child(3) .title {
   font-size: var(--fontsize-largest);
   font-weight: 700;
   line-height: 1.2em;
   order: 2;
}
.section2 .wide .grid:nth-child(2) .normal .title,
.section2 .wide .grid:nth-child(3) .normal .title {
   font-size: var(--fontsize-large);
}
.section2 .wide .grid:nth-child(2) .text .title,
.section2 .wide .grid:nth-child(3) .text .title {
   font-size: var(--fontsize-body);
}
.section2 .wide .gridimg3 .sub,
.section2 .wide .grid:nth-child(2) .normal .sub,
.section2 .wide .grid:nth-child(3) .normal .sub,
.section2 .wide .grid:nth-child(2) > .text .intro {
   display: block;
   order: 3;
   margin: var(--gap-small) auto;
}
.section2 .wide .gridimg3 .name,
.section2 .wide .grid:nth-child(2) .name,
.section2 .wide .grid:nth-child(3) .name {
   display: block;
   order: 4;
   font-family: var(--font1);
   font-size: var(--fontsize-mini);
   font-weight: 500;
   color: var(--color-grey);
}
.section2 .wide .grid:nth-child(2) > .text .name,
.section2 .wide .grid:nth-child(3) > .text .name {
   margin-top: var(--gap-small);
}
.section2 .wide .grid:nth-child(2),
.section2 .wide .grid:nth-child(3) {
   border-bottom: 1px solid #000;
}
.section2 .wide .grid:nth-child(2) > .normal {
   grid-column: 1 / span 7;
   border-right: 1px solid #000;
   padding-right: var(--gap-larger);
}
.section2 .wide .grid:nth-child(2) > .normal .image img {
   height: 190px;
}
.section2 .wide .grid:nth-child(2) > .text {
   grid-column: 8 / span 5;
}
.section2 .wide .grid:nth-child(3) > .text {
   grid-column: 1 / span 5;
}
.section2 .wide .grid:nth-child(3) > .normal {
   grid-column: 6 / span 7;
   padding-left: var(--gap-larger);
   border-left: 1px solid #000;
}
.section2 .wide .grid:nth-child(2),
.section2 .wide .grid:nth-child(3) {
   padding-bottom: var(--gap-larger);
}

.side.right .article a,
.single .single-right.side .article a {
   display: flex;
   justify-content: space-between;
}
.side.right .article a .image,
.single .single-right.side .article a .image {
   flex-basis: 40%;
}
.side.right .article,
.single .single-right.side .article {
   padding: var(--gap-small) 0px;
}
.side.right .article:not(:last-child),
.single .single-right.side .article:not(:last-child) {
   border-bottom: 1px solid #bbb;
}
.side.right .article a .text,
.single .single-right.side .article a .text {
   flex-basis: 55%;
   font-weight: 500;
   font-size: var(--fontsize-mini);
   line-height: 1.3em;
}

.freebie {
   padding: var(--gap-small);
   margin: var(--gap-small) 0;
   border-top: 1px solid #000;
}
.freebie > .text {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   gap: var(--gap-smaller);
}
.freebie > .text .title {
   display: none;
}
.freebie > .text .description {
   font-size: var(--fontsize-large);
   font-weight: 700;
   line-height: 1.2em;
}
.freebie > .text .cta {
   font-size: var(--fontsize-mini);
   font-weight: 500;
}
.freebie > .text .cta:after {
   content: "\2192";
   margin-left: var(--gap-smaller);
}

.section4 {
   padding: var(--gap-small) 0;
   margin-bottom: var(--gap-larger);
}
.section4 .grid {
   grid-template-rows: 1fr;
}
.section4 .inner .full {
   border-top: 6px solid #000;
}
.section4 .grid .griditem {
   grid-row: 1 / span 1;
}
.section4 .heading {
   padding: var(--gap-smaller) 0 var(--gap-large);
   margin-bottom: var(--gap-large);
}
.section4 .article .image {
   height: 90px;
}
.section4 .article .text {
   font-size: var(--fontsize-mini);
   font-weight: 500;
   line-height: 1.2em;
}
.section4 .article .category {
   display: block;
   margin: var(--gap-smaller) 0;
   order: 1;
   color: var(--color-red);
}
.section4 .article .category .c2 {
   color: var(--color-red);
}
.section4 .article .title {
   order: 2;
}

/* Signup form */
.section5 {
   padding: var(--gap-small) 0;
   margin-bottom: var(--gap-larger);
}
.section5 .email .text,
#menu .email .text {
   padding-top: var(--gap-large);
   border-top: 1px solid #000;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   column-gap: var(--gap-larger);
   row-gap: var(--gap-smallest);
}
.section5 .email .description,
.section5 .email .fields > :not(.email-field),
#menu .email .description,
#menu .email .fields > :not(.email-field) {
   display: none;
}
.section5 .email .title,
#menu .email .title {
   font-size: var(--fontsize-large);
   font-weight: 700;
}
.section5 .email .cta,
#menu .email .cta {
   font-weight: 500;
   font-size: var(--fontsize-mini);
}
.section5 .email .cta:after,
#menu .email .cta:after {
   content: "\2192";
   margin-left: var(--gap-smaller);
}
.section5 .email .checkbox,
.section5 .email .law,
#menu .email .checkbox,
#menu .email .law {
   font-size: var(--fontsize-mini);
   color: var(--color-darker-grey);
   width: 100%;
   max-width: 850px;
   text-align: center;
}
.section5 .email .checkbox,
#menu .email .checkbox {
   display: flex;
   align-items: center;
   justify-content: center;
}
.section5 .email .fields .email-field input,
#menu .email .fields .email-field input {
   font-size: var(--fontsize-mini);
   border: 0;
   border-bottom: 1px solid #000;
   padding: 0 var(--gap-larger);
   line-height: 2em;
}
.section5 .email .fields .email-field input::placeholder,
#menu .email .fields .email-field input::placeholder {
   color: var(--color-darker-grey);
}

.section6 .heading,
.section8 .heading,
.section9 .heading,
.section10 .heading,
.section11 .heading,
.section12 .heading {
   border-top: 6px solid #000;
   padding: var(--gap-smaller) 0 var(--gap-large);
}
.section6 .inner .wide {
   display: flex;
   flex-direction: column;
   gap: var(--gap-small);
   padding-right: var(--gap-larger);
   border-right: 1px solid #000;
}
.section6 .inner .wide .article:not(:last-child) {
   padding-bottom: var(--gap-small);
   border-bottom: 1px solid var(--color-border-grey);
}
.section6 .inner .wide .freebie + .article {
   border-top: 1px solid var(--color-border-grey);
   padding-top: var(--gap-small);
}
.section6 .inner .wide .article > a,
.directory .overview .article a {
   display: flex;
   gap: var(--gap-small);
   align-items: flex-start;
}
.section6 .inner .wide .article > a .image {
   flex: 1;
}
.section6 .inner .wide .article > a .text,
.directory .overview .article a .text {
   flex: 2;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   font-size: var(--fontsize-mini);
   line-height: 1.2em;
   gap: var(--gap-smaller);
}
.section6 .inner .wide .article > a .text .category,
.section6 .inner .wide .article > a .text .time {
   display: block;
}
.section6 .article .category {
   color: var(--color-red);
   order: 1;
   font-weight: 500;
}
.section6 .article .category .c2 {
   color: var(--color-red);
}
.section6 .inner .wide .article > a .text .time {
   order: 2;
   color: var(--color-darker-grey);
}
.section6 .inner .wide .article > a .text .title,
.directory .overview .article .text .title {
   order: 3;
   width: 100%;
   font-size: var(--fontsize-large);
   font-weight: 700;
   line-height: 1.2em;
}
.section6 .inner .wide .freebie {
   border: 0;
   margin: 0;
}
.section6 .inner .side.right .article a,
.section8 .article a,
.section11 .article a {
   flex-direction: column;
   gap: var(--gap-smaller);
}
.section6 .inner .side.right .article a .text,
.section8 .article .text,
.section11 .article .text {
   gap: var(--gap-smaller);
}
.section6 .inner .side.right .article a .title,
.section8 .article .title,
.section11 .article .title {
   font-size: var(--fontsize-large);
   font-weight: 700;
   line-height: 1.2em;
}
.section6 .inner .side.right .article a .sub,
.section8 .article .sub {
   display: block;
   font-weight: 400;
   font-size: var(--fontsize-body);
}

.section8,
.section9,
.section10,
.section11,
.section12,
.section13,
.section14 {
   margin-top: var(--gap-section);
   margin-bottom: var(--gap-section);
}
.section8 .inner,
.section11 .inner {
   border-bottom: 1px solid #000;
}
.section8 .grid,
.section11 .grid {
   grid-template-rows: 1fr;
   padding: var(--gap-small) 0;
}
.section8 .grid .article,
.section11 .grid .article {
   grid-row: 1 / span 1;
}
.section8 .grid .article:not(:last-child),
.section11 .grid .article:not(:last-child),
.section14 .grid .list.griditem > div:not(:first-child) {
   border-right: 1px solid var(--color-border-grey);
   padding-right: calc(var(--gap-larger) / 2);
   margin-right: calc((var(--gap-larger) / 2) * -1);
}
.section14 .grid13 .list.griditem > div:not(:first-child) {
   border-right: 0;
}
.section8 .article a,
.section11 .article a,
.section14 .article a {
   display: flex;
}
.section8 .image img,
.section11 .image img,
.section14 .image img {
   height: 170px;
}

.grid9 {
   padding: var(--gap-small) 0 var(--gap-larger);
   border-bottom: 2px solid var(--color-black);
}
.grid9 .griditem {
   grid-column: 10 / span 3;
}
.grid9 .griditem .text .title {
   font-size: var(--fontsize-mini);
   font-weight: 500;
   padding-top: var(--gap-smaller);
   line-height: 1.2em;
}
.grid9 .griditem:nth-child(1) {
   grid-column: 1 / span 8;
   border-right: 1px solid var(--color-border-grey);
   padding-right: calc(var(--gap-larger) / 2);
   margin-right: calc((var(--gap-larger) / 2)* -1);
}
.grid9 .griditem:nth-child(1) .text .title {
   font-size: var(--fontsize-larger);
   font-weight: 700;
   text-align: center;
   padding-top: var(--gap-small);
}
.grid9 .griditem:nth-child(2) {
   border-bottom: 1px solid var(--color-border-grey);
}
.grid9 .griditem:not(:first-child) .image {
   height: 65%;
}

.section10 .full,
.section12 .full {
   border-bottom: 1px solid var(--color-black);
}
.section10 .grid,
.grid21 {
   padding: var(--gap-small) 0 var(--gap-larger);
}
.section10 .grid .article .text .title,
.grid21 .article .text .title {
   font-size: var(--fontsize-body);
   font-weight: 500;
   line-height: 1.2em;
   padding-top: var(--gap-small);
}
.section10 .grid .article:first-child .text .title,
.grid21 .article:first-child .text .title {
   font-size: var(--fontsize-larger);
   font-weight: 700;
   padding-bottom: var(--gap-small);
}
.section10 .grid .article:first-child .text .sub,
.grid21 .article:first-child .text .sub {
   display: block;
   line-height: 1.2em;
}
.section10 .grid .article:not(:first-child) .image,
.grid21 .article:not(:first-child) .image {
   height: 180px;
}

.link-block {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   /*gap: var(--gap-larger);*/
}
.link-block > div {
   width: 48%;
   display: flex;
   align-items: center;
   gap: var(--gap-smallest);
   border-bottom: 1px solid var(--color-border-grey);
}
.link-block > div > a:first-child {
   /*display: block;*/
   line-height: 1.2em;
   padding: var(--gap-smaller) 0;
   /*width: 100%;*/
}
.link-block > div:nth-child(odd):nth-last-child(2) a,
.link-block > div:last-child a {
   border-bottom: 0;
}

.section14 .inner .full {
   border-top: 6px solid var(--color-black);
}
.section14 .heading {
   padding-top: var(--gap-smaller);
   padding-bottom: var(--gap-large);
   margin-bottom: var(--gap-large);
}
.section14 .list.griditem .article:not(:last-child) {
   padding-bottom: var(--gap-larger);
}
.section14 .list.griditem .article:nth-child(2) {
   /*padding-top: var(--gap-small);*/
}
.section14 .griditem .article.normal a {
   flex-direction: column;
   font-weight: 700;
   line-height: 1.2em;
}
.section14 .griditem .article.normal a .image {
   margin-bottom: var(--gap-smallest);
}
.section14 .griditem .article.text a {
   font-size: var(--fontsize-mini);
   font-weight: 500;
}

/* Directory */
#main .directory {
   margin-top: var(--gap-section);
   margin-bottom: var(--gap-section);
}
.directory h1 {
   border-top: 6px solid var(--color-black);
   border-bottom: 1px solid var(--color-black);
   padding-top: var(--gap-smaller);
   padding-bottom: var(--gap-large);
   margin-bottom: var(--gap-large);
   font-size: var(--fontsize-larger);
   font-weight: 700;
}
.directory .overview {
   grid-template-columns: repeat(2, 1fr);
   gap: 0 var(--gap);
}
.directory .overview .article {
   padding-bottom: var(--gap-small);
   border-bottom: 1px solid var(--color-border-grey);
}
.directory .overview .article:nth-child(n + 3) {
   padding-top: var(--gap-small);
}
.directory .overview .article a .image {
   flex: 1;
   height: 120px;
}
.directory .overview .article a .text {
   flex: 2;
}
.directory .overview .article a .text .sub {
   display: block;
   order: 4;
}

/* Lead */
#main .lead {
   margin-top: var(--gap-section);
   margin-bottom: var(--gap-section);
}
.lead h1 {
   border-top: 6px solid var(--color-black);
   border-bottom: 1px solid var(--color-black);
   padding-top: var(--gap-smaller);
   padding-bottom: var(--gap-large);
   margin-bottom: var(--gap-large);
   font-size: var(--fontsize-larger);
   font-weight: 700;
}
.lead .content .overview {
   display: flex;
   flex-direction: column;
   width: 60%;
   min-width: 700px;
   margin: 0 auto var(--gap-small);
}
.lead .content .overview .offer {
   padding: var(--gap-small) 0;
   height: 110px;
   border-bottom: 1px solid var(--color-border-grey);
   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 {
   display: block;
}
.lead .content .overview .offer .cta {
   height: 100%;
   display: flex;
   align-items: center;
   font-weight: 600;
}
.lead .content .overview .offer .cta span {
   text-decoration: underline;
}
.lead .content .overview .offer .logo {
   width: 150px;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}
.lead .content .overview .offer .label,
.lead .content .detailed .offer .number {
   color: var(--color-red);
   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-mini);
}
.lead .content .offer .cta {
   font-size: var(--fontsize-mini);
   font-weight: 500;
}
.lead .content .offer .cta:after {
   content: "\2192";
   padding-left: var(--gap-smaller);
}
.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-border-grey);
   margin: 0;
   padding: var(--gap-larger) 0;
   gap: var(--gap-large);
}
.lead .content .detailed .offer > div {
   order: 10;
}
.lead .content .detailed .offer .number {
   order: 1;
   font-size: var(--fontsize-header-main);
}
.lead .content .detailed .offer .logo {
   order: 2;
   width: 90px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.lead .content .offer .logo img {
   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-red);
   font-size: var(--fontsize-mini);
   font-weight: 500;
}
.lead .content .detailed .offer .cta {
   order: 6;
   margin-left: auto;
   font-size: var(--fontsize-mini);
   font-weight: 500;
   background-color: var(--color-red);
   color: var(--color-white);
   padding: var(--gap-smaller) var(--gap-small);
   border-radius: 50px;
}
.lead .content .detailed .offer .description {
   order: 7;
}
.lead .content .detailed .offer .data1,
.lead .content .detailed .offer .data2,
.lead .content .detailed .offer .data3 {
   font-weight: 500;
}
.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(--gap-large);
   font-weight: 500;
}
.lead .content .detailed .offer .law {
   font-size: var(--fontsize-mini);
   color: var(--color-grey);
}

/* Single */
.single h1 {
   font-weight: 500;
   font-size: var(--fontsize-header-main);
   margin: 0;
   line-height: 1.1em;
}
.single article {
   margin: var(--gap-section) 0;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   position: relative;
}
.single .single-header,
.single .single-above,
.single .single-body,
.single .single-footer,
.single .single-bottom {
   width: 63%;
   order: 1;
}
.single .single-header,
.single .single-header .date,
.single .single-header .author,
.single .single-header .social,
.single .single-header .image {
   display: flex;
}
.single .single-header {
   flex-wrap: wrap;
   gap: var(--gap-normal);
}
.single .single-header .breadcrumbs {
   display: flex;
   font-size: var(--fontsize-mini);
   color: var(--color-red);
   font-weight: 500;
   order: 1;
}
.single .single-header .breadcrumbs a {
   text-decoration: none;
   color: var(--color-red);
}
.single .single-header .breadcrumbs a:visited {
   color: var(--color-red);
}
.single .single-header .date {
   order: 2;
   font-size: var(--fontsize-mini);
   color: var(--color-darker-grey);
   margin-left: auto;
}
.single .single-header .title {
   order: 3;
}
.single .single-header .author {
   order: 4;
   color: var(--color-darker-grey);
   font-weight: 500;
   font-family: var(--font1);
}
.single .single-header .social {
   order: 5;
   width: 100%;
}
.single .single-header .social .element-title {
   display: none;
}
.single .single-header .social .items {
   gap: var(--gap-smaller);
}
.single .single-header .image {
   order: 6;
   flex-direction: column;
}
.single .single-header .image img {
   display: block;
}
.single .single-header .credits {
   padding: var(--gap-small) 0;
   border-bottom: 1px solid var(--color-darker-grey);
   color: var(--color-darker-grey);
   font-size: var(--fontsize-mini);
}
.single .single-body,
#main .page .content {
   font-family: var(--font2);
   font-size: var(--fontsize-large);
   line-height: 1.875rem;
   width: calc(63% - 8rem);
   padding: 0 4rem;
}
.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(--font3);
}
.single-body h2, 
.page .content h2 {
   font-size: var(--fontsize-largest);
}
.single-body h3,
.page .content h3 {
   font-size: var(--fontsize-larger);
}
.single-body h4,
.page .content h4 {
   font-size: var(--fontsize-large);
}
.single-body h5,
.page .content h5 {
   font-size: var(--fontsize-body);
}
.single-body h6,
.page .content h6 {
   font-size: var(--fontsize-mini);
}
.single .single-body p,
.page p {
   margin-bottom: 2rem;
   margin-top: 2rem;
}
.single-body blockquote,
.page .content blockquote {
   font-size: 1.125rem;
   border-width: 1px 0;
   border-style: solid;
   border-color: #c4cace;
   padding: 1.25rem 1.5rem;
   margin: 0;
}
.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;
}
.single .single-body a,
.page .content a {
   color: var(--color-black);
   text-decoration: none;
   border-bottom: 1px solid var(--color-pink);
}
.single .single-body a:hover,
.page .content a:hover {
   text-decoration: underline;
}
.single .single-body .related .heading,
.single .single-bottom h2 {
   border-top: 6px solid var(--color-black);
   border-bottom: 1px solid var(--color-black);
   padding-top: var(--gap-smaller);
   padding-bottom: var(--gap-large);
   margin-bottom: var(--gap-large);
   font-size: var(--fontsize-larger);
   font-weight: 700;
}
.single .single-body .related .heading h3 {
   margin: 0;
   font-size: var(--fontsize-larger);
}
.single .single-body .related .articles {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap-small);
}
.single .single-body .related .articles .article {
   flex: 1 1 33.3333%;
   border-bottom: 1px solid var(--color-border-grey);
   font-family: var(--font3);
   padding-bottom: var(--gap-larger);
}
.related .articles .article:nth-child(1n+3) {
   display: none;
}
.single .single-body .related a {
   color: var(--color-black);
   display: flex;
   flex-direction: column;
   gap: var(--gap-smallest);
   border-bottom: 0;
}
.single .single-body .related .articles .article .image img {
   display: block;
   height: 130px;
}
.single .single-body .related .articles .article .title {
   font-weight: 600;
   font-size: var(--fontsize-body);
   font-family: var(--font1);
   line-height: 1.3em;
}
.single .single-body .faq h3 {
   margin: 0;
}
.single .single-body .faq h3:not(:first-of-type) {
   border-top: 1px solid var(--color-border-grey);
   padding-top: 1rem;
}
.single .single-body .faq p {
   margin: 0px;
   margin-bottom: 1rem;
}
.single .single-right.side {
   width: 31%;
   position: absolute;
   top: 45px;
   right: 0px;
   order: 2;
}
.single .single-right.side .article:first-child {
   padding-top: 0px;
}
.single .single-right.side .email {
   display: none;
}
.single .single-bottom {
   width: 100%;
   margin-top: var(--gap-large);
}
.single .single-bottom .section12 {
   margin-top: 0px;
}
.single .single-bottom .grid21 {
   padding-top: 0;
}

.single .best .overview,
.single .best .detailed {
   margin: var(--gap-larger) 0;
}
.single .best .overview h2,
.single .best .detailed h2 {
   border-top: 6px solid var(--color-black);
   border-bottom: 1px solid #000;
   font-size: var(--fontsize-larger);
   font-weight: 700;
   padding-top: var(--gap-smallest);
   padding-bottom: var(--gap-smallest);
   margin: 0;
}
.single .best .product {
   display: flex;
   padding: var(--gap-larger) 0 var(--gap-large);
   flex-wrap: wrap;
   font-family: var(--font3);
   font-size: var(--fontsize-body);
   align-items: center;
}
.single .best .overview .product {
   gap: var(--gap-small);
}
.single .best .product:not(:last-child) {
   border-bottom: 1px solid var(--color-border-grey);
}
.single .best .product a {
   border: 0;
}
.single .best .overview .product .rating1 {
   display: block;
   order: 2;
}
.single .best .overview .product .image {
   display: flex;
   order: 3;
   height: 70px;
   width: 100px;
   justify-content: center;
}
.single .best .overview .product .image img {
   display: block;
   height: 100%;
   width: auto;
}
.single .best .overview .product .title {
   order: 1;
   width: calc(100% - 80px - var(--gap-small));
   font-size: var(--fontsize-large);
   font-weight: 700;
}
.single .best .product .cta {
   font-size: var(--fontsize-mini);
   font-weight: 500;
   background-color: var(--color-red);
   border-radius: 50px;
   padding: var(--gap-smaller) var(--gap-small);
}
.single .best .overview .product .cta {
   display: block;
   order: 5;
   flex: 1;
   width: 150px;
   margin-left: auto;
   font-weight: 800;
   text-align: center;
   color: var(--color-white);
   border-radius: 50px;
}
.single .best .overview .product .cta a {
   color: var(--color-white);
}
.single .best .product .cta a:after {
   content: "\2192";
   margin-left: var(--gap-smaller);
}
.single .best .overview .product .summary {
   display: block;
   order: 4;
   flex: 2;
   line-height: 1.2em;
}

.best .detailed {
   flex-direction: column;
   align-items: flex-start;
}
.best .detailed .product .title {
   font-weight: 500;
   font-size: var(--fontsize-large);
}
.best .detailed .product {
   border-bottom: 1px solid var(--color-light-grey);
}
.best .detailed .product .label,
.best .detailed .product .image,
.best .detailed .product .price,
.best .detailed .product .cta,
.best .detailed .product .pros-cons-1-list,
.best .detailed .product .description,
.best .detailed .product .specifications {
   display: block;
   margin-bottom: var(--gap-small);
}
.best .detailed .product .label,
.best .detailed .product .image,
.best .detailed .product .title,
.best .detailed .product .pros-cons-1-list,
.best .detailed .product .description,
.best .detailed .product .specifications {
   width: 100%;
}
.best .detailed .product .label {
   order: 2;
   font-weight: 700;
   font-size: var(--fontsize-larger);
   margin-bottom: 0px;
}
.best .detailed .product .title {
   order: 3;
   margin-bottom: var(--gap-small);
}
.best .detailed .product .image {
   order: 1;
   width: 100%;
}
.best .detailed .product .image img {
   width: 100%;
}
.best .detailed .product .description {
   order: 4;
}
.best .detailed .product .description > p {
   margin: 1rem 0;
   font-family: var(--font2);
   font-size: var(--fontsize-large);
}
.best .detailed .product .description > p:first-child {
   margin-top: 0px;
}
.best .detailed .product .price {
   order: 5;
   font-weight: 500;
   border: 1px solid var(--color-black);
   padding: var(--gap-small) var(--gap-normal);
   margin-right: var(--gap-small);
}
.best .detailed .product .cta {
   order: 6;
}
.best .detailed .product .cta a {
   font-size: var(--fontsize-body);
   color: var(--color-white);
   font-weight: 700;
}
.best .detailed .product .cta a:hover {
   text-decoration: none;
}
.best .detailed .product .rating2 {
   order: 7;
}
.best .detailed .product .rating3 {
   order: 8;
}
.best .detailed .product .pros-cons-1-list {
   order: 9;
   font-family: var(--font2);
   font-size: var(--fontsize-large);
}
.best .detailed .product .specifications h3 {
   margin-top: 0px;
}
.best .detailed .product .specifications {
   order: 10;
   margin-bottom: 0px;
   font-family: var(--font2);
   font-size: var(--fontsize-large);
}
.best .detailed .product .specifications ul {
   margin-bottom: 0px;
}

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

.shop .overview {
   grid-template-columns: repeat(3, 1fr);
   gap: var(--gap-small);
}
.shop .overview .product {
   display: flex;
   flex-direction: column;
   align-items: center;
   /*box-shadow: 0 2px 4px 0 rgba(30, 35, 41, .1);*/
   padding: 10px 0px 80px;
   text-align: center;
   position: relative;
   font-family: var(--font3);
   line-height: 1.2em;
   gap: var(--gap-small);
}
.shop .overview .product a {
   color: var(--color-black);
   border: 0;
}
.shop .overview .product .price,
.shop .overview .product .cta,
.shop .overview .product .rating1 {
   display: block;
}
.shop .overview .product .image {
   order: 1;
   height: 160px;
}
.shop .overview .product .image img {
   display: block;
   height: 100%;
   width: auto;
}
.shop .overview .product .rating1 {
   order: 2;
}
.shop .overview .product > .title {
   order: 3;
   font-weight: 600;
}
.shop .overview .product .price,
.shop .overview .product .cta {
   position: absolute;
}
.shop .overview .product .price {
   bottom: 45px;
}
.shop .overview .product .cta {
   bottom: 10px;
}
.shop .overview .product .cta a {
   font-size: var(--fontsize-body);
   font-weight: 500;
   color: var(--color-red);
}
.shop .overview .product a:hover {
   text-decoration: none;
}
.shop .overview .product .cta a:after {
   content: "\2192";
   margin-left: var(--gap-smaller);
}

body > footer {
   padding: var(--gap-larger) var(--gap-normal);
}
body > footer .inner {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: var(--gap-normal);
   font-size: var(--fontsize-mini);
}
body > footer [class^='list'] {
   flex-basis: 18%;
   order: 1;
   line-height: 1.4em;
}
body > footer [class^='list'] .element-title {
   font-weight: 700;
}
body > footer [class^='list'] a {
   text-decoration: none;
   font-size: var(--fontsize-mini);
   color: var(--color-black);
}
body > footer [class^='list'] a:visited {
   color: var(--color-black);
}
body > footer .inner .logo,
body > footer .inner .copyright {
   width: 100%;
   order: 2;
   font-size: var(--fontsize-mini);
   text-align: center;
}
body > footer .inner .copyright .short,
body > footer .inner .copyright .medium {
   display: none;
}
body > footer .inner .logo {
   display: flex;
   justify-content: center;
   margin-top: var(--gap-small);
}
body > footer .inner .logo img {
   width: 130px;
   display: block;
}

@media (max-width: 1200px) {
   .section2 .inner,
   .section6 .inner {
      flex-direction: row;
   }
   .lead .content .detailed .offer .data1,
   .lead .content .detailed .offer .data2,
   .lead .content .detailed .offer .data3,
   .lead .content .detailed .offer .list ul {
      font-size: var(--fontsize-mini);
   }
}
@media (max-width: 1000px) {
   #header-scroll .join, 
   #header-scroll .site-categories .items, 
   #header-normal .header-normal-2 .site-categories .items {
      gap: var(--gap-small);
   }
   header .desktop > div:not(#header-sticky) [class$='-1'] .search {
      max-width: 200px;
   }
   #header-normal .header-normal-1 .logo {
      max-width: 120px;
   }
   .section2 .inner, .section6 .inner {
      flex-direction: column;
   }
   .section .wide {
      width: 100%;
   }
   .section6 .inner .wide {
      padding-right: 0;
      border-right: 0;
   }
   .section .side {
      width: 100%;
   }
   .section2 .wide,
   .section2 .wide .grid:nth-child(2) > .normal {
      border-right: 0;
   }
   .section2 .wide .gridimg3:first-child {
      padding: 0;
   }
   .gridimg3 .griditem,
   .grid4 .griditem,
   .grid6 .griditem {
      height: auto;
   }
   .section2 .wide .grid:nth-child(2) > .normal {
      border-bottom: 1px solid black;
      padding: 0 0 var(--gap-larger);
   }
   .section2 .wide .grid:nth-child(2) > .text {
      margin: 0;
   }
   .section2 .wide .gridimg3 .sub,
   .section2 .wide .grid:nth-child(2) .normal .sub, 
   .section2 .wide .grid:nth-child(3) .normal .sub {
      margin: var(--gap-small) 0;
   }
   .section2 .wide .grid:nth-child(3) > .normal {
      padding-left: 0;
      border-left: 0;
   }
   .section4 .grid {
      grid-template-rows: auto auto;
   }
   .grid31 .griditem:nth-child(4),
   .grid31 .griditem:nth-child(5),
   .grid31 .griditem:nth-child(6) {
      grid-row: 2 / span 1;
   }
   .grid13 {
      grid-template-rows: auto auto;
   }
   .grid13 .griditem:nth-child(1),
   .grid13 .griditem:nth-child(2) {
      grid-row: 1 / span 1;
   }
   .grid13 .griditem:nth-child(3),
   .grid13 .griditem:nth-child(4) {
      grid-row: 2 / span 1;
   }
   .grid13 .griditem:nth-child(2) {
      border-right: 0;
   }
   .grid9 {
      grid-template-rows: auto auto;
   }
   .grid9 .griditem:nth-child(1) {
      grid-column: 1 / span 12;
      grid-row: 1 / span 1;
      border: 0;
   }
   .grid9 .griditem:nth-child(2) {
      grid-column: 1 / span 6;
      border:0;
      grid-row: 2 / span 1;
   }
   .grid9 .griditem:nth-child(3) {
      grid-column: 7 / span 6;
      grid-row: 2 / span 1;
   }
   .grid21 {
      grid-template-rows: repeat(3, auto);
   }
   .lead .content .detailed .offer {
      justify-content: center;
   }
   .lead .content .detailed .offer .cta, 
   .lead .content .detailed .offer .list {
      margin: 0;
   }
   .single .single-header, 
   .single .single-above, 
   .single .single-body, 
   .single .single-footer, 
   .single .single-bottom,
   .single .single-right.side {
      width: 100%;
   }
   .single .single-right.side {
      position: relative;
      top: auto;
      right: auto;
   }
   .single .single-body,
   #main .page .content {
      padding: 0;
      width: 100%;
   }
   .single-bottom {
      order: 3;
   }
}
@media (max-width: 767px) {
   #header-normal .header-normal-1 .join, #header-scroll .site-categories .items a {
      font-size: var(--fontsize-mini);
   }
   header .desktop > div:not(#header-sticky) [class$='-1'] .search {
      max-width: 150px;
   }
   .section8 .grid .article:not(:last-child), 
   .section11 .grid .article:not(:last-child), 
   .section14 .grid .list.griditem > div:not(:first-child),
   .grid13 .griditem:not(:last-child),
   .section6 .inner .wide {
      border: 0;
   }
   .link-block > div {
      width: 100%;
   }
   .grid13 .griditem:not(:last-child) {
      padding-right: 0px;
      padding-bottom: var(--gap-small);
   }
   .directory .overview,
   .shop .overview {
      grid-template-columns: 1fr;
   }
   .section6 .inner .wide .article > a .text .title, .directory .overview .article .text .title {
      font-size: var(--fontsize-body);
   }
   .directory .overview .article:not(:last-child) {
      margin-bottom: var(--gap-small);
   }
   .lead .content .overview .offer {
      height: auto;
      align-content: center;
   }
   .lead .content .overview .offer .label {
      margin: var(--gap-smallest) 0;
   }
   .lead .content .detailed .offer .list ul {
      flex-direction: column;
   }
   .single-body > table,
   .page .content > table {
      max-width: 100%;
      overflow-x: auto;
      display: block;
   }
   .lead .content .overview {
      width: 100%;
      min-width: 0;
   }
   .grid21 .griditem:not(:last-child) {
      padding-bottom: var(--gap-larger);
   }
   .section14 .heading {
      padding-bottom: var(--gap-small);
   }
   .directory .overview .article a {
      flex-direction: column;
   }
}