@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .chrome {property: value;} }
@charset "UTF-8";

/* calyx */
#calyx {font-family: Open Sans;}
#prices {margin-left:12px; }
#prices summary {font-size:1em;cursor: pointer;}
#prices summary > * {
  display: inline;
}
#prices details {font-size:0.95em;line-height:1.2em;}

/* check */
#shocks {background: #f7f7f7;}
#shocks article {font-size: 110%;line-height:130%;}
#shocks .pagenav {background: #9bd1fe;}
#shocks #logo a {color: #61a6e1;}
#shock-list h4, #shock-list h4 li {padding:0;margin:0;}

/* delay calc */
#delay_calc {margin:0 10px; padding: 20px;border: 1px solid #fff;}
#delay_calc form {padding:0;margin:0;}
#delay_calc input {width:70px;}
#delay_calc div {display:block;width:120px;float:left;}

/* release lists */
.rel_cover, .rel_cover img {width:60px;height:60px;padding:0!important;margin:0;border:0;border-radius:0 5px 5px 0;}
.rel_cover, .rel_listen, .rel_style, .rel_title, .rel_year {float:left;}
.rel_last {float:right;}
.rel_list {font-size: 12px;line-height: 13px;margin-top: 2em;}
.rel_list {width: 100%;}
.rel_list ul {height: 60px;clear: both;overflow: hidden;background-color: #ffffff37;border-radius:5px;margin-bottom:2px;}
.rel_list li {overflow: hidden;}
.rel_play {width: 60px;height: 60px;float:left;border:0;padding:0;}
.rel_play img {width: 60px;height: 60px;padding:0 12px 0 0;margin: 0;opacity: 0.8;}
.rel_proj {float:none;clear:both;margin-top:1.4em;margin-bottom:-2px;padding:0;color:#999;}
.rel_proj span {text-transform: uppercase;font-size:150%;}
.rel_style {font-size: 10.5px;white-space: none;overflow: hidden;font-weight: bold;padding:2px 5px 0 5px;}
.rel_title {width:111px;padding:2px 5px 0 5px;}
.rel_title, .rel_year {background-color: #ffffff37;}


/* start */
h1.front {margin-bottom: 2em;}

/* ==== page nav ==== */
/* nav --> */
	#h2, #s2 {font-size:1.6em;cursor: pointer;font-family: Charcoal, sans-serif;}
	input#h, input#s {display:none;}
	input#s:checked ~ div#nav_links {display: block;}
	input#h:checked ~ div#nav_links {display: none;}
  	input#s ~ label#h2 {display: none;}
  	input#s:checked ~ label#h2 {display:inline;}
 	input#s:checked ~ label#s2 {display:none;}
	input#s:checked ~ .pagenav {width: 100vw;height: 100vh;}
 	#nav_links {display: none;}
 	.pagenav {position: fixed;z-index: 7701;top: 0;left: 0;padding: 14px;}
 	#s2 {margin-top:0;}

#nav_links li {margin:7px 11px 0 11px;}
#nav_links li:first {margin-top: 23px;}
/* <-- */

/* ==== position & stacking ==== */
.block {display: block;margin-bottom: 2em;}
div [role="main"], div [role="main_error"] {position: relative;}
.container {z-index:1;}
.edit {position: fixed;z-index: 9100;top: 0;right: 5%;}
footer {position: fixed; z-index: 6900; bottom: 0;right: 0;}
.icon_play_50 {position: relative;display:inline-block;z-index: 6505;top:150px;left:100px;}
#live_dates {position: fixed; z-index: 5700;top: 10px;right: 0;}
#logo {position: fixed; z-index: 5700;top: 17px;left: 70px;}
.music_latest {position: fixed;z-index: 4500;top: -22px;right:15px;}
.music_latest .p-list-1 .icon_play_50 {position: relative;z-index: 6505;top: 155px;left: 15px;}
.music_latest .timeline {position: relative;z-index: 4500;}
.players {position: absolute; z-index: 4501; top: 140px; left: 0;}
.player .timeline {position: relative;z-index: 6505;top: 36px;right: 0;}
.year {}

/* music players
   ========================================== */
.icon_play_50 {background:no-repeat url(../../images/61.png) center center;width: 50px;height: 50px;border-radius: 5px;}
.players {margin:0 0 5em 0;width: 100vw;height:100vh;}
.players .player {float: left;margin: 0;}
.players .player .rel_info {display: none;position: relative; z-index: 4512;bottom:30px;left: 24vw; font-size: 20px; font-weight: bold;width: 18px; height: 16px;text-align: center;margin-right:0.2em;}
.players .player iframe {width: 49.9vw; height: 49.9vw;margin: 0;background: rgba(0,0,0,0.03);display: block;}
.p-list-1 img {border: none;max-width: 96%;height:auto;}
.music {width: 200px;}
.music_latest {margin: 0 -17px 10em 0;max-width: 50vw;width: 200px;padding: 0;overflow-x: auto;display: block;height: 100vh;}
.music_latest .player {height: 170px;margin-bottom:50px;padding:0;}
.music_latest .p-list-1 img {max-width: 170px;height: auto;margin: 0; padding: 0;top:0;}
.spacer5em {height: 5em;}
.timeline {margin: 0;padding: 0;height: 0;width: 0; white-space: nowrap;overflow: visible;}


/* basics
   ============================================= */
body {margin: 0;padding: 0;}
article {padding:0;max-width: 600px;margin:0 auto;}
.container {margin: 0 auto;text-align: center;scrollbars: hidden;max-width: 1280px;}
#dialog {padding: 0 2em;}
#dialog p {background:none;}
.dailypd {clear:both;}
.dailypd_img {float:left;margin-right:20px;}
.dailypd img {width:40px;height:40px;}
div [role="main"] {margin:90px 1%;text-align:left;}
div [role="main_error"] {margin:160px 1%;text-align:center;}
.edit {padding:0.1em 1em;border-radius: 0 0 9px 9px;}
footer {margin:0 5px auto; width: 100vw;display: block;border-top:2px solid rgba(23,23,23,0.1);overflow: hidden;}
footer li {margin-right:10px;}
footer img {width: 30px;height: auto;border-radius: 4px;margin:5px 0;filter: brightness(95%);}
h1, p {margin:10px;}
.hidden {display:none;margin-top:7px!important;}
hr {height:1px;border:none; border-top: 1px solid rgba(125,187,246,1);margin:23px 0 0 0;}
legend {display: none;}
img {opacity:1;}
img:hover {-webkit-animation: fadeIn 1.4s; -moz-animation: fadeIn 1.4s; 
  -o-animation: fadeIn 1.5s;  animation: fadeIn 1.5s;opacity: 1;}
li, ul {list-style: none;margin: 0;padding: 0;}
#live_dates {margin-right:-11px;width: 167px;max-height: 110px;overflow: auto;}
#logo {padding-right:10px;}
.music hr {width: auto;clear: none;}
article {margin:0 auto;}
#visual article img, #diy article img, footer img {pointer-events: none;}
.wrapper {text-align: center;margin:0 auto;width:92%;max-width:54em;}

/* datenschutz */
#datenschutz article {font-family: Open Sans, sans-serif;font-size: 15px;line-height: 1.2em;}
#datenschutz article button {width: 90%;padding:10px;margin-bottom:20px!important;text-align: center;background: #9dc8ef;border-radius: 4px;margin: 10px;font-size: 20px;border: 1px solid #7eb7ea;}
#datenschutz article button:hover {background: #c7e0f6;}


/* colors */
body {color: #060055;background-color: /* #61a6e1 blue */ #f2f2e3;}
#dialog {background: rgba(161,219,255,0.3);}
.edit {background: #223;}
footer, .pagenav {background-color: rgba(242, 242, 227, 0.95);}
.music_latest {color:rgba(125,187,246,1);scrollbar-color: #e7e7e7 #e7e7e7;}
.players {color: #f06;}
.year span {color:#fff;}

/* make scrollbar transparent */
::-webkit-scrollbar {width: 0px; background: transparent;}

/* contact form
   ============================================= */
fieldset {border: 0;padding: 0;}
input.comSubmit {padding: 0.1em 0.3em;font-size: 24px;text-transform: uppercase;background-color: #9fc158; border: 0;color: white;border-radius: 3px;}
input.comSubmit:hover {background-color: #238c23;transition: background-color 0.3s linear;}
input.comCheckbox, input.comConsent {width:24px; height:24px;transform: scale(200%);transition: background-color 1ms linear;}
input.comCheckbox:hover {}
.comRequired {color: red;}
.comTextarea, .comText, .comEmail {width: 95%;}
textarea.comTextarea, input.comText, input.comCheckbox, input.comEmail {background-color:#f7f7f7;}
textarea.comTextarea:hover, input.comText:hover, .comCheckbox:hover, input.comEmail:hover {background-color:#fff;transition: background-color 0.15s linear;}
.comTextarea, .comText, .comCheckbox, .comEmail {border: 0;border-radius: 3px;}
.comText, .comEmail {height:30px;}
.comConsent {font-size: 14px;}

/* letter cloud
   ============================================= */
.it {margin: 0;padding: 0;float: left;color:rgba(0, 0, 0, 0);width: 0px;height: 0px;line-height: 0px;text-shadow: 0 0 50px rgba(240,240,240,1);}
.ltrs {position: fixed; top: 0px;left: 0px;width: 100%;height: 100vh;overflow: hidden;white-space: nowrap;}
#bump1 {position: fixed;top: 0;left: 0;font-size: 200px;line-height: 0;}

/* animation */

@keyframes fadeIn {
    0% { display: none; opacity: 0.5; }
    1% {display: block;opacity: 0.6;}
    100% {display: block;opacity: 1;}}

@keyframes turn {
0% {-webkit-transform: rotate(0deg); }{transform: rotate(0deg);}
  50% {-webkit-transform: rotate(360deg); }{transform: rotate(360deg);}
  100% {-webkit-transform: rotate(0deg); }{transform: rotate(0deg);}
}

@keyframes turnback {
0% {-webkit-transform: rotate(360deg); }{transform: rotate(360deg);}
  50% {-webkit-transform: rotate(0deg); }{transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg); }{transform: rotate(360deg);}
}

/* typography
   ============================================= */
@font-face {font-family: Charcoal; src: url('../../../fonts/charcoal.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: Bariol; src: url('../../../fonts/bariol_bold-webfont.ttf') format('opentype');font-weight: normal;font-style: normal; }

.bars {font-size: 50px;margin: 0;line-height:30px;color: #669;}
.bars img {width: 36px; height: auto;}
body#docsforfriends p span {font-size: 15px;line-height: 15px!important;}
body {font-size:16px; font-family: Menlo, Bariol, sans-serif;letter-spacing:0.3px;line-height: 1.1em;}
big {font-size: 150%;}
#close {font-size: 1.6em;margin: 10px;line-height:34px;color: #669;}
.dailypd span {font-size: 11px;line-height:11px;font-family: Menlo;}
.dailypd_text {line-height: 11px;}
.dailypd_text tiny {font-size: 10px;}
footer, footer a, footer a:visited {text-align:right;font-size: 30px;}
h1, h1 a, h3, h3 a {font-weight:normal;}
#live_dates, small, .small {font-size: 12px;}
.pagenav {font-size: 1.6em;line-height: 1.2em;}
pre {font-size: 12px;padding: 10px;background: #fff;border:1px solid #aaa;white-space: normal;}
small, .small {line-height: 12px;}

/* links ============================================= */
a, a:active, a:visited {text-transform: none;text-decoration: none;color: #90d;}
#logo a, a#show, a#hide {text-transform: lowercase;border: none;font-weight:normal;}
.bars a, .bars a:active, .bars a:visited, .bars {border: none;color: #90d;}
.edit a {color: #fff;}
#logo a {color: #feed55;text-shadow:
   -2px -2px 0 #000,  
    2px -2px 0 #000,
    -2px 2px 0 #000,
     2px 2px 0 #000;}
a:hover {background-color:#f9f9f9;color:#f06;transition: color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}

/* embedded content ============================================= */
img, video {max-width: 99%; height: 56%;border-radius:7px;}


/* =========== Additional layout for screen media 672px and up ============= */
@media only screen and (min-width: 44em) {
body {}
.players .player iframe {width: 25vw; height: 25vw;}
.players .player .rel_info {left: 11vw;}
.rel_list {font-size: 14px;line-height: 15px;}
}

/* ======== Additional layout for screen media 1260px and up =========== */

@media only screen and (min-width: 68em) {
.players .player iframe {width: 12.5vw; height: 12.5vw;}
#nav_links {display: block;}
}

/* print */
@media print { 
body { display:none; } 
}