/*
Theme Name:     Hansolu Child
Theme URI:      https://passionestrumenti.it/
Description:    Child-Theme von GearNews mit allen Änderungen hier gepflegt
Author:         Dein Name
Author URI:     https://passionestrumenti.it/
Template:       gearnews
Version:        1.0.0
Text Domain:    hansolu-child
Domain Path:    /languages/
*/


:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-grey-01: #f4f4f4;
  --color-grey-02: #b3b3b3;

  --color-category-01: #77FFB0;
  --color-category-02: #67BCFA;
  --color-category-03: #A76DEE;
  --color-category-04: #FFE435;
  --color-category-05: #FFAD77;

  --color-lime: #D1FF8A;

  --color-primary: var(--color-black);
  --color-bg: var(--color-white);
  --color-border: var(--color-grey-02);

  --font-base: 'Rubik', sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;
}


@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

:root {
  --font-family-base: 'Rubik', sans-serif;
  --body-size: 16px;
  --body-line-height: 140%;
}

/* H1 */
h1 {
  font-family: var(--font-family-base);
  font-weight: 700;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: 0;
  color: var(--color-black);
}
@media (max-width: 767px) {
  h1 {
    font-size: 26px;
    line-height: 100%;
    /* letter-spacing bleibt 0 */
  }
}

/* H2 */
.h2, h2 {
  font-family: var(--font-family-base);
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0;
  color: var(--color-black);
}
@media (max-width: 767px) {
  .h2,h2 {
    font-size: 24px;
    /* line-height: 100% */
  }
}

/* H3 */
h3, .h3 ,.headline,.yarpp-related h3,.widget .h3{
  font-family: var(--font-family-base);
  font-weight: 700!important;
  font-size: 26px!important;
  line-height: 28px!important;
  letter-spacing: 0!important;
  margin: 0px 0px 10px 0px;
  color: var(--color-black);
}
@media (max-width: 767px) {
  h3, .h3 {
    font-size: 24px;
    line-height: 100%;
  }
}


/* Subtitle Level 01 */
.subtitle-lvl1{
  font-family: var(--font-family-base);
  font-weight: 700!important;
  font-size: 18px!important;
  line-height: 24px!important;
  letter-spacing: 0;
  color: var(--color-black);
}
.subtitle-lvl1 a:hover{text-decoration: underline;}
@media (max-width: 767px) {
  .subtitle-lvl1 {
    font-weight: 600;
    /* font-size bleibt 18px */
    line-height: 100%;
    text-decoration: underline solid 0% auto;
    /* shorthand: text-decoration: [type] [style] [thickness] [offset]; */
    /* thickness und offset sind 0, skip-ink auto */
    text-decoration-skip-ink: auto;
  }
}


/* Subtitle Level 02 (right-side modules) */
.aside .widget .post-list h4, .aside .widget .post-list .h4, .subtitle-lvl2-right {
  font-family: var(--font-family-base);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  color: var(--color-black);
}

/* Subtitle Level 02 (all others, Mobile overrides) */
.subtitle-lvl2 {
  font-family: var(--font-family-base);
  color: var(--color-black);
  /* Desktop: falls nötig, könnt ihr hier weight 500 etc. setzen, 
     ansonsten erbt .subtitle-lvl2-right */
}
@media (max-width: 767px) {
  .subtitle-lvl2 {
    font-family: var(--font-family-base);
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: underline solid 0% auto;
    text-decoration-skip-ink: auto;
  }
}


/* Subtitle Level 03 (inside content) */
.subtitle-lvl3 {
  font-family: var(--font-family-base);
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--color-black);
}
@media (max-width: 767px) {
  .subtitle-lvl3 {
    font-size: 18px;
    /* weight und line-height bleiben wie Desktop */
  }
}

/* Desktop: Basis-Paragraph */
input, button, select, textarea,p {
  font-family: var(--font-family-base);
  font-weight: 400;
  font-size: var(--body-size);
  line-height: var(--body-line-height);
  letter-spacing: 0;
  margin-bottom: 1em;
  color: var(--color-black);
}

/* Desktop: Bold innerhalb von p */
p strong,
p b {
  font-weight: 700;
}

/* Desktop: Italic innerhalb von p */
p em,
p i {
  font-weight: 600;
  font-style: italic;
}

a:hover,
a:focus {
    color:   #000000!important;    
    outline: none;
}

a{text-decoration: none;}

/* Desktop: Link-Stil innerhalb von p */
p a {
  font-weight: 500;
  text-decoration: underline solid 0% auto;
  text-decoration-skip-ink: auto;
  /* gleiche Größenangabe wie Body */
  font-size: var(--body-size);
  line-height: var(--body-line-height);
  color: var(--color-black);
}
a{color: var(--color-black);}

/* Mobile Overrides */
@media (max-width: 767px) {
  /* p bleibt 16px / 100% */
  p {
    /* keine Änderung nötig, erbt Basis */
  }

  /* Semibold (bold) auf Mobile: Gewicht 600 */
  p strong,
  p b {
    font-weight: 600;
  }

  /* Italic bleibt wie Desktop */
  p em,
  p i {
    /* weight und style wie Desktop */
  }

  /* Link bleibt wie Desktop */
  p a {
    /* weight und Underline wie Desktop */
  }
}

/* --- Captions --- */

/* Author (Desktop) */
.caption-author {
  font-family: var(--font-family-base);
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--color-black);
}

/* Credits (Desktop) */
.caption-credits {
  font-family: var(--font-family-base);
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
}

/* Category (Desktop) */
.caption-category {
  font-family: var(--font-family-base);
  font-weight: 600;
  font-size: 14px;
  line-height: 50px;
  letter-spacing: 0;
}

/* Basis für alle caption-category */
.caption-category {
  position: relative;
  padding-bottom: 0.25em;
  /* optional: Abstand, damit die Linie nicht den Text berührt */
}

/* Pseudoelement als Unterstreichung */
.caption-category::after {
  content: '';
  position: absolute;
  left:   0;
  bottom: 0;
  width:  100%;
  height: 3px;
  background-color: var(--color-category-01); /* Default-Farbe */
}

/* Jetzt pro Slug überschreiben */

/* Beispiel: Erster Kategorie-Slug heißt z.B. “chitarre” */
.caption-chitarre::after {
  background-color: var(--color-category-01);
}

/* Weitere Mappings: */
.caption-sintetizzatori::after {
  background-color: var(--color-category-02);
}
.caption-pedali::after {
  background-color: var(--color-category-03);
}
.caption-accessori::after {
  background-color: var(--color-category-04);
}
.caption-amplificatori::after {
  background-color: var(--color-category-05);
}
/* --- Top Label --- */

/* Top Label (Desktop) */
.top-label {
  font-family: var(--font-family-base);
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
}


/* --- Mobile Overrides --- */
@media (max-width: 767px) {
  /* Author (Mobile) */
  .caption-author {
    font-size: 14px;
    /* weight, line-height bleiben 400 / 100% */
  }

  /* Credits (Mobile) */
  .caption-credits {
    font-size: 14px;
  }

  /* Category (Mobile) */
  .caption-category {
    font-weight: 500;
    /* font-size bleibt 14px, line-height 50px */
  }

  /* Top Label (Mobile) */
  .top-label {
    font-size: 20px;
    /* weight, line-height, vertical-align bleiben wie Desktop */
  }
}

/* Recommendation Box Layout */

.hrb-wrapper {
    background: var(--color-grey-01);
    padding: 20px;
}

.hrb-wrapper::after {
    content: " ";
    width: 400px;
    height: 300px;
    background-color: #D1FF8A;
    position: absolute;
    bottom: -30px;
    right: -10px;
    z-index: -1;
}
@media only screen and (max-width: 980px) {
  .hrb-wrapper::after {content: none;}
}

.hrb-controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.hrb-categories button {
    background: var(--color-lime);
    font-size:20px!important;
    opacity: 0.8;
    border: none;
    padding: 12px;
    margin-right: 10px;
    cursor: pointer;
    font-weight: bold;
}

.hrb-categories .active {
    background: var(--color-lime);
    opacity: 1;
}

.hrb-categories .hrb-cat-btn:first-child.active::before {
    content: '';
    position: absolute;
    top: 21px;
    left: -950px;
    width: 1000px;
    height: 52px;
    background-color: var(--color-lime);
    z-index: -1;
}

.hrb-filter select {
    padding: 8px;
}

.hrb-slider-container {
    display: flex;
    align-items: center;
    position: relative;
    margin-top:20px;
}

.hrb-post h3{margin-top: 15px;}

.hrb-posts-slider-wrapper {
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
}

.hrb-posts-slider {
    display: flex;
    transition: transform 0.3s ease;
    width: 100%;
}
.hrb-thumb{margin-bottom: 30px;}
.hrb-post {
    flex: 0 0 33.3333%;
    box-sizing: border-box;
    padding: 0 10px;
}

.hrb-load-more-wrap {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.hrb-load-more {
    padding: 10px 30px;
    background: transparent;
    border: 2px solid #000;
    font-weight: bolder;
    cursor: pointer;
}

.hrb-load-more:hover {
    background: var(--color-lime);
}

.hrb-categories-mobile {
    display: none!important;
}
.hrb-categories{z-index: 1;}

/* Responsive Styles */
@media (max-width: 768px) {

    .hrb-slider-next,
    .hrb-slider-prev {
        display: none;
    }

    .hrb-posts-slider {
        flex-direction: column;
        gap: 20px;
    }


    .hrb-controls {
        flex-direction: column;
        align-items: center;
    }

    .hrb-categories {
        display: none !important;
    }

    .hrb-categories-mobile {
        display: flex!important;
        justify-content: center;
        margin-bottom: 20px;
        width: 100%;
    }

    .hrb-categories-mobile select {
        width: 100%;
        padding: 10px;
        border: none;
        border-right: 10px solid transparent;
        background: var(--color-lime);
        color: #000;
        font-weight: bold;
        font-size: 1.3rem;
    }

    .hrb-filter {
        width: 80%;
    }

    .hrb-filter select {
        width: 100%;
    }

    .hrb-wrapper {
        padding-left: 0;
        padding-right: 0;
        max-width: 1200px;
    }

    .hrb-post {
        padding: 0 !important;
    }

    .hrb-post img {
        width: 100%;
        border-radius: 5px;
        height: auto;
        margin-bottom: 10px;
    }

    .hrb-post > a > *:not(:first-child) {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hrb-wrapper::after {
        width: 100%;
        height: 50px;
        right: -50%;
    }
}

#footer .footer-nav a{font-size:var(--body-size);}


.container {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 20px;
}

.grid {
  display: grid;
  gap: 30px;
}

.section {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.section.banner-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}



.grid-cols-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 980px) {
  .grid-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .grid-cols-3 {
    grid-template-columns: 1fr;
  }

  section.recommendation-section.container {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.column {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Card Layout */
.card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-bg);
  overflow: hidden;
  transition: transform 0.2s ease;
}

.card img {
  width: 100%;
  height: auto;
  display: block;
}

.card .meta-item img {
  width: 12px;
  height: auto;
  margin-top: -3px;
  display: inline-block;
}
.post-info{font-size: 12px;}

.card-title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.75rem;
  color: var(--color-text);
}
.masonry-grid .card {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
}
.card {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}


.card-meta {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  color: var(--color-meta);
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  align-items: center;
}

.card-meta svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  margin-right: 0.3em;
}

.card-excerpt {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin-top: 0.75rem;
}

.card-small {
  flex: 0 0 100%;
}

/* .card-medium {
  flex: 0 0 calc(50% - 1rem);
} */

.card-large {
  flex: 0 0 calc(100%);
}
@media (max-width: 980px) {  
.card-body{padding:10px 20px 0px 20px;}
}

@media (min-width: 768px) {    
  .card-small {
    flex: 0 0 calc(33.333% - 1rem);
  }

  /* .card-medium {
    flex: 0 0 calc(50% - 1rem);
  } */

  .card-large {
    flex: 0 0 calc(100%);
  }
}

/* Featured Post Startseite */
.post-featured {
  text-align: center;
  background-color: #f5f5f5;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.post-featured .category {
  display: inline-block;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #888;
  background-color: #e0e0e0;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  margin: 0.5rem 0;
}

.post-featured img {
  width: 100%;
  height: auto;
  /* border-radius: 8px; */
  margin: 1rem 0;
}


/* Slider Styles Basis */

.chs-slider-container {
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width: 980px) {
  .chs-slider-container {max-width: 100%;}
}

.chs-slider-background::after {
    content: " ";
    width: 400px;
    height: 300px;
    background-color: #D1FF8A;
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin-right: -30px;
}

.chs-slider-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
}

.chs-slider-track {
    display: flex;
    transition: transform 0.6s ease-in-out;
    width: 100%;
}

.chs-slide {
    display: flex;
    width: 100%;
    min-width: 100%;
}

.chs-innerbackground{
    padding:2rem;
background-color: #f5f5f5;
}

.chs-left-text {    
    width: 40%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.chs-left-text .chs-category {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.chs-right-image {
    width: 60%;
    position: relative;
}

.chs-right-image img {
    width: 100%;
    height: auto;
    display: block;
}

.chs-top-banner {
    position: absolute;
    top: 1rem;
    margin-left: -20px;
    background: #D1FF8A;
    font-weight: bold;
    padding: 0.5rem 1rem;    
}

.chs-top-banner span {
    font-weight: normal;
}

.chs-slider-footer {
    float: right;
    width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem;
}

.chs-progress-indicator {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.chs-progress-track {
    background: #ccc;
    height: 5px;
    width: 80px;
    border-radius: 10px;
    overflow: hidden;
}

.chs-progress-fill {
    background: #C5F365;
    height: 100%;
    width: 0%;
    transition: width 0.4s ease-in-out;
}

.chs-nav-arrows button {
    background-color: transparent;
    border: none;    
    cursor: pointer;
    margin-left: 1rem;
}


.hrb-slider-prev,
.hrb-slider-next,
.chs-nav-arrows button {
    background-color: transparent;
  width: 40px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  cursor: pointer;
}
.chs-prev,.hrb-slider-prev {
  background-image: url('./img/arrow-left.svg');
}
.chs-next,.hrb-slider-next {
  background-image: url('./img/arrow-right.svg');
}
html :where([style*=border-bottom-color]) {
    border-bottom-style: none;
}

@media screen and (max-width: 980px) {
    .chs-slide {
        flex-direction: column;
        justify-content: space-between;
        height: fit-content;
    }

    .chs-right-image,
    .chs-left-text,
    .chs-slider-footer {
        width: 100%;
        padding: 0 !important;
    }

    .chs-left-text h2 {
        line-height: 1.2;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-bottom: 10px!important;
        margin-top: 10px!important;
    }

    .chs-slider-background::after {
        width: 160px;
        height: 40px;
        margin-right: 0px!important;
        bottom:40px;
    }

    .chs-category {
        margin-left: 20px !important;
        margin-bottom: 0px!important;        
    }

    .chs-top-banner {
        position: relative;
        top: 15px;
        left: 15px;
        margin-left: 0;
        width: 100px;
        text-align: center;
        display: flex;
        gap: 0.2rem;
        padding: 0.3rem 0.6rem;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
    }

    .chs-slider-footer {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}




/* Button Basis */
.btn {
  font-family: var(--font-family-base);
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  border: 1px solid #000000;
  border-radius: 2px;
  padding: 16px 8px;
  background: transparent;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  /* Für Buttons als inline-block, Links im Button-Stil etc. */
}
.menubutton, .menubutton a{
  background: #D1FF8A!important;
  line-height: 20px!important;
}
.menubutton a{
color:#000000!important;
}
/* Hover-State */
.btn:hover,
.btn:focus {
  background: #D1FF8A;
  outline: none;
}
/* Optional: aktiver/fokussierter Zustand */
.btn:active {
  transform: translateY(1px);
}

.content-separator-oben,.content-separator-unten {
    position: relative;
    height: 100px;
    width: 100%; /* optional: volle Breite */
}

.content-separator-oben::before {
    content: "";
    position: absolute;
    top: 35%; /* Mitte der Höhe */
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #B3B3B3; /* beliebige Farbe */
}
.content-separator-unten::before {
    content: "";
    position: absolute;
    top: 75%; /* Mitte der Höhe */
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #B3B3B3; /* beliebige Farbe */
}

/* Baseline: Desktop */
.swap-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.swap-wrapper .section-a { order: 1;}
.swap-wrapper .section-b { order: 2;padding:0px!important}

/* Mobile (< md) tauschen */
@media (max-width: 767.98px) {
  .swap-wrapper .section-a { order: 2; }
  .swap-wrapper .section-b { order: 1; }
}

/* Responsive Breiten nach Bedarf */
.swap-wrapper .section-a { flex: 0 0 100%; /* col-12 */ }
.swap-wrapper .section-b { flex: 0 0 100%; /* col-12 */ }
@media (min-width: 768px) {
  .swap-wrapper .section-a { flex: 0 0 33.3333%; /* col-md-4 */ }
  .swap-wrapper .section-b { flex: 0 0 66.6667%; /* col-md-8 */ }
}

/* =
  MENUUU
*/

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
    width: 5px!important;
    height: 5px!important;
    background-color: #ffffff!important;
}
.hamburger.is-active .hamburger-inner:before,.hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner{width: 40px !important;height: 4px !important;}
.hamburger.is-active{padding: 10px 0px 0px 0px !important;}

.hamburger{opacity: 1!important;padding:10px!important;}

.btn-search img{display: block;}

.btn-search-desktoponly{
display: inline-block!important;
    margin-left: 20px;
    margin-top: 7px;
    position: absolute;
    }

.right{max-width: 100%;}

/* Basis: Menü-Positionierung */
.menu,
.menu ul {
  list-style: none;  
  padding: 0;
}
.menu li {
  position: relative;
}

/* Sub-Menü zunächst verstecken */
.menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;       /* direkt unter dem übergeordneten li */
  left: 0;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  z-index: 1000;
  min-width: 200px;
}

/* Beim Hover Sub-Menü anzeigen */
.menu li:hover > .sub-menu {
  display: block;
}

/* Sub-Menü-Items stylen */
.menu .sub-menu li {
  border-bottom: 1px solid #eee;
}
.menu .sub-menu li:last-child {
  border-bottom: none;
}
.menu .sub-menu li a {
  display: block;
  padding: 5px 15px;
  color: #000!important;
  text-decoration: none;
}
.menu .sub-menu li a:hover {
  background: #f5f5f5;
}

/* Chevron-Pfeil am Parent-Link */
.menu li.menu-item-has-children > a {
  padding-right: 1.5em;      /* Platz für den Pfeil */
  position: relative;
}
.navigation-holder li.active > a::after, .mobile-navholder li.menu-item-has-children > a::after{       
    background-image: url(./img/chevron-down-black.svg)!important;
}
.menu li.menu-item-has-children > a::after {
    content: "";
    position: absolute;
    right: 0.5em;
    top: 57%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-image: url(./img/chevron-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.2s, background-image 0.2s;
}

/* Beim Hover (z. B. Desktop) oder wenn geöffnet */
.menu li.menu-item-has-children:hover > a::after {
    background-image: url('./img/chevron-up.svg');
}

.menu li.menu-item-has-children.open > a::after {
    background-image: url('./img/chevron-up.svg');
}

.navigation-holder li.active a, .navigation-holder a:active, .navigation-holder a:hover{
background-color: #ffffff;
color: #000000!important;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.navigation-holder li.active > a,
.navigation-holder li.menu-item-has-children:hover > a,
.navigation-holder a:active,
.navigation-holder a:hover {
  background-color: #ffffff;
  color: #000000 !important;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.navigation-holder li.active > a{border-radius: 2px;}

/* .navigation-holder a{
border-bottom: 1px solid #000000;
} */
.navigation-holder .menu-item-has-children > a{border-bottom: 1px solid #000000;}

.menu .sub-menu li{
    border-bottom: 1px solid #000000;
}
.menu .sub-menu li{
    width: 100%;
    margin:0px;
}
.menu .sub-menu li a{
    padding: 5px 10px;
}
.menu .sub-menu li a:hover{
    text-decoration: underline;
}

.btn.menubutton{
    padding: 6px 12px!important;
    border-radius: 2px;
    font-weight: 700!important;
}

.btn.menubutton a{   
    border-bottom:0px!important;
}
.btn.menubutton a:hover{
    background-color: #d6ff8f!important;
    text-decoration: none!important;
    margin-top: 0px!important;
    border-bottom:0px!important;
    font-weight: 700!important;
}

/* === Custom Container Styles (Start) === */
@media only screen and (max-width: 980px) {
  .container {
    width: 90% !important;
  }
  #main{padding-right: 0px!important;padding-left: 0px!important;}
}

/* === Custom Container Styles (End) === */



/* === Custom Menu Styles (Start) === */

@media only screen and (min-width:1200px) and (max-width: 1480px) {
    .desktoplogo {margin-left: 0px!important;}
    .logo img{width:140px}
    .desktoplogo .logo{
    float: none!important;
    text-align: center;
    width: 220px;
    margin: auto;
    padding-left: 0px!important;
    border-radius: 2px;}
    .navigation-holder .menu{display: inline-block;}
    .navigation-holder{text-align: center;}
    #header .socials{position: absolute;
    top: 90px;
    right: 50px;}
}


@media only screen and (max-width: 991px) {
    .desktoplogo {
        margin-left: 0px!important;
    }
    .logo img{width:140px}
}
.logo img{width:140px}
#header{padding:10px 5% 10px 0px!important;background-color: #000!important;color:#fff!important;}

.logo{margin-top: 8px;background-color: #d6ff8f;padding-left: 5%!important;border-top-right-radius:2px;border-bottom-right-radius: 2px;padding-right: 10px;}
.navigation-holder ul li a{font-size: 17px!important;text-transform: none!important;}
.navigation-holder ul li{font-weight: 400!important;}

.menu-logo{float: right!important;}

@media only screen and (max-width: 1200px) {
  .menu-logo.menu-logo-it{display: block!important;}
  #header{position: relative!important;}
}

/* Immer erst mal ausblenden – verhindert Desktop-Anzeige */
#fixed-navigation {
  display: none !important;
}
/* Höhe deines Headers anpassen */
:root { --header-height: 80px; }


/* Nur auf Mobil (<=980px) anwenden */
@media only screen and (max-width: 1200px) {
  #fixed-navigation {display: block !important;}
  /* Mobil: Untermenü standardmäßig verstecken */
  #fixed-navigation .menu-item-has-children .sub-menu {
    display: none !important;
  }
  /* bei geöffnetem Menüpunkt anzeigen */
  #fixed-navigation .menu-item-has-children.submenu-open .sub-menu {
    display: block !important;
  }
  .mobile-navholder ul li{padding: 15px 0px 15px 0px!important;border-bottom:1px solid #000000;}
  .mobile-navholder ul.socials li{border-bottom: 0px;padding:0px;}
  .mobile-navholder .menu .sub-menu li{border-bottom: 0px;padding:5px!important}
  .mobile-navholder .btn.menubutton{margin-top: 20px;border: 0px;margin-bottom: 20px;}
  .mobile-navholder #menu-main-menu{border-bottom: 1px solid #000000;}

  /* Header immer oben fixieren */

  /* Fixed-Navigation unter dem Header verstecken */
  #fixed-navigation {
    position:      fixed        !important;
    top:           var(--header-height) !important;
    left:          0            !important;    
    height:        calc(100% - var(--header-height)) !important;
    background:    #ffffff      !important;
    transform:     translateY(-100%) !important;
    transition:    transform 0.3s ease-in-out !important;
    z-index:       1000         !important;
    overflow-y:    auto         !important;
    width: 100vw;
  max-width: 100vw;
  overflow-x: hidden;
  box-sizing: border-box;
  }

  /* Grundzustand: Untermenüs verstecken */
  .menu .sub-menu {
    display:        none      !important;
    position:       static    !important; /* nicht mehr absolut überlagern */
    box-shadow:     none      !important; /* Schatten entfernen */
    background:     transparent !important; /* ggfs durchsichtig lassen */
    margin:         0         !important;
    padding:        0         !important;
  }

  /* Wenn per JS der Parent-li die Klasse .submenu-open erhält */
  .menu li.submenu-open > .sub-menu {
    display: block  !important;
    padding-left: 1em;              /* optional: Einzug für Unterpunkte */
  }

  /* Style für Links in den statisch aufgeklappten Untermenüs */
  .menu li.submenu-open > .sub-menu li a {
    display: block        !important;
    padding: 0.5em 1em    !important;
    background: #ffffff   !important;    
  }
  .menu li.submenu-open > .sub-menu li:last-child a {
    border-bottom: none   !important;
  }
  .mobile-navholder .menu li.active a{
    color: #000000!important;
    font-weight: 600!important;
  }
.mobile-navholder .menu li a:hover,.mobile-navholder .menu li a:focus{color:#000!important;}

  /* Falls du ein <body class="mobile-open"> oder <html class="nav-active"> nutzt */
  body.mobile-open   #fixed-navigation,
  html.nav-active    #fixed-navigation {
    transform: translateY(0) !important;
  }

  /* Falls dein Toggle-Button innerhalb des Headers liegt */
  .mobile-toggle {
    z-index: 1002 !important; /* damit er über allem sitzt */
  }
}

#mobile-menu-holder{width: 100%!important;}

#top-menu>li.menu-item.cta-item>a>span {
  color: #000 !important;
  border-color: var(--color-lime) !important;
  background-color: var(--color-lime) !important;
}

#top-menu>li.menu-item.cta-item>a:hover>span {
  background-color: var(--color-lime) !important;
  color: #000 !important;
}

@media only screen and (max-width: 980px) {
  .et_menu_container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Mobile */
.mobile_menu_bar:before {
  content: "\22EE" !important;
}

@media (max-width: 980px) {
  .logo_container a img {
    padding-right: 10px !important;
  }

  #et_search_icon:before {
    top: 8px;
    transform: scale(-1, 1);
    font-size: 23px;
  }

  .et_search_form_container .et-search-form {
    width: 100% !important;
    max-width: none !important;
    background-color: #000 !important;
  }
}

/* === Custom Menu Styles (End) === */

/* === Custom Banner Section Styles (Start) === */
@media only screen and (max-width: 980px) {
  .banner-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 1rem auto !important;
  }
}

/* === Custom Banner Section Styles (End) === */

/* === Custom Slider Styles (Start) === */
@media only screen and (max-width: 980px) {

  .slider-section {
    width: 100% !important;
    padding-left: 35px !important;
    padding-right: 0 !important;
  }

  .slider-section {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* Stelle sicher, dass .hidden wirklich versteckt */
.hidden {
  display: none !important;
}

/* Container für Button + Panel */
.relative.inline-block {
  position: relative;  /* Basis für das absolute Panel */
  display: inline-block;
  width: 100%;
}

/* Panel absolut positionieren */
.archive-filter-panel {
  position: absolute;
  top: 100%;           /* direkt unterhalb des Buttons */
  right: 0;
  z-index: 50;         /* über anderen Inhalten */
  width: 20rem;         /* passt sich dem Content an */
  margin-top: 0.25rem; /* kleiner Abstand nach unten */
  
  /* bereits definiert, aber zur Sicherheit */
  padding: 0.5rem;
  border: 1px solid #e5e7eb;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Entferne den früheren margin-top, damit kein Push nach unten passiert */
#archive-filter-toggle + .archive-filter-panel {
  margin-top: 0;
}

/* Optional: Breite begrenzen */
.archive-filter-panel {
  max-width: 30rem;
}

/* Mobile erweitert die Breite, wenn gewünscht */
@media (max-width: 640px) {
  .archive-filter-panel {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0;
  }
}

/* ↓ Button “Sorting & Filters” ↓ */
.archive-filter-button {
  padding: 0.25rem 0.75rem;      /* weniger Innenabstand */
  font-size: 0.875rem;           /* kleinere Schrift */
  line-height: 1.2;
  border-width: 1px;
  float:right;
}
.archive-filter-button svg {
  width: 1rem;                   /* kleineres Icon */
  height: 1rem;
}

/* ↓ Panel ↓ */
.archive-filter-panel {
  max-width: 20rem;              /* ca. 320px breit */
  padding: 0.5rem;               /* kompaktere Einrückung */
  font-size: 0.875rem;           /* kleinere Grundschrift */
}
.archive-filter-panel h2 {
  font-size: 1rem;               /* Titel im Panel etwas kleiner */
  margin-bottom: 0.5rem;
}
.archive-filter-panel h3 {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
.archive-filter-panel label {
  font-size: 0.875rem;
  margin-bottom: 0;              /* enger untereinander */
}
.archive-filter-panel input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
}

/* Buttons innerhalb des Panels */
#archive-filter-clear,
#archive-apply-filters,
#archive-filter-close {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  line-height: 1;
}
#archive-filter-clear:hover,
#archive-apply-filters:hover,
#archive-filter-close:hover {
  background-color: #f3f4f6;
}

/* Optional: Abstand unter dem Button */
#archive-filter-toggle + #archive-filter-panel {
  margin-top: 0.5rem;
}

/* Responsive: auf kleinen Bildschirmen ggf. Vollbreite */
@media (max-width: 640px) {
  .archive-filter-panel {
    width: 100%;
    max-width: none;
    border-radius: 0;
  }
}



/* === Custom Recommendation Styles (Start) === */
/* HBR Specific Dropdown Styles to avoid Bootstrap conflicts */
.hrb-controls .hrb-dropdown {
  width: 240px; 
}
.hrb-dropdown-menu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 300px;
  border: 1px solid #ccc;
  position: absolute;
    top: 77px;
    right: -40px;
  background: #fff;
  z-index: 1000;
}

@media (max-width: 980px) {
  .hrb-controls .hrb-dropdown {
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
  }
  .hrb-dropdown-menu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  border: 1px solid #ccc;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 1000;
}
}
.hrb-dropdown .hrb-dropdown-toggle {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  text-align: left;
  cursor: pointer;
  position: relative;
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-image: url('./img/chevron-down-black.svg');
}

.hrb-dropdown .hrb-dropdown-toggle {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  text-align: left;
  cursor: pointer;
  position: relative;
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-image: url('./img/chevron-down-black.svg');
}
/* Kategorie-Dropdown grün */
.hrb-dropdown[data-dropdown="category"] .hrb-dropdown-toggle {
  background-color: #D1FF8A;
}
.hrb-dropdown.open .hrb-dropdown-menu {
  display: block;
}
.hrb-dropdown-menu li {
  padding: 0.75rem 1rem;
  cursor: pointer;
}
.hrb-dropdown-menu li.active,
.hrb-dropdown-menu li:hover {
  background-color: #f0f0f0;
}
.recommendation-section {
  margin-bottom: 100px;
}

/* === Custom Recommendation Styles (End) === */


/* ==== ZENTRIERTE SECTIONS AUF DER STARTSEITE ==== */

.firstcontainer{margin-top:0px!important}

/* Alle Container-Sektionen auf max. 1200 px Breite begrenzen und horizontal zentrieren */
.site-container .container,.grid-view {
  max-width: 1200px;    /* hier ggf. deine Wunsch-Breite einstellen */
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;   /* etwas Innenabstand, damit es nicht bündig ans Fenster klebt */
  padding-right: 15px;
  box-sizing: border-box;
}
/* Responsive: auf kleinen Bildschirmen ggf. Vollbreite */
@media (max-width: 980px) {
  .site-container .container {
    max-width: 90%; 
  }
}


/* Innerhalb jeder Section den Inhalt mittig ausrichten */
.site-container section.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Falls manche Sections mehrere Spalten haben (z. B. masonry-Grid),
   lässt sich deren Wrapper ebenfalls zentrieren: */
.site-container section.container > .masonry-grid {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
}

/* Beispiel: Bei flex-Layouts in den Sections die Spalten zueinander mittig setzen */
.masonry-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;  /* zentriert alle Columns */
  gap: 30px;                /* optional: Abstand zwischen den Columns */
}

/* Und einzelne Columns optional gleich breit machen */
.masonry-grid .column {
  flex: 1 1 300px;          /* mind. 300 px, wächst aber gleichmäßig */
  max-width: 360px;         /* verhindert Überdehnung */
}

/* Slider-Wrapper zentrieren */
/* .chs-slider-container {
  display: flex;
  justify-content: center;
  width: 100%;
} */

/* Falls du innerhalb von .slider-section noch Elemente mittig brauchst */
/* .slider-section .chs-slider-wrapper {
  display: flex;
  justify-content: center;
} */

/* Und für deine Banner-Sektion: */
.banner-section .header-banner {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

#footer{
  background-color: #000000!important;
}

#footer .container-fluid{width: 100%;padding-left: 0px!important;
    padding-right: 15px;
    padding-top: 50px;}

.footerlogo {
    background-color: #d6ff8f;
    padding: 25px;
    padding-left: 45% !important;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
@media (max-width: 980px) {
  .footerlogo {
        background-color: #d6ff8f;
    padding: 25px!important;
    width: 100%;
    text-align: center;    
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    display: block;
  }
  .footerlogowrapper{padding-right: 0px!important;}
  .footer-nav>li>a:hover, .footer-nav>li>a:focus{background-color: #000!important;}
  #footer .socials img{width: 52px!important;}
}

/* Footer: 3 Spalten (Logo / Navigation / Social Links) */
#footer {
  display:             flex !important;
  justify-content:     space-between !important;
  align-items:         center !important;
  flex-wrap:           wrap !important;
  padding:             0px !important;
  background-color:    #000 !important; /* falls nötig überschreiben */
  color:               #fff !important;
}

/* 2) Logo-Bildgröße */
#footer .footerlogo img {
  max-height: 50px;
  width:      auto;
  display:    inline-block;
}

/* 3) Footer-Navigation */
#footer .footer-nav {
  /* list-inline kommt von .nav.justify-content-center */
}
#footer .footer-nav li {
  margin: 0px;
  display:inline-block !important;
}

@media (max-width: 980px) {
  #footer .footer-nav.justify-content-center{
    display: block!important;
  }
}
#footer .footer-nav li:first-child {
  margin-left: 0;
}
#footer .footer-nav li a {
  color:           #fff;
  padding: 10px 10px!important;
}
#footer .footer-nav li a:hover {
  text-decoration: underline;
  color: #ffffff!important;
  background-color: transparent!important;
}

/* 4) Social-Icons */
#footer .socials {
  list-style: none;
  padding:    0;
  margin:     0;
}
#footer .socials .list-inline-item {
  margin-left: 0.75rem;
}
#footer .socials .list-inline-item:first-child {
  margin-left: 0;
}
#footer .socials img {
  width:       32px;
  height:      auto;
  display:     inline-block;
  vertical-align: middle;
}

/* 5) Copyright direkt unter Navigation */
#footer .footer-copy {
  width:       100%;
  text-align:  center;
  margin-top:  1rem;
  font-size:   0.875rem;
  opacity:     0.8;
  color:       inherit;
}


/* Single Blog Post */

.main-img::before {
  content: "";
  position: absolute;
  top: -40px;
  bottom: -30px;
  left: 130px; /* oder ein fester Versatz, z. B. -40px */
  right: -360px; /* geht bis zum rechten Rand des Elements */
  background-color: #d6ff8f; /* deine Wunschfarbe */
  z-index: 0; /* liegt hinter dem Bild */
}

.body-class-single-post  .first-paragraph{
    background-color: #F4F4F4;
    color:#000;
    font-size: 20px;
    padding: 50px;
}

#ez-toc-container{width: 100%;padding:30px;font-size: 18px;}
.ez-toc-title-container {
    line-height: 2em;
    display: block;
    width: 100px;
    position: absolute;
    left: 0px;
    padding-left: 30px;
        padding-right: 10px;
    background-color: #d6ff8f;
}

.ez-toc-open-icon span.text{writing-mode: horizontal-tb!important;
-webkit-transform: rotate(0deg)!important;
    -moz-transform: rotate(0deg)!important;
    -ms-transform: rotate(0deg)!important;
    -o-transform: rotate(0deg)!important;transform: rotate(0deg)!important;}
.ez-toc-open-icon {display: none;}
.ez-toc-open-icon{right: 30%!important;top:40px!important;padding: 14px!important;background-color: #D1FF8A!important;border-radius: 0px!important;}
.ez-toc-sticky-fixed .ez-toc-sidebar{height: 50vh!important;width:440px!important}
.ez-toc-sticky-fixed{top: 0px!important;right: 40%!important;}

.ez-toc-open-icon span.arrow{
    float: right;
   width: 14px;
    height: 14px;
    margin-top: 5px;
    margin-left: 7px;
        background: url(./img/indexicon.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    color:rgba(0,0,0,0);}

#ez-toc-container nav{padding-top: 40px;}
div#ez-toc-container ul li{line-height: 3em;}
@media  screen and (max-width:980px) {
    div#ez-toc-container ul li{line-height: 1.8em;}
    .ez-toc-open-icon{right: 20px!important;bottom: 20px!important;top:auto!important;border-radius: 2px!important;}
    .ez-toc-sticky-fixed .ez-toc-sidebar{width: 100%!important;height: auto !important;min-height: 200px;}
    .ez-toc-sticky-fixed{bottom:0px!important;top:auto!important;right:0px!important;width: 100%;}
    .ez-toc-open-icon span.text{display: none!important;}
    .ez-toc-open-icon span.arrow{width: 30px;
        height: 30px;
        margin-top: 0px;
        margin-left: 0px;
        background: url(./img/indexicon.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    color:rgba(0,0,0,0);}
}

.wp-block-image, .wp-caption{
    background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 70%, #F4F4F4 58%);
}
.wp-caption img, .wp-caption{
    max-width: 90% !important;
    padding-bottom: 30px!important;
}
.wp-block-image img{
    max-width: 90% !important;
    margin: auto;
    padding-bottom: 30px!important;
}

.single-post h2::before,.yarpp-related h3::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100vw;
  right: 0;
  background-color: #d6ff8f; /* Wunschfarbe */
  z-index: -1;
}
.single-post h2, .yarpp-related h3{
    position: relative;
    display: inline-block; /* nur so breit wie nötig */
        padding: 10px 20px 10px 0px!important;
  z-index: 1;
}

.hotornot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-96%);
  width: 100vw;
  height: 100%;
  background-color: #d6ff8f; /* Wunschfarbe */
  z-index: -1;
}
.hotornot{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
   position: relative;
  z-index: 1;
  text-align: right; /* oder je nach Wunsch */
  padding: 1rem;
  background: transparent;  
   text-align: center;
  }
@media (max-width: 980px) {
.hotornot::before{transform: translateX(-84%);border-radius: 2px;}
.rating-banner::before{content:none!important;}
.site-container .container{padding:30px 0px!important;}
.page-header{margin-bottom: 0px!important;}
#main .maincontent{padding-top: 0px!important;}
.col-main{padding:0px!important}
.body-class-single-post .first-paragraph{padding: 20px!important;}

.single-post p,.single-post h3{padding:0px 20px!important;}
.wp-block-heading,.single-post h2{padding:10px 20px!important;}

.postrating.container{width: 100%!important;max-width: 100%!important;}
.rating-banner img {
  width: 270px;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
  height: auto;      /* Verhältnis beibehalten */
  max-width: 100%;   /* falls das über 100% des Containers hinausgeht */
}
.main-img::before {
  content: "";
  position: absolute;
    top: 0px;
    bottom: -20px;
    left: 260px;
    right: 0px;
  background-color: #d6ff8f; /* deine Wunschfarbe */
  z-index: 0; /* liegt hinter dem Bild */
}
/* Container flexen und rechts-links anordnen */
.postrating .mobile-hotornot-row {
  display: flex;
  justify-content: flex-end; /* Bild ganz rechts */
  align-items: flex-start;   /* Banner oben ausrichten */
  position: relative;        /* für das absolute Banner */
}

/* Das Banner („Hot or Not“) links positionieren und leicht überlappen */
.postrating .mobile-hotornot-row .hotornot {
  order: 1;                  /* steht vor dem Bild */
  position: absolute;
  left: 0;
  top: 50px;                /* nach oben verschoben */
  z-index: 2;                /* über dem Bild */
}

/* Das Bild rechts im Container */
.postrating .mobile-hotornot-row .rating-banner {
  order: 2;                  /* steht nach dem Banner */
  flex: 0 0 auto;            /* bleibt in seiner natürlichen Größe */
  margin-left: auto;         /* schiebt es an den rechten Rand */
  text-align: right;;
}
}

  

/* Rating-Block zentrieren */
.rating-data {
  display: flex;
  align-items: center;      /* vertikal mittig, wenn nötig */
  justify-content: center;  /* horizontal */
  flex-direction: column;   /* Inhalte untereinander stapeln */
  text-align: center;
}
.justify-content-center{display: flex;}
.postrating.container{max-width: 780px;
background-color: #F4F4F4;
}

.rating-banner{position: relative;
    z-index: 1;}

.rating-banner::before {
   content: "";
  position: absolute;
  top: -20px;
    right: -10px;
    bottom: -20px;
    left: 100px;
  background-color:#d6ff8f; /* dezente Hintergrundfarbe */
  z-index: -1; /* liegt hinter dem eigentlichen Banner-Inhalt */
}


/* ALTES CSS */
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */

/* Media Query Retina only End */


/* NO-JS Start */
.no-js #preloader,
.no-js .grid-item-full.grid-item-ad,
.no-js .custom_widget_personally_interesting_posts,
.no-js .medium-rectangle.widget_text,
.no-js .widget_news,
.no-js .slideshow,
.no-js .adtag,
.no-js .comment-respond {
    display: none;
}

.no-js .grid-item {
    margin-right: 20px;
}

/* NO-JS End */

/* Preloader Start */
#preloader {
    position:                fixed;
    top:                     0;
    left:                    0;
    right:                   0;
    bottom:                  0;
    background:              rgba(255, 255, 255, 1);
    -webkit-background-size: cover;
    -moz-background-size:    cover;
    -o-background-size:      cover;
    background-size:         cover;
    height:                  100%;
    z-index:                 99;
    line-height:             1;
}

#status {
    width:    50px;
    height:   30px;
    position: fixed;
    left:     50%;
    top:      50%;
    margin:   -25px 0 0 -25px;
}

.loader {
    margin:     0 auto;
    width:      50px;
    height:     30px;
    text-align: center;
    font-size:  10px;
}

.loader > div {
    background-color:  #000000;
    height:            100%;
    width:             6px;
    display:           inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation:         stretchdelay 1.2s infinite ease-in-out;
}

.loader .block2 {
    -webkit-animation-delay: -1.1s;
    animation-delay:         -1.1s;
}

.loader .block3 {
    -webkit-animation-delay: -1.0s;
    animation-delay:         -1.0s;
}

.loader .block4 {
    -webkit-animation-delay: -0.9s;
    animation-delay:         -0.9s;
}

.loader .block5 {
    -webkit-animation-delay: -0.8s;
    animation-delay:         -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform:         scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform:         scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

/* Preloader End */

/* Button Prev Next Start */
a.btn-prev,
a.btn-next {
    z-index:     100;
    position:    absolute;
    margin-top:  -17px;
    overflow:    hidden;
    width:       33px;
    height:      32px;
    text-indent: -9999px;
    top:         47%;
}

a.btn-prev {
    background-position: -142px -63px;
    left:                0;
}

a.btn-next {
    background-position: -158px -63px;
    left:                auto;
    right:               0;
}

a.btn-prev:hover {
    background-position: -211px -7px;
}

a.btn-next:hover {
    background-position: -227px -7px;
}

a.btn-prev:active {
    background-position: -211px -35px;
}

a.btn-next:active {
    background-position: -227px -35px;
}

a.btn-prev.disabled {
    background-position: -142px -35px;
    cursor:              default;
    opacity:             0.5;
}

a.btn-next.disabled {
    background-position: -158px -35px;
    cursor:              default;
    opacity:             0.5;
}

/* Button Prev Next End */

/* Mobile Navholder Start */
.mobile-navholder .btn-language .lng-arrow,
.mobile-navholder .btn-language:hover .lng-arrow,
.mobile-navholder .btn-language:active .lng-arrow {
    background-position: -78px -135px;
}

.mobile-navholder .menu {
    padding-top: 20px;
    padding-right: 20px;
}

.mobile-navholder .socials {
    padding-left: 15px;
}

.mobile-navholder .socials li {
    margin-left:  0;
    margin-right: 10px;
}

.mobile-navholder .socials li:first-child {
    margin-left: 0;
}

.mobile-navholder .socials a.link-linkedin {
    width:               21px;
    height:              21px;
    background-position: -263px -232px;
}

.mobile-navholder .socials a.link-instagram {
    width:               21px;
    height:              21px;
    background-position: -263px -203px;
}

.mobile-navholder .socials a.link-facebook {
    width:               15px;
    height:              21px;
    background-position: -98px -10px;
}

.mobile-navholder .socials a.link-twitter {
    width:               28px;
    height:              22px;
    background-position: -92px -42px;
}

.mobile-navholder .socials a.link-rss {
    width:               25px;
    height:              22px;
    background-position: -96px -73px;
}

.mobile-navholder ul {
    -webkit-padding-start: 15px;
    margin:                0;
}

.mobile-navholder .dropdown .btn-language {
    font-size:   12px;
    color:       #000000;
    font-weight: 400;
    outline:     none;
    padding:     0 0 0 14px;
}

.mobile-navholder .dropdown .btn-language:active {
    box-shadow: none;
}

.mobile-navholder .mobile-footer li {
    padding-top: 10px;
}

.mobile-navholder .dropdown {
    margin-top: 5px;
}

.mobile-navholder #menu-hauptmenue {
    font-size: 18px;
}

#mobile-menu-holder {
    position:            fixed;
    z-index:             3000;
    top:                 0;
    left:                0;
    height:              100%;
    width:               100%;
    max-width:               100%;
    background-color:    #eaeaea;
    backface-visibility: hidden;
}

.mobile-menu-admin-bar {
    padding-top: 50px;
}

.mobile-navholder ul li {
    list-style-type: none;
    padding-top:     5px;
}

.mobile-navholder ul li a {
    text-decoration: none;    
    color:           #000000;
    font-weight:     400;
}

.mobile-navholder .dropdown-menu {
    max-width:   60px;
    min-width:   60px;
    margin-left: 10px;
}

.mobile-navholder .dropdown-menu > li > a {
    padding: 3px 3px;
}

.mobile-navholder .menu li.active a {
    color: #1386cc;
}

.mobile-navholder .lng-arrow {
    height: 9px;
}

#sidebar-menu-wrapper .mobile-navholder ul li.menu-deals .deals-counter {
    top:         -10px;
    left:        unset;
    display:     inline-flex;
    position:    relative;
    right:       unset;
    margin-left: 2px;
}

/* Mobile Navholder End */

#main .maincontent {
    padding-left: 0;
    padding-top:30px;
}

#main .sidebar {    
    width:       312px;
    padding:     30px 0px 0px 0px;
    margin-left: 40px;
}

.open > .dropdown-menu {
    min-width: 60px;
    max-width: 60px;
}

.lng-arrow {
    display:             inline-block;
    width:               10px;
    height:              11px;
    margin-left:         2px;
    background-position: -18px -135px;
}

.btn-language:hover .lng-arrow {
    background-position: -48px -135px;
    box-shadow:          none;
}

.btn-language:active .lng-arrow {
    background-position: -63px -135px;
    box-shadow:          none;
}

.btn.btn-language:active {
    box-shadow: none;
}

.navigation-holder a {
    color: #ffffff;
}

.navigation-holder a:hover {
    color: #39b4fe;
}

.navigation-holder li.active a,
.navigation-holder a:active {
    color: #1386cc;
}

.body-class-single .navigation-holder li.active a {
    color: #ffffff;
}

.body-class-single .mobile-navholder .menu li.active a,
.body-class-single #sidebar-menu-wrapper .menu li.active a {
    color: #000000;
}

.body-class-single .navigation-holder li.active:hover a,
.body-class-single #sidebar-menu-wrapper .menu li.active:hover a {
    color: #39b4fe;
}

.body-class-single .navigation-holder li.active:active a,
.body-class-single #sidebar-menu-wrapper .menu li.active:active a {
    color: #1386cc;
}

a:hover,
a:focus {
    color:   #39b4fe;
    outline: none;
    text-decoration: underline;
}

a:active {
    color:           #1386cc;
    text-decoration: none;
}

.brands-list li a:focus .number,
.brands-list li a:hover .number {
    color: #39b4fe;
}

.brands-list li a:active .number {
    color:           #1386cc;
    text-decoration: none;
}

.post-list .zonelink:hover .zone,
.post-list .zonelink:hover .circle,
.tags .zonelink:hover .zone,
.tags .zone:hover .circle {
    color:  #000000;
    border: 1px solid #D1FF8A;
    background-color: #D1FF8A;
}

.post-list .zonelink:active .zone,
.post-list .zonelink:active .circle,
.post-list .zone:active,
.tags .zonelink:active .circle {
    color:  #000000;
    border: 1px solid #D1FF8A;
    background-color: #D1FF8A;
}

.social-holder a {
    margin-left: 3px;
}

.social-holder img {
    display: none;
}

.social-holder .facebook_share {
    display:             inline-block;
    width:               69px;
    height:              26px;
    background-position: -94px -104px;
}

.social-holder .facebook_share:hover {
    background-position: -169px -104px;
}

.social-holder .facebook_share:active {
    background-position: -244px -104px;
}

.social-holder .twitter_share {
    display:             inline-block;
    width:               69px;
    height:              26px;
    background-position: -94px -171px;
}

.social-holder .twitter_share:hover {
    background-position: -169px -171px;
}

.social-holder .twitter_share:active {
    background-position: -244px -171px;
}

.social-holder .google_share {
    display:             inline-block;
    width:               69px;
    height:              26px;
    background-position: -94px -137px;
}

.social-holder .google_share:hover {
    background-position: -169px -137px;
}

.social-holder .google_share:active {
    background-position: -244px -137px;
}

.socials {
    overflow:   hidden;
    margin:     0;
    padding:    14px 1px 0;
    list-style: none;
}

#header .socials {
    float:  right;
    margin: 0 0 0 0;
}

.socials li {
    float:  left;
    margin: 0 0 0 24px;
}

.socials li:first-child {
    margin-left: 12px;
}


.socials a {
    display: block;
    outline: none;
}

.mobile-footer {
    font-size: 12px;
    color:     #868686;
}

.mobile-footer ul li {
    padding-top: 0;
}

.home-time {
    font-size: 12px;
}

.dropdown-menu > li > a {
    color:           #8b8b8b;
    text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color:           #39b4fe;
    text-decoration: none;
}

.dropdown-menu > li > a:active {
    color:           #1386cc;
    text-decoration: none;
}

.dropdown-menu a.active {
    font-weight:    bold;
    pointer-events: none;
    cursor:         default;
}

.menu-logo {
    float:               left;
    margin-top:          9px;
    width:               30px;
    height:              32px;
    background-position: -5px -152px;
}

.menu-logo.menu-logo-it {
    background: none;
    display:    none;
}

.desktoplogo:hover .menu-logo {
    background-position: -5px -187px;
}

.desktoplogo:active .menu-logo {
    background-position: -5px -222px;
}

.desktoplogo:hover .logo a {
    color: #39b4fe;
}

.desktoplogo:active .logo a {
    color: #1386cc;
}

.desktoplogo .logo svg {
    fill:           #ffffff;
    max-height:     31px;
    max-width:      110px;
    vertical-align: middle;
}

.navigation-holder {
    font-family: Lato, serif;
    font-weight: 300;
    color:       white;
}

.navigation-holder ul li {
    float:                  left;
    list-style-type:        none;
    line-height:            29px;
    vertical-align:         middle;
    margin-left:            7px;
    font-weight:            300;
    -webkit-font-smoothing: antialiased;
}

.navigation-holder ul li a {
    display:         block;
    padding:         6px;
    text-decoration: none;
    text-transform:  uppercase;
    font-size:       15px;
}

.navigation-holder ul li.menu-deals,
.mobile-navholder ul li.menu-deals {
    position: relative;
}

.navigation-holder ul li.menu-deals a {
    color: #e2b12e;
}

.navigation-holder ul li.menu-deals a .menu-image-title {
    padding-left: 5px;
}
/* 
.navigation-holder ul li.menu-deals a:before {
    content:          " ";
    background-image: url(images/deals.svg);
    height:           27px;
    width:            24px;
    margin-bottom:    4px;
    margin-right:     5px;
    vertical-align:   middle;
    display:          inline-block;
} */

.navigation-holder ul li.menu-deals .deals-counter,
.mobile-navholder ul li.menu-deals .deals-counter {
    position:        absolute;
    top:             5px;
    right:           -14px;
    background:      #ff0000;
    width:           18px;
    height:          18px;
    border-radius:   50%;
    display:         flex;
    line-height:     17px;
    justify-content: center;
    font-size:       10px;
    font-weight:     600;
}

.mobile-navholder ul li.menu-deals .deals-counter {
    top:         -10px;
    right:       unset;
    left:        unset;
    color:       #ffffff;
    position:    relative;
    display:     inline-flex;
    margin-left: 2px;
}

.datepoint,
.grid-description .autodate,
.description .autodate {
    color: #8b8b8b;
}

.grid-post {
    background-color: #ffffff;
    position:         relative;
}

.widget .post-list {
    padding:20px;
}

.widget .news-box {
    padding-bottom: 15px;
}

#main .infinite-loader {
    position: absolute;
    bottom:   0;
    left:     50%;
}

.grid-item,
.grid-sizer {
    width: 32%;
}

.grid-item {
    float:  left;
    height: 445px;
}

.gutter-sizer {
    width: 2%;
}

.grid-item {
    padding-bottom: 15px;
}

.grid-item.grid-item-full {
    width:  100%;
    height: 133px;
}

.grid-item.grid-item-full.grid-teaser {
    width:       100%;
    height:      auto;
    margin-top:  -10px;
    padding-top: 12.7%;
    position:    relative;
}

.grid-item.grid-item-full.grid-teaser img {
    position: absolute;
    inset:    0;
}

.grid-item.deal-expired .pic-list {
    filter: grayscale(100%);
}

.invisible {
    visibility: hidden;
}

.grid-pic img {
    width:  100%;
    height: auto;
}

.grid-description h2,
.description h2,
.grid-description .h2,
.description .h2 {
    clear:       both;
    font-weight: 400;
    padding-top: 15px;
}

.grid {
    margin: 0 auto;
}

.grid-headline {
    font-size:              36px;
    margin:                 15px 0 10px 0;
    background-color:       #ffffff;
    color:                  #000000;
    padding-top:            5px;
    padding-bottom:         5px;
    font-weight:            300;
    -webkit-font-smoothing: antialiased;
    line-height:            1;
}

.author-description {
    text-align:    justify;
    margin-bottom: 20px;
    max-width:     98%;
}

.author-socials .author-social {
    height: 40px;
}

.author-socials .author-social svg {
    width:  30px;
    height: 30px;
}

.author-socials .author-social a {
    display:         flex;
    text-decoration: none;
}

.author-socials .author-social span {
    padding-left: 10px;
}

.links .post a .dealtimer,
.links .post a:hover .dealtimer,
.links .post a:hover .dealtimer {
    font-weight: 400;
    color:       #8b8b8b;
}

.fixed-holder {
    position:            fixed;
    backface-visibility: hidden;
}


@-ms-viewport {
    width: auto !important;
}

* {
    max-height: 1000000px;
}

body {
    min-width:                320px;
    -ms-text-size-adjust:     none;
    -webkit-text-size-adjust: none;
    background-color:         #f6f6f6;
    overflow-x:               hidden;
    line-height:              0;
}

body > iframe,
body > img {
    height: 0;
}

.sponsorlogo a img {
    padding: 5px;
    width:   70%;
    height:  auto;
}

.sponsor-logo-wrapper {
    border:     1px solid #cccccc;
    text-align: center;
}

.sponsorlogos .sponsorlogo a.pressed img {
    border: 1px solid #1386cc;
}

.sponsorlogo a:hover .sponsor-logo-wrapper {
    border: 1px solid #39b4fe;
}

.sponsorlogo a {
    text-decoration: none;
}

.sponsorlogos .sponsorlogo a.pressed {
    color: #39b4fe;
}

.sponsorlogo {
    width:   33.33%;
    padding: 0 8px;
}

.sponsors {
    overflow:     hidden;
    margin-left:  -7px;
    margin-right: -7px;
    margin-top:   20px;
}

.aligncenter {
    text-align: center;
}

img.aligncenter {
    display:   block;
    margin:    0 auto;
    max-width: 100%;
    height:    auto;
}

img.size-full {
    max-width:  100%;
    height:     auto;
    margin-top: 24px;
}

.alignleft {
    float: left;
}

.container {
    position: relative;
}

.comment-form textarea,
.post-password-form input[type="password"],
.comment-form input[type="text"],
.search-form input[type="text"] {
    margin: 0 4px 0 0;
    width:  100%;
}

.comment-form-author,.comment-form-email{
    width:49%;float:left;
}
.comment-form-author{margin-right:2%;}
@media only screen and (max-width: 980px) {
    .comment-form-author,.comment-form-email{
    width: 100%;
}
.comment-form-author{margin-right:0%;}
}
#commentform #submit{
box-shadow: 0px 0px 10px 0px #00000052;
color:#000000;
background-color: #ffffff;
}

.post-password-form p:after {
    content: "";
    clear:   both;
    display: block;
}

.post-password-form label {
    float:  left;
    margin: 0;
}

.post-password-form input[type="password"],
.search-form input[type="text"] {
    width: 150px;
}

.post-password-form input[type="password"] {
    float: none !important
}

.commentlist {
    margin:  0 0 14px;
    padding: 0;
}

.commentlist .edit-link {
    margin: 0;
}

.commentlist-item .commentlist-item {
    padding: 0 0 0 3em;
}

.comment,
.commentlist-holder {
    overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
    padding-top: 14px;
}

.commentlist .avatar-holder {
    float:  left;
    margin: 0 14px 4px 0;
}

.comment-form label {
    display:        block;
    padding-bottom: 4px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="search"],
.comment-form textarea,
.search-form input[type="text"],
.search-form input[type="search"],
.post-password-form input[type="password"] {
    float:              left;
    height:             38px;
    padding:            6px 12px;
    font-size:          16px;
    line-height:        24px;
    color:              #666666;
    background:         #ffffff;
    border:             1px solid #cccccc;
    border-radius:      4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow:         inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition:      border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition:         border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.search-form input[type="text"],
.search-form input[type="search"],
.post-password-form input[type="text"],
.post-password-form input[type="password"] {
    float:  left;
    width:  250px;
    margin: 0 10px 0 0;
}

.comment-form textarea {
    overflow: auto;
    margin:   0;
    height:   120px;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="search"]:focus,
.search-form input[type="text"]:focus,
.search-form input[type="search"]:focus,
.post-password-form input[type="password"]:focus {
    border-color:       #66afe9;
    outline:            0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow:         inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.has-error input[type="text"],
.has-error input[type="email"],
.has-error input[type="search"],
.has-error input[type="password"] {
    border-color:       #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow:         inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error input[type="text"]:focus,
.has-error input[type="email"]:focus,
.has-error input[type="search"]:focus,
.has-error input[type="password"]:focus,
.has-error textarea:focus {
    border-color:       #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow:         inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.search-form:after,
.post-password-form:after,
.comment-form p:after {
    content: "";
    clear:   both;
    display: block;
}

input[type="submit"] {
    color:      #484848;
    float:      left;
    height:     38px;
    font:       700 16px/38px Arial, Helvetica, sans-serif;
    margin:     0;
    padding:    0 20px 1px;
    border:     0;
    background: #e5e5e5;
}

input[type="submit"]:hover {
    color:      #ffffff;
    background: #1386cc;
    cursor:     pointer;
}

button:hover {
    cursor: pointer;
}

input[type="submit"].pressed {
    background: #39b4fe;
}

.post .gallery {
    margin-top:     24px !important;
    padding-bottom: 14px;
}

.post .gallery .copyright {
    font-weight: normal;
}

.post .gallery img {
    max-width: 100%;
    height:    auto;
    border:    0 !important;
}

.gallery-item dt {
    float:    none;
    padding:  5px;
    position: relative;
}

.gallery-columns-3 .gallery-icon {
    margin-left: 7px;
}

.gallery-caption {
    font-size:   12px;
    line-height: 120%;
}

.navigation {
    overflow: hidden;
    margin:   24px 0 14px;
}

.navigation:first-child {
    margin-top: 0;
}

.navigation:after {
    content: "";
    clear:   both;
    display: block;
}

.navigation .next {
    float: left;
}

.navigation .prev {
    float: right;
}

.col-main .alignleft {
    margin-right: 20px;
    margin-top:   20px;
}

.col-main .alignright {
    margin-left: 20px;
}

.col-main .wp-block-embed {
    margin-top: 24px;
}

.col-main .single-post > iframe {
    margin-top: 24px;
}

.col-main .wp-block-jetpack-slideshow {
    margin-top: 24px;
}

.col-xs-12, .col-sm-5, .col-md-4 {
    padding-right: 0;
}

.alignright {
    float: right;
}

.post-list .alignleft,
.post-list .alignright {
    margin-top: 3px;
}

.wp-caption,
.wp-block-image {
    text-align:         center;
    -moz-box-sizing:    content-box;
    -webkit-box-sizing: content-box;
    box-sizing:         content-box;
    padding:            4px;
}

.col-main .wp-caption,
.col-main .wp-block-image {
    margin-top: 24px;
}

.col-main .wp-caption:first-child {
    margin-top: 0;
}

.col-main .wp-caption.aligncenter {
    margin:     0 auto;
    margin-top: 24px;
}

.col-main .wp-caption.alignright {
    margin-left: auto;
}

.wp-caption img {
    margin:  0;
    padding: 0;
    border:  0 none;
    width:   100%;
    height:  auto;
}

.wp-caption p.wp-caption-text,
.wp-block-image figcaption.wp-element-caption {
    padding:    0 4px;
    margin:     0;
    font-style: italic;
    font-size:  14px;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    padding:    0 4px;
    margin:     0;
    font-style: italic;
    font-size:  14px;
    background: transparent;
    position:   revert;
    color:      revert;
}

.wp-block-gallery {
    margin-top:     24px;
    padding-bottom: 14px;
}

.gallery dd.wp-caption-text {
    font-style: italic;
    color:      #474747;
}




table,
ul,
ol,
dl,
dt {
    margin: 12px 0 0;
}

h1:first-child,
h2:first-child,
.h2:first-child,
h4:first-child,
.h4:first-child,
h5:first-child,
h6:first-child,
h1 + p,
h2 + p,
.h2 + p,
h3 + p,
.h3 + p,
h4 + p,
.h4 + p,
h5 + p,
h6 + p,
blockquote + p,
p:first-child,
h1 + h2,
h1 + .h2,
h2 + h3,
h2 + .h3,
.h2 + h3,
.h2 + .h3,
h3 + h4,
.h3 + h4,
h3 + .h4,
.h3 + .h4,
h5 + h6,
h1:first-child,
h2:first-child,
h4:first-child,
.h4:first-child,
h5:first-child,
h6:first-child,
table:first-child,
ol:first-child,
ul:first-child,
dt:first-child {
    margin-top: 0 !important;
}

table {
    width: 100%;
}


blockquote {
    position:   relative;
    color:      #474747;
    padding:12px 0px 0px 60px!important;
    margin:     18px 0 36px 27px;
    font-style: italic;
    border:     0;
    border-left: 0px!important;
}

blockquote:before {
    content:    '';
    position:   absolute;
    left:       0;
    top:        8px;
    bottom:     8px;
    width:      5px;
    overflow:   hidden;
    background: #ffffff;
}

#wrapper {
    overflow:         hidden;
    width:            100%;
    line-height:      1.5;
    background-color: #ffffff;
}

#header {
    color:      #d7d7d7;
    background: #292929;
    padding:    0 15px;
}

#header:after,
#main:after {
    content: "";
    clear:   both;
    display: block;
}

.logo {
    float:          left!important;
    line-height:    51px;
    vertical-align: middle;
    color:          #ffffff;
    font-weight:    300;
    font-size:      18px;
    padding-left:   14px;
}

.logo a,
.logo a:hover,
.logo a:active,
.logo a:focus {
    color:                  #ffffff;
    text-decoration:        none;
    text-transform:         uppercase;
    -webkit-font-smoothing: antialiased;
}

.menubreaker {
    background-position: -5px -137px;
    width:               6px;
    height:              6px;
    margin-bottom:       4px;
    margin-left:         12px;
    display:             inline-block;
    *display:            inline;
}

.nav-holder {
    z-index:  102;
    position: relative;
    float:    left;
    margin:   0 20px 0 -15px;
}

.btn-language {
    background:             none;
    color:                  #ffffff;
    font-size:              18px;
    font-weight:            300;
    -webkit-font-smoothing: antialiased;
    margin-top:             6px;
    outline:                none;
    border:                 0;
}

.btn-language:focus,
.btn-language:hover {
    background: none;
    border:     0;
    outline:    none !important;
    color:      #39b4fe;
}

.btn-language:active {
    color: #1386cc;
}

a.btn-menu {
    display:     block;
    width:       53px;
    height:      55px;
    overflow:    hidden;
    text-indent: -9999px;
}

a.btn-menu:hover {
    background-position: -1px -61px;
}

a.btn-menu.pressed,
.nav-active a.btn-menu {
    background-position: -1px -121px;
}

.nav-holder .drop {
    display:    none;
    position:   absolute;
    top:        100%;
    left:       0;
    padding:    0 10px 0 10px;
    border:     2px solid #eaeaea;
    width:      231px;
    background: #ffffff;
}

.nav-holder .drop li {
    border-top: 1px solid #eaeaea;
}

.nav-holder .drop li:first-child {
    border-top: 0;
}

.nav-holder .drop a {
    color:           #484848;
    display:         block;
    padding:         13px 13px 12px;
    text-decoration: none !important;
}

.nav-holder .drop a:hover {
    color:      #ffffff !important;
    background: #1386cc;
}

.nav-holder .drop a.pressed {
    color:      #ffffff;
    background: #39b4fe;
}

.nav-holder .drop .active a {
    color:  #1386cc;
    margin: 0 -12px 0 -17px
}

.nav-holder .drop a:hover,
.nav-holder .drop a.pressed,
.nav-holder .drop .active a {
    position: relative;
    padding:  14px 25px 13px 23px;
    margin:   -1px -12px -1px -10px;
}

.nav-holder ul {
    margin:     0;
    padding:    0;
    list-style: none;
}

#header .search-form {
    float:        right;
    width:        190px;
    margin-top:   9px;
    margin-left:  10px;
    margin-right: -14px;
}
@media only screen and (min-width: 1200px) {
    #header .search-form {
    position: absolute;
    background-color: #000000;
    padding: 20px 20px 20px 20px;
    width: 260px;
    margin-top: 9px;
    margin-left: 10px;
    margin-right: -14px;
    top: 110px;
    right: 60px;
    z-index: 999;
}
}



#header .search-form .row-holder {
    position:      relative;
    padding:       0 40px 0 0;
    border-radius: 40px;
    margin:        0 auto;
    width:         90%;
    border:        1px solid #999999;
}

#header .search-form .row-holder:hover,
#header .search-form .row-holder:active {
    background-color: #464646;
}

#header .search-form .row-holder:after {
    content: "";
    clear:   both;
    display: block;
}

a.btn-search,a.btn-search-desktoponly  {
    display:             none;
    overflow:            hidden;
    text-indent:         -9999px;
    width:               30px;
    height:              30px;
    background-position: -3px -105px;
}

a.btn-search:hover,
a.btn-search:focus {
    background-position: -34px -105px;
    background-color: transparent!important;
}

.form-active a.btn-search,
a.btn-search:active {
    background-position: -63px -105px;
}

#header .search-form input[type="text"],
#header .search-form input[type="search"] {
    color:              #8b8b8b;
    float:              left;
    width:              100%;
    height:             30px;
    padding:            8px 0 6px 15px;
    font:               16px/20px Arial, Helvetica, sans-serif;
    border-radius:      32px;
    background:         url("images/none.gif");
    -webkit-box-shadow: none;
    box-shadow:         none;
    border:             0;
}

#header .search-form input[type="search"] {
    color: #ffffff;
}

#header .search-form .btn {    
    border-radius: 0 32px 32px 0;
    background-position: 7px 5px;
    outline: none !important;
    border: 0;
    background-image: url(./img/lupe.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    position:            absolute;
    top:                 0px;
    right:               9px;
    width:               38px;
    height:              30px;
    overflow:            hidden;
    border-radius:       0 32px 32px 0;    
    outline:             none !important;
    border:              0;
    margin:              0;
    padding:             0;
    font-size:           0;
    line-height:         0;
    text-indent:         -9999px;
    -webkit-box-shadow:  none;
    box-shadow:          none;
    cursor:              pointer;
}
#header .search-form:hover .btn {
    background-color: transparent!important;
}
.closebutton-search{
    display: none;
    cursor: pointer;
}
.closebutton-search img{
   width: 20px;
}
/* #header .search-form:hover .btn {
    background-position: -34px -106px;
}

#header .search-form:active .btn {
    background-position: -64px -106px;
} */

.comment-respond label {
    float:   left;
    width:   100%;
    padding: 7px 10px 0 0;
    margin:  0;
}

.comment-respond textarea {
    resize: none;
}

a.link-linkedin,
a.link-instagram,
a.link-facebook,
a.link-twitter,
a.link-google,
a.link-rss {
    overflow:            hidden;
    text-indent:         -9999px;
    width:               13px;
    height:              22px;
    background-position: -8px -10px;
}

a.link-linkedin,
a.link-instagram,
a.link-facebook,
a.link-twitter {
    margin-right: 0;
}

a.link-linkedin {
    width:               21px;
    height:              21px;
    background-position: -174px -232px;
}

a.link-instagram {
    width:               21px;
    height:              21px;
    background-position: -174px -203px;
}

a.link-linkedin:hover {
    background-position: -204px -232px;
}

a.link-instagram:hover {
    background-position: -204px -203px;
}

a.link-facebook:hover {
    background-position: -39px -10px;
}

a.link-linkedin:active {
    background-position: -233.5px -232px;
}

a.link-instagram:active {
    background-position: -233.5px -203px;
}

a.link-facebook:active {
    background-position: -69px -10px;
}

a.link-twitter {
    width:               25px;
    height:              21px;
    background-position: -1px -42px;
}

a.link-twitter:hover {

    background-position: -32px -42px;
}

a.link-twitter:active {
    background-position: -62px -42px;
}

a.link-rss {
    width:               23px;
    height:              23px;
    background-position: -2px -74px;
}

a.link-rss:hover {
    background-position: -33px -74px;
}

a.link-rss:active {
    background-position: -63px -74px;
}

.label-text {
    display:     block;
    overflow:    hidden;
    text-align:  center;
    padding:     8px 0 7px;
    min-height:  53px;
    white-space: nowrap;
    line-height: 20px;
}

.label-text:before {
    content:        "";
    display:        inline-block;
    vertical-align: middle;
    width:          1px;
    height:         40px;
    overflow:       hidden;
}

.label-text span {
    display:        inline-block;
    vertical-align: middle;
    white-space:    normal;
}

#main {
    margin:         0 auto;
    padding:       20px 20px 0 20px;
    background:     #ffffff;
    min-height:     100%;
    overflow:       visible;
    max-width:      1162px;
    padding-bottom: 80px;
}

#main.grid-view {
    max-width: 1550px;
}

.col-main {
    padding: 8px 0 0;
}

.col-main:after,
.post-list:after,
.comment-list:after,
.post:after {
    content: "";
    clear:   both;
    display: block;
}

.post-list {
    line-height: 1.375em;
}

.col-main > .post-list {
    padding-top: 14px;
}

footer.tags {
    margin-bottom: 30px;
}

.post-list .post {
    position: relative;
}

.post-list .listing-item {
    position:       relative;
    margin-top:     9px;
    padding-bottom: 16px;
    border-bottom:  2px solid #e5e5e5;
    overflow:       hidden;
}

.comment-list .post {
    padding-left: 48px;
}

.post-list .pic {
    width:        45.792%;
    margin-right: 0;
    margin-left:  0;
    position:     relative;
}

.post-list .pic a {
    display: block;
    margin:  -2px;
    border:  2px solid #ffffff;
}

.post-list .pic img {
    width:  100%;
    height: auto;
}

.post-list .meta {
    position: absolute;
    right:    0;
    bottom:   16px;
}

.col-main .post-list .meta {
    position:   relative;
    margin-top: 10px;
    right:      auto;
    bottom:     auto;
}

.copyright {
    position:         absolute;
    bottom:           0;
    right:            0;
    background-color: #000000;
    color:            #cccccc;
    opacity:          0.5;
    padding:          1px 2px;
    font-size:        11px;
    line-height:      11px;
    font-family:      "Arial Narrow", Arial, sans-serif;
}

.update {
    position:         absolute;
    top:              0;
    left:             0;
    background-color: #ff0000;
    color:            #ffffff;
    opacity:          1;
    padding:          3px 6px;
    font-size:        16px;
    line-height:      11px;
    font-family:      "Arial Narrow", Arial, sans-serif;
    text-transform:   uppercase;
}

iframe {
    width: 100%;
}

.carousel .meta {
    margin-top: 8px;
}

.post-list .description {
    width: 100%;
}

.post .meta, .meta-listing-shortcode {
    color:       #8b8b8b;
    font-size:   13px;
    line-height: 16px;
}

.post .meta p {
    margin: 0;
}

.post .meta-listing-shortcode p {
    padding: 12px 0;
}

.links .post img {
    margin-top:         -2px;    
    -moz-box-sizing:    content-box;
    -webkit-box-sizing: content-box;
    box-sizing:         content-box;
}

.links .post a {
    display: block;
}

.links .post a:hover,
.links .post a:hover h4,
.links .post a:hover .h4,
.links .post a:hover .meta {
    color: #39b4fe;
}

.links .post a:active,
.links .post a:active h4,
.links .post a:active .h4,
.links .post a:active .meta {
    color: #1386cc;
}

.links .post a.pressed,
.links .post a.pressed h4,
.links .post a.pressed .h4,
.links .post a.pressed .meta {
    color: #1386cc;
}

.post-list .description {
    float: right;
}

.pic-list {
    position: relative;
}

.pic-list .thumbnail-title {
    position:         absolute;
    left:             0;
    top:              0;
    bottom:           0;
    margin:           auto 0 20% 0;
    max-height:       30%;
    max-width:        77%;
    padding:          8px;
    align-content:    center;
    flex-wrap:        wrap;
    color:            #000000;
    font-size:        20px;
    font-weight:      400;
    background-color: rgb(255 255 255 / 80%);
    line-height:      1.2;
    text-align:       left;
    pointer-events:   none;
    text-transform:   uppercase;
    display:          flex;
}

.pic-list .thumbnail-title.inverted {
    background-color: rgb(0 0 0 / 80%);
    color:            #ffffff;
}

.tag-list {
    position: absolute;
    top:      9px;
    left:     10px;
}

.tag {
    color:            #ffffff;
    font-weight:      bold;
    font-size:        10px;
    text-transform:   uppercase;
    padding:          3px 5px;
    margin-right:     3px;
    text-decoration:  none;
    background-color: rgba(0, 0, 0, 0.70);
    border:           1px solid #ffffff;
    width:            55px;
    height:           20px;
}

/* DEALS */

.tag.deals {
    background-color: #ffcd00;
    border:           0;
    width:            auto;
    height:           32.5px;
    flex-wrap:        wrap;
    display:          flex;
    white-space:      nowrap;
    padding:          0;
    margin:           0;
    line-height:      32.5px;
    font-weight:      400;
    font-size:        12px;
    text-align:       center;
    text-transform:   uppercase;
    color:            black;
}

.tag.deals .deals-icon {
    width:               32.5px;
    height:              32.5px;
    background:          url('images/deals.svg');
    background-color:    #000000;
    background-repeat:   no-repeat;
    background-position: 49% 53%;
}

.tag.deals .deals-text {
    padding: 0 10px;
}

.post-list .hot {
    background-color: #ff0000;
    border:           1px solid #ffffff;
}

.post-list .tag.audio {
    background:      url(images/audio.png) no-repeat;
    background-size: 55px 19px;
    border:          0;
    padding:         0;
    margin:          0;
    text-indent:     -9999px;
    display:         block;
    width:           55px;
}

.post-list .tag.namm {
    background-color: #0779BF;
}

.post-list .tag.superbooth {
    background-color: #009fe3;
}

.post-list .tag.archiv {
    background-color: #1bb549;
}

.post-list .zone,
.tags .zone {
    color:          #000000;    
    font-size:      16px;    
    padding:        4px 8px;
    border:         1px solid #000000;
    border-radius: 2px;
}

.post-list a.zonelink,
.tags a.zonelink {
    text-decoration: none;
    margin-right:    7px;
    display:         inline-block;
    margin-bottom:   17px;
}

.post-list .circle,
.tags .circle {
    width:         7px;
    height:        7px;
    border-radius: 50%;
    display:       inline-block;
    border:        1px solid #777777;
    margin-right:  3px;
}

.zonelink .triangle {
    display:             inline-block;
    width:               7px;
    height:              10px;
    background-position: -244px -144px;
}

.zonelink:hover .triangle {
    background-position: -258.9px -144px;
}

.zonelink:active .triangle {
    background-position: -274px -144px;
}

.post-list .alignright + .description {
    float: left;
}

.post-list .alignright + .description + .meta {
    right: auto;
    left:  0;
}

.post-list h2,
.post-list .h2 {
    font-size:     23px;
    line-height:   1.1em;
    margin-bottom: 10px;
    margin-top:    10px;
    word-wrap:     break-word;
}

.post-list.grid h2,
.post-list.grid .h2 {
    margin-top:    3px;
    margin-bottom: 6px;
}

.post-list h4,
.comment-list h4,
.post-list .h4,
.comment-list .h4 {
    font-size:              16px;
    line-height:            18px;
    word-wrap:              break-word;
    font-weight:            300;
    -webkit-font-smoothing: antialiased;
}

.comment-list h4,
.comment-list .h4 {
    overflow:      hidden;
    margin-bottom: 8px;
}

.comment-list a:focus h4,
.comment-list a:hover h4,
.comment-list a:focus .h4,
.comment-list a:hover .h4 {
    color: #39b4fe;
}

.comment-list h4 a:active,
.comment-list .h4 a:active {
    color: #1386cc;
}

.comment-list p {
    margin-bottom: 8px;
    margin-top:    0;
    word-wrap:     break-word;
}

.adtag {
    text-align: center;
    /*padding-top: 20px;*/
}

.adtag.mobile-hidden > div {
    margin:    0 auto;
    max-width: 728px;
}

.gearnews-banner {
    position: absolute;
    right:    -30px;
    top:      35px;
    z-index:  999;
}

.gearnews-banner.fixed-child > div {
    position: fixed;
    width:    160px;
    height:   624px;
}

.gearnews-banner .adtag {
    padding-top: 0;
}

.widget_gearnews_deals_widget .links .post img {
    border: 0;
}

.fnetbr-label {
    font-size:   10px;
    color:       #383838;
    display:     block;
    text-align:  right;
    line-height: 24px;
}

/* Aside Start */

.aside {
    font-size:   16px;
    line-height: 22px;
    padding-top: 5px;
}
.widget a,.widget p{color:#000000!important;font-size: 16px!important;    font-weight: 800 !important;
    line-height: 25px !important;}
.widget p:hover{text-decoration: underline!important;}
.widget p.h3:hover{text-decoration: none!important;}

.aside .widget {    
    background: #F4F4F4;    
    position:   relative;
    margin-top: 30px;
    border-radius: 2px;
}

.aside .widget.custom_widget_footer_nav {
    border:     0;
    color:      #8b8b8b;
    text-align: center;
    font-size:  13px;
    opacity:    1;
    visibility: visible;
    transition: opacity 200ms;
}

.aside .custom_widget_footer_nav ul {
    padding: 0;
    margin:  0;
}

.aside .custom_widget_footer_nav ul li {
    list-style-type: none;
    display:         inline;
}

.aside .custom_widget_footer_nav ul li:first-child span.dot {
    display: none;
}

.aside .custom_widget_footer_nav > a {
    padding-top: 5px;
    display:     block;
}

.aside .custom_widget_footer_nav a {
    text-decoration: none;
}

.aside .custom_widget_footer_nav .widget-footer-nav-logo {
    background-position: -43px -222px;
    height:              32px;
    width:               115px;
    margin:              0 auto;
    margin-top:          35px;
}

.aside .custom_widget_footer_nav .widget-footer-nav-logo.widget-footer-nav-logo-it {
    background: none;
    width:      32px;
    height:     30px;
}

.aside .custom_widget_footer_nav .widget-footer-nav-logo.widget-footer-nav-logo-it svg {
    width:   32px;
    height:  30px;
    display: block;
    fill:    #8b8b8b;
}

.aside .widget.medium-rectangle {
    background: none;
    position:   relative;
    padding:    5px;
}

.aside .widget .post-list h4,
.aside .widget .post-list .h4 {
    font-size:   14px;
    line-height: 17px;
}

.aside h3,
.aside .h3 {
    color:         #ffffff!important;        
    margin-top:    0;
    margin-bottom: 0px;
     background-color: #000;
    text-align: center;
    padding: 10px 0px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.aside .widget_custom_categories_list {
    padding: 0;
}

.aside .widget_custom_categories_list h3,
.aside .widget_custom_categories_list .h3 {
    padding-left: 10px;
    padding-top:  10px;
}

.aside .brands-list {
    padding:    0;
    list-style: none;
    overflow:   hidden;
}

.aside .brands-list li {
    padding:        5px;
    border-top:     1px solid #eaeaea;
    border-left:    1px solid #eaeaea;
    line-height:    85px;
    float:          left;
    width:          50%;
    height:         100px;
    text-align:     center;
    position:       relative;
    vertical-align: middle;
}

.aside .brands-list li img {
    vertical-align: middle;
}

.aside .brands-list li:first-child {
}

.aside .brands-list li:nth-child(2) {
}

.aside .brands-list li:nth-child(odd) {
    border-left: 0;
}

.aside .brands-list li a {
    display:        inline-block;
    vertical-align: top;
    max-width:      79%;
}

.aside .brands-list li img {
    width:  100%;
    height: auto;
}

.aside .brands-list .number {
    right:              -1px;
    min-width:          12px;
    padding:            0 5px;
    border:             1px solid #eaeaea;
    border-bottom:      0;
    line-height:        24px;
    text-align:         center;
    -moz-box-sizing:    content-box;
    -webkit-box-sizing: content-box;
    box-sizing:         content-box;
    bottom:             0;
    position:           absolute;
    color:              #cccccc;
}

.aside .widget .post-list .post {
    height:      auto;
    line-height: 80px;
}

.aside .widget.widget_gearnews_deals_widget .post-list .post {
    height: auto;
}

.aside .post-list .description {
    float:          none;    
    padding-top:    12px;
    padding-bottom: 8px;
    display:        inline-block;
    vertical-align: middle;
}

.aside .post-list .description p {
    margin-bottom: 0;    
}

.aside .post-list .pic {
    display:        inline-block;
    vertical-align: middle;
}

.aside .post-list .post a {
    text-decoration: none;
}

.aside .post-list .post:first-child,
.comment-list .post:first-child {
    margin-top: 0;
    border-top: 0;
}

.aside .widget_gearnews_deals_widget .post-list .post {
    margin-top: 20px;
}

.aside .widget_gearnews_deals_widget .post-list .post:first-child {
    margin-top: 0;
}

.aside .post-list .deals {
    margin-top: 5px;
}

.aside .widget_text h3,
.aside .widget_text .h3 {
    position: inherit;
}

.aside .post-list .description.deals {
    padding-bottom: 0;
    width:          100%;
    max-width:      100%;
    padding-left:   0;
}

.aside .post-list .meta {
    bottom: 0;
}

.aside .widget_gearnews_deals_widget .post-list .pic {
    width: 100%;
}

.aside .post-list .meta,
.aside .post-list .description {
    max-width: 100%;
}

.aside .post-list .pic {
    width: 100%;
}

.aside .post-list .post,
.aside .comment-list .post {
    margin:       0 0 0;
    border-width: 2px 0 0;
}

.widget.widget_adtag_rectangle {
    padding:    5px;
    min-height: 250px;
}

.widget.widget_adtag_rectangle .adtag {
    padding-top: 0;
}

@media only screen and (max-width: 768px) {
    .widget.widget_adtag_rectangle .adtag {
        display: none;
    }
}

.aside .widget.widget_gearnews_deals_widget .post-list .post {
    line-height: 1.375em;
}

.aside .widget.custom_widget_personally_interesting_posts h4,
.aside .widget.custom_widget_personally_interesting_posts .h4 {
    font-size: 13px;
}

/* Aside End */

.pagination-holder {
    text-align: center;
    margin:     50px 0;
}

.pagination-holder:first-child {
    margin-top: 0;
}

.pagination {
    display:        inline-block;
    vertical-align: top;
    margin:         -4px 0 0;
    overflow:       hidden;
    border-radius:  0;
}

.pagination li {
    color:       #bababa;
    float:       left;
    margin:      4px 4px 0;
    font-size:   32px;
    line-height: 24px;
    min-height:  36px;
}

.pagination > li > a,
.pagination > li > span {
    min-width:     41px;
    border-width:  2px !important;
    border-radius: 0 !important;
    padding:       6px 10px 6px;
    font-size:     16px;
    line-height:   20px;
}

.pagination .active a {
    background-color: #ffffff;
    color:            #1386cc;
}

.pagination a.pressed {
    background:   #39b4fe !important;
    border-color: #39b4fe !important;
}

.pagination em {
    font-style: normal;
    margin:     0 6px;
}

.pagination .link-prev .icon,
.pagination .link-next .icon {
    display:        inline-block;
    vertical-align: middle;
    width:          11px;
    height:         15px;
    overflow:       hidden;
    margin:         0 15px 0 0;
    text-indent:    -9999px;
}

.pagination .link-next .icon {
    margin:              0 0 0 15px;
    background-position: -86px -144px;
}

.pagination .link-prev:focus .icon,
.pagination .link-prev:hover .icon {
    background-position: -107px -144px;
}

.pagination .link-next:focus .icon,
.pagination .link-next:hover .icon {
    background-position: -129px -144px;
}

.pagination .disabled .link-prev .icon {
    background-position: -148px -144px !important;
}

.pagination .disabled .link-next .icon {
    background-position: -170px -144px !important;
}

.pagination .link-prev:hover,
.pagination .link-next:hover {
    text-decoration: none;
}

.wp-pagenavi {
    text-align: center;
    margin:     50px 0 0;
}

.wp-pagenavi :first-child {
    margin-top: 0;
}

.wp-pagenavi {
    display:        inline-block;
    vertical-align: top;
    margin:         -4px 0 0;
    overflow:       hidden;
    border-radius:  0;
}

.wp-pagenavi a {
    color:       #bababa;
    float:       left;
    margin:      4px 4px 0;
    font-size:   32px;
    line-height: 24px;
    min-height:  36px;
}

.wp-pagenavi a.page {
    min-width:     41px;
    border-width:  2px !important;
    border-radius: 0 !important;
    padding:       6px 10px 6px;
    font-size:     16px;
    line-height:   20px;
}

.wp-pagenavi a.pressed {
    background:   #39b4fe !important;
    border-color: #39b4fe !important;
}

.wp-pagenavi em {
    font-style: normal;
    margin:     0 6px;
}

.wp-pagenavi .link-prev .icon,
.wp-pagenavi .link-next .icon {
    display:        inline-block;
    vertical-align: middle;
    width:          11px;
    height:         15px;
    overflow:       hidden;
    margin:         0 15px 0 0;
    text-indent:    -9999px;
}

.wp-pagenavi .link-next .icon {
    margin:              0 0 0 15px;
    background-position: -86px -144px;
}

.wp-pagenavi .link-prev:focus .icon,
.wp-pagenavi .link-prev:hover .icon {
    background-position: -107px -144px;
}

.wp-pagenavi .link-next:focus .icon,
.wp-pagenavi .link-next:hover .icon {
    background-position: -129px -144px;
}

.wp-pagenavi .disabled .link-prev .icon {
    background-position: -148px -144px !important;
}

.wp-pagenavi .disabled .link-next .icon {
    background-position: -170px -144px !important;
}

.wp-pagenavi .link-prev:hover,
.wp-pagenavi .link-next:hover {
    text-decoration: none;
}

.carousel {
    position: relative;
}

.carousel .mask {
    position: relative;
    overflow: hidden;
    width:    331px;
}

.carousel .slideset {
    width: 99999px;
    float: left;
}

.carousel .slide {
    float: left;
}

.carousel .slide img {
    width:   100%;
    padding: 15px 15px 7px 15px;
    height:  auto;
}

.carousel .post {
    color:       #777777;
    font-size:   14px;
    line-height: 1.214em;
    padding:     266px 15px 0;
}

.carousel .post .pic {
    width:  331px;
    height: 200px;
    margin: -266px -15px 36px;
}

.carousel .post h2,
.carousel .post .h2 {
    font-size:     16px;
    line-height:   20px;
    margin-bottom: 4px;
}

.carousel .post p {
    margin-bottom: 15px;
}

.carousel .switcher-holder {
    z-index:     10;
    position:    absolute;
    top:         205px;
    left:        0;
    width:       100%;
    margin-top:  8px;
    text-align:  center;
    line-height: 14px;
}

.carousel .switcher {
    text-align:     center;
    display:        inline-block;
    vertical-align: top;
    margin:         0 0 10px;
    padding:        0;
    list-style:     none;
}

.carousel .switcher li {
    float:  left;
    width:  8px;
    margin: 0 3px;
}

.carousel .switcher a {
    display:       block;
    height:        8px;
    text-indent:   -9999px;
    border-radius: 100%;
    overflow:      hidden;
    background:    #777777;
    outline:       none;
}

.carousel .switcher a:hover {
    background: #1386cc;
}

.carousel .switcher a.pressed {
    background: #39b4fe;
}

.carousel .switcher .active a {
    background: #1386cc;
}

.holder {
    overflow: hidden;
}

.comment-list .description, .comment-list .meta {
    padding: 0 4px 10px;
}

.comment-list .meta {
    padding-left: 0;
}

.comment-list .pic {
    float:  left;
    margin: 0 9px 0 -51px;
}

.comment-list .pic a {
    margin:        -2px 0 0 -2px;
    display:       block;
    border-radius: 44px;
    border:        2px solid #ffffff;
}

.comment-list .pic img {
    border-radius: 100%;
    padding:       3px;
}

.comment-author.vcard {
    display:     flex;
    align-items: center;
}

.comment-author.vcard .fn {
    margin-left: 10px;
    color:       #777777
}

.comment-author.vcard .says {
    margin-left: 5px;
    color:       #777777
}

.comment-meta.commentmetadata a {
    color: #909090;
}

.comment-meta.commentmetadata a:first-child {
    text-decoration: none;
}

.comment-reply-link {
    color: #777777 !important;
}

#commentform .logged-in-as a {
    color: #777777;
}

#cancel-comment-reply-link {
    color:       red;
    margin-left: 15px;
    font-weight: 900;
}

#cancel-comment-reply-link:hover {
    text-decoration: underline !important;
}


.comment-awaiting-moderation {
    display:    block;
    margin-top: 25px;
}

.commentlist li:not(:first-child) {
    margin-top: 30px;
}

.comment-body::after {
    display:          block;
    content:          '';
    width:            100%;
    height:           2px;
    background-color: #ececec;
    margin-top:       40px;
    border-radius:    50%;
}

.comment-body div,
.comment-body p {
    margin-top: 12px;
}

.col-main .page-header {
    margin:  0;
    padding: 16px 0 22px;
    border:  0;
}

.body-class-term-deal .col-main .page-header,
.body-class-term-otros .col-main .page-header,
.body-class-term-offerte .col-main .page-header {
    display:         flex;
    flex-wrap:       wrap;
    justify-content: space-between;
}

.body-class-term-deal .col-main .page-header select,
.body-class-term-otros .col-main .page-header select,
.body-class-term-offerte .col-main .page-header select {
    padding: 0 3px 0 9px;
}


.single-post {
    color: var(--color-black);
}

.single-post .tags {
    margin:        49px 0 20px 0;
    padding-top:   8px;
    color:         #868686;
    border-top:    1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    font-size:     14px;
    line-height:   1.375em;
    clear:         both;
}

.single-post .tags .tag-cloud {
    width: 100%;
    text-align: left;
}

.single-post .tags .headline {
    display:         flex;
    flex-wrap:       wrap;
    justify-content: space-between;
    align-items:     center;
    margin-bottom:   20px;
}

.single-post .deals-text {
    float:            left;
    margin-right:     10px;
    padding:          0 10px;
    text-align:       center;
    text-transform:   uppercase;
    font-size:        14px;
    line-height:      24px;
    font-weight:      600;
    background-color: #ffcd00;
}

.share-holder {
    margin-top: 6px;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    margin-top:       12px;
    height:           48px;
    width:            48px;
    background-image: url("images/overlay-close.png");
}

.nivo-lightbox-theme-default .nivo-lightbox-prev {
    background-image: url("images/arrow-left.png");
}

.nivo-lightbox-theme-default .nivo-lightbox-next {
    background-image: url("images/arrow-right.png");
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
    opacity:          1;
    transition:       background-color 0.5s ease;
    background-color: rgba(0, 0, 0, 0.07);
}

.tags {
    color:       #333333;
    font-size:   16px;
    line-height: 20px;
    padding:     0 7px 13px;
    margin-top:  0;
    border-top:  0;
}

.tags a {
    color: #1386cc;
}

.tags a:hover {
    text-decoration: none;
}

.single-post .page-header + .meta,
.single-post .page-header + .tags,
.tags:first-child {
    margin-top: 0;
}

.tags strong {
    float:  left;
    margin: 0 18px 0 0;
}

.tags ul {
    margin:       0;
    padding:      0;
    overflow:     hidden;
    list-style:   none;
    word-spacing: 3px;
}

.tags li {
    display:        inline;
    vertical-align: top;
}

.social-holder {
    margin: -1px 0 0 5px;
}

.single-post a {
    color: #000000;text-decoration: underline;
}

.single-post a:hover,
.single-post a:focus {
    color: #39b4fe;
}

.single-post a:active {
    color: #1386cc;
}

/* Slideshow Start */

.slideshow {
    color:    #474747;
    position: relative;
    padding:  0 0 13px;
}

.slideshow .main-img .slideset {
    overflow: hidden;
    height:   453px;
}

.slideshow .main-img p {
    margin:    10px 0 0;
    font-size: 14px;
}

.slideshow .main-img .slide {
    position: absolute;
    z-index:  0;
    left:     0;
    top:      0;
    opacity:  0;
}

.slideshow .main-img .slide.active {
    opacity: 1;
}

.slideshow .main-img .slide.active {
    z-index: 2;
}

.slideshow.not-enough-slides a.btn-prev,
.slideshow.not-enough-slides a.btn-next {
    visibility: hidden;
}

.slideshow.not-enough-slides .switcher-holder {
    display: none;
}

.slideshow img {
    width:  100%;
    height: auto;
}

.slideshow .slide {
    text-align: center;
}

.slideshow .switcher-holder {
    position:   relative;
    margin:     16px 0 0;
    visibility: hidden;
}

.slideshow .switcher-holder.gallery-js-ready {
    visibility: visible;
}

.slideshow .switcher {
    margin:     0;
    padding:    0;
    list-style: none;
}

.slideshow .switcher li {
    float:   left;
    width:   109px;
    padding: 0 5px;
}

.slideshow .switcher a {
    display:      block;
    border:       solid #ffffff;
    border-width: 2px 2px 2px;
    padding:      3px;
}

.slideshow .switcher img {
    -moz-box-sizing:    content-box;
    -webkit-box-sizing: content-box;
    box-sizing:         content-box;
}

.slideshow .switcher .active a,
.slideshow .switcher a:hover,
.slideshow .switcher a.pressed {
    border-color:     #39b4fe;
    padding:          3px;
    border-top-width: 2px;
}

.slideshow .switcher a.pressed,
.slideshow .switcher .active a {
    border-color: #999999;
    padding:      3px;
}

.slideshow .switcher .active img,
.slideshow .switcher a:hover img {
    border: 0;
}

.slideshow .switcher-holder .mask {
    position: relative;
    width:    655px;
    overflow: hidden;
    margin:   0 auto;
}

.slideshow .copyright {
    bottom: 0;
}

/* Slideshow End */

.intro {
    font-weight: 700;
    border-top:  1px solid #e5e5e5;
    margin:      36px 0 0;
    padding:     23px 0 0;
}

.single-post .intro {
    margin-top:  0;
    padding-top: 33px;
}

.single-post .image-source {
    color: #8b8b8b;
}

.single-post .wp-block-jetpack-slideshow .image-source {
    color: #cccccc;
}
.single-post .image-source-classic {
    display: block;
    margin-top: 10px;
    text-align: center;
}

.tooltip-holder {
    position: relative;
    display:  inline-block;
}

.has-tooltip {
    z-index:  5;
    position: relative;
}

.tooltip-holder .tooltip-custom {
    color:       #717171;
    display:     none;
    position:    absolute;
    left:        50%;
    bottom:      0;
    margin-left: -151px;
    width:       302px;
    padding:     0 0 26px;
    font-size:   12px;
    line-height: 14px;
}

.tooltip-holder .tooltip-frame {
    position:           relative;
    display:            block;
    background:         #fbfbfb;
    border-radius:      4px;
    padding:            8px 6px 14px;
    border:             1px solid #cbcbcb;
    -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.19);
    box-shadow:         0 5px 7px rgba(0, 0, 0, 0.19);
}

.tooltip-holder .tooltip-frame:after {
    content: "";
    clear:   both;
    display: block;
}

.tooltip-holder .tooltip-frame:before {
    content:      '';
    position:     absolute;
    left:         50%;
    top:          100%;
    width:        0;
    height:       0;
    margin:       0 0 0 -8px;
    overflow:     hidden;
    border:       9px solid;
    border-color: #f3f3f4 transparent transparent;
}

.tooltip-holder .pic {
    float:  left;
    margin: 3px 9px 0 0;
}

.tooltip-holder .pic a {
    display: block;
    border:  2px solid #ffffff;
}

.tooltip-holder .description {
    display:  block;
    overflow: hidden;
    margin:   0;
    padding:  0;
}

.tooltip-holder strong {
    color:       #474747;
    display:     block;
    font-size:   14px;
    line-height: 20px;
    margin:      0 0 4px;
}

.tooltip-holder strong a {
    text-decoration: none;
}

.tooltip-holder.tooltip-active > .has-tooltip,
.tooltip-holder strong a:hover {
    color: #39b4fe;
}

.tooltip-holder em {
    display:    block;
    font-style: normal;
}

.section,
.comment-respond {
    margin: 50px 0 0;
}

.section:first-child,
.comment-respond:first-child {
    margin-top: 0;
}



.comment-respond .h3 {
    margin-top: 24px !important;
}

.comment-respond {
    /* padding: 20px; */
    /* border:  1px solid #e5e5e5; */
}

.comment-holder img {
    max-width:      100%;
    height:         auto;
    vertical-align: top;
}

.social-holder ul {
    margin:     0;
    padding:    0;
    list-style: none;
}

.social-holder li {
    position: relative;
    float:    left;
    height:   27px;
    margin:   0 0 0 6px;
}

.social-holder li:first-child {
    margin-left: 0 !important;
}

.slider {
    margin:    40px 0 50px 0;
    position:  relative;
    max-width: 100%;
}

.slider:first-child {
    margin-top: 0;
}

.slider h2,
.slider .h2 {
    font-size:   22px;
    line-height: 22px;
}

.slider .sub-title {
    margin: 0 0 24px;
}

.slider .sub-title h2,
.slider .sub-title .h2 {
    margin:   0;
    overflow: hidden;
}

.slider .btn-prev,
.slider .btn-next {
    position: static;
    float:    right;
    margin:   -7px 0 0 0;
}

.slider .mask {
    position: relative;
    width:    770px;
    margin:   0 auto;
    overflow: hidden;
}

.slider .slideset {
    float: left;
    width: 99999px;
}

.slider .slide {
    float:    left;
    position: relative;
    width:    259px;
    padding:  0 10px 28px;
}

.slider .pic a {
    display: block;
    border:  2px solid #ffffff;
}

.slider .pic img {
    width:  100%;
    height: auto;
}

.tooltip-holder .pic a:hover {
    border-color: #39b4fe;
}

.slider .meta {
    color:    #666666;
    position: absolute;
    left:     10px;
    bottom:   0;
    width:    100%;
    border:   0;
    padding:  0;
}



.btn-article {
    position:    relative;
    float:       left;
    width:       369px;
    line-height: 19px;
}

.btn-article.next {
    float: right;
}

.btn-article a {
    color:           #868686;
    float:           left;
    overflow:        hidden;
    text-decoration: none;
    display:         table;
}

.btn-article a:before {
    content:    '';
    position:   absolute;
    left:       17px;
    top:        50%;
    width:      12px;
    height:     20px;
    overflow:   hidden;
    margin-top: -10px;
}

.btn-article.next a:before {
    content:             " ";
    left:                auto;
    right:               17px;
    background-position: -288px -113px;
}

.btn-article a:hover:before {
    content:             " ";
    background-position: -60px -162px;
}

.btn-article.next a:hover:before {
    background-position: -82px -162px;
}

.btn-article .frame {
    display: table-cell;
    width:   241px;
    padding: 4px 16px 4px 52px;
    border:  2px solid #eaeaea;
}

.btn-article .pic {
    display:        table-cell;
    vertical-align: middle;
    background:     #eaeaea;
    border:         solid #eaeaea;
    border-width:   2px 2px 2px 0;
}

.btn-article.next .pic {
    border-width: 2px 0 2px 2px;
}

.btn-article a:hover .pic {
    background:   #39b4fe;
    border:       solid #39b4fe;
    border-width: 2px 2px 2px 0;
}

.btn-article.next a:hover .pic {
    border-width: 2px 0 2px 2px;
}

.btn-article .pic img {
    width:          126px;
    height:         auto;
    margin:         0;
    vertical-align: top;
}

.btn-article.next .pic img {
    margin: 0;
}

.btn-article .frame2 {
    width:          173px;
    vertical-align: middle;
    height:         3.6em;
}

.btn-article.next .frame {
    padding: 4px 52px 4px 16px;
}

.btn-article strong,
.btn-article em {
    display:    block;
    text-align: left;
}

.btn-article strong {
    color: #484848;
}

.btn-article em {
    font-style: normal;
    overflow:   hidden;
    position:   relative;
    margin:     9px 0 0;
}

.btn-article a:hover {
    color:      #ffffff;
    background: #39b4fe;
}

.btn-article a:hover strong {
    color: #ffffff;
}

.btn-article a:hover .frame {
    border-color: #39b4fe;
}

.btn-article a.pressed {
    background: #39b4fe;
}

.btn-article a.pressed .frame {
    border-color: #39b4fe;
}

.col-main .wp-caption {
    max-width: 100% !important;
    height:    auto;
}

.col-main .wp-caption img {
    width:  100%;
    height: auto;
}

.wp-caption img,
.wp-caption {
    width:     auto !important;
    height:    auto !important;
}

.contact-info h2,
.contact-info .h2 {
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 2px;
}

/* Mobile Menu Slide Start */

[off-canvas] {
    display:    none;
    position:   fixed;
    overflow:   hidden;
    overflow-y: auto;
}

[off-canvas*=left] {
    width:  150px;
    height: 100%;
    top:    0;
    left:   0;
}

[off-canvas*=push] {
    z-index: 1;
}

/* Mobile Menu Slide End */

.search-logo {
    height:              23px;
    width:               30px;
    background-position: -4px -106px;
    text-indent:         -9999px;
}

.search-logo:hover {
    background-position: -35px -106px;
}

.search-logo {
    display: block;
}

.search-logo img{
        width: 32px;
    display: block;
    height: 21px;
}


.mobileonly{display:none;}
.desktoponly{display: block!important;}
@media screen and (max-width:980px) {
    .mobileonly{display:block;}
    .desktoponly{display: none;}
}

.search-logo.searchresult {
    display: none;
}

.search-form-wrapper.searchresult {
    display: block;
}

.search-placeholder {
    color:               #8b8b8b;
    position:            absolute;
    left:                19px;
    top:                 3px;
    -webkit-user-select: none;
}

.hideme {
    display: none;
}

/* Hamburger Start */

.hamburger-box {
    width: 30px;
}

.hamburger {
    outline: none;
    padding: 0;
    display: none;
}

.hamburger:hover {
    opacity: 1;
}

.hamburger-inner:before {
    top: -5px;
}

.hamburger-inner {
    margin-top:  4px;
    margin-left: 6px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    background-color: #ffffff;
    width:            18px;
    height:           1px;
}

.hamburger-inner:after {
    bottom: -5px;
}

/* Hamburger End */

/* Sidebar Menu Start */
#sidebar-menu-wrapper {
    position:    fixed;
    margin-left: 30px;
    bottom:      30px;
    font-size:   20px;
}

#sidebar-menu-wrapper .menu li:hover a {
    color: #39b4fe;
}

#sidebar-menu-wrapper .menu li.active a,
#sidebar-menu-wrapper .menu li:active a {
    color: #1386cc;
}

.sidebar-fade {
    opacity:    0;
    visibility: hidden;
}

.sidebar-fadein {
    opacity:            1;
    visibility:         visible;
    -webkit-transition: visibility 800ms linear, opacity 800ms linear;
    -moz-transition:    visibility 800ms linear, opacity 800ms linear;
    -o-transition:      visibility 800ms linear, opacity 800ms linear;
    transition:         visibility 800ms linear, opacity 800ms linear;
}

#sidebar-menu-wrapper.sidebar-menu-withfooter {
    bottom: 160px;
}

.aside .widget.sidebar-fadeout {
    opacity:    0;
    visibility: hidden;
    transition: visibility 0s linear 200ms, opacity 200ms linear;
}

#sidebar-menu-wrapper ul li {
    height: 28px;
}

#sidebar-menu-wrapper .mobile-navholder ul li a {
    font-weight: 300;
}

#sidebar-menu-wrapper .socials li:hover .link-facebook {
    background-position: -38px -10px;
}

#sidebar-menu-wrapper .socials li:active .link-facebook {
    background-position: -68px -10px;
}

#sidebar-menu-wrapper .socials li:hover .link-twitter {
    background-position: -32px -42px;
}

#sidebar-menu-wrapper .socials li:active .link-twitter {
    background-position: -62px -42px;
}

#sidebar-menu-wrapper .socials li:hover .link-rss {
    background-position: -32px -73px;
}

#sidebar-menu-wrapper .socials li:active .link-rss {
    background-position: -62px -73px;
}

/* Sidebar Menu End */

.maincontent .post-list .post {
    padding-top:    20px;
    padding-bottom: 20px;
}

.maincontent .post-list .post:first-child {
    padding-top: 0;
}

.maincontent .instagram-media-rendered {
    margin-left:  auto !important; /* sorry but inline =( */
    margin-right: auto !important; /* sorry but inline =( */
}

.comment-list .post:last-child .description {
    padding-bottom: 0;
}

.content-overlay.is-active {
    position:         absolute;
    height:           100%;
    width:            100%;
    background-color: #000000;
    z-index:          3;
    opacity:          0.5;
    margin-left:      -8px;
}



.wpvq {
    font-family: inherit !important;
}

.wpvq-question .wpvq-question-img {
    max-width: 100%;
}

ul.ul1 {
    list-style-type: none;
}

.grid-view .gearnews-banner,
.grid-view .gearnews-banner .adtag {
    display: none;
}

.overflow-fix {
    position: relative;
    overflow: hidden;
    height:   100%;

}

.page-header .page-header-desc {
    margin-top: 10px;
    max-width:  98%;
}

.mobile-only {
    display: none;
}

.mobile-only > div {
    margin:    0 auto;
    max-width: 300px;
}

.no-js-info {
    text-align:  center;
    height:      30px;
    line-height: 30px;
    background:  #e44f4f;
    width:       100%;
    position:    fixed;
    bottom:      0;
    z-index:     9999999;

}

.no-js-info span {
    color:          #ffffff;
    vertical-align: middle;
}

.lyte-wrapper {
    margin-top:    35px;
    margin-bottom: 35px;
    width:         100% !important;
    height:        auto !important;
    max-width:     100% !important;
}

.lL {
    width:     100% !important;
    height:    auto !important;
    max-width: 100% !important;
}

.wrapper.rectangle {
    width: 331px;
}

.wrapper.skyscraper {
    width: 160px;
}
.related-posts-wrapper{position: relative;z-index: 0;}
.related-posts-wrapper::before {
content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    bottom: 0px;
    left: 50%;
    background-color: #d6ff8f;
    z-index: 0;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail{
    height: auto!important;
    border:0px!important;
}
.yarpp {
    max-width: 100%;    
    box-sizing: border-box;
}

@media screen and (max-width:980px){
   .yarpp-thumbnails-horizontal {    
    display: block!important;    
} 
.row{margin-left: 0px!important;margin-right: 0px!important;}
.related-posts-wrapper::before{display: none;}
}
.yarpp-thumbnails-horizontal {
    padding-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 Spalten */
    gap: 20px;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.yarpp-thumbnail {
    display: flex!important;
    flex-direction: column;
    text-decoration: none;
    width: 100%!important; /* Wichtig, um Überlauf zu vermeiden */
}

.yarpp-thumbnail img {
    width: 100%!important; /* Skaliert auf die Spaltenbreite */
    height: auto!important;
    display: block!important;
}
div.yarpp-related {
    margin: 16px 0 30px 0;
    background-color: #F4F4F4;
    padding:50px;
    position: relative;
    z-index: 0;
}

.yarpp-related header {
    margin-top: 46px;
}

.yarpp-related .yarpp-wrapper {
    height:      113px;
    line-height: 113px;
    margin:      10px 0 10px 0;
    background:  #ebebeb;
}

.yarpp-related .yarpp-wrapper:hover a {
    color: #39b4fe;
}

.yarpp-related .yarpp-wrapper .pic {
    vertical-align: middle;
    float:          left;
    height:         113px;
    line-height:    0;
}

.yarpp-related .yarpp-wrapper .pic img {
    max-width:  206px;
    height:     auto;
    max-height: 113px;
}

.yarpp-related .yarpp-wrapper .description {
    vertical-align: middle;
    max-width:      calc(100% - 206px);
    display:        inline-block;
}

.yarpp-related .h3 {
    font-size:      125%;
    font-weight:    700;
    margin:         0;
    padding:        0 0 5px;
    text-transform: capitalize;
}

.yarpp-related .yarpp-wrapper .description h3,
.yarpp-related .yarpp-wrapper .description .h3 {
    text-transform: none;
    padding-left:   25px;
    padding-right:  10px;
}

.yarpp-related .yarpp-wrapper .description h3 a,
.yarpp-related .yarpp-wrapper .description .h3 a {
    padding-bottom: 0;
    font-weight:    400;
}

/* YARPP Template Styles End */

/* BBSpoiler Start */

.sp-wrap {
    border-width: 1px 0 1px 0;
}

.sp-wrap {
    background:   none repeat scroll 0 0 #f0f0f0;
    border-color: #c3cbd1;
}

.sp-wrap .sp-head.unfolded,
.sp-wrap .sp-head {
    background:  none;
    margin-left: 0;
    padding:     4px 10px 3px;
}

.sp-wrap .sp-body {
    background: #ffffff;
    padding:    10px 10px;
    font-size:  14px;
}

.sp-wrap .spdiv {
    font-size: 0;
}

/* BBSpoiler End */

/* WP Video Player Start */
.wp-video,
video.wp-video-shortcode,
.mejs-container.mejs-video,
.mejs-video .mejs-overlay.load {
    width:  100% !important;
    height: 100% !important;
}

.mejs-container.mejs-video {
    padding-top: 56.25%;
}

.wp-video,
video.wp-video-shortcode {
    max-width: 100% !important;
}

video.wp-video-shortcode {
    position: relative;
}

.mejs-video .mejs-mediaelement {
    position: absolute;
    top:      0;
    right:    0;
    bottom:   0;
    left:     0;
}

.mejs-video .mejs-controls {
    display: none;
}

.mejs-video .mejs-overlay-play {
    top:    0;
    right:  0;
    bottom: 0;
    left:   0;
    width:  auto !important;
    height: auto !important;
}

/* WP Video Player End */

/* Grid-View Start */

.grid-view .grid-teaser {
    padding:    30px;
    text-align: center;
}

.grid-view .grid-teaser img {
    width:  100%;
    height: auto;
}

.grid-view .grid-item-ad {
    margin-bottom: 40px;
}

.grid-view .grid-item-ad .adtag > div {
    max-width: 728px;
    margin:    0 auto;
}

.grid-view .grid-item-ad-mobile,
.grid-view .grid-item-ad-mobile .adtag {
    display: none;
}

.grid-view .grid-item-ad-mobile .adtag > div {
    max-width: 300px;
    margin:    0 auto;
}

.grid-ad-rectangle {
    display:         flex;
    justify-content: center;
}

.post-ad-rectangle {
    margin:          25px 0;
    display:         flex;
    justify-content: center;
}

.adtag > div {
    margin: 0 auto;
}

#main.grid-view .sidebar {
    margin-left: 20px;
}

#main.grid-view .maincontent {
    width:         calc(100% - 332px);
    padding-right: 20px;
}

/* Grid-View End */

/* List/Page/Single-View Start */

.list-view .maincontent,
.page-view .maincontent,
.single-view .maincontent {
    width: 770px;
}

.list-view .description {
    color: #8b8b8b;
}

.list-view .description h2,
.list-view .description .h2 {
    color:       #000000;
    padding-top: 0;
}

.list-view .description .datecat {
    font-size: 14px;
}

.list-view .list-ad,
.list-view .list-ad .adtag,
.single-view .list-ad,
.single-view .list-ad .adtag,
.page-view .list-ad,
.page-view .list-ad .adtag,
.list-view .list-ad.ad-mobile,
.list-view .list-ad.ad-mobile .adtag {
    display:         flex;
    justify-content: center;
}

.list-ad .adtag {
    padding-top: 0;
}

.list-view .list-ad.ad-mobile .adtag > div {
    margin: 0 auto;
}

/* List/Page/Single-View End */

/* Contact Form Start */

#main div.wpcf7 p {
    margin: 18px 0 0;
}

#main div.wpcf7-validation-errors {
    /* sorry, but thanks contact form 7! */
    display: none !important;
}

#main div.wpcf7 input,
#main div.wpcf7 button,
#main div.wpcf7 select,
#main div.wpcf7 textarea {
    width:         360px;
    border:        1px solid #d3d3d3;
    border-radius: 3px;
    outline:       none;
    padding:       5px;
}

#main div.wpcf7 input[type=submit] {
    padding: 0;
}

#main div.wpcf7 input:focus,
#main div.wpcf7 :focus {
    border: 1px solid #737373;
}

#main div.wpcf7 input,
#main div.wpcf7 button,
#main div.wpcf7 select {
    height: 38px;
}

#main div.wpcf7 .g-recaptcha {
    margin-top:     22px;
    padding-bottom: 6px;
}

#main div.wpcf7 .wpcf7-submit {
    outline:          none;
    border:           1px solid #ababab;
    background:       #f7f7f7;
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e5e5e5);
    background-image: -moz-linear-gradient(top, #f7f7f7, #e5e5e5);
    background-image: -ms-linear-gradient(top, #f7f7f7, #e5e5e5);
    background-image: -o-linear-gradient(top, #f7f7f7, #e5e5e5);
    background-image: linear-gradient(to bottom, #f7f7f7, #e5e5e5);
}

#main div.wpcf7 .wpcf7-submit:hover {
    background:       #fbfbfb;
    color:            #484848;
    background-image: -webkit-linear-gradient(top, #fbfbfb, #eeeeee);
    background-image: -moz-linear-gradient(top, #fbfbfb, #eeeeee);
    background-image: -ms-linear-gradient(top, #fbfbfb, #eeeeee);
    background-image: -o-linear-gradient(top, #fbfbfb, #eeeeee);
    background-image: linear-gradient(to bottom, #fbfbfb, #eeeeee);
}

#main div.wpcf7 .wpcf7-submit:active {
    background:       #e5e5e5;
    background-image: -webkit-linear-gradient(top, #e5e5e5, #f7f7f7);
    background-image: -moz-linear-gradient(top, #e5e5e5, #f7f7f7);
    background-image: -ms-linear-gradient(top, #e5e5e5, #f7f7f7);
    background-image: -o-linear-gradient(top, #e5e5e5, #f7f7f7);
    background-image: linear-gradient(to bottom, #e5e5e5, #f7f7f7);
}

#main div.wpcf7 label {
    font-weight: normal;
    font-size:   15px;
    color:       #636363;
}

#main div.wpcf7 label > span {
    margin-top: 5px;
}

#main div.wpcf7 .ajax-loader {
    transform:      translateY(50%);
    vertical-align: baseline;
}

#main div.wpcf7-response-output {
    margin:    2em 0 1em;
    max-width: 360px;
}

/* Contact Form End */

/* Tablepress Start */
#main .tablepress,
#main .tablepress a {
    font-size: 14px;
}

/* Tablepress End */

/* wpdiscuz Start */
#wpcomm .wpdiscuz-front-actions {
    display: none;
}

#wpcomm span.wc-comment-img-link-wrap {
    display: none;
}

/* wpdiscuz End */

/* Cookie Consent Start */
.has-cookie-bar #catapult-cookie-bar {
    line-height: 1;
}

/* Cookie Consent End */

/* TotalPoll Start */
.totalpoll-wrapper {
    margin-top: 15px;
}

/* TotalPoll End */

/* Media Querie min-width 1920px Start */
@media only screen and (min-width: 1920px) {

    .grid-item {
        width: 32%;
    }

    .grid-view .gearnews-banner,
    .grid-view .gearnews-banner .adtag,
    .gearnews-banner,
    .gearnews-banner .adtag {
        display: block;
    }

    .grid-view .grid-item-ad-mobile,
    .grid-view .grid-item-ad-mobile .adtag,
    .grid-view .grid-item-ad,
    .grid-view .grid-item-ad .adtag,
    .list-view .post .adtag,
    .page-view .post .adtag {
        display:         flex;
        justify-content: left;
    }
}

/* Media Querie min-width 1920px End */

/* Media Querie min-width 2500px Start */
@media only screen and (min-width: 2500px) {

    #main.grid-view {
        max-width: 2155px;
    }

    .grid-item {
        width: 23.5%;
    }

    .grid-item.grid-item-full {
        width: 98%;
    }

    .grid-view .grid-teaser img {
        max-width: 1200px;
    }

}

/* Media Querie min-width 2500px End */

/* Media Querie max-width 1580px Start */
@media only screen and (max-width: 1580px) {

    .gearnews-banner,
    .gearnews-banner .adtag {
        display: none;
    }

    .list-view .list-ad,
    .list-view .list-ad .adtag,
    .single-view .list-ad,
    .single-view .list-ad .adtag,
    .page-view .list-ad,
    .page-view .list-ad .adtag {
        display: flex;
    }

    .grid-view .grid-teaser {
        padding: 0;
    }

}

/* Media Querie max-width 1580px End */

/* Media Querie max-width 1303px Start */
@media only screen and (max-width: 1303px) {

    li.link-rss,
    li.link-twitter {
        display: none;
    }

    .navigation-holder ul li a {
        padding: 6px 1.5em 6px 10px;
    }

    .grid-item {
        width: 49%;
    }

    .grid-item.grid-item-full {
        width: 98%;
    }

}

/* Media Querie max-width 1303px End */

/* Media Querie max-width 1199px Start */
@media only screen and (max-width: 1199px) {
    li.link-linkedin,
    li.link-instagram,
    li.link-facebook {
        display: none;
    }

    header .socials li {
        margin: 0;
    }

    .list-view .list-ad.ad-mobile,
    .list-view .list-ad.ad-mobile .adtag {
        display: block;
    }

    .grid-view .grid-item-ad-mobile,
    .grid-view .grid-item-ad-mobile .adtag {
        display: block;
        height:  375px; /* TODO was 300 */
    }

    .grid-view .grid-item-ad-mobile .adtag {
        padding-top: 0;
    }

    .mobile-only {
        display: block;
    }

    .grid-item.grid-item-full,
    .grid-item.grid-item-ad-mobile {
        width: 98%;
    }

    .grid-view .grid-item-ad,
    .grid-view .grid-item-ad .adtag,
    .list-view .list-ad,
    .list-view .list-ad .adtag {
        display: flex;
    }

    .mobile-hidden {
        display: none;
    }

    #main {
        padding: 0 20px 80px 20px;
    }

    .single-view .maincontent,
    .list-view .maincontent,
    .page-view .maincontent {
        max-width: calc(100% - 352px);
    }

    .post-list.grid {
        margin: 0;
        width:  100% !important;
    }

    .grid-headline {
        padding: 0;
    }

    .grid-pic img {
        width: 100%;
    }

    /* Aside Start */
    .aside .widget .wrapper.rectangle {
        width: 100%;
    }

    /* Aside End */
    .carousel .mask,
    .carousel .post .pic {
        width: 330px;
    }

    .carousel .post .pic {
        height: 180px;
    }

    .carousel .switcher-holder {
        top: 180px;
    }

    .slider {
        margin-left:  auto;
        margin-right: auto;
    }

    .slider .mask {
        max-width: 552px;
    }

    .slider .slide {
        width: 276px;
    }

    .btn-article .pic {
        display: none;
    }

    .btn-article {
        width: 40%;
    }

    .btn-article .frame {
        width: 100%;
    }

    /* Slideshow Start */
    .slideshow .switcher-holder .mask {
        width: 436px;
    }

    .slideshow .btn-prev {
        left: 10px;
    }

    .slideshow .btn-next {
        right: 10px;
    }

    /* Slideshow End */
    .comment-list .post {
        padding-left: 0;
    }

    .comment-list .pic {
        float:  none;
        margin: 0 14px 0 0;
    }

    #footer .footer-nav {
        padding: 20px 0px;
    }

}

/* Media Querie max-width 1199px End */

/* Media Querie max-width 991px Start */
@media only screen and (max-width: 1200px) {

    .grid-item.grid-item-full,
    .grid-item.grid-item-ad-mobile {
        width: 100%;
    }

    .grid-item {
        width:  100%;
        height: auto;
    }


    .desktoplogo {
        margin-left: 5px;
    }

    .hamburger {
        display: inline-block;
    }

    .search-logo {
        display: none;
    }

    .search-form-wrapper {
        display: block;
    }

    .menubreaker {
        display: none;
    }

    #header .dropdown {
        display: none;
    }

    .desktoplogo .menu-logo,
    .desktoplogo:hover .menu-logo {
        background-position: -41px -152px;
        cursor:              pointer;
        margin-left:         6px;
    }

    .desktoplogo .menu-logo.menu-logo-it {
        display: block;
    }

    .desktoplogo:active .menu-logo {
        background-position: -41px -187px;
    }

    .desktoplogo:active .hamburger-inner,
    .desktoplogo:active .hamburger-inner:after,
    .desktoplogo:active .hamburger-inner:before {
        background-color: #39b4fe;
    }

    .desktoplogo:hover .logo a {
        color: #ffffff;
    }

    .desktoplogo:active .logo a {
        color: #39b4fe;
    }

    .navigation-holder {
        display: none;
    }

    .carousel .mask,
    .carousel .post .pic {
        width: 395px;
    }

    .carousel .post .pic {
        height: 174px;
    }

    .carousel .switcher-holder {
        top: 174px;
    }

    .slider .mask {
        max-width: 276px;
    }

    .slider .slide {
        width: 276px;
    }

    /* Slideshow Start */
    .slideshow .switcher-holder .mask {
        width: 327px;
    }

    /*Slideshow End */
    .social-holder {
        float:   none;
        margin:  0;
        padding: 10px 0;
    }

    .social-holder ul {
        display:        inline-block;
        vertical-align: top;
    }

    .btn-article em {
        display: none;
    }

    #header {
        position: fixed!important;
    }

    #header .search-form {
        width:        27px;
        margin-left:  20px;
        margin-top:   13px;
        margin-right: 20px;
    }

    #header .btn-search , #header .btn-search-desktoponly{
        display: block;
    }
    
    

    #header .form {
        display:    none;
        z-index:    101;
        position:   absolute;
        top:        100%;
        left:       0;
        width:      100%;
        padding:    15px;
        background: #292929;
    }

    #header .search-form .nav-holder {
        margin-right: 5px;
    }

    .aside .post-list .meta,
    .aside .post-list .description {
        width: 100%;
    }

    .search-form input[type="text"],
    .search-form input[type="search"],
    .post-password-form input[type="text"],
    .post-password-form input[type="password"] {
        width: 210px;
    }

    .carousel .post {
        padding: 210px 15px 0;
    }

    .carousel .post .pic {
        margin: -210px -15px 36px;
    }

    .yarpp-related header h2,
    .yarpp-related header .h2 {
        text-align: center;
    }

    .yarpp-related .yarpp-wrapper {
        height:        auto;
        max-width:     360px;
        margin:        0 auto;
        margin-bottom: 20px;
    }

    .yarpp-related .yarpp-wrapper .pic {
        float:      none;
        display:    block;
        text-align: center;
        height:     auto;
    }

    .yarpp-related .yarpp-wrapper .pic img {
        max-width:  100%;
        height:     auto;
        max-height: none;
    }

    .yarpp-related .yarpp-wrapper .description {
        max-width: 100%;
        display:   block;
        padding:   15px 5px 15px 5px;
    }

    .yarpp-related .yarpp-wrapper .description h3 a,
    .yarpp-related .yarpp-wrapper .description .h3 a {
        padding: 0;
    }
}

/* Media Querie max-width 991px End */

/* Media Querie max-width 768px Start */
@media only screen and (max-width: 1200px) {

    #header {
        top:      0;
        width:    100%;
        z-index:  99999;
        position: fixed;
    }

    .admin-bar #header {
        top: 46px;
    }

    #main {
        margin-top: 80px;
    }

    .admin-bar #main {
        margin-top: 120px;
    }

    .site-wrapper {
        position: absolute;
        top:      0;
        width:    100%;
    }

    .site-container {
        position: relative;
    }

    .mobile-open .cc_container {
        width: calc(100% - 150px);
        left:  150px;
    }

    #main.grid-view .maincontent {
        width:         100%;
        padding-right: 0;
    }

    #mobile-menu-holder {
        background-color: #ffffff;
    }

    .grid-item {
        margin-bottom: 40px;
    }

    .grid-item.grid-item-full.grid-teaser {
        margin-bottom: 20px;
        margin-top:    0;
    }

    .single-view .maincontent,
    .list-view .maincontent,
    .page-view .maincontent {
        width:         100%;
        max-width:     100%;
        padding-right: 0;
    }

    #main .sidebar {
        display: none;
    }

    .mobile-hidden {
        display: none;
    }

    .col-xs-12, .col-sm-5, .col-md-4 {
        padding-right: 15px;
    }

    .aside .widget.medium-rectangle {
        margin-left: 0;
    }


    .commentlist-item .commentlist-item {
        padding: 0;
    }

    .carousel .mask,
    .carousel .post .pic {
        width: 386px;
    }

    .carousel .post .pic {
        height: 210px;
    }

    .carousel .switcher-holder {
        top: 210px;
    }

    .post-list .pic img {
        width: 100%;
    }

    img.aligncenter {
        max-width: 100%;
        height:    auto;
    }

    .nav-holder {
        float:  right;
        margin: 0 0 0 5px;
    }

    .nav-holder .drop {
        left:  auto;
        right: 0;
    }

    .label-text {
        clear:       both;
        overflow:    visible;
        width:       100%;
        white-space: normal;
        display:     none !important;
    }

    .label-text:before {
        display: none;
    }

    #header .right:after {
        content: "";
        clear:   both;
        display: block;
    }

    #header .socials {
        margin-left: 0;
    }

    .carousel .post {
        padding: 310px 15px 0;
    }

    .carousel .post .pic {
        margin: -310px -15px 36px;
    }

    .grid-headline {
        font-size:        36px;
        width:            100%;
        margin:           0 auto;
        margin-bottom:    10px;
        background-color: inherit;
    }
}

/* Media Querie max-width 768px End */

/* Media Querie min-width 768px and max-width 991px Start */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    .col-main .post-list .meta,
    .col-main .post-list .description {
        float:          none;
        width:          100%;
        padding-bottom: 0;
    }

    .col-main .post-list .meta {
        position: static;
        margin:   10px 0 0;
    }

    .col-main .post-list .pic {
        float:  none;
        width:  100%;
        margin: 0 0 20px;
    }

    .post-list .pic a {
        border: 0;
    }

    .list-view .grid-item-ad,
    .list-view .grid-item-ad .adtag,
    .single-view .grid-item-ad,
    .single-view .grid-item-ad .adtag,
    .page-view .grid-item-ad,
    .page-view .grid-item-ad .adtag {
        display: none;
    }

}

/* Media Querie min-width 768px and max-width 991px End */

/* Media Querie max-width 480px Start */
@media only screen and (max-width: 480px) {

    .post-list .pic a {
        border: 0;
        margin: 0;
    }

    .carousel .mask,
    .carousel .post .pic {
        width: 306px;
    }

    .carousel .post .pic {
    }

    .carousel .switcher-holder {
        top: 210px;
    }

    .grid-view .post-list .meta,
    .grid-view .post-list .description,
    .list-view .post-list .meta,
    .list-view .post-list .description,
    .single-view .post-list .meta,
    .single-view .post-list .description {
        float:          none;
        width:          100%;
        padding-bottom: 0;
    }

    .col-main .post-list .meta {
        position: static;
        margin:   10px 0 0;
    }

    .col-main .post-list .pic {
        float:  none;
        width:  100%;
        margin: 0 0 10px;
    }

    .comment-respond label,
    .post-password-form label {
        float:   none;
        display: block;
    }

    .post-password-form label {
        line-height: 38px;
    }

    .comment-form textarea,
    .comment-form input[type="text"],
    .comment-form input[type="email"] {
        width: 100%;
    }

    .search-form input[type="text"],
    .search-form input[type="search"],
    .post-password-form input[type="text"],
    .post-password-form input[type="password"] {
        width: 200px;
    }

    .search-form input[type="submit"],
    .post-password-form input[type="submit"] {
        width: 80px;
    }

    .post-password-form input[type="submit"] {
        float:      right;
        margin-top: 10px;
    }

    .post-password-form {
        width: 290px;
    }

    .post-password-form input[type="text"],
    .post-password-form input[type="password"] {
        float:        right !important;
        margin-right: 0;
    }

    .col-main .wp-caption {
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
        box-sizing:         border-box;
    }

    .footer-nav {
        float:        none;
        padding-left: 5px;
        text-align:   center;
    }

    .footer-nav li {
        line-height: 18px;
        float:       none;
    }
    .socials.list-inline{
            padding: 30px!important;
    display: inline-block!important;
    }

    .btn-article {
        width: 35%;
    }

    /* Slideshow Start */
    .slideshow .switcher-holder .mask {
        width: 218px;
    }

    .slideshow .btn-prev {
        left: 5px;
    }

    .slideshow .btn-next {
        right: 5px;
    }

    /* Slideshow End */
    .brands-list {
        margin:     0 0 9px;
        padding:    0;
        list-style: none;
    }

    .btn-article .frame {
        padding:   4px 10px 4px 32px;
        font-size: 13px
    }

    .btn-article.next .frame {
        padding: 4px 32px 4px 10px;
    }

    .btn-article a:before {
        left: 10px;
    }

    .btn-article.next a:before {
        left:  auto;
        right: 10px;
    }

}

/* Media Querie max-width 480px End */

/* Media Querie max-width 410px Start */
@media only screen and (max-width: 410px) {

    .comment.thread-odd ul.children {
        padding-left: 12.5px;
    }

    .carousel .mask,
    .carousel .post .pic {
        width:  100%;
        height: 170px;
    }

    .carousel .slide img {
        padding:     15px 0 7px 0;
        margin-left: 15px;
        height:      auto;
    }

    .carousel .description {
        overflow: auto;
    }

    .carousel .switcher-holder {
        top: 170px;
    }

    .grid-headline {
        width: 100%;
    }

    .mobile-navholder ul li {
        padding-top: 0;
    }

    .yarpp-related .yarpp-wrapper {
        height:      auto;
        line-height: normal;
    }

    .yarpp-related .yarpp-wrapper .pic {
        float: none;
    }

    .yarpp-related .yarpp-wrapper .pic img {
        width:     100%;
        max-width: 100%;
    }

    .yarpp-related .yarpp-wrapper .description {
        max-width: 100%;
        display:   block;
    }

    .yarpp-related .yarpp-wrapper .description h3,
    .yarpp-related .yarpp-wrapper .description .h3 {
        padding-left: 0;
    }

}

/* Media Querie max-width 410px End */
.billboard-section{margin-top:0px!important;}

.fnetbr-pbb-container {
    max-width:  970px!important;
    width: 100%;
    margin:     0 auto;
    margin-top: 35px;
}

.single-view .fnetbr-pbb-container {
    margin-top: 0px;
    margin-bottom: 50px;
}

.fnetbr-pbb-container img {
    width:  100%;
    height: auto;
}

.fnetbr-pbb-container.upper {
    display: none;
}

@media screen and (max-width: 1340px) {
    .fnetbr-pbb-container.lower {
        display: none;
    }

    .fnetbr-pbb-container.upper {
        display: block;
    }
}

.meta-header {
    margin-bottom: 21px;
    color:         #8b8b8b;
    font-size:     14px;
    line-height:   23px;
}

.meta-header a,
.meta-header span {
    line-height:    24px;
    vertical-align: middle;
    display:        inline-block;
}

.bottombanner {
    display:          flex;
    justify-content:  center;
    position:         fixed;
    bottom:           0;
    width:            100%;
    padding:          12px;
    box-sizing:       border-box;
    background-color: rgba(41, 41, 41, 0.6);
    z-index:          9999;
    pointer-events:   none;
    opacity:          0;
    transform:        translateY(100px);
}

.bottombanner .fnetbr-label {
    color: #ffffff;;
}

.bottombanner.is-show {
    pointer-events: all;
    opacity:        1;
    transform:      translateY(0);
    display:        none;
}

.bottombanner .ad-container {
    width:   320px;
    height:  75px;
    display: none;
}

.bottombanner.is-show .ad-container {
    display: block;
}


.bottombanner.is-active.is-show {
    display: flex;
}

.bottombanner .ad-container.adtag {
    padding: 0;
}

@media screen and (min-width: 1024px) {
    .bottombanner .ad-container {
        display: none;
    }
}

.bottombanner .banner-close {
    display:          flex;
    align-items:      center;
    justify-content:  center;
    width:            27px;
    height:           27px;
    color:            black;
    background-color: white;
    margin-left:      10px;
    margin-top:       24px;
}

/*Removes recaptcha badge */
.grecaptcha-badge {
    visibility: hidden;
}

.recaptcha-text {
    margin-top: 3rem;
    color:      gray;
    font-size:  80%;
}

.recaptcha-text a {
    color: #0a6aa1;
}

@media screen and (min-width: 992px) and (max-width: 1040px) {
    .post-grid .deals-container .deals-text {
        font-size: 65% !important;
    }
}

@media screen and (min-width: 1304px) and (max-width: 1440px) {
    .post-grid .deals-container .deals-text {
        font-size: 60% !important;
    }
}

/* Custom styling for purchase advisor widget */
.custom_widget_purchase_advisor {
    min-height: 300px;
}


.hide_purchase_advise {
    display: none;
}

/* Custom Widget Twitch */
.custom_widget_twitch h3,
.custom_widget_twitch .h3 {
    position:     relative;
    padding-left: 32px;
}

.custom_widget_twitch h3:after,
.custom_widget_twitch .h3:after {
    content:             '';
    display:             block;
    position:            absolute;
    top:                 0;
    left:                -18px;
    width:               38px;
    height:              30px;
    background-image:    url('images/twitch.svg');
    background-size:     18px 18px;
    background-repeat:   no-repeat;
    background-position: center center;
    background-color:    #6441a5;
}

.custom_widget_twitch h3:before,
.custom_widget_twitch .h3:before {
    content:      '';
    display:      block;
    position:     absolute;
    left:         -18px;
    bottom:       -10px;
    width:        0;
    height:       0;
    border-style: solid;
    border-width: 0 8px 8px 0;
    border-color: transparent #333333 transparent transparent;
}

.custom_widget_twitch img {
    max-width: 100%;
}

.custom_widget_twitch h4,
.custom_widget_twitch .h4 {
    font-weight: 400;
    font-size:   14px;
    line-height: 17px;
}

#BorlabsCookieBox * {
    line-height: 1.5;
}

.brlbs-cmpnt-content-blocker,
.brlbs-cmpnt-cb-fluid-width-video-wrapper-youtube {
    margin-top: 20px;
}

/* Interscroller */
.interscroller-container {
    margin-bottom: 35px;
    display:       none;
}

.interscroller-container .interscroller-wrapper {
    position:    relative;
    margin:      0 auto;
    width:       320px;
    height:      600px;
    display:     none;
    padding-top: 0;
}

.interscroller-container .interscroller-wrapper .interscroller-bg-wrapper {
    position: absolute;
    width:    320px;
    height:   600px;
    clip:     rect(0px 320px 600px 0px);
}

.interscroller-container .interscroller-wrapper .interscroller-bg-wrapper > div {
    position:            fixed;
    top:                 50%;
    transform:           translateY(-50%);
    backface-visibility: hidden;
}

@media screen and (max-width: 768px) {
    .interscroller-container.is-active {
        display: block;
    }

    .interscroller-container .interscroller-wrapper {
        display: block;
    }
}

/* postrating */
/* .postrating {
    display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
} */

/* .postrating .rating-banner {
     flex: 0 0 auto;
  width: auto;
  max-width: 40%;
  margin-left: auto; /* optional für Push nach rechts */
  /* display: flex;
  justify-content: flex-end;
} */ 

.postrating .rating-banner img:first-child {
    /* width:  57.5%; */
    height: 100%;
}

/* .postrating .rating-banner img:last-child {
    width:    auto;
    height:   100%;
    position: absolute;
    right:    0;
} */

.postrating .rating-data {
     flex: 1 1 auto;
}

/* .postrating .rating-data .rating-data-wrapper {
    display:         flex;
    flex-wrap:       wrap;
    width:           min-content;
    justify-content: center;
} */

.postrating .rating-data .rating-data-wrapper p.label {
    width:     auto;
    color:     #292929;
    font-size: 14px;
    padding:   0 5px 6px 5px;
}

.postrating .rating-data .rating {
    display:               flex;
    flex-wrap:             wrap;
    justify-content:       center;
    align-items:           center;
    width:                 auto;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction:    row-reverse;
    flex-direction:        row-reverse;
    -webkit-box-pack:      end;
    -ms-flex-pack:         end;
}

.postrating .rating-data .rating span {
    background-image: url(images/hon_flame.svg);
    -webkit-filter:   grayscale(1);
    filter:           grayscale(1);
    width:            15px;
    height:           22px;
    cursor:           pointer;
}

.postrating .rating-data .rating span:not(:last-child) {
    margin-left: 5px;
}

.postrating .rating-data .rating span:hover,
.postrating .rating-data .rating span:hover ~ span,
.postrating .rating-data .rating span.is-active {
    -webkit-filter: grayscale(0);
    filter:         grayscale(0);
}

.postrating .rating-data .rating-info {
    display: none;
    width:   max-content;
    padding: 0 5px;
}

@media screen and (max-width: 920px) {
    .postrating .rating-banner {
        width: 100%;
    }

    .postrating .rating-data {
        width:   100%;
        padding: 40px 0px;
    }

    .postrating .rating {
        margin: 10px 0;
    }

    .postrating .rating-data .rating-data-wrapper,
    .postrating .rating-data .rating-info,
    .postrating .rating-data .rating-data-wrapper p.label {
        width:     max-content;
        max-width: 300px;
    }

    .postrating .rating-data .rating span {
        width:             30px;
        height:            44px;
        background-size:   contain;
        background-repeat: no-repeat;
    }

    .postrating .rating-data .rating span:not(:last-child) {
        margin-left: 15px;
    }

}

/* header rating */
.post .postrating-header img {
    height:         16px;
    vertical-align: text-top;
    margin:         0 3px;
}

/* Image Sources List */
.image-sources-list {
    margin-top: 15px;
}

.image-sources-list .title {
    display:             block;
    color:               #484848;
    font-size:           18px;
    margin-top:          24px;
    margin-bottom:       12px;
    font-family:         inherit;
    font-weight:         700;
    line-height:         1.188;
    margin-block-start:  0.83em;
    margin-block-end:    0.83em;
    margin-inline-start: 0px;
    margin-inline-end:   0px;
}

/* comment votes */

.comment-body .comment-vote {
    margin-left: auto;
    display:     flex;
    align-items: center;
    margin-top:  0;
}

.comment-vote .vote {
    cursor:      pointer;
    display:     flex;
    align-items: center;
}

.comment-vote .vote.upvote {
    margin-right: 6px;
}

.comment-vote .vote.downvote {
    margin-left: 6px;
}

.comment-vote .vote.disabled {
    cursor: default;
}

.comment-vote .vote svg {
    width:  20px;
    height: 20px;
}

.comment-vote .voted svg {
    fill: #39b4fe;
}

/**
LOTTERY
 */
form.lottery {
    margin: 5rem 0;
}

form.lottery .input-wrap {
    display:    flex;
    flex-flow:  column nowrap;
    margin-top: 1.75rem;
}

form.lottery .input-wrap label {
    font-size:   1.5rem;
    line-height: 1.5;
    font-weight: bold;
}

form.lottery .input-wrap input[type="text"],
form.lottery .input-wrap input[type="email"] {
    width:       100%;
    margin-top:  0.5rem;
    padding:     1rem;
    line-height: 1;
}

form.lottery .submit-wrap {
    display:         flex;
    justify-content: center;
    margin-top:      2rem;
}

form.lottery .question {
    margin-bottom: 0.5rem;
}

form.lottery .question .question-headline {
    background:    #F7F5F5;
    margin-bottom: 0.5rem;
    padding:       1.5rem 2rem;
}

form.lottery .question .fields-wrap {
    display:   flex;
    flex-flow: column nowrap;
}

form.lottery .question .answer {
    position:      relative;
    display:       block;
    margin-bottom: 0.25rem;
}

form.lottery .question .answer input {
    position:   absolute;
    top:        50%;
    left:       1.5rem;
    z-index:    10;
    transform:  translateY(-50%);
    transition: left 300ms ease-in-out;
    margin:     0;
}

form.lottery .question .answer input:checked {
    left: 0.75rem;
}

form.lottery .question .answer input:checked + label {
    background-position: -100% 0;
    transform:           scale(1.025);
    z-index:             5;
}

form.lottery .question .answer label.checkbox,
form.lottery .question .answer label.radio {
    position:            relative;
    display:             block;
    font-size:           18px;
    padding:             1.5rem 2.5rem 1.5rem 4.5rem;
    line-height:         1;
    cursor:              pointer;
    background:          linear-gradient(90deg, #fcfbfb 50%, white 50%);
    background-size:     200% 100%;
    background-position: 0 0;
    transition:          all 300ms ease-in-out;
}

form.lottery .button--primary {
    display:     block;
    background:  #ffcd00;
    line-height: 1.5;
    font-weight: 700;
    font-size:   2rem;
    padding:     0 2rem;

}

form.lottery .participation-terms {
    margin-top: 3.25rem;
}

form.lottery .lottery-info {
    margin-top: 3.75rem;
}

form.lottery .question .fields-wrap input[type="text"] {
    padding:    1.5rem 2.5rem 1.5rem 3.5rem;
    border:     1px solid darkgrey;
    background: linear-gradient(90deg, #fcfbfb 50%, white 50%);
}

/* The switch - the box around the slider */
.dealsfilter.switch {
    position: relative;
    display:  inline-block;
    width:    60px;
    height:   34px;
}

/* Hide default HTML checkbox */
.dealsfilter.switch input {
    opacity: 0;
    width:   0;
    height:  0;
}

/* The slider */
.dealsfilter .slider {
    position:           absolute;
    cursor:             pointer;
    top:                0;
    left:               0;
    right:              0;
    bottom:             0;
    background-color:   #ccc;
    -webkit-transition: .4s;
    transition:         .4s;
    border-radius:      34px;
}

.dealsfilter .slider:before {
    position:           absolute;
    content:            "";
    height:             26px;
    width:              26px;
    left:               4px;
    bottom:             4px;
    background-color:   white;
    -webkit-transition: .4s;
    transition:         .4s;
    border-radius:      50%;
}

.dealsfilter input:checked + .slider {
    background-color: #2196F3;
}

.dealsfilter input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.dealsfilter input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform:     translateX(26px);
    transform:         translateX(26px);
}

.dealsfilter-notification {
    margin-bottom: 20px;
}