html {scroll-padding-top: 61px;}
.wrapper:not(#homepage-content .wrapper) {padding: 90px 70px 20px;}
.wrapper.homepage {padding: 45px 70px 20px !important;}

nav {height: 90px !important;}
nav li{display: inline-block; vertical-align: middle;}
nav .nav-menu {position: relative; padding: 0; width: calc(100% - 140px); max-width: 1400px; transform: translateX(-50%); left: 50%;}
nav .nav-menu .nav-logo {margin-right: 10px;}
nav .nav-menu .nav-list {display: inline-block;}
nav a {color: black; text-decoration: none;}
nav a.first {padding: 8px 10px 8px 0;}
nav .nav-list a:not(.active):hover {background: rgba(0, 0, 0, 0.35)}
nav a.active, nav .nav-list a:active {color: #C9A608 !important; filter: brightness(1.2); background: rgba(0, 0, 0, 0.45) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; -webkit-text-stroke: .1px #B09107 !important;}
nav.homepage .nav-menu {padding: 0 20px;}
nav.homepage.nav-detached .nav-menu {padding: 0;}

nav #more-menu-container {position: relative; display: none; width: 100%;}
nav #more-menu-container.visible {display: inline-block;}
nav #more-button {position: relative; border: 0; background: transparent; filter: invert(1); position: absolute; height: 30px; top: -37px; right: -2px; cursor: pointer; border-radius: 10px; padding: 5px;}
nav #more-button:hover {background: black;}
nav #nav-menu-more {display:none; position: absolute; top: -10px; right: 0; background: white; padding: 10px; border-radius: 10px;}
nav #nav-menu-more.active {display: inline-block;}
nav #nav-menu-more a {display: block; font-size: 16px;}

.hamburger-button, #hamburger, .hamburger-close, .mobile-menu {display: none !important;}

/* Heading*/
.carousel-heading {bottom: 20px; left: 20px; right: 20px;}
.carousel .arrow-prev {left: 20px;}
.carousel .arrow-next {right: 20px;}

.mini-items-heading {grid-template-columns: repeat(auto-fill, minmax(0, calc(25% - 9px)))}

.carousel {height: 500px;}
#homepage-content .homepage-content-element div.blog-list .list-item {margin: 0;}

h1 {margin: 10px auto 15px;}

.text-container {padding: 30px 0 50px;}

footer {padding: 25px 70px 40px; background: white;}
footer p {}

/* List - Grid v2*/
div.grid-list{margin: 40px 0 30px; grid-template-columns: repeat(auto-fill, minmax(0, calc(33% - 6px))); gap: 12px; grid-gap: 12px;}
div.grid-list .list-item {object-fit: cover;}
div.grid-list .list-item .grid-list-item-img, div.grid-list .empty-img {/*width:350px;*/ height: 250px; object-fit: cover;}
div.grid-list .list-item .grid-list-item-title {font-size: 20px;}
.section-rental div.grid-list .list-item .grid-list-item-title {font-size: 35px;}

/* Gallery */
div.gallery-grid-list {margin: 40px 0 30px; grid-template-columns: repeat(auto-fill, minmax(0, calc(33% - 6px))); gap: 12px; grid-gap: 12px;}
div.gallery-grid-list .list-item {object-fit: cover; height: fit-content;}
div.gallery-grid-list .list-item .item-img {object-fit: cover;}

/* List - Blog*/
div.blog-list {margin: 40px 0 30px; grid-template-columns: repeat(auto-fill, minmax(0, calc(50% - 8px)));}

/* Documentation Element */
.side-section-list {position: fixed; width: 150px; height: calc(100vh - 70px); top: 70px; padding: 0; margin: 0;}
.side-section-list h2 {display: block;}
.side-section-list a {display: block; margin: 0 10px 8px 0;}
.wrapper.documentation-element .content-wrapper {position: relative; width: calc(100% - 150px); left: 150px; border-left: 1px solid darkgray; padding-left: 50px;}

@media screen and (min-width: 1450px) {
    div.grid-list:not(.section-rental div.grid-list, .grid-list.about-us) {grid-template-columns: repeat(auto-fill, minmax(0, calc(20% - 10px)));}
}