@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'DINPro-Condensed';
    src: url('../fonts/DINCondensed-Bold.eot');
    src: url('../fonts/DINCondensed-Bold.eot?iefix') format('eot'), url('../fonts/DINCondensed-Bold.woff') format('woff'), url('../fonts/DINCondensed-Bold.ttf') format('truetype'), url('../fonts/DINCondensed-Bold.svg#webfont') format('svg');
}
@font-face {
    font-family: 'DINPro-Light';
    src: url('../fonts/DINPro/DINPro-Light.otf');
}
@font-face {
    font-family: 'DINPro-Regular';
    src: url('../fonts/DINPro/DINPro-Regular.otf');
}
@font-face {
    font-family: 'DINPro-Medium';
    src: url('../fonts/DINPro/DINPro-Medium.otf');
}
@font-face {
    font-family: 'DINPro-Bold';
    src: url('../fonts/DINPro/DINPro-Bold.otf');
}
/*General for all devices*/
*:not(.slick-track):not(.slick-list) {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    box-sizing: border-box;
}
html {
    width: 100%;
}

#mt_wrapper{
    max-width: 640px;
    
    background: black;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: DINPro-Light;
    color: white;
    background-color: #0e1418;
    padding: 0px;
    margin: 0px;
    height: 100%;
    line-height: 1.1;
    overflow-x: hidden;
}
body > div {overflow: hidden; }
p {
    font-family: DINPro-regular;
    font-size: 14px;
    line-height: 19px;
}
span {
    font-family: DINPro-medium;
    font-size: 15px;
    line-height: 19px;
}
h1 {
    font-family: DINPro-Medium;
    font-size: 36px;
    line-height: 41px;
    padding: 0px;
    margin: 0px;/*margin-top: 7vh;*/
    text-transform: uppercase;
}
h1 span {
    font-family: DINPro-Light;
    font-size: 36px;
    color: #9c3;
}
h2 {
    font-size: 23px;
    line-height: 32px;
    margin-top: 3vw;
}
a {
    text-decoration: none;
    border-bottom: thin #E70001 solid;
    color: white;
}
.hidden {
    opacity: 0;
}

.bold{
    font-family: DINPro-medium;
    font-size: 14px;
}
.up {
    display: block;
    cursor: pointer;
    position: fixed;
    right: 0px;
    bottom: 0px;
    padding: 15px 12px;
    margin: 20px;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: thin solid rgba(255,255,255,0.5);
    z-index: 13;
}
.up::before {
    display: block;
    content: '';
    width: 17px;
    height: 9px;
    background-image: url(../img/up-arrow.png);
    background-size: 17px 9px;
    background-repeat: no-repeat;
}
.logo {
    background-image: url("../img/logo.svg");
    background-repeat: no-repeat;
    background-size: 45px;
    width: 45px;
    height: 45px;
    z-index: 10;
    position: fixed;
    top: 10px;
    left: 8vw;
   /* -ms-transform: translateX(-50%) translateY(-50%);*/
    /*! -moz-transform: translateX(-50%) translateY(-50%); */
    /*! -webkit-transform: translateX(-50%) translateY(-50%); */
    /*! transform: translateX(-50%) translateY(-50%); */
}
.icon{
    display: inline-block;
    height: 25px;
    width: 25px;  
    margin: 5px;
    border-bottom: none;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}
#icon_spotify{
    left:0px;
    background-image: url("../img/spotify.svg");
    /*background-size: 30px 30px;
     height: 30px;
    width: 30px;*/
    
}
#icon_spotify:hover{
    left:0px;
   
    background-image: url("../img/spotify_h.svg");
    /*background-size: 30px 30px;
     height: 30px;
    width: 30px;*/
    
}
#icon_fb{
    left:40px;
     background-image: url("../img/fb.svg");
    /*background-size: 30px 30px;
    background-repeat: no-repeat;*/
   
}
#icon_fb:hover,
#icon_fb:focus{
    left:40px;
     background-image: url("../img/fb_h.svg");
    /*background-size: 30px 30px;
    background-repeat: no-repeat;*/
   
}
#icon_insta{
    left:80px;
    background-image: url("../img/insta.svg");
    /*background-size: 30px 30px;*/
    
}
#icon_insta:hover,
#icon_insta:focus{
    left:80px;
    background-image: url("../img/insta_h.svg");
   /* background-size: 30px 30px;*/
    
}
#icon_youtube{
    left:120px;
    background-image: url("../img/youtube.svg");
    /*background-size: 30px 30px;*/
    
}
#icon_youtube:hover,
#icon_youtube:focus{
    left:120px;
    background-image: url("../img/youtube_h.svg");
    /*background-size: 30px 30px;*/
    
}
#icon_trax{
    left:160px;
    background-image: url("../img/trax.svg");
    /*background-size: 30px 30px;*/
    
}
#icon_trax:hover,
#icon_trax:focus{
    left:160px;
    background-image: url("../img/trax_h.svg");
    /*background-size: 30px 30px;*/
    
}
#icon_music{
    left:200px;
   background-image: url("../img/music.png");
    /*background-size: 30px 30px;*/
}
#icon_music:hover,
#icon_music:focus{
    left:200px;
   background-image: url("../img/music_h.png");
    /*background-size: 30px 30px;*/
}

#icon_bandcamp{
    left:240px;
   background-image: url("../img/bandcamp.svg");
    /*background-size: 30px 30px;*/
}
#icon_bandcamp:hover,
#icon_bandcamp:focus{
    left:240px;
   background-image: url("../img/bandcamp_h.svg");
    /*background-size: 30px 30px;*/
}
#icon_tidal{
    left:280px;
   background-image: url("../img/tidal.svg");
    /*background-size: 30px 30px;*/
}
#icon_tidal:hover,
#icon_tidal:focus{
    left:280px;
   background-image: url("../img/tidal_h.svg");
    /*background-size: 30px 30px;*/
}

.menu {
    color: white;
}
.RAW_gelb{
    color:#ff0 !important;
}
.RAW_gruen{
    color:#9c3 !important;
}
.RAW_azur{
    color:#3c9 !important;
}
.RAW_blau{
    color:#09c !important;
}
.mt_page {
    position: relative;
    width: 100%;
    margin-bottom: 0px;
    scroll-snap-align: start;
    scroll-snap-coordinate: 0% 0%;
    -webkit-scroll-snap-align: start;
    -webkit-scroll-snap-coordinate: 0% 0%;
}
.mt_page_text {
    padding: 8vw 8vw;
}
.slideshow {
    transition: none !important;
    margin: auto;
}
.slideshow img {
    width: 100%;
}
.panorama {
    transition: none !important;
    height: 335px;
    overflow: hidden;
    position: relative;
}
#orcafront {
    height: 100%;
    overflow: hidden;
    position: relative;
}
#orcafront img {
    height: 100%;
}
#orcaback {
    height: 100%;
    overflow: hidden;
    position: relative;
    direction: rtl;
}
#orcaback img {
    height: 100%;
}
.panoscroller {
    background-color: rgba(215,216,217,1.00);
    border-radius: 2px;
    height: 4px;
    opacity: 1;
    position: absolute;
    bottom: 35px;
    left: 83px;
    right: 83px;
    z-index: 9;/*transition: opacity 0.25s ease-in-out;*/
  
}
.panoscroller span {
    background-color: #BD1723;
    border-radius: 2px;
    display: block;
    width: 26%;
    height: 4px;
    transition: none !important;
}
.paver--on:hover .panoscroller {
    opacity: 1;
}
.ar {
    float: right;
}
.features {
    position: relative;
}
.features span {
    display: block;
    border-top: #cccccc 1px solid;
    margin-top: 5vw;
    padding: 03.8vw 10px 0px 10px;
    width: 100%;
    height: auto;
}
.features h1 {
    font-family: DINPro-Condensed;
    font-size: 16px;
    line-height: 27px;
    background-color: white;
    color: black;
    Position: absolute;
    padding: 0px 30px;
    height: 22px;
    top: -22px;
}
#testimonial {
    padding: 20vw 0vw;
    
    height: 90vw;
    display: block;
    margin-top: -33px;
    background-color: #BD1723;
    color: white;
    text-align: center;
    font-family: DinPro-Medium;
    font-size: 6vw;
}
.testitem{
    padding: 0vw 10vw;
    
}
#testimonial .sub {
    font-family: DinPro-Regular;
    font-size: 14px;
    margin-top: 15px;
}
.skyline img {
    position: absolute;
    bottom: 0px;
    
    left: 0px;
}
.mt_page_text .left {
}
.mt_page_text .right {
}
.textpagepadding {
    padding: 4vw;
}
.shift {
    margin-top: -10vw;
}
.shift1 {
    margin-top: -5vw;
}
.mt_page .bg img {
    width: 100%;
}
#topbild {
    display: block;
    margin-top: 60px;
}
.invert {
    background-color: black;
    color: white;
}

.trenner{
    border-bottom: thin #333 solid;
    margin: 25px 0px;
}
#about p {
    margin-bottom: 14px;

}

.dealer_content{
    overflow:hidden;
  height:auto;
  max-height: 1700px;
    
}
.dealer_content a{
    /*border-bottom: thin solid rgba(255,255,255,1.0);*/
}
.dealer_content p{
    margin-top: 0px;
}
.dealer_item{
    margin-top:20px;
    margin-bottom: 5px;
}
.collapsed{
  max-height: 0px;
}

.some img{
    display: block;
    width: 30px;
    height:30px;
    text-decoration: none;
    float:left;
    margin-right: 15px;
    margin-top: 15px;
}
#datenschutz{
    padding-top:80px;
}
#datenschutztext p {
    font-size: 10px;
    line-height: 12px;
    color: #666666;
}
#datenschutz ul{
    list-style-position:inside;
    padding-left:0px;
    font-size: 10px;
    line-height: 12px;
    color: #666666;
}
#datenschutz a{
    font-size: 10px;
    line-height: 12px;
    color: #666666;
    border-bottom: thin #666666 solid;
}


.header {
    z-index: 10;
    font-size: 17px;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    height: 60px;
    width: 100%;
    background: rgba(0, 0, 0, 1.00);
    border-bottom: #000 1px solid;
    overflow: hidden;
    transition: all 0.5s ease-out, background 1s ease-out;
    transition-delay: 0.2s;/*z-index: 1;*/
}
/* Menu in Header currently not needed ----------------------------------------------*/
.header .burger-container {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 50px;
    z-index: 12;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.header .burger-container #burger {
    width: 18px;
    height: 8px;
    position: relative;
    display: block;
    margin: -4px auto 0;
    top: 50%;
}
.header .burger-container #burger .bar {
    width: 100%;
    height: 1px;
    display: block;
    position: relative;
    background: #000;
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition-delay: 0s;
}
.header .burger-container #burger .bar.topBar {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
}
.header .burger-container #burger .bar.btmBar {
    -webkit-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
}
.header ul.menu li.menu-item {
    border-bottom: 1px solid #333;
    margin-top: 5px;
    -webkit-transform: scale(1.15) translateY(-30px);
    transform: scale(1.15) translateY(-30px);
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.header ul.menu li.menu-item:nth-child(1) {
    transition-delay: 0.49s;
}
.header ul.menu li.menu-item:nth-child(2) {
    transition-delay: 0.42s;
}
.header ul.menu li.menu-item:nth-child(3) {
    transition-delay: 0.35s;
}
.header ul.menu li.menu-item:nth-child(4) {
    transition-delay: 0.28s;
}
.header ul.menu li.menu-item {
    display: block;
    position: relative;
    color: #FFF;
    font-weight: 100;
    text-decoration: none;
    font-size: 22px;
    line-height: 2.35;
    width: 100%;
    cursor: pointer;
}
.header.menu-opened {
    height: 100%;
    /*background-color: #000;*/
    transition: all 0.3s ease-in, background 0.5s ease-in;
    transition-delay: 0.25s;
    background: rgba(0,0,0,1);
}
.header.menu-opened .burger-container {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.header.menu-opened .burger-container #burger .bar {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition-delay: 0.2s;
}
.header.menu-opened .burger-container #burger .bar.topBar {
    -webkit-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
}
.header.menu-opened .burger-container #burger .bar.btmBar {
    -webkit-transform: translateY(3px) rotate(-45deg);
    transform: translateY(3px) rotate(-45deg);
}
.header.menu-opened ul.menu li.menu-item {
    -webkit-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
    opacity: 1;
}
.header.menu-opened ul.menu li.menu-item:nth-child(1) {
    transition-delay: 0.27s;
}
.header.menu-opened ul.menu li.menu-item:nth-child(2) {
    transition-delay: 0.34s;
}
.header.menu-opened ul.menu li.menu-item:nth-child(3) {
    transition-delay: 0.41s;
}
.header.menu-opened ul.menu li.menu-item:nth-child(4) {
    transition-delay: 0.48s;
}
.header.menu-opened .icon.icon-bag {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    transition-delay: 0.3s;
}
/* END Header currently not needed ----------------------------------------------*/


/* Desktop 641 */
@media screen and (min-width: 640px) {
    #mt_wrapper{
        border-right: #000 1px solid;
        border-left: #000 1px solid;
        position:absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: black;
    }
    .mt_page_text {
        padding: 55px;
    }
    .logo {
    
    left: 55px;
   
    background-size:  45px;
    width: 45px;
    height: 45px;
}
    .icon{
    display: inline-block;
    height: 30px;
    width: 30px;  
    margin: 5px;
    border-bottom: none;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}
    h1{
        font-size: 50px;
        line-height: 60px;
        text-transform: uppercase;
    }
    h1 span {
       
        font-size: 50px;
      
    }
    h2{
        font-size: 32px;
        line-height: 40px;
    }
    span{
        font-size:22px;
        line-height: 30px;
    }
    .features span {
        margin-top: 33px;
        padding: 25px 10px 0px;
        
    }
    #testimonial {
        padding: 128px 0vw;

        height: 550px;
        display: block;
        margin-top: -33px;
        background-color: #BD1723;
        color: white;
        text-align: center;
        font-family: DinPro-Medium;
        font-size: 38px;
    }
}/* dektop 641 Ende*/
