@font-face {
  font-family:'AlFresco';
    src:url('alfresco.woff2') format('woff2'),
        url('alfresco.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family:'Andis';
    src:url('andis-webfont.woff2') format('woff2'),
        url('andis-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(MaterialIcons-Regular.woff2) format('woff2'),
       url(MaterialIcons-Regular.woff) format('woff'),
       url(MaterialIcons-Regular.ttf) format('truetype');
}

body, html {
  font-family:'Andis',sans-serif;
  font-size:28px;
  line-height:1.4;
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:#CD8C45;
  color:black;
}

@media all and (max-width:1024px) {
  body, html {
    font-size:21px;
  }
}

body {
  overflow-x:hidden;
}

body.codeeingabe {
  overflow-y:hidden;
}

a {
  color:#000;
  white-space:nowrap;
  transition:color .25s;
}

a:hover {
  color:#c41a1b;
}

div p:first-child {
  margin-top:0;
}

h1 {
  font-family:'AlFresco';
  font-weight:normal;
  font-size:6em;
  color:#c41a1b;
  margin:.3em 0;
  text-shadow:0px 0px 4px #fff;
  text-align:center;
  line-height:1.1;
}
@media all and (max-width:768px) {
  h1 {
    font-size:4em;
  }
}

h2 {
  font-family:'AlFresco';
  font-weight:normal;
  font-size:4em;
  color:#c41a1b;
  margin:.7em 0 .4em 0;
  text-align:center;
}

@media all and (max-width:768px) {
  h2 {
    font-size:3em;
  }
}

h3 {
  font-family:'AlFresco';
  font-weight:normal;
  font-size:2.5em;
  color:#c41a1b;
  margin:1em 0 .4em 0;
  text-align:center;
}

h2 + h3 {
  margin-top:0;
}

h4 {
  font-family:'AlFresco';
  font-weight:normal;
  font-size:2em;
  color:#c41a1b;
  margin:1em 0 .4em 0;
  text-align:center;
}

h5 {
  font-family:'AlFresco';
  font-weight:normal;
  font-size:1.75em;
  color:#c41a1b;
  margin:0;
  text-align:center;
}

h5 + p {
  margin-top:0;
}

iframe {
  border:none;
}

img {
  max-width:100%;
  border:0;
  display:block;
}

img.center {
  margin-left:auto;
  margin-right:auto;
}

input[type="text"], input[type="email"], input[type="number"], input[type="submit"], textarea {
  padding:10px;
  font-family:'Andis',sans-serif;
  font-size:1em;
  border-radius:5px;
  border:1px solid #c41a1b;
  color:#222;
  background:rgba(255,255,255,.1);
  box-sizing:border-box;
  transition:all .5s;
  margin-bottom:1em;
  width:100%;
}

textarea {
  margin-bottom:0;
}

input[type="number"] {
  width:70px;
  text-align:center;
}

input:focus, select:focus, textarea:focus, button:focus {
  outline:none;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
  -webkit-box-shadow:inset 0px 0px 8px 0px rgba(0,0,0,0.3);
  -moz-box-shadow:inset 0px 0px 8px 0px rgba(0,0,0,0.3);
  box-shadow:inset 0px 0px 8px 0px rgba(0,0,0,0.3);
  background:rgba(255,255,255,.4);
}

input[type=submit] {
  width:auto;
  background:#c41a1b;
  color:white;
  cursor:pointer;
  margin:0 auto;
  display:block;
  transition:all .3s;
  -webkit-appearance:none;
}

input[type=submit]:hover {
  letter-spacing:1px;
  background:white;
  color:#c41a1b;
}

label {
  display:block;
}

p.absatz-hinweis {
  margin:0 auto .5em auto;
  border:1px solid #c41a1b;
  padding:.5em;
  background-color:rgba(255,255,255,.1);
  width:100%;
  max-width:750px;
  box-sizing:border-box;
  border-radius:5px;
}

p.zeitplan {
  margin-top:.5em;
  margin-bottom:0;
  line-height:1.25;
}

p.zeitplan>span.material-icons:before {
  content:'\e8b5';
  margin-right:10px;
}


span.hervorhebung {
  color:white;
}

sup {
  font-size:.6em;
  vertical-align:text-top;
}

textarea {
  resize:none;
}

@media all and (max-width:768px) {
  .abstand>div:not(:last-child) {
    padding-bottom:1em;
  }
}

.center {
  text-align:center;
}

.clearfix:after {
  content:".";
  clear:both;
  display:block;
  visibility:hidden;
  height:0px;
}

.col2 {
  width:16.66666%;
}

.col3 {
  width:25%;
}

.col4 {
  width:33.33333%;
}

.col5 {
  width:41.66666%;
}

.col6 {
  width:50%;
}

.col7 {
  width:58.33333%;
}

.col8 {
  width:66.66666%;
}

.col9 {
  width:75%;
}

.col12 {
  width:100%;
  padding-left:0!important;
  padding-right:0!important;
}

.container {
  max-width:1200px;
  width:100%;
  margin:0 auto;
  padding:0 15px;
  box-sizing:border-box;
  text-align:center;
}

.container-radio {
  text-align:left;
}
.container-radio label {
  padding-left:40px;
  margin-bottom:12px;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  position:relative;
}

@media all and (max-width:1024px) {
  .container-radio label {
    padding-left:34px;
  }
}

.container-radio label input {
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0;
}

.container-radio label .checkmark {
  position:absolute;
  top:4px;
  left:0;
  height:26px;
  width:26px;
  border-radius:50%;
  border:1px solid #c41a1b;
}

@media all and (max-width:1024px) {
  .container-radio label .checkmark {
    top:3px;
    height:20px;
    width:20px;
  }
}

.container-radio label:hover input ~ .checkmark {
  background-color:rgba(255,255,255,.3);
}

.container-radio label input:checked ~ .checkmark {
  background-color:#c41a1b;
}

.container-radio label .checkmark:after {
  content:"";
  position:absolute;
  display:none;
}

.container-radio label input:checked ~ .checkmark:after {
  display:block;
}

.container-radio label .checkmark:after {
  top:8px;
  left:8px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:white;
}

@media all and (max-width:1024px) {
  .container-radio label .checkmark:after {
    top:6px;
    left:6px;
    width:8px;
    height:8px;
  }
}

.d-block {
  display:block;
}

.link_extern span:before {
  content:'\e0b2';
}

.material-icons {
  font-family:'Material Icons';
  font-weight:normal;
  font-style:normal;
  display:inline-block;
  text-transform:none;
  letter-spacing:normal;
  word-wrap:normal;
  white-space:nowrap;
  direction:ltr;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  -moz-osx-font-smoothing:grayscale;
  font-feature-settings:'liga';
  vertical-align:text-bottom;
  font-size:.85em;
  opacity:.7;
}

.overflow-x {
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
}

.row>div {
  float:left;
  padding:0 .5em;
  box-sizing:border-box;
}

.row>div:first-child {
  padding-left:0;
}

.row>div:last-child {
  padding-right:0;
}

.row_vertauscht>div {
  float:right;
  padding:0 .5em;
  box-sizing:border-box;
}

.row_vertauscht>div:first-child {
  padding-right:0;
}

.row_vertauscht>div:last-child {
  padding-left:0;
}

@media all and (max-width:768px) {
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
    width:100%;
  }
  .row_vertauscht>div, .row>div {
    padding:0;
  }
}

.schutzabstand {
  padding-top:1em!important;
}

.small {
  font-size:.75em;
  line-height:1.3em;
}

@media all and (max-width:768px) {
  .small {
    font-size:.9em;
  }
}

header {
  position:fixed;
  z-index:10000;
  width:100%;
  height:100px;
  top:0;
  left:0;
  background:rgba(205,140,69,.84);
  -webkit-box-shadow:inset 0 -10px 5px -5px rgba(0,0,0,.15);
  -moz-box-shadow:inset 0 -10px 5px -5px rgba(0,0,0,.15);
  box-shadow:inset 0 -10px 5px -5px rgba(0,0,0,.15);
  padding:0;
  box-sizing:border-box;
  transition:all .7s;
}

@media all and (max-width:1024px) {
  header {
    height:50px;
    padding:0;
  }
}

header #menu {
  width:100%;
  max-width:1200px;
  height:100px;
  margin:0 auto;
  line-height:42px;
  padding:0 10px;
  box-sizing:border-box;
}

@media all and (max-width:1024px) {
  header #menu {
    height:50px;
    line-height:50px;
  }
}

header #menu .seitentitel {
  display:inline-block;
  text-shadow:0 0 4px rgba(255,255,255,1);
  height:100px;
}

header #menu .seitentitel a {
  text-decoration:none;
  background:url('../bilder/logo-felix-robert.svg') left 8px no-repeat;
  background-size:342px 100px;
  padding-left:342px;
  font-size:2em;
  height:100px;
  display:block;
}

@media all and (max-width:1024px) {
  header #menu .seitentitel a {
    background-size:171px 50px;
    padding-left:171px;
    height:50px
  }
}

header #menu-mobil {
  display:none;
}

@media all and (max-width:768px) {
  header #menu-mobil {
    display:block;
    font-size:32px;
    position:absolute;
    top:0;
    right:10px;
    line-height:50px;
    cursor:pointer;
  }
  header #menu-mobil span:before {
    content:'\e5d2';
  }
}

header #menu nav {
  float:right;
  height:50px;
  padding-top:25px;
}

@media all and (max-width:1024px) {
  header #menu nav {
    padding-top:0;
  }
}
header #menu nav>ul, header #menu nav>ul>li>ul {
  list-style:none;
  margin:0;
  padding:0;
}

@media all and (max-width:1200px) {
  header #menu nav>ul {
    font-size:21px;
  }
}

header #menu nav>ul>li a {
  position:relative;
  text-decoration:none;
  display:block;
  color:black;
}

@media all and (min-width:769px) {
  header #menu nav>ul>li a {
    text-shadow:0px 0px 5px #fff;
  }
  header #menu nav>ul>li {
    float:left;
    margin-right:30px;
    position:relative;
  }

  header #menu nav>ul>li:last-child {
    margin-right:0;
  }

  header #menu nav>ul>li>a:before {
    content:'';
    position:absolute;
    bottom:2px;
    left:0;
    width:90%;
    margin-left:5%;
    height:2px;
    background:#c41a1b;
    -webkit-transform:scale3d(0, 5, 1);
    transform:scale3d(0, 5, 1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-transition:-webkit-transform 0.3s;
    transition:transform 0.3s;
    -webkit-transition-timing-function:cubic-bezier(1, 0.68, 0.16, 0.9);
    transition-timing-function:cubic-bezier(1, 0.68, 0.16, 0.9);
  }

  header #menu nav>ul>li:hover a:before, header #menu nav>ul>li.aktuell a:before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  header #menu nav>ul>li>ul {
    position:absolute;
    top:40px;
    padding-top:10px;
    font-size:.8em;
    display:block;
    opacity:0;
    max-height:0;
    transition:opacity .3s ease-out, max-height .3s ease-out;
    overflow-y:hidden;
    left:-30px;
    width:calc(100% + 60px);
  }

  header #menu nav>ul>li:hover>ul {
    max-height:500px;
    opacity:1;
    transition:opacity .3s ease-in, max-height .3s ease-in;
  }

  header #menu nav>ul>li>ul>li {
    background:#c41a1b;
    transition:background .5s;
    box-sizing:content-box;
    text-align:center;
    border-bottom:1px solid white;
  }

  header #menu nav>ul>li>ul>li:last-child {
    border-bottom:none;
  }

  header #menu nav>ul>li>ul>li:hover {
    background:white;
  }

  header #menu nav>ul>li>ul>li a {
    color:white;
    transition:color .3s ease-in;
  }

  header #menu nav>ul>li>ul>li:hover a {
    color:#222;
  }
}

@media all and (max-width:1200px) {
  header #menu nav>ul>li {
    margin-right:25px;
  }
}

@media all and (max-width:960px) {
  header #menu nav>ul>li {
    margin-right:20px;
  }
}

@media all and (max-width:800px) {
  header #menu nav>ul>li {
    margin-right:15px;
  }
}

@media all and (max-width:1024px) {
  header #menu nav>ul>li>a:before {
    bottom:12px;
  }
}

@media all and (max-width:768px) {
  .mobil-aktiv {
    overflow:hidden;
  }
  header #menu nav {
    display:none;
    position:fixed;
    top:50px;
    left:0;
    width:100%;
    background:rgba(255,255,255,.8);
    text-align:center;
    height:calc(100% - 50px);
    overflow:auto;
  }
  header #menu nav>ul>li {
    background:#c41a1b;
    margin-bottom:2px;
    margin-right:0;
    position:relative;
    overflow:hidden;
  }
  header #menu nav>ul>li a {
    color:white;
    display:inline-block;
  }
  header #menu nav>ul>li>span.untermenu-mobil {
    position:absolute;
    right:10px;
    font-size:24px;
    cursor:pointer;
    transition:transform .3s;
  }
  header #menu nav>ul>li>span.untermenu-mobil:before {
    content:'\e313';
  }
  header #menu nav>ul>li>span.untermenu-mobil.aktiv {
    transform:rotate(180deg);
  }
  header #menu nav>ul>li>ul {
    display:none;
  }
  header #menu nav>ul>li>ul>li {
    background:white;
  }
  header #menu nav>ul>li>ul>li>a {
    color:#222;
  }
}

#start {
  position:relative;
  width:100%;
  height:100%;
}

#start>div {
  position:relative;
  width:100%;
  height:100%;
  background:url("../bilder/felix-robert-titel.jpg");
  background-size:cover;
  background-position:top center;
  font-family:'AlFresco';
  text-align:center;
  color:white;
}

@media (orientation:portrait) {
  #start>div {
    background-position:68% 0;
  }
}

#starttext {
  position:absolute;
  bottom:0;
  width:96%;
  margin-left:2%;
  font-size:10em;
  line-height:1em;
  text-shadow:0px 0px 6px #fff;
}

/*@media all and (max-width:1200px) {
  #starttext {
    font-size:3.5em;
    line-height:1.1em;
  }
}

@media all and (max-width:640px) {
  #starttext {
    bottom:1.5%;
    font-size:3em;
  }
}*/

#starttext p {
  margin:0;
  text-shadow:0 0 4px rgba(0,0,0,1);
}

#starttext p:nth-of-type(2) {
  font-size:.75em;
  line-height:1.1em;
}

@-webkit-keyframes iconFloat{from{top:0}50%{top:10px}100%{top:0}}
@-moz-keyframes iconFloat{from{top:0}50%{top:10px}100%{top:0}}
@-o-keyframes iconFloat{from{top:0}50%{top:10px}100%{top:0}}
@keyframes iconFloat{from{top:0}50%{top:10px}100%{top:0}}

#starttext .sprung {
  -webkit-animation: iconFloat 1.2s infinite linear;
  -moz-animation: iconFloat 1.2s infinite linear;
  -ms-animation: iconFloat 1.2s infinite linear;
  -o-animation: iconFloat 1.2s infinite linear;
  animation: iconFloat 1.2s infinite linear;
  position:relative;
  font-size:.5em;
  line-height:1em;
}

/*@media all and (max-width:768px) {
  #starttext .sprung {
    font-size:1em;
  }
}*/

#starttext .sprung .material-icons {
  cursor:pointer;
  transition:all .5s;
  color:#c41a1b;
}

#starttext .sprung .material-icons:hover {
  transform:scale(1.3);
}

#starttext .sprung .material-icons:before {
  content:'\e313';
}

.kontakt-gross {
  text-align:center;
}

.kontakt-gross a span.material-icons {
  display:block;
  font-size:1.75em;
}

footer {
  margin-top:60px;
  background:#c41a1b;
  color:white;
  padding:25px 0;
  font-size:.8em;
  line-height:1.6em;
}

footer a, footer a:hover {
  color:white;
  text-decoration:none;
}

/* ICONS */

footer span.material-icons {
  vertical-align:bottom;
}

a[class^="icon-"] {
  text-decoration:none;
  white-space:nowrap;
}

a[class^="icon-"] span {
  margin-right:5px;
}

a.icon-phone span:before {
  content:'\e61d';
}

a.icon-mail span:before {
  content:'\e0e1';
}

a.icon-contact span:before {
  content:'\e3c9';
}

#auswahl-zimmer, #auswahl-zimmerkonfiguration, #zusage-fruehstueck {
  display:none;
}

#form_feedback_wrap {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.8);
  z-index:11000;
  display:none;
}

#form_feedback {
  width:40%;
  min-height:160px;
  position:fixed;
  left:30%;
  top:50%;
  margin-top:-80px;
  background:white;
  padding:20px;
  box-sizing:border-box;
  color:#222;
  text-align:center;
  display:none;
  z-index:11002;
}

@media all and (max-width:1600px) {
  #form_feedback {
    width:60%;
    left:20%;
  }
}

@media all and (max-width:1024px) {
  #form_feedback {
    width:75%;
    left:12.5%;
  }
}

@media all and (max-width:640px) {
  #form_feedback {
    width:90%;
    left:5%;
    min-height:110px;
    margin-top:-55px;
    padding:10px;
  }
}

#form_feedback h3 {
  margin-top:0;
  margin-bottom:0;
}

#form_close {
  position:absolute;
  width:40px;
  height:40px;
  background:#c41a1b;
  top:-20px;
  right:-20px;
  margin:0;
  border-radius:50%;
  box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);
  cursor:pointer;
}

@media all and (max-width:640px) {
  #form_close {
    width:26px;
    height:26px;
    top:-13px;
    right:-13px;
  }

}

#form_cross1, #form_cross2 {
  border-top:2px solid white;
  position:absolute;
  top:50%;
  margin-top:-1px;
  left:15%;
  width:70%;
  transition:all .4s;
}

#form_cross1 {
  transform:rotate(45deg);
}

#form_cross2 {
  transform:rotate(-45deg);
}

#form_close:hover #form_cross1 {
  transform:rotate(-45deg);
}

#form_close:hover #form_cross2 {
  transform:rotate(45deg);
}

#form_okay, #form_failure1, #form_failure2 {
  display:none;
}

/*START*/

body.codeeingabe>div {
  text-align:center;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  height:100%;
}
 
body.codeeingabe>div>div {
  width:80%;
  max-width:900px;
  margin:auto;
  border:1px solid #c41a1b;
  padding:20px;
  box-sizing:border-box;
  color:black;
  text-align:center;
}

body.codeeingabe>div>div input[type="text"] {
  max-width:120px;
  text-align:center;
}

body.codeuebersicht {
  overflow:auto;
  padding:5px;
  font-size:.9em;
}

body.codeuebersicht table.uebersicht h4 {
  margin:.25em 0 0 0;
  line-height:1em;
}

body.codeuebersicht table.uebersicht tr td {
  background:rgba(255,255,255,.15);
  vertical-align:top;
}

body.codeuebersicht table.uebersicht tr td p {
  margin:.25em 0!important;
}

body.codeuebersicht table {
  margin:0 auto;
}

body.codeuebersicht table th, body.codeuebersicht table td {
  padding:4px 8px;
}

body.codeuebersicht table.codes th {
  font-weight:normal;
  text-transform:uppercase;
  font-size:.8em;
}

body.codeuebersicht table.codes tbody tr:nth-of-type(2n) td {
  background:rgba(255,255,255,.05);
}

body.codeuebersicht table.codes tbody tr:nth-of-type(2n+1) td {
  background:rgba(255,255,255,.15);
}

body.codeuebersicht table.codes tbody tr td:last-child, body.codeuebersicht table.codes tbody tr td:nth-last-child(2) {
  font-size:.7em;
  width:250px;
  line-height:1.1em;
  letter-spacing:-.5px;
}

body.codeuebersicht p {
  margin:0;
}
.material-icons.check_circle:before {
  content:'\e86c';
}
.material-icons.clear:before {
  content:'\e14c';
}
.material-icons.unknown:before {
  content:'\e8fd';
}
.material-icons.happy {
  color:green;
  opacity:1;
}
.material-icons.sad {
  color:#c41a1b;
  opacity:1;
}

/* AUDIO-PLAYER */

#audio-player {
  margin:50px auto 0;
  width:600px;
  max-width:100%;
}

#audio-player .player {
  height:220px;
  position:relative;
  width:100%;
  z-index:2;
}
#audio-player .info {
  position:absolute;
  left:220px;
  width:calc(100% - 220px);
  line-height:1em;
}
#audio-player .title, #audio-player .artist {
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  text-align:left;
}
#audio-player .title {
}
#audio-player .artist {
  text-transform:uppercase;
  font-size:.7em;
  line-height:1em;
}
#audio-player .pl {
  background:url(/team-special/images/playlist.png) no-repeat;
  cursor:pointer;
  height:40px;
  left:330px;
  position:absolute;
  top:20px;
  width:39px;
}
#audio-player .pl:hover {
  top:21px;
}
#audio-player .cover {
  border-radius:5px;
  height:200px;
  left:0;
  position:absolute;
  top:0;
  width:200px;
  background-size:cover;
}
#audio-player .controls {
  cursor:pointer;
  position:absolute;
  top:90px;
  left:220px;
}
#audio-player .controls .play, #audio-player .controls .pause {
  width:40px;
  height:40px;
  margin:0 5px;
}
#audio-player .controls .play, #audio-player .controls .pause, #audio-player .controls .rew, #audio-player .controls .fwd, #audio-player .controls .stop {
  border:none;
  float:left;
}
#audio-player .controls .rew, #audio-player .controls .fwd, #audio-player .controls .stop {
  width:30px;
  height:30px;
  margin:5px;
}
#audio-player .controls .play {
  background:url(/team-special/images/play.svg) no-repeat;
  background-size:cover;
}
#audio-player .controls .pause {
  background:url(/team-special/images/pause.svg) no-repeat;
  display:none;
  background-size:cover;
}
#audio-player .controls .rew {
  background:url(/team-special/images/rewind.svg) no-repeat;
  background-size:cover;
}
#audio-player .controls .fwd {
  background:url(/team-special/images/next.svg) no-repeat;
  background-size:cover;
}
#audio-player .controls .stop {
  background:url(/team-special/images/stop.svg) no-repeat;
  background-size:cover;
}
#audio-player .hidden {
  display:none;
}
#audio-player .controls .visible {
  display:block;
}
#audio-player .volume {
  height:11px;
  left:220px;
  position:absolute;
  top:145px;
  width:140px;
}
#audio-player .mute .volume-btn {
  background:url(/team-special/images/volume-off.svg) no-repeat;
  background-size:cover;
}
#audio-player .volume-btn {
  background:url(/team-special/images/volume-up.svg) no-repeat;
  height:20px;
  width:20px;
  float:left;
  position:relative;
  top:-4px;
  background-size:cover;
}
#audio-player .volume-adjust {
  height:11px;
  position:relative;
  width:80%;
  background:#fff;
  float:right;
}
#audio-player .volume-adjust > div > div {
  height:11px;
  background:#c41a1b;
}
#audio-player .progressbar {
  background-color:#fff;
  cursor:pointer;
  z-index:1;
  height:15px;
  left:220px;
  position:absolute;
  width:calc(100% - 220px);
  top:170px;
  margin:0;
}
#audio-player .novolume .progressbar {
  right:4.375em; /* 70 */
}
#audio-player .progressbar div {
  width:0%;
  height:15px;
  position:absolute;
  left:0;
  top:0;
}
#audio-player .bar-loaded {
  background-color:#f1f1f1;
  z-index:1;
}
#audio-player .bar-played {
  background:#c41a1b;
  z-index:2;
}
#audio-player .timeHolder {
  font-size:14px;
  top:186px;
  left:220px;
  position:absolute;
  margin:0;
}
#audio-player .time-current, #audio-player .time-duration, #audio-player .time-separator {
  font-size:14px;
  float:left;
}
#audio-player .volume .ui-slider-handle {
  background:url(/team-special/images/spr.png) no-repeat scroll -201px -188px
    rgba(0, 0, 0, 0);
  height:13px;
  width:13px;
}
#audio-player .playlist {
  background-color:rgba(255,255,225,.1);
  list-style-type:none;
  padding:10px;
  position:relative;
  z-index:1;
  margin:0 auto;
  text-align:left;
  border:1px solid #c41a1b;
  border-radius:5px;
}
#audio-player .playlist li, #audio-player .playlist div {
  cursor:pointer;
  position:relative;
}
#audio-player .playlist li a {
  white-space:normal;
}
#audio-player .playlist li a.playlist-stream {
  margin-left:28px;
  margin-right:50px;
  text-indent:-14px;
  display:block;
  position:relative;
}
#audio-player .playlist li a.playlist-stream span.material-icons:before {
  content:'\e405';
  margin-right:10px;
}
#audio-player .playlist li a.playlist-download {
  position:absolute;
  top:0;
  right:0;
}
#audio-player .playlist li a.playlist-download span.material-icons:before {
  content:'\e2c0';
}
#audio-player .playlist li > a, #audio-player .playlist div > a {
  text-decoration:none;
}
#audio-player .playlist li.active a {
  color:#c41a1b;
}

@media (max-width:480px) {
  #audio-player {
    height:auto;
  }
  #audio-player .player {
    height:auto;
  }
  #audio-player .cover {
    left:auto;
    margin:auto;
    position:relative;
    width:300px;
    height:300px;
  }
  #audio-player .info {
    position:relative;
    left:auto;
    width:100%;
    margin-top:10px;
  }
  #audio-player .title, #audio-player .artist {
    text-align:center;
  }
  #audio-player .controls {
    position:relative;
    top:auto;
    left:auto;
    margin:10px auto;
    display:inline-block;
  }
  #audio-player .progressbar {
    position:relative;
    left:auto;
    top:auto;
    width:50%;
    margin-left:25%;
  }
  #audio-player .timeHolder {
    position:relative;
    top:auto;
    left:auto;
    width:50%;
    margin-left:25%;
    text-align:center;
  }
  #audio-player .time-current, #audio-player .time-duration, #audio-player .time-separator {
    display:inline-block;
    float:none;
  }
  #audio-player .volume {
    position:relative;
    left:auto;
    top:auto;
    width:50%;
    margin:10px 25% 25px 25%;
  }
}

@media (max-width:359px) {
  #audio-player .cover {
    left:auto;
    margin:auto;
    position:relative;
    width:200px;
    height:200px;
  }
}