/* general settings */
body {margin: 0;padding: 0;}

.mainnav {width: 100%;}
.logo {float: left;}
.logo a {overflow: hidden;}
.navBg {height: 48px; position:absolute; width: 100%;}
.cs-gelatine {animation: gelatine 0.5s infinite;}
@keyframes gelatine {
  from,
  to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}

/* icons */
.cs-miniButtons li img {width: 2.3em;top: 13px;position: relative;}
.cs-arrowDown {max-width: 1.8em;position: relative;top: 7px;}
.cs-icons {max-width: 1.8em;position: relative;top: -1px;}
.cs-budgetIcon {width: 2.5em;position: relative;top: 12px;margin: 0 0.7em;cursor: pointer;}

.cs-compareButton {background: #111111;color: #fff;padding-top: 0.6em;right: 1em;position: fixed;top: 40vh !important;z-index: 10;cursor: pointer;}
.cs-compareButton {border-radius: 100%;height: 4em;width: 4em;text-align: center;}
.cs-compareButton svg {position: relative;top: 5px;}
.cs-compareButton svg path {fill: #fff;}

/* mobileMenu */
.cs-mobileBottomContainer {position: fixed;bottom: 0;left: 0;width: 100%;background: #232323;padding: 1rem 1rem 2rem 1rem;z-index: 100;}
.cs-mobileBottomContainer ul li {width: calc(100% / 5);text-align: center;}
.cs-mobileBottomContainer i {font-size: 2rem;color: #f1f1f1;}
.cs-mobileCategorysHeader .cs-svgIcon {position: relative;top: -5px;}
.cs-mobileCategorysHeader .cs-svgIcon path {fill: #fff;}
.cs-mobileCategorysHeader .cs-jumpfirst svg {width: 1.4em;}

/* scrollup arrow */
.cs-scrollup {width: 5em;height: 5em;position: fixed;bottom: 0;right: 100px;display: none;padding: 0;z-index: 20;}
.cs-scrollup span {font-size: 3.3rem;}

/* cookieAlert */
#cookieAlertWrapper {background-color: #000000;padding: 1em;position: fixed;bottom: 0;max-width: 200px;z-index: 10;}
#cookieAlert::after {clear: both;content: "";display: block;}
#cookieAlert {color: #ffffff;}
#cookieAlert a {color: #ffffff;border: 1px solid #fff;padding: 0.1em 0.4em;font-size: 0.8rem;width: 100%;display: block;text-align: center;margin-top: 1em;background: #252525;}

/* budgetContainer */
.cs-budget {position: relative;}
.cs-budget .cs-svgIcon {width: 3.3em;height: 2.3em;}
.cs-budgetContainer {display: none;position: absolute;z-index: 101;width: 300px;right: -6px;top: 5em;background: #fff;padding: 0 1em 1em 1em;}
.cs-budgetContainer > div {width: 100% !important;text-align: center;}

/* header */
header .cs-topBar {width: 100%;background: #f1f1f1;}
header .cs-topBar .cs-container {margin: 0 auto;align-items: center;}
header .cs-headerContent .cs-container {margin: 0 auto;align-items: center;}

header .cs-headerContent {margin: 0 auto;padding: 20px 0;margin-bottom: 10px;}
header .cs-headerContent:after {content: "";display: table;clear: both;}
header .cs-headerContent .iconbuttons {font-size: 2rem;}

/* widths */
header .logo {width: 23%;}

/* minibuttons */
header .cs-miniButtons {position: relative;}
header .cs-miniButtons i {font-size: 1.6rem;padding-top: 1.2rem;margin-left: 0.5rem;}
header .cs-miniButtons .cs-budget i {font-size: 1.78rem;padding-right: 0.3em;padding-left: 0.3em;}
header .cs-miniButtons > ul > li {margin: 0 0.3em;}
header .cs-miniButtons .cs-svgIcon {margin-right: 0.4em;margin-top: 0.4em;}

/* content */
section.cs-mainContent {width: 74%;}
aside.cs-aside {display: block;width: 24%;}
.cs-start section.cs-mainContent,
.cs-detail section.cs-mainContent {width: 100%;}
.cs-start aside.cs-aside,
.cs-detail aside.cs-aside {display: none;}

.cs-categoriesBox {position: relative;background: #f7f7f7;}
.cs-start .cs-categoriesBox {background: #ffffff;margin-bottom: 1em;}
.cs-overlayButton.cs-overlayMenuButton {padding: 0.32em 0.5em 0.1em;font-size: 1rem;border: 0;background: #000000;color: #fff;border: 0;cursor: pointer;width: 160px;}
.cs-overlayButton.cs-overlayMenuButton img {max-width: 2.5em;position: relative;top: 1px;}
.cs-overlayButton.cs-overlayMenuButton span {position: relative;top: -8px;left: 4px;}
.cs-overlayButton.cs-overlayMenuButton svg {width: 1.8em;height: 1.8em;position: relative;top: 1px;}
.cs-overlayButton.cs-overlayMenuButton svg path {fill: #fff;}