/*!
 * wm-studio78 - v1.0
 * https://wm-studio78.de/
 * Copyright (c) 2021 wm-studio78.de
 */
@font-face {
    font-family: 'Helvetica Neue LT Pro 57 Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 57 Condensed'), url('../font/HelveticaNeueLTProCn.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 53 Extended';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 53 Extended'), url('../font/HelveticaNeueLTProEx.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 55 Roman';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 55 Roman'), url('../font/HelveticaNeueLTProRoman.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 57 Condensed Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 57 Condensed Oblique'), url('../font/HelveticaNeueLTProCnO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 53 Extended Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 53 Extended Oblique'), url('../font/HelveticaNeueLTProExO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 56 Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 56 Italic'), url('../font/HelveticaNeueLTProIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 35 Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 35 Thin'), url('../font/HelveticaNeueLTProTh.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 37 Thin Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 37 Thin Condensed'), url('../font/HelveticaNeueLTProThCn.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 33 Thin Extended';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 33 Thin Extended'), url('../font/HelveticaNeueLTProThEx.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 37 Thin Condensed Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 37 Thin Condensed Oblique'), url('../font/HelveticaNeueLTProThCnO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 33 Thin Extended Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 33 Thin Extended Oblique'), url('../font/HelveticaNeueLTProThExO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 36 Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 36 Thin Italic'), url('../font/HelveticaNeueLTProThIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 25 Ultra Light';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 25 Ultra Light'), url('../font/HelveticaNeueLTProUltLt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 27 Ultra Light Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 27 Ultra Light Condensed'), url('../font/HelveticaNeueLTProUltLtCn.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 23 Ultra Light Extended';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 23 Ultra Light Extended'), url('../font/HelveticaNeueLTProUltLtEx.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 27 Ultra Light Condensed Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 27 Ultra Light Condensed Oblique'), url('../font/HelveticaNeueLTProUltLtCnO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 23 Ultra Light Extended Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 23 Ultra Light Extended Oblique'), url('../font/HelveticaNeueLTProUltLtExO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 26 Ultra Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 26 Ultra Light Italic'), url('../font/HelveticaNeueLTProUltLtIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 45 Light';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 45 Light'), url('../font/HelveticaNeueLTProLt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 47 Light Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 47 Light Condensed'), url('../font/HelveticaNeueLTProLtCn.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 43 Light Extended';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 43 Light Extended'), url('../font/HelveticaNeueLTProLtEx.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 47 Light Condensed Oblique'), url('../font/HelveticaNeueLTProLtCnO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 43 Light Extended Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 43 Light Extended Oblique'), url('../font/HelveticaNeueLTProLtExO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 46 Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 46 Light Italic'), url('../font/HelveticaNeueLTProLtIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 65 Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 65 Medium'), url('../font/HelveticaNeueLTProMd.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 67 Medium Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 67 Medium Condensed'), url('../font/HelveticaNeueLTProMdCn.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 63 Medium Extended';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 63 Medium Extended'), url('../font/HelveticaNeueLTProMdEx.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 67 Medium Condensed Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 67 Medium Condensed Oblique'), url('../font/HelveticaNeueLTProMdCnO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 63 Medium Extended Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 63 Medium Extended Oblique'), url('../font/HelveticaNeueLTProMdExO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 66 Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 66 Medium Italic'), url('../font/HelveticaNeueLTProMdIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 75 Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 75 Bold'), url('../font/HelveticaNeueLTProBd.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 77 Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 77 Bold Condensed'), url('../font/HelveticaNeueLTProBdCn.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 73 Bold Extended';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 73 Bold Extended'), url('../font/HelveticaNeueLTProBdEx.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 75 Bold Outline';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 75 Bold Outline'), url('../font/HelveticaNeueLTProBdOu.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 77 Bold Condensed Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 77 Bold Condensed Oblique'), url('../font/HelveticaNeueLTProBdCnO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 73 Bold Extended Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 73 Bold Extended Oblique'), url('../font/HelveticaNeueLTProBdExO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 76 Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 76 Bold Italic'), url('../font/HelveticaNeueLTProBdIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 85 Heavy';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 85 Heavy'), url('../font/HelveticaNeueLTProHv.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 87 Heavy Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 87 Heavy Condensed'), url('../font/HelveticaNeueLTProHvCn.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 83 Heavy Extended';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 83 Heavy Extended'), url('../font/HelveticaNeueLTProHvEx.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 87 Heavy Condensed Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 87 Heavy Condensed Oblique'), url('../font/HelveticaNeueLTProHvCnO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 83 Heavy Extended Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 83 Heavy Extended Oblique'), url('../font/HelveticaNeueLTProHvExO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 86 Heavy Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 86 Heavy Italic'), url('../font/HelveticaNeueLTProHvIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 95 Black';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 95 Black'), url('../font/HelveticaNeueLTProBlk.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 97 Black Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 97 Black Condensed'), url('../font/HelveticaNeueLTProBlkCn.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 93 Black Extended';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 93 Black Extended'), url('../font/HelveticaNeueLTProBlkEx.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 97 Black Condensed Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 97 Black Condensed Oblique'), url('../font/HelveticaNeueLTProBlkCnO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 93 Black Extended Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 93 Black Extended Oblique'), url('../font/HelveticaNeueLTProBlkExO.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Neue LT Pro 96 Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue LT Pro 96 Black Italic'), url('../font/HelveticaNeueLTProBlkIt.woff') format('woff');
    }

/*  Allgemein */
  
body {
margin: 0;
font-family:  'Helvetica Neue LT Pro 55 Roman', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 14px;
/* font-size: 1rem; */
font-weight: 400;
line-height: 17px;
color: #000000;
text-align: left;
background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 25px 0;
padding: 0;
letter-spacing: -0.5px;
font-weight: inherit;
}

container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1800px;
}

.scroll-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    cursor: pointer;
    bottom: 7em;
right: 64px;
    z-index:9
}
.scroll-bottom {
    -webkit-animation: cssAnimation 8s forwards; 
    animation: cssAnimation 8s forwards;
}
@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}

.scroll-bottom__arrow {
    margin-left:-.5px
}

 .scroll-bottom:hover .deh {
    -webkit-animation: none;
    animation:none
}

 .scroll-bottom span {
    color: #fff;
    font-size: 18px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin:0 0 35px -21.5px
}

.scroll-bottom span.en {
    margin:0 0 35px -14px
}

.deh {
    width: 18px;
    height: 18px;
    position: relative;
    -webkit-box-shadow: 2px 2px #fff;
    box-shadow: 2px 2px #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform:rotate(45deg)
}

.m1 {
    -webkit-animation: ani3 5s steps(5, start) infinite;
    animation:ani3 3s steps(5, start) infinite
}

.m2 {
    -webkit-animation: ani2 5s steps(5, start) infinite;
    animation:ani2 3s steps(5, start) infinite
}

.m3 {
    -webkit-animation: ani1 3s steps(5, start) infinite;
    animation:ani1 5s steps(5, start) infinite
}

@-webkit-keyframes ani1 {
    0% {
        opacity:.1
    }

    11% {
        opacity:.1
    }

    22% {
        opacity:.1
    }

    33% {
        opacity:.1
    }

    44% {
        opacity:.2
    }

    55% {
        opacity:.5
    }

    66% {
        opacity:1
    }

    77% {
        opacity:.5
    }

    88% {
        opacity:.2
    }

    100% {
        opacity:.1
    }
}

@keyframes ani1 {
    0% {
        opacity:.1
    }

    11% {
        opacity:.1
    }

    22% {
        opacity:.1
    }

    33% {
        opacity:.1
    }

    44% {
        opacity:.2
    }

    55% {
        opacity:.5
    }

    66% {
        opacity:1
    }

    77% {
        opacity:.5
    }

    88% {
        opacity:.2
    }

    100% {
        opacity:.1
    }
}

@-webkit-keyframes ani2 {
    0% {
        opacity:.1
    }

    11% {
        opacity:.15
    }

    22% {
        opacity:.25
    }

    33% {
        opacity:.5
    }

    44% {
        opacity:1
    }

    55% {
        opacity:.5
    }

    66% {
        opacity:.25
    }

    77% {
        opacity:.15
    }

    88% {
        opacity:.1
    }

    100% {
        opacity:.1
    }
}

@keyframes ani2 {
    0% {
        opacity:.1
    }

    11% {
        opacity:.15
    }

    22% {
        opacity:.25
    }

    33% {
        opacity:.5
    }

    44% {
        opacity:1
    }

    55% {
        opacity:.5
    }

    66% {
        opacity:.25
    }

    77% {
        opacity:.15
    }

    88% {
        opacity:.1
    }

    100% {
        opacity:.1
    }
}

@-webkit-keyframes ani3 {
    0% {
        opacity:.25
    }

    11% {
        opacity:.5
    }

    22% {
        opacity:1
    }

    33% {
        opacity:.5
    }

    44% {
        opacity:.25
    }

    55% {
        opacity:.15
    }

    66% {
        opacity:.1
    }

    77% {
        opacity:.1
    }

    88% {
        opacity:.1
    }

    100% {
        opacity:.15
    }
}

@keyframes ani3 {
    0% {
        opacity:.25
    }

    11% {
        opacity:.5
    }

    22% {
        opacity:1
    }

    33% {
        opacity:.5
    }

    44% {
        opacity:.25
    }

    55% {
        opacity:.15
    }

    66% {
        opacity:.1
    }

    77% {
        opacity:.1
    }

    88% {
        opacity:.1
    }

    100% {
        opacity:.15
    }
}

.deh.active {
    -webkit-animation: none !important;
    animation:none !important
}




/*  Font */

.alt-font {
font-family: 'Helvetica Neue LT Pro 75 Bold';
}
 h6 {
font-size: 17px;
line-height: 17px;
}

.matHome-font {
font-family:'Helvetica Neue LT Pro 75 Bold';
color: #fff;
text-shadow: 0px 0px 50px #737070;

}
.matHomeBgWhite-font {
font-family:'Helvetica Neue LT Pro 75 Bold';
color: #000;

}
.title-extra-large-heavy {
font-size: 63px;
line-height: 54px;
text-transform: uppercase;
letter-spacing: 0em;
}
.matHome-sub {
    font-family: 'Helvetica Neue LT Pro 75 Bold';
    color: #fff;
    font-size: 23px;
    line-height: 22px;
   letter-spacing: 0em;
    text-transform: uppercase;
    text-shadow: 0px 0px 50px #737070;
}
.matHomeBgWhite-sub {
font-family: 'Helvetica Neue LT Pro 75 Bold';
color: #000;
font-size: 23px;
line-height: 22px;
}
.list-style-05 {
padding-left: 5px;
text-align: left;
margin-left: 10px;
}
.list-style-05 li {
margin-bottom: 0px;
}

/*  Padding  */

.padding-0-rem-all { 
padding: 0rem; 
}
.padding-25-half-rem-b {
padding-bottom: 25.5rem;
}
/*  Margin  */

.margin-3-rem-t {
margin-top: 3rem;
margin-bottom: 0rem;
}

/*  Button  */
.btn {
display: inline-block;
border: 2px solid transparent;
border-radius: 0;
text-transform: uppercase;
width: auto;
font-family: 'Helvetica Neue LT Pro 75 Bold';
}

.btn.btn-medium {
font-size: 12px;
padding: 6px 15px 1px;
}
.btn.btn-dark.home { 
max-width: -webkit-fit-content;
max-width: -webkit-fill-available;
max-width: -moz-fit-content;
max-width:fit-content;
}
.btn.btn-dark {
background: transparent;
border-color: #000;
color: #000;
}
.btn.btn-dark:hover, .btn.btn-dark:focus {
background: #000;
color: #fff;
}
.btn.btn-light.home { 
max-width: -webkit-fit-content;
max-width: -webkit-fill-available;
max-width: -moz-fit-content;
max-width:fit-content;
}
.btn.btn-light {
background-color: rgba(0, 0, 0, 0.1);
border-color: #fff;
color: #fff;
}
.btn.btn-light:hover, .btn.btn-light:focus {
background: #fff;
color: #000;
}
a, a:active, a:focus {
    color: #000;
}
a:hover, a:focus {
    text-decoration: none;
    outline: none;
    outline-offset: 0;
    color: #828282;
}

/*  Nav  */
header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand img {
max-height: none;
}
/*
header nav.navbar.navbar-static-overlay {
position: fixed;
top: 0;
right: 0;
width: auto;
height: 65px;
z-index: 10006;

}
*/
header nav.navbar.always-fixed {
height: 60px;
z-index: 10006;
position: fixed;
width: 100%;
}


.hamburger-menu {
width: 455px;
}


.push-button > span:nth-child(4) {
top: 12px;
width: 22px;
}
.push-button > span:nth-child(1) {
top: 0px;
width: 22px;
}
.nav-font { 
font-family: 'Helvetica Neue LT Pro 75 Bold';
}
.menu-list li {
clear: both;
position: relative;
list-style: none;
color: #808284;
}
.menu-list li:hover {
clear: both;
position: relative;
list-style: none;
color: #fff;
}
ul.MatListNav {
    padding-top: 0px!important;
    margin-top: -.1em;
}
.menu-list li a {
font-size: 40px;
line-height: 10px;
position: relative;
color: #808284;
padding: 14px 0;
display: inline-block;
}
.menu-list li a:hover {
color: rgba(255,255,255) !important;
}
.menu-list .menu-list-item .sub-menu-item li a {
font-size: 22px;
line-height: normal;
color: #808284;
padding: 0;
font-family: 'Helvetica Neue LT Pro 75 Bold';
}
.menu-list li.active > a, .menu-list .menu-list-item:hover > a, .menu-list .menu-list-item:focus > a, .menu-list .menu-list-item .sub-menu-item li.active a, .menu-list .menu-list-item .sub-menu-item > li:hover a, .menu-list .menu-list-item .sub-menu-item > li:focus a {
color: rgba(255,255,255) !important;
}
.menu-toggle {
position: relative;
left: 0;
right: auto;
width: auto;
height: 30px;
text-align: left;
top: 0px;
cursor: pointer;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
z-index: 1;
}
.menu-toggle::before, .menu-toggle::after {
content: "";
display: block;
position: absolute;
right: -24px;
top: -3px;
height: 3px;
width: 11px;
background-color: #808284;
display: none;
}
header .navbar .navbar-brand .default-logo, header.sticky .navbar-brand .alt-logo, header .sidebar-nav-menu .navbar-brand .default-logo {
visibility: visible;
opacity: 1;
width: 170px;
}
a.FontStyle {
font-family: 'Helvetica Neue LT Pro 75 Bold';
}
.mat-language { 
display: inline-flex;
padding: 1em .5%;
}
.mat-language li { 
padding-right: 1em;
}
.mat-language li a { 
font-size: 25px;
}
.social-icon-style-12 li a {
font-family: 'Helvetica Neue LT Pro 75 Bold';
color: #808284;
}
.social-icon-style-12 li a:hover {
color: #fff;
}

.navbar.navbar-light .push-button > span, .sticky .navbar.header-light .push-button > span {
background: #fff;
}
.text-extra-white-gray, .btn-link.text-extra-white-gray, a.text-extra-white-gray-hover {
color: #fff;
}
.text-extra-white-gray, .btn-link.text-extra-white-gray, a.text-extra-white-gray-hover:hover {
color: #808284;
}

.bg-extra-dark-gray {
background-color: #000;
}
.navbar.navbar-light .push-button:hover, .sticky .navbar.header-light .push-button:hover {
opacity: 1;
}

/*  Home  */

.cover-background {
height: 100vh;
}
.matador-full-screen{
	height: 80vh;
}
.matador-padding-five-lr {
	padding-left: 5%;
padding-right: 5%;
}
.matador-padding-six-lr {
	padding-left: 5%;
padding-right: 5%;
}
.HomeMatadorBg1 {
background-image:url('../images/home/Boutique-Hotel-Matador-Lodges-LANDING-01.jpg');
background-position: center 10% !important;
}
.HomeMatadorBg2 {
background-image:url('../images/home/Boutique-Hotel-Matador-Lodges-Home2_2.jpg');
background-position: center center !important;
}
.HomeMatadorBg2_2 {
background-image:url('../images/home/Boutique-Hotel-Matador-Lodges-LANDING-02.jpg');
background-position: center center !important;
}
.HomeMatadorBg3 {
background-image:url('../images/home/Baumhaus-Hotel-Matador-Lodges-Home3_1.jpg');
background-position: center center !important;
}
.HomeMatadorBg3_2 {
background-image:url('../images/home/Boutique-Hotel-Matador-Lodges-LANDING-04.jpg');
background-position: center center !important;
}
.HomeMatadorBg3_3 {
background-image:url('../images/home/Boutique-Hotel-Matador-Lodges-LANDING-05.jpg');
background-position: center center !important;
}
.HomeMatadorBg3_4 {
background-image:url('../images/home/Boutique-Hotel-Matador-Lodges-LANDING-06.jpg');
background-position: center center !important;
}
.HomeMatadorBg3_5 {
background-image:url('../images/home/Boutique-Hotel-Matador-Lodges-LANDING-03.jpg');
background-position: center center !important;
}
.HomeMatadorBg3_2_5 {
background-image:url('../images/home/Baumhaus-Hotel-Matador-Lodges-Home3_2_5.jpg');
background-position: center center !important;
}
.HomeMatadorBg3_6 {
background-image:url('../images/home/Boutique-Hotel-Matador-Lodges-LANDING-07.jpg');
background-position: center center !important;
}
.HomeMatadorBg3_2_6 {
background-image:url('../images/home/Baumhaus-Hotel-Matador-Lodges-Home4_alt.jpg');
background-position: center center !important;
}
.HomeMatadorBg3_7 {
background-image:url('../images/home/Baumhaus-Hotel-Matador-Lodges-Home3_3.jpg');
background-position: center center !important;
}
.bigMat-section {
height: 100vh;
}
.HomeMatadorBg4 {
background-image:url('../images/home/Boutique-Hotel-Matador-Lodges-LANDING-09.jpg');
background-position: center center !important;
}
.HomeMatadorBgDamals {
background-image:url('../images/home/Boutique-Hotel-Matador-Lodges-LANDING-11.jpg');
background-position: center 50% !important;
}
.HomeMatadorBgFood {
background-image:url('../images/home/Boutique-Hotel-Matador-Lodges-LANDING-08.jpg');
background-position: center 10% !important;
}
.HomeMatadorBgSchluss {
background-image:url('../images/home/Boutique-Hotel-Matador-Lodges-LANDING-10.jpg');
background-position: center center !important;
}

/* Rooms Cotteges*/

.COT1 {
background-image:url('../images/rooms/No05/Hotel-Matador-Lodges-Chiemsee-Baumhaus-N_05-Main.jpg');
background-position: center center !important;
background-repeat: no-repeat;
background-size: cover;
}

.COT2 {
background-image:url('../images/rooms/No06/Hotel-Matador-Lodges-Chiemsee-Gartenhaus-N_06-Main.jpg');
background-position: center center !important;
background-repeat: no-repeat;
background-size: cover;
}

.COT3 {
background-image:url('../images/rooms/No07/Hotel-Matador-Lodges-Chiemsee-N_07-Main.jpg');
background-position: center center !important;
background-repeat: no-repeat;
background-size: cover;
}

.COT4 {
background-image:url('../images/rooms/No08/Hotel-Matador-Lodges-Chiemsee-N_08-Main.jpg');
background-position: center center !important;
background-repeat: no-repeat;
background-size: cover;
}

/* Rooms Villa */

.VIL1 {
background-image:url('../images/rooms/No01/Hotel-Matador-Lodges-Chiemsee-N_01-Main.jpg');
background-position: center center !important;
background-repeat: no-repeat;
background-size: cover;
}

.VIL2 {
background-image:url('../images/rooms/No02/Hotel-Matador-Lodges-Chiemsee-N_02-Main.jpg');
background-position: center center !important;
background-repeat: no-repeat;
background-size: cover;
}

.VIL3 {
background-image:url('../images/rooms/No03/Hotel-Matador-Lodges-Chiemsee-N_03-Main.jpg');
background-position: center center !important;
background-repeat: no-repeat;
background-size: cover;
}

.VIL4 {
background-image:url('../images/rooms/No04/Hotel-Matador-Lodges-Chiemsee-N_04-Main.jpg');
background-position: center center !important;
background-repeat: no-repeat;
background-size: cover;
}

.BilderJustMob {
	display: none;
}
.ZurueckResponsive {
	visibility: visible;
}
.bg-gradient-black-transparent {
	 background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}
.interactive-banners-style-02 .bg-gradient-black-transparent { 
opacity: 0;
position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    
    transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.interactive-banners-style-02 .bg-gradient-black-transparent:hover { 
opacity: 0.7;

}

.desk-mobH3 { margin: 0 0 0px 0;color:#fff; }
.desk-mobH6 { color:#fff; }

/* Footer */

.footer-matador.footer-dark, .footer-matador.footer-dark a {
color: #fff;
max-height: 60px;
font-family: 'Helvetica Neue LT Pro 75 Bold';
line-height: 14px;
}
.footer-matador.footer-dark a:hover {
    color: #808284;
}
p.MAT-footer {
color: #fff;
max-height: 60px;
font-family: 'Helvetica Neue LT Pro 75 Bold';
line-height: 14px;
margin: 0 0 0px;
}

a.instagram i {font-size: 18px;transform: translate(0px, 2px);font-weight: 700;}

.scroll-top-arrow, .scroll-top-arrow:focus {
background:transparent;
font-size: 29px;
line-height: 45px;
box-shadow:none;
display: none;
height: 59px;
width: 59px;
padding: 0;
position: fixed;
right: 45px;
text-align: center;
text-decoration: none;
bottom: 45px;
z-index: 1029;
border-radius: 100%;
color: #fff;
}
.scroll-top-arrow:hover {
background: transparent;
color: #000 ;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}