.divcenter {width: 900px; margin: 0px auto; text-align: center; opacity: 0;}

.dates {width: 550px; margin: 2px auto; text-align: left; color: white;}
.date {font-size: 20px; padding-right: 6px; padding-left: 2px;}
.dates-left {width: 69%; float: left; font-size: 15px; letter-spacing: 0.07em;}
.dates-right {width: 27%; text-align: center;  float: right;}

.music-left {width: 46%; float: left; }
.music-right {width: 46%; float: right; }
.music-left .msp-cn-2-19 {margin-top: 16px; margin-bottom: 60px;}
.line {opacity: 0;}

.tickets {width: 120px; border: 1px solid white; padding: 5px 10px ;}
.tickets:hover {background: white; color: black;}
.clear {
  clear: both;
  padding: 8px
}
.special-heading-filboriva {width: 500px; border: 1px solid white; color: white; padding: 10px 20px; margin: 20px auto !important; text-align: center; height: 28px;}
.special-heading-filboriva-privacy {width: 700px; border: 1px solid white; color: white; padding: 10px 20px; margin: 40px auto !important; text-align: center; height: 28px;}

.mini-Logo {width: 40px;}

.header-left {width: 15%; float: left; padding-top: 0px; text-align: left; }
.header-middle {width: 68%; float: left; text-align: center;height: 30px}
.header-right {width: 15%; text-align: right;  float: right;  padding-top: 0px}

.contact-body  {width: 500px; border: 1px solid white; color: white; padding: 50px 20px; margin: 20px auto; text-align: center; font-size: 15px; }
.newsletter-body  {width: 500px; border: 1px solid white; color: white; padding: 50px 20px 0px 20px; margin: 20px auto; text-align: center; font-size: 15px; }
.contact-body-privacy  {width: 700px;  border: 1px solid white; color: white; padding: 50px 20px; margin: 20px auto; text-align: center; font-size: 15px;}
.short-line {width: 30px;}
.contact-headline {margin-bottom: 5px;}
.intro-image {width: 375px; border: 1px solid white}
.music-image {width: 250px; border: 1px solid white}
.store-image {width: 550px;}

.black-hover:hover {color: black!important;}

.menu {margin-top: 50px;}
.menu li {padding: 8px;}

.menu-item a {font-size: 35px; font-weight: 300;}

.menu-item a:hover, .menu li:hover {cursor: hand; color: #b3b3b3!important;}

.center-music { text-align: center; margin: 0 auto; 
    padding: 12px 45px;
    font-size: 13px;
    line-height: 26px;
    width: 110px; border: 1px solid white; }
    
.center-music:hover {background-color: white; color: black; }

#footer {opacity: 0; margin-bottom: 20px;}
#footer {margin-top: 200px;}

.footer-content-inner-center {font-size: 80%; color: #919191}
#footer a {color: #919191!important;}


.msp-cn-2-15, .msp-preset-btn-159 {margin-top: 100px; }
.margintop {margin-top: 200px!important;}
.margin {margin-top: 40px;}
.storetop {margin-top: 50px!important;}
.logo-mobile {opacity: 0; }

body {background: url(../images/bg-home.jpg) no-repeat fixed center center; height: px !important;}
#inhalt {background: url(../images/bg.jpg) no-repeat fixed center center; height: px !important;}
.header-left img, header-right img {opacity: 1;}

input {width: 400px; height: 40px; background-color:rgba(0, 0, 0, 0);}
.input-half {width: 184px; height: 40px; background-color:rgba(0, 0, 0, 0);}
.input-half:first-child {margin-right: 26px;}
.btn-primary {width: 402px; height: 40px; color: black; border: 1px solid white; font-size: 110%; font-weight: 400; letter-spacing: 1px; font-family: "Lato","Arial",sans-serif!important; }
.btn-primary:hover {cursor: pointer; border: 1px solid white; background-color:rgba(0, 0, 0, 0); color: white; }
.infotext {text-align: left!important; width: 480px; margin: 0 auto; font-size: 80%!important; line-height: 100%;}
.newsletter-body p {width: 80%; margin: 30px auto 50px auto; }

#error {color:red!important;}
.newsletter-body #error {height: 60px; }
.error-text {padding-top: 15px;}
.cold_mine {width: 400px; margin: 0 0 100px 0 ; border: 1px solid white;}
.songbook {width: 430px; margin: 0 auto; margin-top: 30px;}


.icon-line {
    width: 300px;
    margin: 0 auto;
    text-align: center;
}

.icon-child {
    float:left;
    width: 19%;
}

.icon-child img {width: 35px;}






@media screen and (max-width: 1900px) 
{ 

.margintop {margin-top: 50px!important;}
.storetop {margin-top: 50px!important;}
.msp-cn-2-15, .msp-preset-btn-159 {margin-top: 100px;}
.divcenter {width: 700px; }

body {background: url(../images/bg-home_lap.jpg) no-repeat fixed center center; height: px !important;}
#inhalt {background: url(../images/bg-lap.jpg) no-repeat fixed center center; height: px !important;}
}



@media screen and (max-width: 1366px) 
{ 

.cold_mine {width: 275px; margin: 5px 0 10px 0 ; border: 1px solid white;}
.songbook {width: 330px; margin: 0 auto; margin-top: 20px;}
}

@media screen and (max-width: 45em) {
	.logo-mobile {opacity: 1; width: 50px; position: absolute; top: 40px; left: 40px;}
	}

@media screen and (max-width: 27em)
{ 

#bodyintro:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(../images/bg-home_mobile.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#inhalt:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(../images/bg-menu.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}


.dates {width: 320px!important;margin: 0px auto; text-align: left; color: white; margin-bottom: 10px; padding-right: 40px}
.special-heading-filboriva, .special-heading-filboriva-privacy {width: 280px; margin: 20px auto!important;}
.special-heading-filboriva-privacy {height: 60px;}
.date {font-size: 18px!important; padding-right: 100px!important; padding-left: 0px!important;}
.location {font-size: 14px!important; }
.tickets {padding: 2px 0px;}
.dates-left {width: 54%; line-height: 20px; }
.dates-right {width: 38%;}

.music-left, .music-right {float: left; width: 100%;}
.music-left .msp-cn-2-19 { margin-bottom: 35px;}
.music-right .line {margin: 50px auto; border: 0.5px solid white; width: 80%; opacity: 1}

.store-image {width: 560px!important;  }
.intro-image {width: 200px!important;  }
.music-image {width: 210px!important;  }
.contact-body, .contact-body-privacy, .newsletter-body  {width: 280px!important; padding: 30px 20px; margin: 0px auto!important;  }
.newsletter-body p {width: 80%; margin: 10px auto; }
.newsletter-body #error {height: 20px; }
.error-text {padding-top: 10px; font-size: 80%;}

.msp-cn-2-15, .msp-preset-btn-159 {margin-top: 0px;}
.margintop {margin-top: 150px!important;}
.storetop {margin-top: 50px!important;}
.divcenter {width: 320px; }
.header-left img, .header-right img {opacity: 0;}
.logo-mobile {z-index: 1000;}
.sb-slidebar {z-index: 1001!important;}
.margin {margin-top: 0px;}

#footer-wrap .footer-center-area {line-height: 14px;}
#footer {margin-top: 50px;}

.input-half {width: 276px!important;}
.input-half:first-child {margin-right: 0px!important;}

.btn-primary {width: 276px!important;}

.infotext {width: 276px!important; line-height: 120%!important; }


h3 {letter-spacing: 1px;}

.top-overlay-menu .sb-right #slidebar-menu { 

  line-height: 60px!important; 
}


.cold_mine {width: 280px; margin: 0px auto; border: 1px solid white; margin-top: 0px;}
.songbook {width: 280px; margin: 0 auto; margin-top: 0px;}



}