@charset "UTF-8";

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* rock-salt-regular - latin */
@font-face {
  font-family: 'Rock Salt';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rock-salt-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rock-salt-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rock-salt-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rock-salt-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rock-salt-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rock-salt-v18-latin-regular.svg#RockSalt') format('svg'); /* Legacy iOS */
}

/* roboto-slab-100 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-slab-v24-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-slab-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-900 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-slab-v24-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-900.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

ul .uk-slider-items {
  padding-left: 0px;
}

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

* {
  box-sizing: border-box;
  outline: none; }

iframe {
  border: 0; }

.uk-badge {
  height: 30px !important;
  padding: 1rem !important;
  font-size: 1rem !important;
  float: right; }
  @media only screen and (max-width: 479px) {
    .uk-badge {
      clear: both; } }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', sans-serif; }

p {
  line-height: 1.3em; }

body {
  font-family: 'Roboto Slab', sans-serif; }

#main {
  background: #ddd; }
  #main section {
    border-bottom: solid 1px #000;
    padding: 2em;
    clear: both; }

nav {
  background: rgba(7, 169, 244, 0.95);}
nav ul li a {
    color: white !important;
    font-size: 1.2rem !important;
    font-family: 'Roboto', sans-serif; 
    }
nav.uk-navbar-container {
    padding: 0 1rem;
    }

@media only screen and (max-width: 479px) {
nav ul li a {
  font-size: 0.8rem !important; 
  } 
nav.uk-navbar-container {
  padding: 0 1rem;
}
}

nav a.uk-logo img {
  height: 3.5rem;  
}

.uk-container {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.uk-container #cover, .uk-container #header {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

#Home {
  margin-top: 10rem; }
  #Home h1 {
    font-family: 'Roboto Slab', sans-serif; }

#Konzerte h2 {
  font-family: 'Roboto Slab', sans-serif;
  font-weight: 100;
  font-size: 4rem;
  margin: 5rem 0rem 3rem 0rem; }
  @media only screen and (max-width: 479px) {
    #Konzerte h2 {
      font-size: 3rem !important; } }

#Konzerte .uk-badge {
  background: red; }

@media only screen and (max-width: 479px) {
  #Konzerte .uk-badge {
    background: #06AC04;
    position: relative;
    top: -1.5em; 
  }
}

#Konzerte li {
  border-top: 1px dotted #bbb;
  padding-top: 2rem; }
#Konzerte li h2 {
  font-size: 2.8rem;
  font-weight: 400;
  color: #07A9F4;
  line-height: 2.5rem;
  margin-top: .75rem;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 479px) {
    #Konzerte li h2 {
      font-size: 1.8rem !important; } 
    }

  #Konzerte li a:link, #Konzerte li a:hover, #Konzerte li a:visited {
    text-decoration: none;
}
  #Konzerte li h5 {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 0px;
    margin-top: 0.3rem; }
    #Konzerte li h5 .tags {
      margin-left: .3rem;
      font-size: .85rem;
      font-family: 'Roboto', sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.1rem;
      color: #555;
      font-weight: 300;
      display: inline-block; }
    #Konzerte li h5 .tags:first-child:before {
      content: ""; }
    #Konzerte li h5 .tags:before {
      margin-right: .3rem;
      content: "· "; }
  @media only screen and (max-width: 479px) {
    #Konzerte li span.tags {
      display: none; } }

#Konzerte li:last-child {
  border-bottom: 1px dotted #bbb;
  padding-bottom: 1.5rem; }

#Konzerte li .date {
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 50px;
  padding-top: 0.2rem;
  text-align: center;
  display: block;
  font-family: 'Roboto', sans-serif; }
  @media only screen and (max-width: 479px) {
    #Konzerte li .date {
      width: 100%;
      height: auto;
      text-align: left; }
      #Konzerte li .date .day {
        float: left; } }
  #Konzerte li .date .month {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.75rem;
    color: #000; }
    @media only screen and (max-width: 479px) {
      #Konzerte li .date .month {
        margin-left: 1rem;
        font-size: 1.8rem; } }
  #Konzerte li .date .day {
    color: colorgrey;
    font-size: 3.5rem;
    display: block;
    font-weight: 300;
    margin-top: 0.3rem; }
    @media only screen and (max-width: 479px) {
      #Konzerte li .date .day {
        font-size: 1.8rem;
        margin-top: 0; } }

#Konzerte .uk-accordion li a h2.uk-accordion-title::before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  margin-left: 10em;
  float: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#Konzerte a h2 .uk-open .uk-accordion-title::before {
  content: ""; }

#Konzerte .uk-accordion-content {
  margin-left: 150px;
  margin-top: 0px;
  padding-right: 120px; }
  @media only screen and (max-width: 479px) {
    #Konzerte .uk-accordion-content {
      margin-left: 0px;
      padding-right: 0px; }
      #Konzerte .uk-accordion-content img {
        width: 100%; } }

#Konzerte p {
  line-height: 1.5em; }
  @media only screen and (max-width: 479px) {
    #Konzerte p {
      font-size: 1.1em; } }

#Konzerte blockquote p {
    font-size: 0.8em;   
    font-style: italic;
    margin: 0 2em 0 2em;
    color: #aaa;
    border-left: 0.3em solid;
    padding-left:  0.8em;
  }
    @media only screen and (max-width: 479px) {
      #About blockquote p {
        font-size: 1.7rem !important; } }


#Konzerte .band p {
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  letter-spacing: .1em;
  text-transform: uppercase; }
  #Konzerte .band p span.musiker {
    font-weight: 700; }
  #Konzerte .band p span.instrument {
    color: #444; }
  #Konzerte .band p span.instrument:after {
    content: "++ "; }
  #Konzerte .band p span.instrument:last-child:after {
    content: ""; }

#Konzerte .band ul {
  display: inline-block;
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 479px) {
    #Konzerte .band ul {
      min-width: 50% !important; } }
  #Konzerte .band ul li {
    padding: 0;
    border: none;
    float: left;
    display: block; }

#Kontakt h2 {
  border-top: 1px dotted #bbb;
  font-family: 'Roboto Slab', sans-serif !important;
  font-weight: 100 !important;
  font-size: 4rem !important;
  margin-top: 4rem;
  padding-top: 2rem;
  text-align: center; }

#About h2 {
  font-family: 'Roboto Slab', sans-serif !important;
  font-weight: 100 !important;
  font-size: 4rem !important;
  margin-top: 4rem;
  text-align: center; }
  @media only screen and (max-width: 479px) {
    #About h2 {
      font-size: 3rem !important; } }

#About blockquote {
  width: 70%;
  margin-left: auto;
  margin-right: auto; 
  border: none;}
  #About blockquote p {
    font-family: 'Rock Salt', cursive;
    font-size: 1.8rem;
    line-height: 3.5rem;
    text-align: center;
    font-style: normal;
    letter-spacing: 0.2rem;
    margin-top: 3rem;
    margin-bottom: 7rem; }
    @media only screen and (max-width: 479px) {
      #About blockquote p {
        font-size: 1.7rem !important; } }

#About .uk-tile-default p {
  font-family: 'Roboto Slab', sans-serif;
  font-size: 1.1rem;
  line-height: 1.5rem;
  color: #555;
  font-weight: 400;
  margin: 0 auto 0 auto;
  width: 75%; }
  @media only screen and (max-width: 479px) {
    #About .uk-tile-default p {
      font-size: 1.1rem !important; } }

#About .uk-tile-default .team_name {
  font-weight: 700;
  color: #07A9F4; }

#About .uk-tile-default .function {
  font-family: 'Roboto', Arial, sans-serif;
  font-style: italic; }

#About .uk-tile-default img {
  border-radius: 300px;
  margin-bottom: 1em;
  width: 80%; }

#footer {
  background: #bbb;
  padding: 2em; }

#footer .newsletter .uk-button {
  background-color: #39f;
  color: #fff;
}

#footer .newsletter .uk-button:hover {
  background-color: #1b75cf;
}

#datenschutz h2.uk-modal-title, #datenschutz h5, #datenschutz h6 {
font-family: 'Roboto Slab'; !important
color: red; !important
}

#datenschutz h5 {
font-size: 1.1rem; !important
}

#datenschutz h6 {
font-size: 1rem; !important
}