/*
Theme Name: LUXTON DREAMS
Description: Custom Wordpress Theme for Luxton Dreams Berlin
Author: Sebastian Klammer Grafikdesign Berlin
Author URI: https://sebastian-klammer.de/
Version: 1.0 (01.03.2026)
*/

/* === FONTS === */

@import url('fonts/stylesheet.css');

/* === ANIMATIONS === */

.show-on-scroll { opacity: 0; transition: transform 4s .25s cubic-bezier(0,1,.3,1), opacity .3s .25s ease-out; transform: translate(0, calc(40% + 1em)); }
.show-on-scroll.is-visible { opacity: 1; transform: translate(0, 0); }

.show-on-scroll + .show-on-scroll { transition-delay: .25s; }

.show-on-scroll + .show-on-scroll + .show-on-scroll { transition-delay: .5s; }

#no-animation .clmn { opacity: 1 !important; transform: translate(0, 0) !important; }


/* === RESET === */

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea { margin: 0; padding: 0; }
header, footer, nav, section, aside, article, figure, figcaption { display: block }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; text-align: start; vertical-align: top; }
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help; }
blockquote, q { quotes: none; }
fieldset, img { border: 0; }
ul { list-style-type: none; }
ul li { margin-bottom: 10px; line-height: 1.6; }
p + ul { margin-top: 2em !important; }
.inclcontent ol li { margin-bottom: 10px !important; line-height: 1.6 !important; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
*, *:before, *:after { box-sizing: inherit; }

html { position: relative; overflow-y: scroll; height: 100%; }
input, button, textarea, select { vertical-align: baseline; *vertical-align: middle; }
button, input.submit { *overflow: visible; }
table { font-size: inherit; }
img, object, embed, video { max-width: 100%; }
a img { border: none; display: block; }
img { height: auto; }


/* === GENERIC === */


.desk-size { display: inline-block; }
.tablet-size { display: none; }
.phone-size { display: none; }
.clr { clear: both; }
.clrfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
.hide-mobile { display: inline-block !important; }
.show-mobile { display: none !important; }

.screen-reader-text { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

a { position: relative; text-decoration: none; transition: all .2s ease; }
a:hover { text-decoration: none; cursor: pointer; }

.button { display: inline-block; padding: 0.6em 1.4em; }
.button:hover { transform: scale(1.05); }
.button + .button { margin-left: 1em; }

section { padding: 5em 0; display: flex; align-items: center; background-size: cover; background-position: center center; background-repeat: no-repeat; }
section.transparent + section.transparent,
section.black + section.black,
section.anthrazit + section.anthrazit,
section.gold + section.gold { padding-top: 0; margin-top: -.5em; }

.inside { width: 100%; max-width: 1560px; margin: 0 auto; box-sizing: border-box; padding-left: 80px; padding-right: 80px; }

.inclcontent ol { list-style-type: none; counter-reset: bulletcounter; padding: 0; /*margin-bottom: -3em !important;*/ }
.inclcontent ol li { position: relative; margin-left: 30px !important; padding: 0 0 0 100px !important; display: block; margin-bottom: 20px; min-height: 120px; }
.inclcontent ol li:before { content:counter(bulletcounter);  counter-increment: bulletcounter; position: absolute; top: -10px; left: -30px; width: 90px; height: 90px; line-height: 90px; font-size: 2.5em; text-align: center; }

.two-column-text { column-count: 2; column-gap: 2em; }
ul.two-column-text li:first-of-type { margin-top:0; }
.three-column-text { column-count: 3; column-gap: 2em; }
ul.three-column-text li:first-of-type { margin-top:0; }


/* === COLOURS === */


body { background-color: #000; }
body, input, select, textarea { color: #948767; }

#header { background-color: transparent; }

.transparent { background-color: transparent; }
.anthrazit  { background-color: #0e0e0d; color: #fff; }
.black  { background-color: #000; color: #fff; }
.black.with-gradient { background: rgb(14,14,13); background: linear-gradient(0deg, rgba(0,0,0,1) 7%, rgba(14,14,13,1) 85%); }
.black.black-semi { backdrop-filter: saturate(180%) blur(20px); background-color: rgba(0,0,0,0.8); }
.gold  { background-color: #948767; color: #FFF; }
.gold.with-gradient { background: rgb(194,181,137); background: linear-gradient(0deg, rgba(149,136,104,1) 7%, rgba(194,181,137,1) 85%); }

h1, p.like-h1, h2, p.like-h2, h3, p.like-h3, h4, p.like-h4, h5, p.like-h5 { color: #fff; }

a { color: #948767; }
a:hover { color: #fff; }

.button { background: rgb(194,181,137); background: linear-gradient(0deg, rgba(149,136,104,1) 7%, rgba(194,181,137,1) 85%); color: #fff; border: 1px solid #c2b589; outline: 0.25px solid rgba(255,255,255,0.2); font-weight: normal; transition: all .2s ease-in-out; }
.button:hover { transform: scale(1.05); outline: 60px solid rgba(255,255,255,0.0); }

.button.outline { border: 2px solid #948767; background: none; color: #948767; }
.button.outline:hover { border-color: #fff; background: none; color: #fff; }

.clmn.highlighted .clmn-content p { border-left-color: #948767; }

.black > .clmn-content > h1, 
.black > .clmn-content > h2, 
.black > .clmn-content > h3, 
.black > .clmn-content > h4, 
.black > .clmn-content > h5,
.black > .inside > .columns > .clmn.transparent h1, 
.black > .inside > .columns > .clmn.transparent h2, 
.black > .inside > .columns > .clmn.transparent h4, 
.black > .inside > .columns > .clmn.transparent h5 { color: #fff; }
.black > .clmn-content > p, 
.black > .inside > .columns > .clmn.transparent p,
.black > .clmn-content ul li, 
.black > .inside > .columns > .clmn.transparent ul li  { color: #c2b589; }

.anthrazit > .clmn-content > h1, 
.anthrazit > .clmn-content > h2, 
.anthrazit > .clmn-content > h3, 
.anthrazit > .clmn-content > h4, 
.anthrazit > .clmn-content > h5,
.anthrazit > .inside > .columns > .clmn.transparent h1, 
.anthrazit > .inside > .columns > .clmn.transparent h2, 
.anthrazit > .inside > .columns > .clmn.transparent h4, 
.anthrazit > .inside > .columns > .clmn.transparent h5 { color: #fff; }
.anthrazit > .clmn-content > p, 
.anthrazit > .inside > .columns > .clmn.transparent p,
.anthrazit > .clmn-content ul li, 
.anthrazit > .inside > .columns > .clmn.transparent ul li  { color: #c2b589; }

.gold > .clmn-content > h1, 
.gold > .clmn-content > h2,
.gold > .inside > h2.section-header, 
.gold > .clmn-content > h3, 
.gold > .clmn-content > h4, 
.gold > .clmn-content > h5,
.gold > .inside > .columns > .clmn.transparent h1, 
.gold > .inside > .columns > .clmn.transparent h2, 
.gold > .inside > .columns > .clmn.transparent h4, 
.gold > .inside > .columns > .clmn.transparent h5 { color: #fff; }
.gold > .clmn-content > p, 
.gold > .inside > .columns > .clmn.transparent p { color: #fff; }
.gold > .clmn-content  a,
.gold > .inside > .columns > .clmn.transparent a { color: #0e0e0d; }
.gold > .clmn-content  a:hover,
.gold > .inside > .columns > .clmn.transparent a:hover { color: #000; }
.gold > .clmn-content > p > a.button,
.gold > .inside > .columns > .clmn.transparent .button { background: #0e0e0d; color: #fff; }
.gold > .clmn-content > p > a.button:hover,
.gold > .inside > .columns > .clmn.transparent .button:hover { background: #000; color: #fff; }
.gold > .clmn-content > p > a.button.outline,
.gold > .inside > .columns > .clmn.transparent .button.outline { border-color: #0e0e0d; color: #0e0e0d; }
.gold > .clmn-content > p > a.button.outline:hover,
.gold > .inside > .columns > .clmn.transparent .button.outline:hover { border-color: #000; color: #000; }
.gold > .clmn.teaser-item a,
.gold > .inside > .columns > .clmn.teaser-item > a { color: #0e0e0d; }

section .ui-widget-content { color: #5b5558; }

.slider .slider-content-wrapper .inside.slider-text-white h1,
.slider .slider-content-wrapper .inside.slider-text-white h2,
.slider .slider-content-wrapper .inside.slider-text-white p { color: #fff; }

.slider .slider-content-wrapper .inside.slider-text-gold h1,
.slider .slider-content-wrapper .inside.slider-text-gold h2 { color: #948767; }
.slider .slider-content-wrapper .inside.slider-text-gold p { color: #948767; }

.slider .slider-content-wrapper .inside.slider-text-black h1,
.slider .slider-content-wrapper .inside.slider-text-black h2 { color: #000; }
.slider .slider-content-wrapper .inside.slider-text-black p { color: #000; }

.gold-text { color: #948767 !important; }
.white-text { color: #fff !important; }


/* === FONTS === */


.cross-out { text-decoration: line-through; }

html { font-size: 68%; }
body, button, .button, input, select, textarea, blockquote, section .ui-widget-content { font-family: 'mnts-regular', sans-serif; font-weight: normal; font-size: 18px; font-size: 1.8rem; line-height: 1.6; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }

#mainmenu ul.menu li a,
#side-menu ul.menu li a { font-family: 'bodoni-72-book', sans-serif; font-weight: normal; font-size: 20px; font-size: 2.0rem; text-transform: uppercase; letter-spacing: 3px; }

.button { font-family: 'bodoni-72-book', serif; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; font-size: 1em !important; }

p { margin: 0 0 2em; }
p:last-of-type { margin-bottom: 0; }
p.larger-text, span.larger-text { font-size: 1.25em; }
p.smaller-text, span.smaller-text { font-size: .6em; }

h1, p.like-h1, h2, p.like-h2, h3, p.like-h3, h4, p.like-h4, h5, p.like-h5 { font-family: 'bodoni-72-book', serif; font-weight: normal; position: relative; line-height: 1.2; }

h1, p.like-h1 { font-size: 5.0vw; line-height: 1; margin-bottom: .5em; }
h1.pageTitle { padding-top: 2em; line-height: 1; margin-bottom: 0; }

h2, p.like-h2 { font-size: 5.0vw; margin-bottom: 1.5vw; }
h2.section-header { font-size: 5.0vw; text-align: center; margin-bottom: 1em; }

h2.sub-headline { display: block; width: 100%; font-family: 'mnts-regular', sans-serif; font-weight: normal; font-size: 1em; color: #948767; padding-top: 1em; padding-bottom: 1em; border-bottom: 1px solid #948767; text-transform: uppercase; letter-spacing: 2px; }

h3, p.like-h3 { font-size: 2.0vw; margin-bottom: 1em; }

h4, p.like-h4 { font-size: 1.5vw; margin-bottom: 1em; }

h1 span.large, h2 span.large, h3 span.large,
p.like-h1 span.large, p.like-h2 span.large, p.like-h3 span.large { font-size: 2.5em; }
h1 span.small, h2 span.small, h3 span.small,
p.like-h1 span.small, p.like-h2 span.small, p.like-h3 span.small { font-size: 0.5em; }

blockquote { position: relative; display: block; box-sizing: border-box; padding: 2em; font-family: 'bodoni-72-book', serif; font-weight: normal; }
blockquote p {margin-bottom: 0; text-align: left; }
.quotesource { margin-top: 1.5em; margin-bottom: 3em; padding-left: 2em; display: block; }
.quotesource a, .quotesource a:visited { color: #9e7839; }

strong, .strong { font-family: 'mnts-bold', sans-serif; font-weight: normal; }
.large-number { font-size: 45px; font-size: 4.5rem; }

article#main { width: 100%; height: auto; overflow: hidden; margin-top: 0; }
article ol { list-style-type: decimal; }
article ol li { margin: 0 0 0 1em; padding: 0 0 0 0.5em; }
article ul, article ol { margin: 0 0 1.5em; zoom: 1; }
article ul { list-style-type: none; }
article ul li { position: relative; margin: 0 0 0 0.75em; padding: 0 0 0 0.5em; }
article ul li:before { content: "\2022"; color: #5b5558; position: absolute; left: -0.5em; top:-0.2em; }

article ul.arrowlist li { margin: .25em 0 .25em 1.2em; padding-left: 2em; box-sizing: border-box; }
article ul.arrowlist li:before {content: ""; position: absolute; left: 0; top: 0.15em; width: 1.25em; height: 1.25em; background-image: url(images/arrow-right_gold.svg); background-repeat: no-repeat; }

article ul.checklist li { margin: .25em 0 .25em 1.2em; padding-left: 2em; box-sizing: border-box; }
article ul.checklist li:before {content: "✔"; position: absolute; color: #9e7839; left: 0; top: -0,2em; }

article ul.underline { list-style-type: none; }
article ul.underline li { margin: 1em 0 1em 0; padding-bottom: 1em; border-bottom: 1px solid #9e7839; }
article ul.underline li:before { display: none; }

.slider .slider-content-wrapper .inside p.sub-line { font-size: 1.5em; margin-top: -0.75em; }
.slider .slider-content-wrapper .inside .button { font-size: 18px; font-size: 1.8rem; }

section .ui-accordion .ui-accordion-header { font-family: 'bodoni-72-book', serif; font-weight: normal; position: relative; font-size: 1.75em; }


/* === HEADER === */


#meta-navigation { display: block; height: auto; overflow: hidden; background: #0d0c0c; color: #fff; transition: all .2s ease; }
#meta-navigation .inside { }
body.scrolling #meta-navigation { height: 0 !important; }

#header { position: fixed; top: 0; display: block; height: auto; width: 100%; z-index: 9; transition: all .5s ease; }
#header { background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%); }
#header .inside { position: relative; text-align: center; padding: 0; margin: 0 auto; width: calc(100% - 8em); box-sizing: border-box; }
#header .clmn { padding: 0; }

#header .logo { position: relative; float: left; height: 52px; display: inline-block; margin-top: 20px; margin-bottom: 20px; }
#header .logo img { display: block; height: 100%; width: auto; }

.navToggle { display: none; position: absolute; z-index: 999; top: 30px; right: 5px; height: 20px; width: 30px; }
.navToggle .bar { position: absolute; width: 20px; height: 2px; background-color: #c2b589; transition: all .2s ease-in-out;  }
.navToggle:hover .bar { background-color: #fff; }
.navToggle .bar.one {top: 0; }
.navToggle .bar.two {top: 8px; }
.navToggle .bar.three {top: 16px; }
.navToggle.active .bar.one { transform: rotate(135deg); top: 8px; }
.navToggle.active .bar.two { visibility: none; opacity: 0; }
.navToggle.active .bar.three { transform: rotate(45deg); top: 8px; }

#mainmenu { display: inline-block; width: auto; float: none; margin: 0 auto; }
#mainmenu > ul.menu { display: flex; justify-content: space-between; }
#mainmenu > ul.menu > li { display: inline-block; padding: 0; margin: 0; position: relative; text-align: center; }
#mainmenu > ul.menu > li > a { display: block; padding: 36px 1.5em; white-space: nowrap; color: #fff; text-align: center; }
#mainmenu > ul.menu > li > a:hover,
#mainmenu > ul.menu > li.current_page_item > a,
#mainmenu > ul.menu > li.current-menu-item > a,
#mainmenu > ul.menu > li.current-menu-parent > a { color: #c2b589; }
#mainmenu > ul.menu > li.menu-item-has-children:hover { }

#mainmenu > ul.menu > li:last-of-type { margin-right: 3em !important; }

#mainmenu > ul.menu > li:nth-of-type(3) { margin-left: 2em; margin-right: 2em; }
#mainmenu > ul.menu > li:nth-of-type(3) a { margin-top: 10px; margin-bottom: -40px; font-size: 0; height: 150px; width: 150px; background-image: url(images/logo_luxton-dreams_full.webp); background-position: center center; background-size: 90% auto; background-repeat: no-repeat; background-color: transparent; }

body.home #mainmenu > ul.menu > li:nth-of-type(3) a { width: 20vw; height: 20vw; }
body.home .slider .hero-content-wrapper { box-sizing: border-box; padding-top: 175px; }

#mainmenu ul.menu > li > ul.sub-menu { z-index: 2; position: relative; opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; text-align: left; background: #000; box-shadow: 0px 2px 4px rgba(0,0,0,0.1); font-size: 1em; white-space: nowrap; transition: all .15s ease; }
#mainmenu ul.menu > li:hover > ul.sub-menu { opacity: 1; visibility: visible; }
#mainmenu ul.sub-menu > li { display: block; padding: 0; margin: 0 !important; }
#mainmenu ul.sub-menu > li > a { display: block; padding: 1em; white-space: nowrap; margin: 0; color: #fff !important; }
#mainmenu ul.sub-menu > li + li > a { padding-top: .5em; }
#mainmenu ul.sub-menu > li > a:hover, #mainmenu ul.sub-menu > li.current-menu-item > a { color: #c2b589 !important; }

.header-widgets { position: absolute; top: 0; right: 0; width: auto; height: 50px; margin-top: 30px; display: block; }
.header-widgets ul.social-icons li a { width: 46px; height: 46px; }

#side-menu { background-color: #000; width: 30vw; height: 100%; position: fixed; z-index: 5; right: -200%; top: 0; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(10px); transition: all .3s ease-in-out; }
#side-menu.open { right: 0;  transition: all .3s ease-in-out; }
#side-menu .side-menu-content { position: relative; padding: 3vw; }
#side-menu .side-menu-content .side-menu-close { display: none; position: absolute; top: 2em; right: 2em; }

#side-menu .side-menu-widget { margin-top: 3vw; }
#side-menu .side-menu-widget ul.menu li a { color: #fff; }
#side-menu .side-menu-widget ul.menu li a:hover,
#side-menu .side-menu-widget ul.menu li.current_page_item > a,
#side-menu .side-menu-widget ul.menu li.current-menu-parent > a { color: #c2b589 !important; }
#side-menu .side-menu-widget:nth-of-type(1) ul.menu li { margin: 0; padding: .8em 0; padding-bottom: 0; }
#side-menu .side-menu-widget:nth-of-type(1) ul.menu li a { font-size: 22px; font-size: 2.2rem; }


/* --- SCROLLING HEADER --- */


body.scrolling #header {  }
body.scrolling #mainmenu > ul.menu > li:nth-of-type(3) { margin-left: 1em; margin-right: 1em; }
body.scrolling #mainmenu > ul.menu > li:nth-of-type(3) a { background-image: url(images/logo_luxton-dreams_small.webp); }
body.scrolling #mainmenu > ul.menu > li:nth-of-type(3) { }
body.scrolling #mainmenu > ul.menu > li:nth-of-type(3) a { height: 85px; width: 85px; background-size: 90% auto; margin-top: 10px; margin-bottom: 0; }


/* === Slider === */


.slider { width: 100% !important; max-width: 5000px; overflow: hidden; }
.slider.vh25 { height: 25vh !important; }
.slider.vh50 { height: 50vh !important; }
.slider.vh75 { height: 75vh !important; }
.slider.vh100 { height: 100vh !important; }
.slider ul.bjqs { height: 100% !important; width: 100% !important; list-style-type: none; position: relative; margin: 0; }
.slider ul.bjqs li.bjqs-slide { position: absolute; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100% !important; width: 100% !important; margin: 0; padding: 0; box-sizing: border-box; display: none; }
.slider ul.bjqs li.bjqs-slide:before { display: none; }

.slider .slider-image-wrapper { background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; }

.slider .slider-content-wrapper { position: relative; width: 100%; height: 100%; margin: 0; display: flex; align-items: center; z-index: 2; }

.slider .slider-content-wrapper .inside { box-sizing: border-box;}
.slider .slider-content-wrapper.slider-content-left .inside { width: 100%; padding-left: 80px; padding-right: 80px; }
.slider .slider-content-wrapper.slider-content-center .inside { width: 100%; padding-left: 10%; padding-right: 10%; text-align: center;}
.slider .slider-content-wrapper.slider-content-right .inside { width: 100%; padding-left: 80px; padding-right: 80px; }

.slider .bjqs-markers { position: absolute; bottom: 0; margin: 0; left: 0 !important; height: 60px; width: 100%; text-align: center; background-image: url(images/bg_bjqs-markers.png); background-position: bottom center; background-repeat: repeat-x; z-index: 1; }
.slider .bjqs-markers li { display: inline-block; margin: 0 5px; line-height: 30px; }
.slider .bjqs-markers li a { font-size: 0; background-color: #fff; display: block; width: 8px; height: 8px; border: 2px solid #fff; }
.slider .bjqs-markers li.active-marker a { background-color: #fff; width: 50px; }

.slider .bjqs-controls li { margin: 0.75em; padding: 0; transition: all .2s ease-in-out; }
.slider .bjqs-controls li:hover { transform: scale(1.2); }

.slider .bjqs-controls li:last-of-type { margin-left: 0; }
.slider .bjqs-controls li.bjqs-prev a { background-image: url(images/icon_slider_prev.svg); background-position: center center; background-repeat: no-repeat; background-size: 100% auto; }
.slider .bjqs-controls li.bjqs-next a { background-image: url(images/icon_slider_next.svg); background-position: center center; background-repeat: no-repeat; background-size: 100% auto; }

.slider.slider-default { }
.slider.slider-left,
.slider.slider-right { margin: 0 auto; padding: 0; max-width: 5000px; box-sizing: border-box; }
.slider.slider-left .slider-content-wrapper .inside,
.slider.slider-right .slider-content-wrapper .inside { padding-left: 0; padding-right: 0; }

.slider.slider-left .bjqs-markers,
.slider.slider-right .bjqs-markers { display: none; }

.slider.slider-left .bjqs-controls,
.slider.slider-right .bjqs-controls { position: absolute; top: 90%; z-index: 2; }
.slider.slider-left .bjqs-controls { left: 42%; }
.slider.slider-right .bjqs-controls { left: 51%; }

.slider.slider-left .bjqs-controls li,
.slider.slider-right .bjqs-controls li { display: inline-block; }
.slider.slider-left .bjqs-controls li:before,
.slider.slider-right .bjqs-controls li:before { display: none; }

.slider.slider-left .bjqs-controls li a,
.slider.slider-right .bjqs-controls li a { box-sizing: border-box; display: block; width: 40px; height: 40px; font-size: 0; }

.slider.slider-left { }
.slider.slider-left .image-overlay { display: none; }
.slider.slider-left .slider-image-wrapper { position: absolute; left: 0; top: 0; width: 50%; box-sizing: border-box; }
.slider.slider-left .slider-content-wrapper { position: absolute; left: 50%; top: 0; width: 50%; box-sizing: border-box; padding: 4vw 6vw 4vw 4vw; }

.slider.slider-right { }
.slider.slider-right .image-overlay { display: none; }
.slider.slider-right .slider-image-wrapper { position: absolute; left: 50%; top: 0; width: 50%; box-sizing: border-box; }
.slider.slider-right .slider-content-wrapper { position: absolute; left: 0; top: 0; width: 50%; box-sizing: border-box; padding: 4vw 4vw 4vw 6vw; }

.image-overlay { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); }


/* === SLIDER BACKGROUND-OVER-VIDEO === */


.hero-content-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; display: flex; align-items: center; background-image: url(images/home_hero-bg.webp); background-size: cover; background-position: center center; }
.hero-content-wrapper .inside { text-align: right; }
.hero-content-wrapper .inside .button { display: inline-block; text-align: center; }


/* === BANNER === */


#banner { height: 50vh; background-color: #000; background-size: cover; background-position: center center; background-repeat: no-repeat; }


/* === MAIN === */


.pagecontent, .inclcontent { box-sizing: border-box; }
.inclcontent.vh10 { min-height: 10vh; }
.inclcontent.vh20 { min-height: 20vh; }
.inclcontent.vh25 { min-height: 25vh; }
.inclcontent.vh50 { min-height: 50vh; }
.inclcontent.vh75 { min-height: 75vh; }
.inclcontent.vh80 { min-height: 80vh; }
.inclcontent.vh90 { min-height: 86vh; }
.inclcontent.vh100 { min-height: 100vh; }

.bgimg { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bgimg.fix { background-attachment: fixed; }
.bgimg.parallax { background-size: cover; background-attachment: fixed; transition: none; }


/* === COLUMNS === */


.columns { width: calc(100% + 2em); height: 100%; flex-wrap: wrap; display: flex; padding-top: 4em; padding-bottom: 4em; margin-left: -1em; }
.columns + .columns { padding-top: 0; }
section .columns:first-of-type { padding-top: 0 !important; }
section .columns:last-of-type { padding-bottom: 0 !important; }

.clmn { box-sizing: border-box; float: left; margin-left: 1em; margin-right: 1em; padding: 0; }
.clmn.transparent { padding: 0; }
.clmn.black, .clmn.gold, .clmn.anthrazit { padding: 2em; }

.clmn.col20 { width: calc(20% - 2em); }
.clmn.col25 { width: calc(25% - 2em); }
.clmn.col33 { width: calc(33.333333% - 2.3em); }
.clmn.col50 { width: calc(49% - 2em); }
.clmn.col60 { width: calc(60% - 2em); }
.clmn.col67 { width: calc(67% - 2.3em); }
.clmn.col75 { width: calc(74% - 2em); }
.clmn.col80 { width: calc(80% - 2em); }
.clmn.col100 { width: calc(100% - 2em); }

#header .columns { }
#header .columns .clmn { margin-left: 0; }
#header .columns .clmn.col20 { width: 20%; }
#header .columns .clmn.col60 { width: 60%; }

.clmn.col_align_left { }
.clmn.col_align_center { margin: 0 auto; }
.clmn.col_align_right { float:right; margin-left: auto;}

.clmn.align-center ul li { text-align: left; }

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

.section-header + .columns { padding-top: 0; }


/* --- CUSTOM COLUMN STYLES --- */


.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }
.align-justify h1, .align-justify h2, .align-justify h3, .align-justify h4 { text-align: center; } 
.vertical-center { display: flex; align-items: center; }

.teaser-box { position: relative; overflow: hidden; transition: all .2s ease-in-out; padding: 0 !important; }
.teaser-box:hover { transform: scale(1.05); }
.teaser-box h3 { margin-bottom: 0.75em; font-size: 1.75em; }
.teaser-box p:first-of-type { margin-bottom: 0; }
.teaser-box img { width: auto; min-width: 100%; height: auto; }
.teaser-box .teaser-box-text { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 1em; margin-bottom: 0; background-color: rgba(000,000,000,0.7); backdrop-filter: saturate(180%) blur(20px); border-bottom: 2px solid #948767; }
.teaser-box .teaser-box-text h2, .teaser-box .teaser-box-text h3, .teaser-box .teaser-box-text p { color: #fff; margin-bottom: 0.25em; }
.teaser-box .button { position: absolute; bottom: 0; left: 0; display: block; width: 100%; text-align: center; }

.clmn.icon { text-align: center; }
.clmn.icon h1, .clmn.icon h2, .clmn.icon h3 { margin-bottom: .8em; }
.clmn.icon h3 { font-size: 1em; margin-top: 1em; }
.clmn.icon p { font-size: .9em; margin: 0; }
.clmn.icon img { width: 125px; height: 125px; margin: 0 auto; }
.clmn.icon img.small { width: auto; height: 60px; }
.clmn.icon a { transition: all .2s ease-in-out; color: #fff; }
.clmn.icon a:hover { transform: scale(1.05); color: #fff; }

.clmn.highlighted .clmn-content {  }
.clmn.highlighted .clmn-content p { display: block; width: 100%; font-size: 1.2em; color: #fff; border-left-width: 3px; border-left-style: solid; padding-left: 2em; margin-bottom: 1em; }

.clmn.highlighted-centered .clmn-content {  }
.clmn.highlighted-centered .clmn-content h1, 
.clmn.highlighted-centered .clmn-content h2, 
.clmn.highlighted-centered .clmn-content h3 { text-align: center; }
.clmn.highlighted-centered .clmn-content p { font-size: 1.2em; margin-bottom: 1em; text-align: center; color: #fff; }

.clmn.line-top { border-top: 1px solid #c2b589; padding-top: 2em; }
.clmn.line-left { border-left: 1px solid #c2b589; padding-left: 2em; }


/* === DYNAMIC TEASER-BOXES === */


.clmn.teaser-item { background-color: rgba(0,0,0,0.5); margin-bottom: 2em; transition: all .2s ease-in-out; }
.clmn.teaser-item a { width: 100%; height: 100%; }
.clmn.teaser-item h3 { margin-top: .5em; margin-bottom: .5em; text-align: left; }
.clmn.teaser-item h3:after { margin: .8em 0 0; transition: all .2s ease-in-out; }
.clmn.teaser-item:hover h3:after { width: 100%; }
.clmn.teaser-item p { text-align: left; hyphens: auto; font-size: .9em; color: #c2b589; }
.clmn.teaser-item:hover { transform: scale(1.05); background-color: rgba(0,0,0,1); box-shadow: 0 0 40px rgba(0,0,0,0.1); }
.clmn.teaser-item:hover h3 { }
.clmn.teaser-item .image { position: relative; }
.clmn.teaser-item .image .image-overlay { display: none; }
.clmn.teaser-item .image img { min-width: 100%; height: auto; }
.clmn.teaser-item .box { padding: 1em; }
.clmn.teaser-item .box .teaser-button { display: none; }

.clmn.teaser-item.col100 .image { float: left; width: 33%; }
.clmn.teaser-item.col100 .box { float: left; width: 67%; padding: 1em 2em; }
.clmn.teaser-item.col100 .box .teaser-button { display: block; }


/* === IMAGE FORMATS === */


.gallery .gallery-item { box-sizing: border-box; padding: 0 10px; }
.gallery .gallery-item img { border: none !important; }
.gallery.gallery-columns-2 .gallery-item { margin-left: 10px; margin-right: 10px; padding-left: 0; padding-right: 0; width: calc(50% - 20px) !important; }


/* === SOCIAL ICONS === */


ul.social-icons { display: block; list-style-type: none; margin-top: -1em; }
ul.social-icons li { display: inline-block; margin: 0; padding: 0; }
ul.social-icons li:before { display: none; }
ul.social-icons li a { display: block; width: 50px; height: 50px; font-size: 0px; margin: 0; border-radius: 100%; background-position: center center; background-size: 65% auto; background-repeat: no-repeat; }
ul.social-icons li:first-of-type a { margin-left: 0; }
ul.social-icons li:last-of-type a { margin-right: 0; }
ul.social-icons li a:hover { transform: scale(1.2); }
ul.social-icons li a.instagram { background-image: url(images/icon_socials_instagram_gold.svg); }
ul.social-icons li a.facebook { background-image: url(images/icon_socials_facebook_gold.svg); }
ul.social-icons li a.web { background-image: url(images/icon_socials_web_gold.svg); }


/* === ARTICLES OVERVIEW === */


.bloglist { clear: left; }

.blog-title { background-color: #000; display: block; float: left; width: 100%; padding-top: 3em; text-align: center; }
.blog-title h1 { margin-left: .3em; color: #fff; }

#blog-overview { padding: 0; margin: 0; }
#blog-overview h1 { padding-left: 1em; margin-top: 1em; margin-bottom: 0; }

#blog-overview .item { position: relative; padding: 0; margin: 0 0 1.5em 0; width: 100%%; background-color: #fff; }
#blog-overview .item h3, #blog-overview .item p { color: #c2b589; }
#blog-overview .item:hover h3, #blog-overview .item:hover p { color: #fff; }

#blog-overview .clmn.item .meta { position: absolute; top: 0; left: 0; box-sizing: border-box; padding: 1em; background-color: #c2b589; color: #fff; font-size: .6em; }

#blog-overview .clmn.item .image { position: relative; overflow: hidden; margin-bottom: 0; padding: 0; }
#blog-overview .clmn.item h3 { margin-bottom: 0.5em; margin-top: 1em; line-height: 1.2; }
#blog-overview .clmn.item .excerpt { font-size: .9em; line-height: 1.5; }

#blog-sidebar { padding-top: 4.5em; }
#blog-sidebar .sidebar-widget { width: 100%; float: left; display: block; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 2px dotted #c2b589; }
#blog-sidebar h3 { text-transform: none; font-size: 1.5em; }


/* === ARTICLE PAGES === */


section.blogcontent { padding: 2em 0; }
section.blogcontent h2 { font-size: 2.0em; color: #c2b589; margin-bottom: 1em;}
section.blogcontent h3 { font-size: 1.5em; margin-top:1em; margin-bottom: 1em;}
section.blogcontent .col75 { width: calc(72% - 2em); }
section.blogcontent .col75 p { text-align: justify; hyphens: auto;}


/* — BLOG CONTENT — */


.blogcontent .col75 img { display: block; overflow: hidden; margin-top: 1.5em; margin-bottom: 1.5em; }

.blogcontent .col75 .navigation { display: block; position: relative; width: 100%; margin-top: 2em; padding-top: 2em; border-top: 1px solid rgba(0,0,0,0.2); }
.blogcontent .col75 .navigation .prev-posts { float: left; }
.blogcontent .col75 .navigation .next-posts { float: right; }
.blogcontent .col75 .navigation a {  }
.blogcontent .col75 .navigation a:hover { color: #c2b589; }


/* — SIDEBAR —— */


.blogcontent .aside.col25 { width: 25%; padding: 0 2em 2em; }

.blogcontent .aside .sidebar-widget {display: block; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #c2b589; }
.blogcontent .aside .sidebar-widget h3 { text-transform: none; font-size: 2.0em; margin-top: 0; }
.blogcontent .aside .sidebar-widget h3:after {display: none !important; }
.blogcontent .aside .sidebar-widget ul li { margin-left: 0; padding-left: 0; font-size: 0.9em; }
.blogcontent .aside .sidebar-widget ul li:before { display: none; }
.blogcontent .aside .sidebar-widget p { font-size: 16px; font-size: 1.6rem; line-height: 1.6; }
.blogcontent .aside .sidebar-widget a { }
.blogcontent .aside .sidebar-widget a:hover { color: #c2b589; }
.blogcontent .aside .sidebar-widget [aria-current="page"] { color: #c2b589; }
.blogcontent .aside .sidebar-widget iframe { max-width: 100% !important; }
.blogcontent .aside .sidebar-widget img { }


/* === FAHRZEUGE - ÜBERSICHT === */


.archive-page-title { height: auto; overflow: hidden; text-align: center; }
.archive-page-title h1 { margin-top: 3em; margin-bottom: 1em; }

.vehicle-list { display: block; height: auto; width: 100%; padding-top: 0; }
.vehicle-list .item { background-color: #0e0e0d; margin-bottom: 2em; }
.vehicle-list .item:hover { background-color: #151514; transform: scale(1.05); }
.vehicle-list .item, .vehicle-list .item * { transition: all .2s ease-in-out; }
.vehicle-list .item .vehicle-image { float: left; width: 100%; height: auto; position: relative; }
.vehicle-list .item .vehicle-image img { width: 100%; height: auto; }
.vehicle-list .item .vehicle-image .image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.3); }
.vehicle-list .item:hover .vehicle-image .image-overlay { background-color: transparent; }

.vehicle-list .item .vehicle-content { float: left; width: 100%; box-sizing: border-box; padding: 1.5em; }
.vehicle-list .item .vehicle-content h3 { font-size: 1.5em; margin-bottom: .5em; }
.vehicle-list .item .vehicle-content .vehicle-data { height: auto; overflow: hidden; margin-top: .5em; margin-bottom: 1em; color: #fff; font-size: .9em; }
.vehicle-data .data-item { float: left; display: inline-block; width: 32%; margin-left: 1%; }
.vehicle-data .data-item:first-of-type { margin-left: 0; }
.vehicle-data .data-item span.glabel { display: block; width: 100%; }
.vehicle-data .data-item span.gval { display: block; width: 100%; font-family: 'mnts-bold', sans-serif; }


/* === FAHRZEUGE - DETAILSEITE === */


.blogbanner.vehicle-single { position: relative; height: 40vh; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center; }
.blogbanner.vehicle-single .banner-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); }
.blogbanner.vehicle-single .inside { z-index: 1; }
.blogbanner.vehicle-single .inside h1 { font-size: 4.0vw; }

.blogbanner.vehicle-single #breadcrumbs { display: inline-block; padding: .75em 1.5em; background-color: rgba(255,255,255,0.2); border-radius: 100px; backdrop-filter: saturate(180%) blur(20px); color: #fff; }
.blogbanner.vehicle-single #breadcrumbs a { color: #fff; }
.blogbanner.vehicle-single #breadcrumbs a:hover { text-decoration: underline; }

.grid-gallery { display: block; width: 100%; }
.grid-gallery .gallery-item { display: inline-block; width: 18.6%; margin-right: 1%; margin-bottom: .5%; height: auto; overflow: hidden; transition: all .2s ease-in-out; }
.grid-gallery .gallery-item:hover { transform: scale(1.15); cursor: pointer; }
.grid-gallery .gallery-item:last-of-type: { margin-right: 0; }
.grid-gallery .gallery-item img { width: 100%; height: auto; }
.grid-table { display: block; width: 100%; height: auto; overflow: hidden; }
.grid-table .grid-item { margin: 0; padding: 10px 0; height: auto; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,0.2); line-height: 1.4; }
.grid-table .grid-item:last-of-type { border-bottom: none; }
.grid-table .grid-item .glabel { display: inline-block; float: left; width: 60%; font-weight: bold; color: #fff; }
.grid-table .grid-item .gval { display: inline-block; float: left; width: 40%; color: #c2b589; } 
.clmn.gold .grid-table .grid-item { border-bottom-color: #fff; }
.clmn.gold .grid-table .grid-item .glabel { display: inline-block; float: left; font-weight: bold; color: #000; }
.clmn.gold .grid-table .grid-item .gval { display: inline-block; float: left; color: #000; } 	


/* === FOOTER === */


#bottom { display: block; position: relative; font-size: 1em; padding: 4em 0 2em; background: #000; color: #c2b589; }
#bottom aside, footer { width: 100%; }

#bottom .columns { width: 100%; margin-left: 0; padding: 1em; }
#bottom .clmn { margin-left: 4%; margin-right: 0; }
#bottom .clmn.col25 { width: 21%; }
#bottom .clmn:first-of-type { margin-left: 0; }

#bottom .clmn { text-align: left; }
#bottom .clmn:first-of-type { text-align: left; }
#bottom .clmn:last-of-type { text-align: right; }

#bottom .footer-widget { margin-bottom: .5em; }
#bottom .footer-widget h3 { font-size: 1.75em; }
#bottom .footer-widget p { font-family: 'mnts-regular', sans-serif; font-size: 1em; }
#bottom .footer-widget a { color: #c2b589; }
#bottom .footer-widget a:hover { color: #fff; }

#bottom .footer-widget img { width: 25%; height: auto; }

#bottom #credits { text-align: center; font-size: .8em; padding-top: 2em; }


/* === ADVANCED WORDPRESS BACKGROUNDS CUSTOMIZATION === */


.bjqs-slide .nk-awb { position: absolute; z-index: 0; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; }
.bjqs-slide .nk-awb .nk-awb-wrap { width: 100%; }


/* === MAGNIFY LIGHTBOX CUSTOMIZATION === */


.mfp-bg { background: #000 !important; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff !important; }


/* === ARCONIX FAQ CUSZOMIZATION === */


h3.arconix-faq-term-title { display: none !important; }
section .ui-accordion .ui-accordion-header { border: none; border-bottom: 1px solid rgba(0,0,0,0.2); background: transparent; margin-bottom: 0; padding: 1em 0; transition: all .3s ease-out; }
section .ui-accordion .ui-accordion-header { color: #fff; border-bottom: 1px solid #c2b589; }
section .ui-accordion .ui-accordion-header:hover { color: #c2b589; }
section .ui-accordion .ui-accordion-header .ui-accordion-header-icon { display: none; }
section .ui-accordion .ui-accordion-header.ui-state-active { border-bottom: none; color: #c2b589; }
section .ui-widget-content { position: relative; border: none; margin-top: 10px; background: transparent; }
section .ui-widget-content p,
section .ui-widget-content ol,
section .ui-widget-content ul { color: #c2b589 !important; }
section .ui-widget-content a { color: #fff; }
section .ui-widget-content:after { border-bottom-color: #c2b589; }
section .ui-accordion .ui-accordion-content { padding: 0; overflow: visible; }


/* === CONTACT FORM 7 CUSTOMIZATION == */


.wpcf7 { width: 100%; display: block; height: auto; }
.wpcf7 label, .wpcf7 .wpcf7-quiz-label { float: left; display: block; width: 100%; text-align: left; margin: .5em 0; font-family: 'mnts-regular', sans-serif; color: #c2b589; font-size: 1.1em; }
.wpcf7 .wpcf7-form { width: 100%; }
.wpcf7 input, .wpcf7 textarea, select { border: none; padding: .5em 1em; margin-bottom: .5em; width: 100%; background-color: rgba(255,255,255,0.1); color: #fff; }

.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label { display: inline-block; font-size: .9em; float: right; width: 95%; }

.wpcf7 br { display: inline; display: none; }
.wpcf7 label { display: inline-block; width: 95%; margin-left: 1%; margin-right: 1%; margin-top: 0; margin-bottom: 0; float: none; }
.wpcf7 label.half-width { width: 46%; }
.wpcf7 input.button { display: inline-block; margin-left: 1%; width: auto; padding-left: 2em; padding-right: 2em; }


/* === GS LOGO SLIDER CUSTOMIZATION === */


.clmn .gs_logo_single { padding: 0; background: #c2b589; background: linear-gradient(0deg, rgba(149,136,104,1) 0%, rgba(194,181,137,1) 30%); align-items: baseline !important; }
.clmn .gs_logo_container .gs_logo_title { font-size: 1.2em; text-align: left; color: #000; margin-top: 0; padding: .5em; box-sizing: border-box; }
.clmn .gs_logo_container .gs_logo_title span.price-tag { display: block; width: 100%; margin-top: .75em; font-family: 'mnts-light', sans-serif; font-size: .7em; }
.clmn .gs_logo_container .gs_logo_title span.price { display: block; width: 100%; font-family: 'mnts-bold', sans-serif;
font-size: .7em; }
.clmn .gs_logo_area.carousel_nav_pos--bottom .swiper-button-next, .clmn .gs_logo_area.carousel_nav_pos--bottom .swiper-button-prev { background: #c2b589; background: linear-gradient(0deg, rgba(149,136,104,1) 7%, rgba(194,181,137,1) 85%) !important; border-radius: 0; border: 1px solid #c2b589; }



/* === COOKIE NOTICE === */


#cookie-notice { bottom: 10px; left:10px !important; right:10px !important; box-shadow: 0 10px 20px rgba(0,0,0,0.3); min-width:90% !important;  }
span#cn-notice-text { display: block; width: 80%; margin: 0 auto; margin-bottom:20px; }
.cn-button.wp-default { color: #fff; background: #c2b589 !important; }
.cn-button.wp-default:hover { color: #fff; background: #c2b589 !important; }


/* === WP SHOW POSTS CUSTOMIZATION === */


.wp-show-posts { padding: 0; align-items: baseline; }
.wp-show-posts .wp-show-posts-inner { padding: 1em; box-sizing: border-box; transition: all .2s ease-in-out; }
.wp-show-posts .wp-show-posts-inner:hover { background-color: rgba(255,255,255,0.25); box-shadow: 0 0 40px rgba(0,0,0,0.1); transform: scale(1.05); }
.wp-show-posts .wp-show-posts-entry-header { margin-top: 1.5em; }
.wp-show-posts .wp-show-posts-entry-title a { color: #c2b589; }
.wp-show-posts .wp-show-posts-inner .wp-show-posts-image { margin-left: -1em; margin-right: -1em; margin-top: -1em; }


/* === TESTIMONIAL SLIDER === */


.cbp-fwslider nav { display: none; }
.cbp-fwslider nav span { position: absolute; top: 50%; width: 50px; height: 100px; background: transparent; color: #fff; text-align: center; margin-top: -50px; line-height: 100px; cursor: pointer; font-size: 5em; }
.cbp-fwslider nav span:hover { color: #c2b589; background: transparent; }
.cbp-fwslider nav span.cbp-fwnext { right: 0px; }
.cbp-fwslider nav span.cbp-fwprev { left: 0px; }
.cbp-fwdots { position: absolute; bottom: 0px; white-space: nowrap; text-align: center; width: 100%; }
.cbp-fwdots span { display: inline-block; width: 10px; height: 10px; background: #c2b589; margin: 4px 6px; border-radius: 50%; cursor: pointer; }
.cbp-fwdots span:hover { background: #fff; }
.cbp-fwdots span.cbp-fwcurrent { background: #fff; box-shadow: 0 0 0 2px #fff; transition: box-shadow 0.2s ease-in-out; }

.testimonialSlider .cbp-fwslider { position: relative; margin: 0; display: block; height: auto; overflow: hidden; }
.testimonialSlider .cbp-fwslider ul { margin: 0; padding: 0; white-space: normal; list-style-type: none; }
.testimonialSlider .cbp-fwslider ul li { transform: translateZ(0); float: left; display: block; margin: 0; margin-bottom: 0px; padding: 0; font-size: 1em; font-family: inherit; text-align: center !important; }
.testimonialSlider .cbp-fwslider ul li img { display: block; width: 5em; height: 5em; margin: 0 auto; margin-bottom: 1em; }
.testimonialSlider .cbp-fwslider ul li span.small { font-size: .7em; }
.testimonialSlider .cbp-fwslider ul li:before { display: none; }
.testimonialSlider .cbp-fwslider ul li > a, .cbp-fwslider ul li > div { display: block; text-align: center; outline: none; }
.testimonialSlider .cbp-fwslider ul li > a img { border: none; display: block; margin: 0 auto; max-width: 75%; }
.testimonialSlider .cbp-fwslider p { font-size: 1em; color: #fff; text-align: center; }


/* === RESPONSIVENESS === */


@media screen and (max-width:1920px) {
	body, #mainmenu, button, .button, input, select, textarea, blockquote, section .ui-widget-content { font-size: 16px; font-size: 1.6rem; }
}

@media screen and (max-width:1620px) {
	body, #mainmenu, button, .button, input, select, textarea, blockquote, section .ui-widget-content { font-size: 15px; font-size: 1.5rem; }
	.slider.slider-left .slider-content-wrapper { padding: 4vw 4vw 4vw 4vw; }
	.slider.slider-right .slider-content-wrapper { padding: 4vw 4vw 4vw 4vw; }
}

@media screen and (max-width:1280px) {
	body, #mainmenu, button, .button, input, select, textarea, blockquote, section .ui-widget-content { font-size: 14px; font-size: 1.4rem; }
	#mainmenu > ul.menu > li > a { padding: 26px .75em; }
	
	#mainmenu > ul.menu > li:nth-of-type(3) a { margin-top: 8px; margin-bottom: -20px; height: 100px; width: 100px; }
	body.scrolling #mainmenu > ul.menu > li:nth-of-type(3) a { margin-top: 10px; margin-bottom: 0; height: 70px; width: 70px; }
	
	#header .inside { width: calc(100% - 10px); }
	.header-widgets { margin-top: 18px; }
	
	.clmn.highlighted .clmn-content { }
	.button { padding: 0.8em 1.4em; }
	em { padding-top: 80px; background-size: 70px auto; }
	#bottom .socials li a { width: 56px; height: 56px; }
}

@media screen and (max-width:1085px) {
	#side-menu { width: 40vw; }
	#side-menu .side-menu-content .side-menu-close { top: 1em; right: 1.1em; }
	h1, p.like-h1 { font-size: 4.5vw; }
	h1 + h2 { font-size: 1.6vw; margin-top: 1.5vw; }
	h3, p.like-h3, section .ui-accordion .ui-accordion-header { font-size: 2.2vw; }
	.slider .slider-content-wrapper .inside h2, .slider .slider-content-wrapper .inside p.like-h2 { font-size: 2.0vw; line-height: 2.9vw; }
	.button { padding: 0.8em 1.4em; }
	.bgimg.parallax, .bgimg.fix { background-attachment: scroll; background-size: cover !important; background-position: center center !important; }
	section { padding: 4em 0; }
	.columns + .columns { margin-top: -2em; }
	.clmn.teaser-item .box { padding: 1em 0 0; }
	section .ui-accordion .ui-accordion-header { padding: .6em 0; }
}

@media screen and (max-width:1023px) {
	.show-mobile { display: inline-block !important; }
	body, #mainmenu, button, .button, input, select, textarea, blockquote, section .ui-widget-content { font-size: 12px; font-size: 1.2rem; }
	.inside { padding: 0 20px !important; }
	.navToggle { display: block; }
	#header { height: 110px; }
	body.scrolling #header { height: 85px; }
	#header .logo { height: 56px; margin-top: 14px; margin-bottom: 14px; float: none; }
	.header-widgets { left: 5px; right: auto; margin-top: 18px; margin-right: 60px; }
	.header-widgets ul.social-icons li a { height: 40px; width: 40px; }
	#header #mainmenu { display: none; z-index: -1; opacity: 1; visibility: visible; position: absolute; top: 0; right: 0; width: 60%; height: 100vh; overflow: hidden; text-align: right; padding: 6em 4em; box-sizing: border-box; margin: 0; margin-right: -200%; background-color: #fff; transition: all .5s ease; box-shadow: -2px 0 3px rgba(0,0,0,0.1); }
	#header #mainmenu.open { margin-right: 0; }	
	#mainmenu ul.menu { display: block; box-sizing: border-box; width: 100%; margin: 0 auto; text-align: right; }
	#mainmenu ul.menu > li { display: block; }
	#mainmenu ul.menu > li:last-child { border-bottom: 0; }
	#mainmenu ul.menu > li > a { display: inline-block; margin: 0; padding: .5em 0; }
	#mainmenu ul.menu > li > a:hover {  }
	#mainmenu ul.menu > li.menu-item-has-children:hover { background-color: inherit; }
	#mainmenu ul.menu > li.menu-item-has-children:hover a { }
	#mainmenu > ul.menu > li:last-of-type > a { padding: .2em 1.5em; }
	
	#mainmenu ul.menu li ul.sub-menu { display: none; }
	#mainmenu ul.menu li ul.sub-menu { position: relative; top: 0; left: 0; box-shadow: none; width: 100%; }
	#mainmenu ul.sub-menu > li > a { background-color: transparent; padding: 1.2em 0; }
	
	body.home #header .logo { height: 150px; }
	body.home.scrolling #header .logo { height: 56px; }
	body.home .slider:first-of-type { height: 50vh !important; }
	body.home .slider .hero-content-wrapper { padding-top: 100px; }
	
	section .ui-accordion .ui-accordion-header { font-size: 2.4vw; }
	
	.inside { padding-left: 40px; padding-right: 40px; }

	.slider.slider-right .slider-content-wrapper { padding: 2em; }
	
	section { padding: 5em 0; }
	section.narrow { padding: 2.5em 0; }
	.inclcontent ol li { padding: 0 0 0 80px !important; min-height: 90px; }
	.inclcontent ol li::before { width: 70px; height: 70px; line-height: 70px; }
	.clmn.col25 { width: calc(50% - 2em); }
	.clmn.col67.col_align_left,
	.clmn.col67.col_align_center,
	.clmn.col75.col_align_left,
	.clmn.col75.col_align_center,
	.clmn.col80.col_align_left,
	.clmn.col80.col_align_center { width: 90%; }

	h1, h2, h3, h4 {-webkit-hyphens: auto; -moz-hyphens: auto; -o-hyphens: auto; hyphens: auto;}
	em { padding-top: 70px; background-size: 60px auto; }

	#bottom .socials li a { width: 56px; height: 56px; }
}


@media screen and (max-width:720px) {
	.two-column-text,
	.three-column-text { column-count: 1; column-gap: 0; }
}

@media screen and (max-width:640px) {
	.hide-mobile { display: none !important; }
	.show-mobile { display: inline-block !important; }
	
	.show-on-scroll { opacity: 1 !important; transition: all 0s 0s ease-out !important; transform: translate(0, 0) !important; }
	
	#header { height: 85px !important; }
	#header .meta-navigation { display: none; }
	body.home #header .logo { height: 130px; }
	body.home .slider .hero-content-wrapper { padding-top: 120px; }
	
	#side-menu { width: 100vw; top: 0; padding-top: 8em; text-align: right; }
	body, button, .button, input, select, textarea, blockquote, section .ui-widget-content { font-size: 17px; line-height: 1.7; }
	.slider .slider-content-wrapper .inside h1,
	.slider .slider-content-wrapper .inside h2 { line-height: 1; }
	.slider .slider-content-wrapper .inside p { font-size: 1.2em; color: #fff !important; }
	.slider .slider-content-wrapper .inside h1.small { font-size: 1.3em; }
	.slider .slider-content-wrapper .inside h2.large { font-size: 2.0em; }
	.slider .slider-content-wrapper .inside p.sub-line {font-size: 1.2em; line-height: 1.4; }
	p.smaller, .quotesource { font-size: 12px; }
	p.larger-text { font-size: 18px; }
	p.hand-writing { font-size: 2.0em; }
	.clmn.highlighted .clmn-content { font-size: 18px; line-height: 1.4; }
	.clmn.highlighted .clmn-content { padding-left: 1em; padding-bottom: 0; }
	.clmn.highlighted-centered .clmn-content p { font-size: 1.1em; }
	h1, p.like-h1 { font-size: 35px !important; line-height: 1.0 !important; hyphens: none; }
	h2, p.like-h2 { font-size: 40px !important; line-height: 1.1 !important; margin-bottom: 1em; hyphens: none; }
	h2 span.smaller-text, p.like-h2 span.smaller-text { font-size: .5em; }
	h2.section-header { font-size: 40px !important; line-height: 1.1; padding-top: 0; }
	h2.sub-headline { font-size: 1.2em !important; margin-top: 0; padding-top: 0; }
	h3, p.like-h3 { font-size: 28px; margin-bottom: .75em !important; line-height: 1.3 !important; }
	h4, p.like-h4 { font-size: 28px; }
	
	.slider .slider-image-wrapper, .slider .slider-content-wrapper { margin-top: 0; }
	.slider.slider-left,
	.slider.slider-right { height: 1000px !important; }
	.slider.slider-left .slider-image-wrapper, 
	.slider.slider-right .slider-image-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 500px; }
	.slider-content-wrapper { align-items: end !important; }
	.slider-content-wrapper .inside h3,
	.slider-content-wrapper .inside p { margin-bottom: 1em; }
	.slider-content-wrapper span.hand-writing { line-height: .8; }
	.slider.slider-left .slider-content-wrapper, 
	.slider.slider-right .slider-content-wrapper { display: block; position: absolute; top: 500px; left: 0; width: 100%; height: 500px; overflow: scroll; }
	.slider.slider-left .slider-content-wrapper .inside p, 
	.slider.slider-right .slider-content-wrapper .inside p { font-size: 1em; }
	
	.slider.vh100, .inclcontent.vh100 { height: 90vh !important; }
	.slider.slider-right .slider-content-wrapper { position: relative; width: 100%; box-sizing: border-box; padding: 2em; margin: 0; background-color: rgba(0,0,0,0.5); }
	.slider.slider-right .slider-image-wrapper { position: absolute; left: 0; width: 100%; margin: 0; }	
	.slider .bjqs-controls { position: relative; width: 80%; padding: 0; top: 87% !important; left: 0 !important; margin-left: 10%; margin-right: 10%; }
	.slider .bjqs-controls li.bjqs-prev { position: absolute; left: 0; }
	.slider .bjqs-controls li.bjqs-next { position: absolute; right: 0; }
	.slider .bjqs-controls li a { opacity: 0.5; }
	.slider .bjqs-controls li a:hover { opacity: 1.0; }
	
	.slider:first-of-type { min-height: 0 !important; height: 400px !important; }
	body.home .slider:first-of-type { height: 60vh !important; }
	
	section .ui-accordion .ui-accordion-header { font-size: 24px; }
	article ul li:before { font-size: 16px; }
	article ul.arrowlist li { font-size: 16px; margin: .25em 0 .25em 0; }
	article ul.arrowlist li:before { font-size: 16px; }
	article ul.checklist li { font-size: 16px; margin: .25em 0 .25em 0; }
	article ul.checklist li:before { font-size: 16px; }
	blockquote { padding: 1.25em; }
	blockquote:after { border-width: 15px; margin-left: -15px; }
	
	.inclcontent:first-of-type, .pagecontent:first-of-type { min-height: 0 !important; height: auto !important; display: block !important; padding-top: 3em !important; } 
	
	.button { display: block; width: auto; font-size: 14px !important; }
	.button + .button { margin-top: .75em; margin-left: 0; }
	
	section { padding: 3em 0; }
	.section-header { padding-top: 1em; padding-left: 0; padding-right: 0; }

	.inclcontent ol li { padding: 0 0 0 80px !important; min-height: 90px; }
	.inclcontent ol li::before { width: 70px; height: 70px; line-height: 70px; }
	
	.columns { width: 100%; margin-left: 0; }
	.columns + .columns { margin-top: -3em; }
	
	section .clmn { padding: 0; margin: 0; }
	section .clmn.col100,
	section .clmn.col80,
	section .clmn.col75,
	section .clmn.col67,
	section .clmn.col50,
	section .clmn.col33,
	section .clmn.col25,
	section .clmn.col20 { width: 100% !important; }
	.clmn+.clmn { margin-top: 1em; }
	.clmn.teaser-item .box { padding: 0; }
	.clmn.line-left { border-left: 0; padding-left: 0; }
	
	section.transparent + section.transparent, section.black + section.black, section.gold + section.gold, section.anthrazit + section.anthrazit { margin-top: -1em; }
	
	.inclcontent ol li { padding: 0 0 0 65px !important; min-height: 100px; }
	
	section .ui-accordion .ui-accordion-content { hyphens: auto; }
	
	.clmn.teaser-item.col100 .image { width: 100%; float: left; }
	.clmn.teaser-item.col100 .box { width: 100%; float: left; }

	.blogbanner.vehicle-single { height: 240px; }
	.blogbanner.vehicle-single .breadcrumbs { display: none; }
	.grid-gallery .gallery-item { width: 31.2%; }

	#booking-footer { height: 340px; min-height: 0; }

	#bottom .inside { padding-left: 0; padding-right: 0; }
	#bottom .columns { padding-bottom: 0; }
	#bottom .clmn.col33, 
	#bottom .clmn.col25 { width: 100%; margin: 0 !important; margin-bottom: 30px !important; }
	#bottom .clmn:last-of-type { margin-bottom: 0 !important; }
	#bottom .clmn .footer-widget { text-align: center; }
	#bottom .clmn .footer-widget img { width: 25%; height: auto; margin: 0 auto; }
		
}