:root {
	--bg-color: #000000; 
	--text-color:#858585; 
	--display-color:#ffffff; 
	--highlight-color: #bd9e7f; 
	--cookiebg-color:#0e0e0e;
	--rgba-cookie-gradient : 14, 14, 14;
	--cookie-border: #3a3a3a;

	--serif-font		: 'Faustina', serif;
	--sansserif-font	: 'Open sans', serif;
	--display-font		: 'Bebas',sans-serif;
	--display-font2		: 'bebas-neue-pro',sans-serif;
	--display-fontsize	: 2rem;
}

#CybotCookiebotDialog .CybotCookiebotScrollContainer, #CybotCookiebotDialogNav, #CybotCookiebotDialogHeader {border: 0!important;}
#CybotCookiebotDialog h2 {text-align: left;justify-content: flex-start;
}
#CybotCookiebotDialog h2 {
    color: #fff!important;
    font-size: 23px!important;
    font-weight: 400!important;
    opacity: 1!important;
    font-family: 'Bebas',sans-serif!important;
}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider,
#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider:before,
#CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount {
    background-color: #bd9e7f!important;
}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider:before {
    background-color: #000000!important;
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: transparent!important;
    border: 1px solid #bd9e7f!important;
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider:before {
    left: 3px!important;
    top: 3px!important;
}
#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper {
    padding: 0.5em 1em!important;
}

#CybotCookiebotDialog .CybotCookiebotScrollContainer,
#CybotCookiebotDialogNav,
#CybotCookiebotDialogHeader {
	border:0!important;
}
#CybotCookiebotDialogHeader {padding: 0!important;}
#CybotCookiebotDialogDetailBodyContentTextAbout p {opacity: 1;}
@media screen and (max-width: 1279px) {
	#CybotCookiebotDialog[data-template=popup] {
		transform: translate(-50%,-50%)!important;
	}

	#CybotCookiebotDialog[data-template=slideup] {
		top: 100%!important;
	    transform: translate(-50%,-100%)!important;
	}

    #CybotCookiebotDialogBody .CybotCookiebotScrollContainer {
        max-height: 14em!important;
    }
}

@font-face {
    font-family: 'Bebas';
	font-weight: 600;
	font-style: normal;
    font-display: swap;
    src: url('fonts/bebasneue.eot');
    src: url('fonts/bebasneue.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue.woff2') format('woff2'),
         url('fonts/bebasneue.woff') format('woff'),
         url('fonts/bebasneue.ttf') format('truetype');
}


@font-face {
    font-family: 'bebas-neue-pro';
    src: url('fonts/bebasneuepro-bold-webfont.eot');
    src: url('fonts/bebasneuepro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneuepro-bold-webfont.woff2') format('woff2'),
         url('fonts/bebasneuepro-bold-webfont.woff') format('woff'),
         url('fonts/bebasneuepro-bold-webfont.ttf') format('truetype'),
         url('fonts/bebasneuepro-bold-webfont.svg#bebas_neue_probold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* faustina-regular - latin */
@font-face {
    font-family: 'Faustina';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/faustina-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/faustina-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/faustina-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/faustina-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/faustina-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/faustina-v16-latin-regular.svg#Faustina') format('svg'); /* Legacy iOS */
    font-display: swap;
  }

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
    
    font-display: swap;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@keyframes slide-layer {0% {width: 100%;} 100% {width: 0;}}
@keyframes slide-layer-zwei {0% {width: 100%;} 100% {width: 0;}}
@keyframes slide-layer-drei {0% {width: 100%;} 100% {width: 0;}}

@-webkit-keyframes fadeIn {from { opacity:0; } to { opacity:1; }}
@-moz-keyframes fadeIn {from { opacity:0; } to { opacity:1; }}
@keyframes fadeIn {from { opacity:0; } to { opacity:1; }}
@-webkit-keyframes loadText {from {opacity:0;transform: translateY(30px);}100% {opacity: 1;transform: translateY(0px);}}
@keyframes loadText {from {opacity:0;transform: translateY(30px);}100% {opacity: 1;transform: translateY(0px);}}

@-webkit-keyframes colorWhite2Beige {from {background-color: #ffffff;} to { background-color: #f0e8e1;}}
@-webkit-keyframes colorWhite2Black {from {background-color: #ffffff;} to { background-color: #ffffff;}}
@-webkit-keyframes colorBlack2White {from {background-color: #000000;} to { background-color: #000000;}}
@-webkit-keyframes colorBlack2Beige {from {background-color: #000000;} to { background-color: #f0e8e1;}}
@-webkit-keyframes colorBeige2White {from {background-color: #f0e8e1;} to { background-color: #ffffff;}}
@-webkit-keyframes colorBeige2Black {from {background-color: #f0e8e1;} to { background-color: #000000;}}

::-webkit-scrollbar {
    width: 14px;
    height: 6px;
}
::-webkit-scrollbar {
    background-color: #181818;
    opacity: .4;
}
::-webkit-scrollbar-thumb {
    border: 4px solid #181818;
    background-color: rgb(230,230,230);
    background-color: #bd9e7f;
    border-radius: 8px;
}
::-webkit-scrollbar-track {
    border: 0;
    background: 0 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0; margin:0;
}

html {
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	/*font-smoothing: antialiased;*/
	text-rendering: optimizeLegibility;
	-webkit-text-stroke-width: 0!important;
	-webkit-font-smoothing: antialiased; 
	font-synthesis: none;
	scroll-behavior: smooth;
	font-size: 62.5%; 
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
	animation: 2s ease-out 0s 1 fadeIn;
	overflow-x: hidden;
	font-size: 1;
    font: 400 1rem/1 'Faustina', serif;
}

section {width: 100%; padding:100px 0; margin-top: -1px; position: relative;  flex-direction: column;}
section.fullscreen {height: 100vh;}
section.fullwidth {width: 100%;}
section.no-header h1 {padding-top: 11rem;}
section.img {padding: 0}
section.img img, section.img picture {width: 100%;}
body, section.dark {background: #000000; color: #858585;}
body.light, section.light {background: #ffffff; color: #343434;}
body.grey, section.grey {background: #0d0d0d; color: #858585;}
section.img-fullwidth-first {padding: 0; padding-top: 9.2rem; 
    height: 550px; overflow: hidden;}
section.img-fullwidth-first img {
    position: absolute;
    width: 0%;
    height: 110%;
    transform: translate(0%, 0%);
    left: 0%;
    top: 0%;
}

p {
	font-size: 18px;
	line-height: 26px;
    margin-bottom: 2rem;
    opacity: 0;
}

p.mini {font-size: 16px;}

svg:not(:root) {
    overflow: hidden;
}


.text-center {text-align: center;}
.text-left {text-align: left;justify-content: flex-start;}
.text-right {text-align: right; justify-content: flex-end;}

.mini {font-size: 16px;}

article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
main,
nav,
section,
summary,
.faqwrap,
.element-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

header,
.element-left {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.element-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}


a,
a:hover,
a:focus,
a:active{
	color:#fff;
	text-decoration: none;
    -moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

ul, ol{margin: 0;}
ul > li{list-style: none;}
section ol.sitemap > li {
    list-style: upper-roman;
    list-style-position: inside;
}

section ol li ul li,
section ul > li {
    position: relative;
    padding-left: 25px;
}

ul > li {padding-bottom: 0.8rem;}

section ol li ul li:before,
section ul > li:before {
    position: absolute;
    content: '\279C';
    font-size: 1.4rem;
    color: #bd9e7f;
    left: 0;
    top: 1px;
}
section.animated ul {
    opacity: 0;
}



section h3 {
    font-size: 3.5rem;
    letter-spacing: -0.03rem;
    margin-bottom: 2rem;
}


/*///////Überschriften*/
h1, 
h2, 
h3, 
h4, 
h5,
body section.dark h1,
body.light section.light h1,
body section.dark h2,
body section.dark h3,
body section.dark h4,
body section.dark h5,
body.light section.dark a,
body.light section.dark h1 {
    color: #ffffff;
}

body.light h1,
body.light h2,
body.light h3,
body.light h4,
body.light h5,
body section.light h1,
body section.light h2,
body section.light h3,
body section.light h4,
body section.light h5,
body.light section a,
body.light section a:hover,
body.light section a:focus,
body.light section a:active,
body.dark section.light a {
    color: #000000;
}

body.light section.dark a:hover,
body.light section.dark a:focus,
body.light section.dark a:active {
    color: rgba(255,255,255,0.65);
    text-decoration: underline;
}

body.sansserif h1 {
    margin-bottom: 4rem;
    font-size: 5.1rem;
    line-height: 5rem;
}

/*//// Fonts*/
body.sansserif section p,
body.sansserif section b,
body.sansserif section ul,
body.sansserif section ol,
body.sansserif section dl,
body.sansserif label.error,
body.sansserif form label,
body.sansserif form input,
body.sansserif form textarea,
body.sansserif .message span,
body.sansserif form label span, 
body.sansserif form label textarea, 
body.sansserif form select, 
body.sansserif .v2-checkbox span,
body.sansserif section .card,
body.sansserif section td.CookieDeclarationTableCell,
body.sansserif section #CookieDeclarationUserStatusLabelOn,
body.sansserif section #CookieDeclarationUserStatusLabelOff,
body.sansserif section #CookieDeclarationChangeConsentChange,
body.sansserif section #CookieDeclarationChangeConsentWithdraw,
body.sansserif section .CookieDeclarationTableHeader {
    font-family: 'Opens sans', sans-serif;
}

body.sansserif section h1, 
body.sansserif section h2, 
body.sansserif section h3, 
body.sansserif section h4, 
body.sansserif section h5 {
    font-family: "bebas-neue-pro",sans-serif;
    text-transform: none;
}


body.sansserif section p,
body.sansserif section b,
body.sansserif section ul,
body.sansserif section ol {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 2rem;
    letter-spacing: 0.025rem;
}

body section h6 {
    font-weight: 600;
    font-size: 1.7rem;
    margin-bottom: 0.5rem;
    display: inline-block;
}

body.sansserif section li {
    font-size: 1.5rem;
}

body.light section p,
body.light section b,
body.light section ul,
body.light section ol {
    color: #343434;
    position: relative;
    z-index: 1;
}

body.light section.dark p,
body.light section.dark ul {
    color: #858585;    
    margin-top: 1rem;
    margin-bottom: 4rem;
}

body.sansserif section h2 {
    font-size: 4.5rem;
    line-height: 5rem;
}

body.sansserif section h1 span, 
body.sansserif section h2 span, 
body.sansserif section h3 span {
    text-transform: uppercase;
    font-size: 1.7rem;
    line-height: 2.2rem;
    margin-bottom: 0.5rem;
}

.icon svg,
body.light section.dark .icon svg {
    width: 6rem;
    fill: #ffffff;
}

body.light .icon svg {
    fill: #bd9e7f;
}

/*Header*/
header {
    position: fixed;
    padding: 2.3rem 2.2rem;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, transparent 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}

header.fixed,
body.light header,
body.dark header  {
    background: #000;
}

header a.logo {
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    margin: 0;
    height: auto;
    width: 90%;
}
header a.logo img {
    width: 130px;
    margin: 0;
    background: transparent;
    display: block;
}

header .logo #logo img.icon-small {
    width: 60px;
}

.logo-bild {
    overflow: visible;
    height: auto;
}

header a.logo span {
    font: 400 1.7rem 'Bebas',sans-serif;
   text-transform: uppercase;
   color: #bd9e7f;
   letter-spacing: 0.35rem;
   padding: 0 1.4rem 0 1.4rem;
   display: flex;
   align-items: center;
   width: auto;
   border-left: 1px solid rgba(255,255,255,.2);
   max-width: 200px;
}
	
li.hassub > ul li.social ul,
nav li.sociallinks .social {
       display: flex;
    justify-content: flex-start;
    align-items: center;
}

nav ul ul li.soonsocial ul a:after {
    display: none;
}

nav > ul > li > ul > li.social li a:hover {
    color: #bd9e7f;
}

nav > ul > li.standort > ul > li > a.nolink {
    cursor: unset;
}

nav ul ul li.soonsocial ul svg {
    width: 16px;
    height: 18px;
       margin-top: 0.8rem;
       transition: all 0.3s linear;
}

nav ul ul li.soonsocial ul svg:hover {
    fill:#bd9e7f;
}

.menu-icon {
       height: 30px;
       width: 30px;
       position: fixed;
       z-index: 110;
       right: 25px;
       top: 28px;
       cursor: pointer;
       display: block;
}

.menu-icon__line {
       height: 2px;
       width: 30px;
       display: block;
       background-color: #ffffff;
       margin-bottom: 4px;
       transition: background-color .5s ease, -webkit-transform .2s ease;
       transition: transform .2s ease, background-color .5s ease;
       transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
}


nav a {text-decoration: none;position: relative; display: inline-block;}
nav a:after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    margin-top: 0rem;
    transition: width .3s;
    z-index: 10;
    position: absolute;
}	

nav a:hover:after {
width: 100%;
}

nav a.active {
 color: #fff;
}

.nav:before, .nav:after {
display: table;
content: " ";
}

nav li {list-style: none; position: relative; padding-bottom: 0;}

nav li.locchange,
nav li.comingsoon {cursor: pointer;}
nav .social li {padding-right: 1.5rem; font-size: 1.8rem; line-height: 1.5;}
nav .social a.glyph {color: #fff;}
nav ul ul ul {padding-bottom: 2rem; margin-top: .5rem;}
nav ul ul li.soonsocial ul {padding-bottom: 0;margin-top: 0;}

nav > ul > li, 
nav > ul > li > ul > li,
.comingsoon,
.sociallinks {
    font: 400 2rem/2 'Bebas',sans-serif;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.4rem;
}

nav > ul > li {
    padding-bottom: 0;
}

nav > ul > li > ul > li > a {
    line-height: 2.2rem;
}

nav > ul > li > ul > li > ul > li,
nav > ul > li > ul > li > ul > li > ul > li {
 font: 400 1.6rem/1.85 'Faustina',sans-serif;
 text-transform: none;
 letter-spacing: 0;
}

nav > ul > li > ul > li > ul > li > a,
nav > ul > li > ul > li > ul > li > ul > li > a {color: #858585;}

nav > ul > li > a:after, 
nav > ul > li > ul > li > a:after,
nav > ul > li > ul > li > ul > li > a:after,
nav > ul > li > ul > li > ul > li > ul > li > a:after {
    background: #fff;
    bottom: 0;
}

nav > ul > li > ul > li.social {
 display: flex;
 flex-direction: row;
}

nav > ul > li > ul > li.social li:first-child {
 padding-left: 3rem;
}


nav > ul > li > ul > li.social li a:hover {
 color: #bd9e7f;
}

/*------  PRELOADER  ------*/
#preloader {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
}
.page-wrapper {
	opacity: 0;
}

.hidden-xs {
	display: none;
}

/*Headlines*/
h1, h2, h3, h4, h5, h6, .title, .title2, .blog-block .name {
	font-family: 'Bebas', sans-serif;
	text-transform: uppercase;
	color: #fff;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

h1 {
    font-size: 5rem;
    line-height: 4.9rem;
    opacity: 0;
}

body section h3 {
    opacity: 0;
}


h1, h2, h3, h5, h6, .title, .title2 {
	text-align: center;
}
h1 span, h2 span, h3 span, .title div, .title2 div {
    color: #bd9e7f;
    width: 100%;
    letter-spacing: .5rem;
}

h1 span, h2 span, h3 span  {
    font-size: 1.8rem;
    line-height: 2.8rem;
}

h2, .title, .title2 {    
    padding-top: 25px;
    padding-bottom: 15px;
}

.quote-slider .txt-desc {
    max-width: 590px;
    padding-right: 50px;
    padding-left: 50px;
    color: #e4e4e4;
    font-size: 15px;
    line-height: 22px;
    margin: 0 auto 3rem;
}

h3, .blog-block .name {
	font-size: 30px;
    line-height: 1.1;
}

h5, .title div, .title2 div {
	font-size: 18px;
    line-height: 28px;
	color: #bd9e7f;
	width: 100%;
    letter-spacing: .5rem;
}

h5 p.mini, .title + p.mini {
    padding: 0 2rem;
}

h4, h5 {
    justify-content: flex-start;
}

h4 {
    font-size: 2.5rem;
    line-height: 2.7rem;
    margin-bottom: 1.2rem;
}

h5 {
    font-size: 2rem;
    line-height: 2.1rem;
    margin-bottom: 1.2rem;
    text-align: left;
    letter-spacing: 0;
}


body.light p {
    font-size: 1.7rem;
    line-height: 1.8;
    margin-bottom: 2rem;
    letter-spacing: 0.025rem;
    color: #6e6e6e;
}
.side-layer,
.side-layer.zwei,
.side-layer.drei {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 200vh;
    z-index: 100;
    background: rgba(0,0,0,0.7);
    
}

.side-layer {
    animation: 1.5s slide-layer 0s ease;
       -webkit-animation: 1.5s  slide-layer 0s ease;animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

.side-layer.zwei {
    animation: 1.5s slide-layer-zwei .4s ease;
       -webkit-animation: 1.5s slide-layer-zwei .4s ease;animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

.side-layer.drei {
    
    animation: 1.5s slide-layer-drei .8s ease;
       -webkit-animation: 1.5s slide-layer-drei .8s  ease;animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;

}
.quote-slider .main {
    max-width: 800px;
    margin-top: 4rem;
}

.dot {
	width: 5px;
	height: 5px;
	position: relative;
	border-radius: 50%;
	background: #bd9e7f;
	margin: 30px auto 30px auto;
}
.dot:before{
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	top: 0;
	left: -20px;
	border-radius: 50%;
	background: #bd9e7f;
}
.dot:after{
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	top: 0;
	right: -20px;
	border-radius: 50%;
	background: #bd9e7f;
}

a.app {
    border-radius: 3rem;
    color: #fff;
    border:1px solid #bd9e7f;
    /*padding: 0.55rem 0.6rem 0.75rem 1.2rem;*/
    padding: 1.15rem 0.6rem 1.55rem 1.2rem;
    font: 400 2.1rem/1.1rem 'Bebas',sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    transition: transform .6s; 
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.5rem;
    background: linear-gradient(to left, transparent 50%, #bd9e7f 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
}

a.app:after {
 display: none;
}

a.app:hover {
background-position: left;
border: 1px #bd9e7f solid;
color: #000;
}

.buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1.5rem;
}

.buttons.align-left {
	align-items: flex-start;
    justify-content: flex-start;
}

.fwbtn,
[type="submit"],
.faqbtn, .faqbtn2,
#CookieDeclarationChangeConsentChange,
#CookieDeclarationChangeConsentWithdraw {
    border: 2px solid #bd9e7f;
    border-radius: 3rem;
    background: transparent;
    color: #ffffff;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition: .2s transform ease-in-out;
    will-change: transform;
    z-index: 0;
    display: flex;
	padding: 1.5rem 2.5rem;
    white-space: nowrap;
    font: 400 1.5rem 'Faustina',sans-serif;letter-spacing: 0.05rem;
}   

.fwbtn:before,
.fwbtn:after,
.fwbtn .social-media,
[type="submit"]:before,
[type="submit"]:after,
.faqbtn:before, .faqbtn2:before,
.faqbtn:after, .faqbtn2:after,
#CookieDeclarationChangeConsentChange:before,
#CookieDeclarationChangeConsentWithdraw:before,
#CookieDeclarationChangeConsentChange:after,
#CookieDeclarationChangeConsentWithdraw:after {
	content: attr(data-text);
	display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
	justify-content: center;
    align-items: center;
}

.fwbtn:before,
[type="submit"]:before {
    transform: translate(0%, 0%) rotate(0deg);
    transform-origin: top left;
    transition: .2s transform ease-out;
    will-change: transform;
    z-index: -1;    
	color: #ffffff;
    padding: 1.5rem 2.3rem;
}

.fwbtn:after,
[type="submit"]:after {
    background-color :#bd9e7f;
    transform: translate(0%, 100%) rotate(0deg);
    transform-origin: top left;
    transition: .2s transform ease-out;
    will-change: transform;
    z-index: -1;    
    color: #fff;
    padding: 1.35rem 2.3rem 1.5rem 2.3rem;
}

.fwbtn:hover::before,
[type="submit"]:hover::before {transform: translate(0, -100%);}
.fwbtn:hover::after, 
[type="submit"]:hover::after {transform: translate(0, 0);}

.fwbtn:hover,
[type="submit"]:hover {
    border: 2px solid transparent;
    color: #ffffff;
    transform: translateY(-3px);
    will-change: transform;
}
.fwbtn.margin-right {
    margin-right: 1rem;
}
.fwbtn.margin-left {
    margin-left: 1rem;
}
.fwbtn > span,
[type="submit"] > span {
    opacity: 0;
}

body.light section .fwbtn,
body.light section .fwbtn:before {
    color: #000000;
}
.fwbtn.social {
    padding: 2.5rem 1.5rem;
    width: 200px;
}
.fwbtn .social-media {
    transform: translate(0%, 0%) rotate(0deg);
    transform-origin: top left;
    transition: .2s transform ease-out;
    will-change: transform;
    z-index: 6;
    color: #fff;
    padding: 0 1.2rem;
}

.fwbtn .social-media a {
    display: flex;
    z-index: 12;
    height: 35px;
    border-radius: 3rem;
    position: relative;
    margin: 5px 8px;
    justify-content: center;
    align-items: center;
    outline: none;
}

.fwbtn .social-media svg {
    fill: #fff;
    margin: 1px 0 0 1px;
    width: 80%;
    height: 80%;
    pointer-events: none;
    z-index: -1;
}


#CookieDeclarationChangeConsentChange, #CookieDeclarationChangeConsentWithdraw {
    font: 1.5rem/1 'Bebas', sans-serif;
    font-weight: 600;
    padding: 13px 24px 12px 24px;
}

.faqbtn:hover, .faqbtn:active, .faqbtn:focus, .faqbtn2:hover, .faqbtn2:active, .faqbtn2:focus,
input[type="submit"]:hover, [type="submit"]:active, [type="submit"]:focus,
#CookieDeclarationChangeConsentChange:hover,
#CookieDeclarationChangeConsentWithdraw:hover,
#CookieDeclarationChangeConsentChange:focus,
#CookieDeclarationChangeConsentWithdraw:focus,
#CookieDeclarationChangeConsentChange:active,
#CookieDeclarationChangeConsentWithdraw:active {
    background-position: left;
    border: 1px #bd9e7f solid;
    color: #111111;
}

body.light .faqbtn, body.light .faqbtn2,
body.light #CookieDeclarationChangeConsentChange,
body.light #CookieDeclarationChangeConsentWithdraw {color: #000;}
body.light section.dark .faqbtn, body.light section.dark .faqbtn2 {color: #ffffff;}

.restaurant-block .col-sm-12 {
    text-align: center;
}

.gradient {
    background: linear-gradient(180deg , rgba(0,0,0,0.3) 0%, rgba(0,0,0,1) 70%);
    width: 100%;
    height: 100%;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 11;
}

.sicon {
    font-size: 38px;
    min-height: 66px!important;
    min-width: 66px!important;
    color: #ffffff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #bd9e7f;
    padding: 13px 12px 12px;
    margin: 0 6px 12px 6px !important;
	text-align: center;
}

.social svg {
    fill: #fff;
    width: 18px;
    height: 18px;
}

section#galerie .gal-contain {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
}

.faqwrap {
	margin: 3rem 0;
	justify-content: center;
}

#myModal {
    display: none;
}

section.animated h1 {
	animation: .5s loadText 0s ease;
	-webkit-animation: .5s loadText 0s ease;
	animation-fill-mode: forwards;
}

section.animated h2 {
	animation: .8s loadText 0s ease;
	-webkit-animation: 1s loadText 0s ease;
	animation-fill-mode: forwards;
}

section.animated h3 {
	animation: 1s loadText 0s ease;
	-webkit-animation: 1s loadText 0s ease;
	animation-fill-mode: forwards;
}

section.animated p,
section.animated ul,
section.animated ol {
	animation: 1s loadText .4s ease;
	-webkit-animation: 1s loadText .4s ease;
	animation-fill-mode: forwards;
} 

section.animated .buttons {
	animation: 1s loadText 1.7s ease;
	-webkit-animation: 1s loadText 1.7s ease;
	animation-fill-mode: forwards;
} 

.scrollindicator{
    width: 100%;
    height: 7px; /* height of progress bar */
    display: block;
    background: black;
    left: 0;
    bottom: 0; /* dock progress bar to bottom of page (change to "top" for top instead) */
    cursor: pointer;
    position: fixed;
    z-index: 1000000;
    visibility: hidden;
    -webkit-transition: height .2s ease;
    transition: height .2s ease;
  }
  
  .scrollprogress{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffca95; /* background color of progress bar */
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform .4s ease; 
    transition: transform .4s ease; /* animate progress bar? Remove to disable */
  }

    blockquote {
        position: relative;
        padding: 0 1rem 0 5rem;
        margin-bottom: 5rem;
    }


    body.sansserif section.dark blockquote p {
        text-align: left;
        margin-bottom: 2.5rem;
    } 

    blockquote:before {
        font-family: "bebas-neue-pro",sans-serif;
        font-size: 10rem;
        color: #858585;
        text-transform: none;
        content: '“';
        position: absolute;
        left: 0.4rem;
        top: -2rem;
    }

    cite {
        font-size: 1.5rem;
    }

    body.light blockquote:before,
    body section.light blockquote:before {
        color: #bd9e7f;
    }

    .OF-cover {
        object-fit: cover;
        font-family: 'object-fit: cover';
    }



@media (min-width: 375px) {
    .logo span {
        font-size: 18px;
        padding: 0 0 0.5rem 1.4rem;
        margin-left: 1.3rem;
    }
}
@media (max-width: 449px) {
    .quote-slider .main {
        max-width: 100%;
        padding: 20px 50px;
    }
}
@media (min-width: 550px) {
    .logo span {
        padding: 0 0 0.8rem 1.9rem;
        margin-left: 1.6rem;
        line-height: 1.9rem;
    }
}
@media (max-width: 767px) {
    h2, .title, .title2 {
        font-size: 6rem;
        line-height: 6rem;
    }
}

@media (max-width: 375px) {
    h2, .title, .title2 {
        font-size: 5rem;
        line-height: 1;
    }
}
@media (min-width: 641px) {
    .logo span {top: 1px;}
}


@media only screen and (max-width: 1023px) {
    nav > ul > li:first-child > a {
        font-size: 0;
    }

    nav > ul > li .fwbtn {
        text-transform: none;
        margin-top: 2rem;
    }


    nav > ul > li.standort {
        border-bottom: 1px solid rgba(255,255,255,.2);
        margin-bottom: 2rem;
        padding-bottom: 0.7rem;
    }
    
    nav > ul > li.auswahl > ul > li > a,
    nav > ul > li.standort > ul > li > a:hover:after {display: none;}
    nav > ul > li.auswahl > a,
    nav > ul > li.standort > a {
        display: none;
    }

    body.nav-active .nav__content {
       position: fixed;
       min-height: 150vh;
       width: 100%;
       width: calc(100% + 2.2rem);
        left: 0;
        z-index: 20;
    }

    .nav__content {
           position: fixed;
           width: 100%;
        transition-delay: transform cubic-bezier(.77,0,.175,1) .8s;
        opacity: 0;
        transform: translate(0%, 100%);
        transition: opacity .2s ease, transform .3s ease;
        top: 0;
        min-width: 57.2%;
    }

    body.nav-active .nav__content {
       opacity: 1;
       -webkit-transform: translateX(0%);
       transform: translateX(0%);
       transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
       transition: opacity .3s ease, transform .3s ease, color .3s ease;
       transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
    }
    nav {
        display: none;
        width: 100vw;
        height: 0;
        z-index:73;
    }

       nav li.sociallinks {
        border-top: 1px solid #353535;
        border-bottom: 1px solid #353535;
        margin: 1.6rem -3rem;
        padding: 1rem 3rem 1rem 3rem;
         display: flex;
       }

       nav li.sociallinks ul {
        padding: 0 0 1rem 1.5rem;
       }

       nav li.locchange:after,
       nav li.comingsoon:after,
       nav li.partnerchange:after {
        content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 140 82' style='enable-background:new 0 0 140 82;' xml:space='preserve'%3E%3Cpath fill='%23BD9E7F' d='M67,80.5L1.5,15c-1.4-1.4-1.4-3.8,0-5.2l8.2-8.2c1.4-1.4,3.8-1.4,5.2,0l54.7,54.7l55.5-54.8c1.5-1.4,3.8-1.4,5.2,0l8.1,8.2c1.4,1.5,1.4,3.8,0,5.2L72.2,80.5C70.7,81.9,68.4,81.9,67,80.5z'/%3E%3C/svg%3E");
        width: 9px;
        height: 9px;
        display: block;
       position: absolute;
       top:-0.7rem;
       left: 98%;
       }

       nav li.locchange.open:after,
       nav li.comingsoon.open:after,
       nav li.partnerchange.open:after {
        content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 140 82' style='enable-background:new 0 0 140 82;' xml:space='preserve'%3E%3Cpath fill='%23BD9E7F' d='M73,1.5L138.5,67c1.4,1.4,1.4,3.8,0,5.2l-8.2,8.2c-1.4,1.4-3.8,1.4-5.2,0L70.4,25.7L14.9,80.5c-1.5,1.4-3.8,1.4-5.2,0l-8.1-8.2c-1.4-1.5-1.4-3.8,0-5.2L67.8,1.5C69.3,0.1,71.6,0.1,73,1.5z'/%3E%3C/svg%3E");
           left: 98%;
       }

       nav li.locchange ul,
       nav li.comingsoon ul,
       nav li.partnerchange ul {
           max-height: 0;
        transition: max-height 0.35s ease-out;
           overflow: hidden;
           padding-bottom: 0;
           margin-top: 0;
       }

       nav li.locchange.open ul,
       nav li.comingsoon.open ul,
       nav li.partnerchange.open ul {
            max-height: 2000px;
            transition: max-height 0.25s ease-in;
            overflow: visible;
            padding-bottom: 2rem;
       }

       body.nav-active nav {
           visibility: visible;
           overflow-x: hidden!important;
           overflow-y: auto!important;
           -webkit-overflow-scrolling: touch;
           overflow: auto;
           background: #000;
           z-index: 101;
           position: fixed;
           height: 100vh;
           width: calc(100% - 1.5rem);
           display: block;
           left: 0;
           top: 0;
           padding: 8rem 3rem 5rem 3rem;
    }


    body.nav-active .menu-icon {
        top: 22px;
        right: 19px;
        padding-top: 0.7rem;
    }

    body.nav-active {
        /*$menu--items--count: 4;*/
        overflow-x: hidden;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    body.nav-active .menu-icon__line {
        background-color: #ffffff;
        -webkit-transform: translateX(0px) rotate(-45deg);
        transform: translateX(0px) rotate(-45deg);
    }

    body.nav-active .menu-icon__line-left {
        transform: translateX(1px) rotate(45deg);
        width: 15px;
    }

    body.nav-active .menu-icon__line-right {
        transform: translateX(-2px) rotate(45deg);
        width: 15px;
        float: right;
    }

    body.light header.fixed,
    body.dark header.fixed,
    body header.fixed {
        background: linear-gradient(0deg, rgba(0,0,0,0) 18%, rgba(0,0,0,0.6643032212885154) 100%)!important;
        background-color: #000!important;
    }

    section {padding: 60px 0; }
    
}

@media only screen and (max-width: 767px) {
    .dot, .dot:before, .dot:after {width: 3px; height: 3px;}
    .dot {margin: 15px auto 20px auto;}
    .dot:before,.dot:after {content: "";}
    .dot:before {left: -12px;}
    .dot:after {right: -12px;}

    p.mini {line-height: 22px;}

    body.sansserif section h2,
    body section.empfehlung h3 {
        font-size: 3.3rem;
        line-height: 3.3rem;
    }
    .icon svg, body.light section.dark .icon svg {
        width: 5rem;
    }
}

@media only screen and (min-width: 768px) {
	h1, h2, h3, h4, h5, h6, .title {
        font-size: 9rem;
        line-height: 8.5rem;
	}

    h3 {line-height: 5rem;}

    h4, h5 {
        justify-content: flex-start;
    }

    h4 {
        font-size: 2.5rem;
        line-height: 2.7rem;
        margin-bottom: 1.2rem;
    }

    h5 {
        font-size: 2rem;
        line-height: 2.1rem;
        margin-bottom: 1.2rem;
        text-align: left;
        letter-spacing: 0;
    }
}
@media only screen and (min-width: 1000px) {
    header .logo {
        padding-left: 0; margin: 0;
    }
    .logo span {
        width: auto;
        margin-top: 0.5rem;
    }
    .logo-bild {
        height: auto;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    header a.logo span {
        max-width: 380px;
    }
}
@media only screen and (min-width: 1024px) {
    header {
        width: 100% - 3rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid rgba(255,255,255,.2);
        padding: 0 1.5rem;
        top:0;
        left: 0;
        position: fixed;
        z-index: 75;
    }

    header:hover {
        background: #000!important;
    }

    header.fixed {
        padding: 0.8rem ​6.2rem;
        background: #000!important;
    }

    header a.logo {
        width: 30%;
    }

    header.fixed .logo img {
       width: 120px;
    }

    nav .fwbtn {
        padding: 1rem 1.5rem;
    }	

    .logo {
        height: auto;
    }

    header .logo span {
        margin-top: 0;
    }

    .menu-icon {display: none;}
    .nav__content {
        opacity: 1;
        display: flex;	
        width: 70%;
        justify-content: flex-start;
    }

    nav {width: 100%;}

    nav > ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }

    nav > ul ul {display: none;}

    nav > ul > li > a:after, nav > ul > li > ul > li > a:after {bottom: -0.065rem;}

    nav > ul > li {
        font: 400 1.4rem/1.5 'Faustina',sans-serif;
           text-transform: none;
           color: #fff;
           letter-spacing: 0.05rem;
           padding-right: 2rem;
           padding-bottom: 0;
       }

       nav > ul > li:last-child {
           display: flex;	
           justify-content: flex-end;
           align-items: center;
        padding-right: 0;
        flex-grow: 2;
       }

    nav li.social {
        border-left: 1px solid rgba(255,255,255,.2);
        padding-left: 4rem;
        margin-left: 1.5rem;
    }

    nav > ul > li > ul > li.social {
        flex-direction: column;
    }


    nav a.active:after {
       width: 100%;
    }

       nav > ul > li > a {padding: 2.5rem 0 2.55rem 0;}

       nav > ul > li > ul > li.social li:first-child {
        padding-left: 0;
    }

    nav > ul > li > ul > li.social li {
        margin-top: .5rem;
    }

    li.hassub > a {
        position: relative;
        padding: 2.5rem 1.5rem 2.55rem 0; 
    }

    li.hassub:hover > ul {display: none;}

    li.hassub:hover > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        position: fixed;
        z-index: 10;
        left: 0;
        width: 100%;
        background: black;
        padding: 2rem 3rem 2rem 3rem;
        border-top: 1px solid rgba(255,255,255,.2);
        border-bottom: 1px solid rgba(255,255,255,.2);
    }

    li.hassub.standort:hover > ul {
        padding: 2rem 3rem 2rem 30.6%;
    }

    li.hassub > ul > li:first-child > a:after {
        display: none;
    }

    li.hassub > ul li:last-child{
        padding-right: 0;
    }

    li.hassub > ul ul {
        display: block;
        margin-top: 1rem;
    }

    li.hassub > a:before {
        content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 140 82' style='enable-background:new 0 0 140 82;' xml:space='preserve'%3E%3Cpath fill='%23BD9E7F' d='M67,80.5L1.5,15c-1.4-1.4-1.4-3.8,0-5.2l8.2-8.2c1.4-1.4,3.8-1.4,5.2,0l54.7,54.7l55.5-54.8c1.5-1.4,3.8-1.4,5.2,0l8.1,8.2c1.4,1.5,1.4,3.8,0,5.2L72.2,80.5C70.7,81.9,68.4,81.9,67,80.5z'/%3E%3C/svg%3E");
        position: absolute;
        width: 9px;
        height: 9px;
        display: block;
        top: 2.4rem;
        right: 0;
    }

    li.hassub > ul li.locchange{
        border-right: 1px solid rgba(255,255,255,.2);
        margin-right: 2rem;
    }

    li.hassub > ul li.locchange ul {
        column-count: 3;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        -moz-column-gap: 5px;
        column-gap: 5px;
        position: relative;
        padding-bottom: 0;
    }

    li.hassub > ul li.locchange ul li {
        page-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        height: auto;
    }

    nav ul ul li.soonsocial ul {
        padding-bottom: 2rem;
    }


       nav ul ul li.soonsocial ul.social {
           display: flex;
           flex-wrap: wrap;
       }


    a.hassub + ul ul.social {
        display: flex;
        flex-direction: row;
    }


    nav > ul > li > ul > li {
        text-transform: uppercase;
        color: #fff;
        letter-spacing: 0.4rem;
        padding-right: 2rem;
    }

    nav li.locchange:after, nav li.comingsoon:after, nav li.partnerchange:after {display: none;}

    a.app {
        font: 400 1.6rem/1.1rem 'Bebas',sans-serif;
        margin-top: 0;
        padding: 1.15rem 1.4rem 1.4rem 1.4rem;
    }
}

@media only screen and (min-width: 1100px) {
    li.hassub > ul li.locchange ul {
        column-count: 4;
        -webkit-column-count: 4;
        -moz-column-count: 4;
    }
}

@media only screen and (min-width: 1200px) {
    li.hassub > ul li.locchange {
        width: 74%;
    }

    li.hassub:hover > ul {
        padding: 2rem 3rem 2rem 30.6%;
    }

    li.hassub > ul li.locchange ul {
        column-count: 3;
        -webkit-column-count: 3;
        -moz-column-count: 3;
    }
}
@media only screen and (min-width: 1500px) {
    li.hassub:hover > ul {
        padding: 2rem 3rem 2rem 30.6%;
    }
    
    li.hassub > ul li.locchange ul {
        column-count: 4;
        -webkit-column-count: 4;
        -moz-column-count: 4;
    }
}
/*
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
    nav > ul > li > ul > li > ul > li, nav > ul > li > ul > li > ul > li > ul > li {
        font: 400 1.5rem/1.5 'Faustina',sans-serif;
    }
    li.hassub > ul li.locchange{
        border-right: 1px solid rgba(255,255,255,.2);
        margin-right: 2rem;
    }
}
@media only screen and (min-width: 1200px) {
    li.hassub:hover > ul {
        padding: 2rem 3rem 2rem 30.6%;
    }

    li.hassub > ul li.locchange ul {
        column-count: 3;
        -webkit-column-count: 3;
        -moz-column-count: 3;
    }
}
@media only screen and (min-width: 1400px) {
    li.hassub > ul li.locchange{
        border-right: 1px solid rgba(255,255,255,.2);
        margin-right: 2rem;
    }

    nav > ul > li > ul > li > ul > li, nav > ul > li > ul > li > ul > li > ul > li {
        font: 400 1.6rem/1.5 'Faustina',sans-serif;
    }
    li.hassub:hover > ul {
        padding: 3rem 3rem 3rem 31.7%;
    }


    header {padding: 0 5.5rem 0 5.5rem;}
    header a.logo span {max-width: 310px;}
    nav .fwbtn {padding: 1.5rem 2.5rem;}


    nav > ul > li {
        padding-right: 1.8rem;
        font: 400 1.5rem 'Faustina',sans-serif;
    }

    nav > ul > li > a {padding: 3.5rem 0 3.55rem 0;}

    li.hassub > a:before {
        top: 36%;
    }
    li.hassub > a {padding: 3.5rem 1.5rem 3.55rem 0;}

    a.app {
        font: 400 1.8rem/1.1rem 'Bebas',sans-serif;
        margin-top: 0;
        padding: 1.25rem 2rem 1.5rem 2rem;
        letter-spacing: 0.3rem;
    }
}

@media only screen and (min-width: 1600px) {
    header {
        padding: 0 6.2rem;
    }

    header a.logo {
        width: 33%;
    }

    .nav__content {
        width: 65%;
    }
    li.hassub:hover > ul {
        padding: 3rem 3rem 3rem 36.2%;
    }

    li.hassub > ul li.locchange {
        border-right: 1px solid rgba(255,255,255,.2);
        margin-right: 3rem;
        padding-right: 2rem;
        width: 75%;
    }

    li.hassub > ul li.locchange ul {
        column-count: 4;
        -webkit-column-count: 4;
        -moz-column-count: 4;
    }

    nav > ul > li {
        padding-right: 3rem;
    }

    nav > ul > li > a {
        position: relative;
        padding: 4rem 0 3.95rem 0; 
    }

    li.hassub > a {
        padding: 4rem 1.5rem 3.95rem 0; 
    }

    header.fixed nav > ul > li > a {
        padding: 3rem 0 2.95rem 0; 
    }

    header.fixed li.hassub > a {
        padding: 3rem 1.5rem 2.95rem 0; 
    }
    header.fixed nav > ul > li > a.fwbtn {
        padding: 0.8rem 1.5rem;
    }

    header li.hassub > a:before {
        top: 38%;
    } 
    header.fixed li.hassub > a:before {
        top: 35%;
    } 
}

*/