@charset "utf-8";
body {
  font-family: "Mulish", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
}

h1, h2, h3, h4, h5, h6 {
  font-style: italic;
}

nav,
.navbar,
.sidenav,
.nav,
.nav > li > a,
.nav .subnav > li > a {
  font-style: italic;
}

em, i, cite, q, blockquote {
  font-family: "Mulish", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
}


    /*  slideshow:    */
        .slideshow {
            position:           relative;
            overflow:           hidden;
        }

        .slideshow-fixed {
            position:           fixed;
            top:                0;
            left:               0;
            width:              100%;
}

.embed{
  margin: 24px 0;
}

.consent-box{
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 14px;
  padding: 16px;
}

.consent-box p{
  margin: 0 0 14px;
}

.embed-target iframe{
  width: 100%;
  height: 800px;
  border: 0;
  border-radius: 14px;
  margin-top: 14px;
}

.btn{
  display: inline-block;
  padding: 12px 18px;
  border-radius: 12px;
  border: none;
  background: #222;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.broschueren-list{
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-top: 24px;
}

.broschueren-list .btn-sinnesrausch{
  display: inline-block;
}

.broschueren-item p{
  margin-bottom: 8px;
}

.btn-stack{
  margin-top: 10px;
}

        .slideshow img {
            position:           absolute;
            z-index:            0;
            top:                0;
            left:               0;
            width:              100%;
            height:             100%;
            object-fit:         cover;
        }

        .slideshow-fixed img {
            height:             auto;
        }

        .slideshow img.active {
            z-index:            2;
        }

        .slideshow img.last-active {
            z-index:            1;
        }

        .slideshow-fixed::after {
            content:            '';
            display:            block;
            position:           relative;
            width:              120%;
            height:             200px;
            margin-top:         54%;
            background:         #fff;
            transform:          rotate(-1.5deg);
            z-index:            3;
        }

        .slideshow-inline {
            width:              100vw;
            max-width:          none;
            height:             54vw;
            max-height:         720px;
            margin:             2.5em 0 2.5em calc(50% - 50vw);
            border-radius:      14px;
            box-shadow:         0 14px 36px rgba(0, 0, 0, 0.16);
        }

    /*  scrollable content:   */
        #content-wrapper {
            width:              100%;
            height:             auto;
            overflow:           hidden;
        }

        .gap {
            position:           relative;
            width:              100%;
            margin-top:         600px;
            background:         transparent;
        }

        .content {
            position:           relative;
            background-color:   transparent;
            z-index:            5;
        }

        .content::before, .content::after {
            content:            '';
            position:           absolute;
            width:              170%;
            left:               -50%;
            background:         #fff;
            transform:          rotate(-1.5deg);
            z-index:            -2;
        }

        .content::before {
            top:                0;
            height:             50%;
        }

        .content::after {
            bottom:             -5em;
            height:             70%;
        }

        .content:first-of-type {
            padding-top:        0;
        }

        .content:first-of-type::after {
            bottom:             -30%;
            height:             300%;

        }

    /*   navigation:   */
        #asidewrapper {
            z-index:            35;
        }

        .sidenav {
            display:            none;
            background:         #fff;
            border:             3px solid #C11214;
            border-radius:      3%;
            padding:            1em;
        }

        .upper-sidenav {
            display:            none;
            position:           fixed;
            top:                110px;
            right:              30px;
            z-index:            34;
            background:         rgba(255, 255, 255, 0.96);
            border:             2px solid #C11214;
            border-radius:      14px;
            padding:            0.9em 1.1em;
            box-shadow:         0 10px 28px rgba(0, 0, 0, 0.14);
            max-width:          260px;
        }

        .upper-sidenav .nav > li > a {
            font-size:          0.95em;
            padding:            0.25em 0;
        }

.nav > li > a {
            color:              #444;
            font-weight:        bold;
            font-size:          large;
        }

        .navbar .nav > li > a {
            font-size:          calc(1em + 2pt);
        }
        .nav .subnav {
            margin:             0.5em 0 0 1.2em;
            padding:            0;
            list-style:         none;
        }

        .nav .subnav > li > a {
            display:            block;
            font-size:          medium;
            font-weight:        normal;
        }

        a, a:visited {
            color:              #C11214;
        }

        a:hover, a:focus {
            color:              #C11214;
        }

        .nav-stacked > li > a {

        }

        .affix-top, .affix-bottom {
            position:           absolute;
        }

        .affix-top, .affix-bottom, .affix {
            left:               30px;
            z-index:            35;
        }

        .map_wrapper {
            position:           relative;
            margin-top:         4em;
            margin-bottom:      4em;
            display:            none;
        }
        .map_wrapper::after {
            content:            '';
            position:           absolute;
            bottom:             -50px;
            left:               -50%;
            width:              170%;
            height:             520px;
            background:         #eaeaea;
            transform:          rotate(-2deg);
            z-index:            -1;
        }

        #page-footer {
            position:           relative;
            width:              100%;
            padding-top:        4em;
            background:         #333;
            color:              #fff;
            z-index:            6;
            overflow:           hidden;
        }

        #page-footer h3 {
            margin-left:        -0.5em;
        }

        #up_button, #menu_button {
            text-decoration:    none;
            position:           fixed;
            width:              2em;
            height:             2em;
            padding:            0.3em;
            text-align:         center;
            font-size:          200%;
            border-radius:      50%;
            z-index:            7;
            background:         #000;
            color:              #fff;
            opacity:            0.8;
        }

        #up_button {
            display:            block;
            bottom:             15px;
            right:              15px;
        }

        #up_button:hover {
            text-decoration:    none;
            background:         #99ca3c;
        }

        #up_button:active {
            text-decoration:    none;
            background:         #e54c3c;
        }

        #menu_button {
            top:                15px;
            left:               15px;
        }

        .container-fluid {
            margin-top:         3em;
            margin-bottom:      3em;
        }

        .container-fluid:last-of-type {
            margin-bottom:      0;
        }

        abbr {
            text-decoration:    none;
        }

        hr {
            border:             0px;
            border-top:         3px solid #C11214;
            margin-top:         3em;
            margin-bottom:      4em;
            }

        nav hr {
            margin-top:         3px;
            margin-bottom:      3px;
            }

        h1, h2 {
            margin-top:         3em;
        }

        h1, h2, h3, h4, h5, h6 {
  font-family: "Manrope", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

        h1 img {
            display:            block;
            margin:             auto;
        }

        fieldset[disabled="disabled"] input, fieldset[disabled="disabled"] textarea {
            border:             3px solid #ccc !important;
        }

        .form-control {
            border:             3px solid #C11214;
            line-height:        2em;
        }

        .float_left {
            float:              left;
            margin:             0.3em 1em 0.5em 0;
            max-width: 50%;
        }

        .klangschalen-image {
            display:            block;
            width:              100%;
            max-width:          720px;
            height:             auto;
            margin:             0 0 1.5em 0;
            border-radius:      12px;
        }

        .systeme-thumb {
            max-height:         8em;
            width:              auto;
        }

        .systeme-thumb-gravity {
            max-height:         12em;
        }

        .systeme-main-image {
            max-height:         14em;
            max-width:          340px;
            width:              100%;
            height:             auto;
        }`r`n

        .price-photo {
            display:            block;
            width:              auto;
            max-width:          443px;
            max-height:         697px;
            height:             auto;
            margin:             1.5em auto;
        }

        img[src="im/flow-brainlight-sinnesrausch.JPEG"].price-photo {
            width:              443px;
            max-width:          100%;
            height:             auto;
        }

        .price-photo-mobil {
            max-height:         360px;
            width:              auto;
            max-width:          100%;
        }

        #nav-top > nav {
            margin:             15px;
        }

        .btn {
            padding:            1em 2em;
        }

        #mailbutton,
        .calendar-scheduling-button,
        .calendar-scheduling-button-button {
            background:         #C11214 !important;
            border-color:       #C11214 !important;
            color:              #fff !important;
        }

        #mailbutton:hover,
        #mailbutton:focus,
        .calendar-scheduling-button:hover,
        .calendar-scheduling-button:focus,
        .calendar-scheduling-button-button:hover,
        .calendar-scheduling-button-button:focus {
            background:         #C11214 !important;
            border-color:       #C11214 !important;
            color:              #fff !important;
        }

        td:not(:first-child) {
            text-align:         right;
        }

        th {
            text-align: center;
        }

        #googleMaps {
            border:             0;
            width:              100%;
            height:             450px;
        }

        #social_media {
            background:         #eee;
            margin:             3em 0 25px 25px;
            padding:            1em;
            border-radius:      6px;
        }

        #page-footer .jumbotron {
            color:              #333;
        }

    @media only screen and (max-width: 992px) {

        .upper-sidenav {
            display:            none !important;
        }

        #up_button, #menu_button {
            font-size:          150%;
        }

        #nav-top nav {
            display:            none;
        }

        #map iframe {
            height:             200px;
        }

        .map_wrapper::after {
            background:         #fff;
        }

        #sidenav {
            position:           fixed;
            top:                1em;
            left:               1em;
            z-index:            35;
            display:            none;
        }

        #sidenav:target {
            display:            block;
        }
    }

    @media (orientation: portrait) {

        .gap {
            margin-top:         55%;
        }


    }