html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
  background-color:#454545;
  color:#D3D3D3;
  font-size:1.1em;
  font-family: 'Open Sans', sans-serif;
  margin:0;
}

h1, h2, h3, h4, nav a {
  font-family: 'Josefin Sans', sans-serif;
}

h1.home-link {
  margin-top: 14px;
  margin-bottom: 10px;
  font-size: 2.1em;
}

h1.home-link a {
  color:black;
}

h3 {
  margin-top: 1.4em;
}

main {
  padding-top: 120px;
}

.parallax-window {
  min-height: 450px;
  background: transparent;
}

.bbox {
  display: grid;
  grid-template-columns: minmax(200px, 940px);
  justify-content: center;
  padding: 1.1em;
}

.bbox a {
  color: white;
  text-decoration:none;
  border-bottom: 1px solid white;
}


/* NAVIGATION */

.bbox.bbox-nav {
  background-color:white;
  color:black;
  position:fixed;
  width:100%;
  z-index:9999;
  padding: 0 1.1em;
}

.bbox.bbox-nav nav {
  display: grid;
  grid-template-columns: auto auto;
  margin-bottom:0;
}

.bbox.bbox-nav nav ul {
  list-style-type:none;
  text-align:right;
  margin-top:10px;
  margin-bottom:10px;
  padding-left: 0;
}

.bbox.bbox-nav nav ul li {
  display:inline-block;
}

.bbox.bbox-nav nav ul li a {
  font-size:1.7em;
  color: rgba(154, 30, 115, 1);
  text-decoration:none;
  padding:10px 10px 2px 10px;
  border-bottom:2px solid rgba(154, 30, 115, 0.3);
}

.bbox.bbox-nav nav ul li a:hover {
  border-bottom:2px solid rgba(154, 30, 115, 0.6);
}

.bbox.bbox-nav nav ul li.extlink a {
  border-bottom:2px solid transparent;
  padding-right: 0;
}

.bbox.bbox-nav nav .icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.bbox.bbox-nav nav .icon.icon-facebook-official {
  margin-bottom:-0.2em;
  width: 0.857421875em;
}

li.sprachen {
  width:30px;
  font-size:0.6em;
  text-align:left;
}

li.sprachen .flag-de {
  margin-bottom:-5px;
}

li.sprachen .flag-en {
  margin-bottom:-7px;
}

li.sprachen span.sprache a {
  border-bottom:none !important;
  padding:0 !important;
}

li.sprachen span.sprache svg {
  float:left;
  width: 1em;
  height: 1em;
  margin-left:10px;
}

li.sprachen span.sprache span.literal {
  padding-left:4px;
}

/* SPRUNGMARKEN-ANPASSUNG */
#music, #artist, #live, #shop, #gallery {
  margin-top: -70px;
  padding-top: 70px;
  display: inline-block;
}

/* HINTERGUND, HELL, .bbox */

.bbox.bbox-music,
.bbox.bbox-gallery,
.bbox.bbox-imprint {
  color:#454545;
  background-color:#D3D3D3;
}

.bbox.bbox-imprint a {
  color:#454545;
  border-color: #454545;
}


/* HOME */

.mdHome {
  display: grid;
  grid-template-columns: 12fr 2fr;
  grid-gap: 24px;
}

.mdHomeLeft {
  display: grid;
  grid-template-columns: 5fr 7fr;
  grid-gap: 24px;
}

.mdHome img {
  width: 100%;
}

.mdHome .nta-provider-icons ul {
  list-style: none;
  padding-left: 0;
}

.mdHome .nta-provider-icons ul li {
  padding: 0 0 16px 0.1vw;
}

.mdHome .nta-provider-icons ul li a {
  font-size: 0;
  border-bottom: 0;
}

.mdHome .nta-cover {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content;
  grid-gap: 0;
  padding-top: 0.6em;
}

.mdHome .nta-provider-icons ul,
.mdHome .nta-cover p {
  margin: 0;
}

.mdHome .nta-cover a,
.mdHome .nta-cover-meta a,
.mdHome .nta-provider-icons a {
  display: inline-block;
  border-bottom: 0;
}

.mdHome .nta-cover a img {
  display: block;
}

.mdHome .nta-cover-meta a img {
  width: initial;
}

.mdHome .nta-cover-meta p {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}

.mdHome .nta-cover-text {
  padding-top: 0.6em;
}

.mdHome .nta-cover-text p:first-child {
  margin-top: 0;
}

/* GALLERY */

.flex-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 16px;
}

.flex-container p {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.flex-container img,
.bbox.bbox-shop img {
  width: 100%;
}



.bbox.bbox-home img,
.shop-provider-icons img {
  border:2px solid #454545;
}

.bbox.bbox-home img:hover,
.shop-provider-icons img:hover {
  border:2px solid #9A1E73;
}


/* SHOP */

.shop-provider-icons ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  grid-column-gap: 2em;
  grid-row-gap: 1em;
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 2em;
}

.shop-provider-icons ul li {
  padding: 12px;
}

.shop-provider-icons ul a {
  border: 0;
}


.bbox.bbox-gallery a {
  text-decoration: none;
  border: 0;
}

.bbox.bbox-gallery img {
  border:2px solid white;
}

.bbox.bbox-gallery img:hover {
  border:2px solid #9A1E73;
}

/* glightbox */

.glightbox-clean .gslide-description {
  background: rgba(255,255,255,0.1);
}

.gslide-description .gdesc-inner {
  padding: 8px 6px;
}

.gslide-description .gdesc-inner .gslide-desc {
  font-family: 'Open Sans', sans-serif;
}


/* IMPRINT */

.bbox.bbox-imprint {
  overflow: hidden;
  font-size: 0.8em;
}

#imprint img {
  padding-top: 1em;
  padding-bottom: 1em;
}


.music .videobox,
.box-50-50 {
  margin-bottom:20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 32px;
}


.music .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.music .embed-container iframe,
.music .embed-container object,
.music .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*paste*/
.accept-cookies-sect {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 10px!important;
    margin: 0px!important;
    border-top: 1px solid #ebebeb;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(235, 235, 235);
    text-align: center;
}
	.accept-cookies-sect p {
    color: #4d4d4d;
    margin-right: 10px;
    padding: 10px;
    font-size: 1.1rem;
    padding-right: 5px;
    margin-bottom: 0;
}
.cookie__text{  
  display: inline-block;
}
.cookie__text a{
  color: #353535;
}
.container_cookie{
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cookie__agree {  
  background-color: #454545!important;
  border: 1px solid #353535!important;
  border-radius: 4px;
  padding: 10px 5px;
  height: 40px;
  margin-left: 10px;
  display: inline-block;
}
.cookie__agree a{
  color: #D3D3D3!important;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
}
.cookie__agree a:hover{
  text-decoration: underline;
}

/*paste end*/

/* unter 820px */

@media (max-width: 820px) {

  .mdHome {
    grid-template-columns: 12fr;
  }
  .nta-provider-icons {
    grid-column: 1 / -1;
  }

  .nta-provider-icons ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1em;
  }

  .nta-provider-icons ul li {
    padding: 0;
  }

}

/* unter 750px */

@media (max-width: 750px) {

  .bbox.bbox-nav nav {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .bbox.bbox-nav nav ul {
    text-align: center;
    margin-top: 0;
  }

  h1.home-link {
    margin-bottom: 0;
    font-size: 1.6em;
  }

  /* SPRUNGMARKEN-ANPASSUNG */
  #music, #artist, #live, #shop, #gallery {
    margin-top: -91px;
    padding-top: 91px;
    display: inline-block;
  }

}

/* unter 560px */

@media (max-width: 560px) {

  .bbox.bbox-nav nav {
    grid-template-columns: 2fr 8fr;
    grid-gap: 1em;
  }

  .bbox.bbox-nav nav ul {
    margin-top: 4px;
    font-size: 0.8em;
  }

  .bbox.bbox-nav nav ul li {
    margin-top: 8px;
  }

  h1.home-link {
    margin-top: 14px;
  }

  .mdHome .nta-cover-meta a img {
    width: 80%;
  }

}

/* unter 480px */

@media (max-width: 480px) {

  .mdHome {
    grid-template-columns: 1fr;
  }
  
  .mdHomeLeft {
    grid-template-columns: 12fr;
  }

  .nta-provider-icons ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .mdHome .nta-cover-meta a img {
    width: initial;
  }

}

/* unter 389px */

@media (max-width: 389px) {

  .mdHome {
    margin-top: 10px;
  }

  /* SPRUNGMARKEN-ANPASSUNG */
  #music, #artist, #live, #shop, #gallery {
    margin-top: -91px;
    padding-top: 91px;
    display: inline-block;
  }

}

/* unter 334px */

@media (max-width: 334px) {

  .shop-provider-icons ul {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 16px;
  }

  .shop-provider-icons ul li {
    padding: 0;
  }

}