/* ------------------------------ */
/* ----- Typography / Colors ---- */
/* ------------------------------ */

@font-face {
  font-family: 'Denim';
  font-weight: normal;
  font-style: normal;
  src: url('https://rise-rooftop.ch/fonts/denimink-regular.woff2') format('woff2'),
       url('https://rise-rooftop.ch/fonts/denimink-regular.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Denim';
  font-weight: 500;
  font-style: normal;
  src: url('https://rise-rooftop.ch/fonts/denimink-semibold.woff2') format('woff2'),
       url('https://rise-rooftop.ch/fonts/denimink-semibold.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'PP Cirka';
  font-weight: 300;
  font-style: normal;
  src: url('https://rise-rooftop.ch/fonts/ppcirca-light.woff2') format('woff2'),
       url('https://rise-rooftop.ch/fonts/ppcirca-light.woff') format('woff');
  font-display: swap;
}

.inside,.site_wrapper{position:relative}main,picture{display:block}img,picture{max-width:100%}body,ul{margin:0}[type=search],input,textarea{-webkit-appearance:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:0!important}html{min-height:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.inside{margin:0 auto}a,button,input{-ms-touch-action:manipulation;touch-action:manipulation}ul{list-style-type:none;padding:0}img{border-style:none;vertical-align:top}img:not(.logo){height:auto}input,textarea{border-radius:0}button,input,optgroup,select,textarea{font-family:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}textarea{overflow:auto}address{font-style:normal}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}

.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.row_simple{display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.row.reverse,.row_simple.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col,.col-xs-12,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (min-width:576px){.col-s-12,.col-s-3,.col-s-4,.col-s-5,.col-s-6,.col-s-7,.col-s-8,.col-s-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-s-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-s-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-s-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-s-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-s-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-s-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-s-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-s-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.center-s{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-s{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-s{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-s{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-s{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.between-s{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (min-width:768px){.col-m-12,.col-m-3,.col-m-4,.col-m-5,.col-m-6,.col-m-7,.col-m-8,.col-m-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-m-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-m-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-m-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-m-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-m-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-m-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-m-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-m-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.center-m{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-m{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-m{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-m{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-m{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.between-m{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (min-width:992px){.col-l-12,.col-l-3,.col-l-4,.col-l-5,.col-l-6,.col-l-7,.col-l-8,.col-l-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-l-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-l-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-l-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-l-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-l-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-l-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-l-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-l-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.center-l{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-l{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-l{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-l{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-l{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.between-l{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (min-width:1240px){.col-xl-12,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xl-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xl-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xl-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xl-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xl-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xl-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xl-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.center-xl{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xl{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xl{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xl{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.between-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (min-width:1400px){.col-xxl-12,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xxl-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xxl-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xxl-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xxl-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xxl-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xxl-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xxl-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.center-xxl{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xxl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xxl{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xxl{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xxl{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.between-xxl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}


::selection {
  background: #000000;
  color: #ffffff;
}

::-moz-selection {
  background: #000000;
  color: #ffffff;
}

html {
  font-size: 20px;
}

body {
  font-family: 'Denim';
  font-weight: normal;
  line-height: 1.35;
  color: #ffffff;
  -webkit-tap-highlight-color: transparent;
}

body {
    background-color: #000000;
}

header {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

main section {
    height: 100%;
    min-height: 100svh;

    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.section__intro {
    position: relative;
    z-index: 3;
    margin: 0 auto;
}

.section__background, .section__background picture, .section__background::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.section__background {
    display: block;
    overflow: hidden;
    line-height: 0;
}

.section__background img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.section__background::before {
    content: "";
    z-index: 2;
    background-color: rgba(0,0,0,.6);
}

h1 {
    font-family: 'PP Cirka';
    font-weight: 300;
    line-height: 0.9;
    text-transform: uppercase;
    color: #FFF7EB;
    margin-top: 0;
}

p {
    margin: 0;
}

.button a {
    position: relative;
    display: inline-block;
    font-weight: 500;
    color: #ffffff;
    text-decoration: unset;

    transition: opacity .5s;
}

.button a:hover {
    opacity: .55;
}

.button a svg {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;

    stroke: #ffffff;
    stroke-width: .5;
}


.ki-hinweis {
    position: absolute;
    z-index: 3;
    right: 15px;
    bottom: 15px;
    font-size: 13px;
    color: #ffffff;
    opacity: .7;
}


@media all and (min-width: 768px) {

    .ki-hinweis {
        font-size: 13px;
    }

}

@media all and (min-width: 992px) {

    .section__intro {
        max-width: 1220px;
        padding-right: 60px;
        padding-left: 60px;
    }

}


@media all and (min-width: 1728px) and (min-height: 1100px)  {

    header {
        padding-top: 60px;
    }

    main section {
        padding-top: 305px;
        padding-bottom: 160px;
    }

}


@media all and (min-width: 1728px) and (max-height: 1099.98px)  {

    header {
        padding-top: 50px;
    }

    main section {
        padding-top: 265px;
        padding-bottom: 120px;
    }

}


@media all and (min-width: 1400px) {

    .button a {
        font-size: 18px;
        letter-spacing: 1.8px;
    }

    .button a svg {
        transform: translateY(-50%);
    }

}


@media all and (min-width: 1728px) {

    body {
        font-size: 26px;
    }
    
    h1 {
        font-size: 124px;
        margin-bottom: 40px;
    }

    .button {
        margin-top: 22px;
    }

    .button a {
        padding: 20px 40px 20px 20px;
    }

}


@media all and (max-width: 1727.98px) {

    .logo svg {
        height: auto;
    }

}


@media all and (max-width: 1727.98px) and (min-width: 1400px) {

    body {
        font-size: 25px;
    }

    header {
        padding-top: 54px;
    }

    .logo svg {
        width: 137px;
    }

    main section {
        padding-top: 250px;
        padding-bottom: 118px;
    }

    h1 {
        font-size: 117px;
        margin-bottom: 36px;
    }

    .button {
        margin-top: 20px;
    }

    .button a {
        font-size: 17px;
        letter-spacing: 1.7px;
        padding: 18px 36px 18px 18px;
    }

    .button a svg {
        transform: translateY(-50%) scale(.9);
    }

}


@media all and (max-width: 1399.98px) and (min-width: 1240px) {

    body {
        font-size: 24px;
    }

    header {
        padding-top: 50px;
    }

    .logo svg {
        width: 130px;
    }

    main section {
        padding-top: 240px;
        padding-bottom: 110px;
    }

    h1 {
        font-size: 110px;
        margin-bottom: 34px;
    }

    .button {
        margin-top: 18px;
    }

    .button a {
        font-size: 17px;
        letter-spacing: 1.7px;
        padding: 18px 36px 18px 18px;
    }

    .button a svg {
        transform: translateY(-50%) scale(.9);
    }

}


@media all and (max-width: 1239.98px) and (min-width: 992px) {

     body {
        font-size: 23px;
    }

    header {
        padding-top: 40px;
    }

    .logo svg {
        width: 123px;
    }

    main section {
        padding-top: 220px;
        padding-bottom: 100px;
    }

    .section__intro {
        padding-right: 40px;
        padding-left: 40px;
    }

    h1 {
        font-size: 96px;
        margin-bottom: 32px;
    }

    .button {
        margin-top: 16px;
    }

    .button a {
        font-size: 16px;
        letter-spacing: 1.6px;
        padding: 18px 32px 18px 18px;
    }

    .button a svg {
        transform: translateY(-50%) scale(.8);
    }

}


@media all and (max-width: 991.98px) {
    
    h1 br {
        display: none;
    }

}


@media all and (max-width: 991.98px) and (min-width: 768px) {

    body {
        font-size: 22px;
    }

    header {
        padding-top: 36px;
    }

    .logo svg {
        width: 118px;
    }

    main section {
        padding-top: 220px;
        padding-bottom: 100px;
    }

    .section__intro {
        padding-right: 40px;
        padding-left: 40px;
    }

    h1 {
        font-size: 80px;
        margin-bottom: 20px;
    }

    .button {
        margin-top: 16px;
    }

    .button a {
        font-size: 16px;
        letter-spacing: 1.6px;
        padding: 18px 32px 18px 18px;
    }

    .button a svg {
        transform: translateY(-50%) scale(.8);
    }

}


@media all and (max-width: 767.98px) {

    .ki-hinweis {
        font-size: 12px;
    }

}


@media all and (max-width: 767.98px) and (min-width: 576px) {

    body {
        font-size: 20px;
    }

    header {
        padding-top: 30px;
    }

    .logo svg {
        width: 106px;
    }

    main section {
        padding-top: 220px;
        padding-bottom: 100px;
    }

    .section__intro {
        padding-right: 30px;
        padding-left: 30px;
    }

    h1 {
        font-size: 60px;
        margin-bottom: 20px;
    }

    .button {
        margin-top: 16px;
    }

    .button a {
        font-size: 16px;
        letter-spacing: 1.6px;
        padding: 18px 32px 18px 18px;
    }

    .button a svg {
        transform: translateY(-50%) scale(.8);
    }

}


@media all and (max-width: 575.98px) {

    .section__intro p br {
        display: none;
    }

}


@media all and (max-width: 575.98px) and (min-width: 414px) {

    body {
        font-size: 19px;
    }

    header {
        padding-top: 30px;
    }

    .logo svg {
        width: 106px;
    }

    main section {
        padding-top: 200px;
        padding-bottom: 100px;
    }

    .section__intro {
        padding-right: 30px;
        padding-left: 30px;
    }

    h1 {
        font-size: 52px;
        margin-bottom: 20px;
    }

    .button {
        margin-top: 16px;
    }

    .button a {
        font-size: 15px;
        letter-spacing: 1.5px;
        padding: 18px 30px 18px 18px;
    }

    .button a svg {
        transform: translateY(-50%) scale(.75);
    }

}


@media all and (max-width: 413.98px) {

    body {
        font-size: 19px;
    }

    header {
        padding-top: 26px;
    }

    .logo svg {
        width: 103px;
    }

    main section {
        padding-top: 150px;
        padding-bottom: 80px;
    }

    .section__intro {
        padding-right: 26px;
        padding-left: 26px;
    }

    h1 {
        font-size: 50px;
        margin-bottom: 20px;
    }

    .button {
        margin-top: 16px;
    }

    .button a {
        font-size: 15px;
        letter-spacing: 1.5px;
        padding: 18px 30px 18px 18px;
    }

    .button a svg {
        transform: translateY(-50%) scale(.75);
    }

}