/** Generated: Tuesday, 7th of October 2025, 01:24:04 PM // Powered by AIOM+ (All In One Minify) created by FlipZoom Media Inc. - David Karich (flipzoom.de) **/
@font-face {
  font-family: 'BelweBT-Light';
  src: url("/site/templates/webfonts/319CE7_0_0.eot");
  src: url("/site/templates/webfonts/319CE7_0_0.eot?#iefix") format("embedded-opentype"), url("/site/templates/webfonts/319CE7_0_0.woff2") format("woff2"), url("/site/templates/webfonts/319CE7_0_0.woff") format("woff"), url("/site/templates/webfonts/319CE7_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'BelweBT-Medium';
  src: url("/site/templates/webfonts/319CE7_1_0.eot");
  src: url("/site/templates/webfonts/319CE7_1_0.eot?#iefix") format("embedded-opentype"), url("/site/templates/webfonts/319CE7_1_0.woff2") format("woff2"), url("/site/templates/webfonts/319CE7_1_0.woff") format("woff"), url("/site/templates/webfonts/319CE7_1_0.ttf") format("truetype"); }

html {
  font-size: 62.5%;
  overflow-y: scroll; }

br {
  line-height: 1em; }

strong {
  font-family: BelweBT-Medium;
  font-weight: normal; }

/*SPECIFIC FOR DESKTOP*/
/*(min-width: 900px) and*/
@media only screen and (min-device-width: 1000px) {
  #intro, .intro.toggle {
    display: block; }
  .mainWrapper {
    position: relative;
    min-width: 900px; }
  .upcoming_h1 {
    display: none; }
  .upcoming_menu {
    display: none; }
  .col {
    margin-left: 20px;
    width: 33%;
    margin-bottom: 2em; }
  .col.left {
    margin-top: 0em;
    left: 0;
    position: fixed;
    min-width: 320px; }
  .col.mid {
    left: 20%;
    margin-left: 130px;
    position: absolute;
    display: block; }
  .col.right {
    left: 65%;
    position: absolute;
    display: block;
    margin-left: 15px; }
  .col.press_left {
    margin-left: 0;
    position: absolute;
    display: block;
    width: 100%; }
    .col.press_left #symbol_container {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .col.press_left #symbol_container #symbol {
        width: 50%; }
  .col.press_right {
    left: 50%;
    position: absolute;
    display: block;
    margin-left: 15px;
    width: 50%; }
  #logo {
    margin-bottom: 1em;
    line-height: 47px; }
  #logo .composer {
    width: 280px; }
  span.symbol_right {
    display: inline-block;
    left: 50%;
    position: absolute; }
  .full {
    left: 20%;
    margin-left: 130px;
    width: 67%;
    position: absolute;
    margin-bottom: 2em; }
  .PN_post {
    margin-bottom: 1em;
    width: 50%; }
  .PN_post p {
    width: 90%; }
  .m_title, .cat_title, .menu_title:not(.up) {
    display: none; }
  #biography {
    padding-right: 40px; }
  .single_post {
    position: absolute;
    margin-top: 8px;
    padding-right: 40px;
    margin-bottom: 2em; }
    .single_post p:not(.title) {
      margin-bottom: 1em; }
  #biography img {
    width: 50%;
    float: right;
    width: 9.1em;
    margin-left: 1em;
    margin-bottom: 1em; } }
  @media only screen and (min-device-width: 1000px) and (max-width: 1200px) {
    #biography img {
      float: none;
      display: block;
      margin-left: auto;
      margin-right: auto; } }

@media only screen and (min-device-width: 1000px) {
  .up_pic {
    width: 100%; }
  .up_pic img {
    width: 100%; }
  #colofon {
    white-space: nowrap;
    margin-top: 80%; }
  #contact {
    white-space: nowrap; } }

@media only screen and (max-width: 1375px) {
  img {
    float: none;
    margin-left: 0; } }

.mobilemenu, .mobile_comps.col.mid.second {
  position: absolute;
  display: none; }

body {
  font-family: BelweBT-Light;
  font-size: 4.5rem;
  line-height: 48px;
  letter-spacing: -1.5px;
  margin: 8px; }

h1, .description, .listen, .title, .intro p, #biography p, #logo, #contact p, #symbol, #press #symbol, .intro #symbol, .PN_post .big p, .PN_post .big, .PN_post {
  font-size: 4.5rem;
  line-height: 4.7rem;
  letter-spacing: -1.5px; }

a, span {
  display: inline-block; }

.pink a:hover {
  color: #FFFF00 !important; }

.turquoise a:hover {
  color: #FF0000 !important; }

.blue a:hover {
  color: #00FF00 !important; }

.red a:hover {
  color: #00FFFF !important; }

.green a:hover {
  color: #0000FF !important; }

.yellow a:hover {
  color: #FF00FF !important; }

.menu li, .mobilemenu li, h1, #symbol, .mobilemenu p, .upcoming_menu p, .mobile_comps span, .cat_title span, .PN_title, #logo a, .title, .menu_title, .post a {
  font-family: BelweBT-Medium;
  font-weight: normal; }

p, .intro .upcoming p, h2, .post p, .post a, .PN_post .small, .PN_post .title, #colofon p {
  font-size: 2.7rem;
  line-height: 2.9rem;
  letter-spacing: -0.8px; }

/*@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)*/
@media only screen and (min-device-width: 100px) and (max-device-width: 900px) and (max-height: 640px) {
  html {
    font-size: 65%; } }

@media only screen and (min-device-width: 100px) and (max-device-width: 900px) and (min-height: 641px) and (max-device-height: 1000px) {
  html {
    font-size: 80%; } }

@media only screen and (min-device-width: 100px) and (max-device-width: 900px) and (min-device-height: 1024px) {
  html {
    font-size: 100%; } }

@media only screen and (min-device-width: 100px) and (max-device-width: 900px) {
  body {
    font-family: BelweBT-Light;
    font-size: 3.42rem;
    line-height: 3.5rem;
    letter-spacing: -1.5px;
    margin: 0px;
    overflow-x: hidden;
    width: auto; }
  h1, .description, .listen, .title, .intro p, #logo, #symbol, #press #symbol, #biography #symbol, .intro #symbol, .mobilemenu p, .upcoming_menu p, .mobile_comps span, .cat_title span, .PN_post .big, .menu_title, nav ul:not(.sub-menu) li a, .PN_post .big p, .PN_post .big, .PN_post {
    font-size: 3.42rem;
    line-height: 3.5rem;
    letter-spacing: -1.5px; }
  p, .intro .upcoming p, h2, .post p, .post a, .PN_post .small, .PN_post .title, #biography p, #contact p {
    font-size: 2.05rem;
    line-height: 2.1rem;
    letter-spacing: -0.8px; }
  .m_wrap {
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow-y: scroll;
    /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch; }
  .mainWrapper {
    position: absolute;
    left: 3rem;
    width: 200%; }
  /*MOBILE*/
  .mobile_comps ul {
    font-size: 2.05rem;
    line-height: 1.1;
    margin: 0.2em 0 0 10px; }
  .cat_title span {
    white-space: nowrap; }
  .mobile_comps.col.mid.second {
    left: 100%;
    position: absolute;
    display: none;
    z-index: 3; }
  .mobilemenu span {
    padding: 0; }
  .mobilemenu {
    background-color: white;
    width: 4rem;
    position: fixed;
    display: block;
    color: black;
    z-index: 100;
    /*	padding-left: 15px;*/
    height: 100%;
    text-align: center; }
  .reveal {
    display: none;
    white-space: nowrap;
    position: fixed;
    margin-top: 6px; }
  .mobilemenu li span {
    color: black;
    white-space: nowrap; }
  .whitebox {
    width: 24rem;
    left: 0;
    position: fixed;
    display: none;
    height: 100%;
    background-color: white;
    z-index: 6;
    padding-left: 15px; }
  .m_select, ul li .m_select span, .m_select ul li span {
    color: white;
    background-color: black; }
  /*.m_select {
		padding: 5px 0 5px 0;
	}*/
  .menu_title, .cat_title {
    margin-bottom: 1em; }
  #intro, .menu_title, .cat_title {
    /*display: none;*/ }
  .odd, .even {
    /*position: absolute;*/
    float: none; }
  .col {
    margin-left: 2rem;
    width: 28rem;
    /*	min-width: 285px;*/ }
  .col.left {
    margin-top: 1.03em;
    left: 0px;
    position: absolute; }
  .col.press_left, .col.press_right {
    margin-left: 0;
    width: 90%; }
  .full {
    left: 80%;
    position: absolute;
    margin-left: 2rem;
    margin-top: 1.05em;
    margin-bottom: 2em;
    width: 45%; }
  .col.second {
    margin-top: 1.05em;
    left: 100%;
    position: absolute;
    margin-bottom: 2em; }
  .col.third {
    margin-top: 1.05em;
    left: 200%;
    position: absolute;
    margin-bottom: 2em; }
  .col.fourth {
    margin-top: 1.05em;
    left: 300%;
    position: absolute;
    margin-bottom: 2em; }
  span.symbol_right {
    display: none; }
  .upcoming_menu {
    display: block; }
  #logo {
    margin-bottom: 1em;
    line-height: 3.5rem; }
  #symbol_container {
    display: none; }
  .PN_post {
    margin-bottom: 1.5em;
    width: 100%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }
  #biography {
    padding-right: 0px;
    width: 90%; }
  .single_post {
    position: absolute;
    margin-top: 8px;
    margin-bottom: 2em; }
  #biography #symbol, #press #symbol {
    visibility: hidden; }
  img {
    width: 100%;
    margin-bottom: 0.8em;
    display: block; }
  #colofon {
    margin-top: 5.5rem; }
  #press {
    margin-top: 1em; } }

.col.left a, .listen a, .mobilemenu span, .mobile_comps a, .mobile_comps span, .cat_title span, .menu_title span {
  border-bottom: 2px solid;
  text-decoration: none;
  line-height: 0.65; }

ul, li {
  list-style: none;
  padding-left: 0px;
  margin: 0; }

a:hover {
  cursor: pointer; }

h1 {
  margin: 0; }

h2 {
  margin-bottom: 0; }

p {
  margin: 0; }

/*GLOBAL*/
.toggle {
  display: none; }

#symbol, #press #symbol, .intro #symbol {
  margin-bottom: 0; }

/*.upcoming_menu {
	display: none;
}*/
/*DUO TONE IMAGES*/
.yellow img {
  -webkit-filter: hue-rotate(-60deg) brightness(1);
          filter: hue-rotate(-60deg) brightness(1); }

.green img {
  -webkit-filter: hue-rotate(240deg) brightness(1);
  filter: hue-rotate(240deg) brightness(1); }

.red img {
  -webkit-filter: hue-rotate(180deg) brightness(50);
  filter: hue-rotate(180deg) brightness(50); }

.blue img {
  -webkit-filter: hue-rotate(120deg) brightness(50);
  filter: hue-rotate(120deg) brightness(50); }

.turquoise img {
  -webkit-filter: hue-rotate(0deg) brightness(1);
  filter: hue-rotate(0deg) brightness(1); }

.pink img {
  -webkit-filter: hue-rotate(60deg) brightness(50);
  filter: hue-rotate(60deg) brightness(50); }

/* BIO */
/*LOGO*/
/*#logo a {
	font-family: BelweBT-Medium;
}
*/
/*MENU*/
.nav > ul > li:nth-child(2) {
  margin-top: 1em; }

.sub-menu {
  display: none;
  font-size: 2.7rem;
  line-height: 1.1;
  margin: 0.2em 0 0 10px;
  letter-spacing: -0.8px; }

.sub-menu li, .mobile_comps li {
  font-family: BelweBT-Light; }

/*MAIN PAGE*/
.post {
  margin-bottom: 1em; }

.upcoming {
  margin-top: 0.2em;
  margin-bottom: 1em;
  padding-right: 40px; }

/*SINGLE POSTS*/
/*
.title {
	font-family: BelweBT-Medium;
}*/
.all_posts {
  position: absolute;
  width: 100%; }

.all_posts #symbol {
  display: none; }

/*NEWS*/
.PN_post .date {
  margin-bottom: 0.3em; }

/*SOUNDCLOUD*/
/*PRESS*/
.content h1:nth-child(n+2) {
  margin-top: 1em; }