/*
  Eric Meyer's CSS Reset
  http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
     License: none (public domain)
*/


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;
  vertical-align: baseline;
}

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

/* Responsive Design: Breakpoints

 - 300px: Smartphone, small
 - 764px: Smartphone, big
 - 1000px: Tablet
 - 1275px: Desktop
*/

.viewport-1275,
.viewport-1000,
.viewport-464,
.viewport-300 {
  display:        none;
}

.show-on-desktops {
  display:        block;
}

.show-on-phones,
.email-pre {
  display:        none;
}

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




/* ----------------------- Seitenweite Definitionen, die in allen Viewports Gültigkeit haben ---------------------  */


body {
  font-family:       FuturaBT-Book, 'Open Sans', Arial, Helvetica, sans-serif;
  font-size:         1em;
  font-weight:      300;
  line-height:       18px;
  color:           #000;
  position:         relative;
  -webkit-font-smoothing: antialiased;
  padding:         13px;
}

html[lang=ru] {
  font-family: 'Open Sans', sans-serif !important;
}

ol, ul {
  list-style:         none;
  }

a {
  text-decoration:    none;
  color:           #00ABE7;
}

a:hover {
  text-decoration:    underline;
  color:           #000000;
}

p {
  font-weight:      400;
  font-size:         100%;
  line-height:      1.6rem;
  margin-bottom:      0.5%;
}


.csc-textpic-caption {
  font-style:       italic;
  font-size:         85%;
}

strong, b {
  font-weight:      600;
}

i, em {
  font-style:        italic;
}


ul, ol {
  font-weight:      400;
  font-size:         100%;
  line-height:      1.6rem;
  margin-bottom:      0.5%;
}

h1 {
  font-weight:      300;
  font-size:         170%;
  line-height:      2.2rem;
  margin-bottom:      2%;
}

h2 {
  font-weight:      300;
  font-size:         150%;
  line-height:      2.2rem;
 /* margin-bottom:      1%; */
}


.black-bg {
  background-color:    #000000;
}

.yellow-bg {
  background:        #ffed00;
}

.yellow-soft-bg {
  background:       rgba(255, 237 , 0, 0.3);
}

 .sgl-content-box {
  padding:         4% 0 4% 4%;
  margin-top:        4%;
  margin-right:      8%;
  margin-bottom:      4%;
 }

 .single-content  .sgl-content-box ul {
  padding:         0 4% 2% 6%;
}

 .csc-textpic {
  margin-bottom:      4%;
}


#footer a {
  color:          #000;
}

#footer a:hover  {
  color:           #00ABE7;
}

p.breadcrumb {
  padding:         0 0 0 30px;
  background:        url('../img/sprite-2.png') left -432px  no-repeat;
}

p.breadcrumb,
p.breadcrumb a {
  color:          #666666;
}







/* START @media > 300 --- =RES300 ------------------------------------------  */
@media only screen and (min-width: 300px) {

body {
  padding:         0 0 0 0;
}


#background {
  width:          100%;
  background:        none;
}

#page {
  width:          100%;
  margin:          0;
  overflow:         hidden;
  position:        relative;
  padding:        0 0 2% 0;
}

#header {
  width:          100%;
  margin:         0;
  position:        relative;
  overflow:         visible;
  z-index:        2000;
}

#footer {
  width:          100%;
  padding-top:      4%;
  background:        #E7E7E8;
  overflow:         hidden;

}

.show-on-desktops {
  display:        none;
}

.show-on-phones {
  display:        block;
}


/* ----------------------- nivoflex-logo ---------------------  */

h2.nivoflex {
  margin:          33px 0px 0px 0;
}

h2.nivoflex, h2.nivoflex a {
  width:           151px;
  height:         28px;
  display:        block;
  position:        relative;
  float:          left;
}

h2.nivoflex a span {
  width:          100%;
  height:          100%;
  position:        absolute;
  background:        url('../img/sprite.png') top left no-repeat;
}

.phonenumber {
  height:          30px;
  padding-top:      0;
}

/* ----------------------- telefon / email--------------------  */

.phonenumber {
  width:          140px;
  height:          33px;
  float:          right;
  padding:        3px 3px 0 0;
  margin:          30px 0 0px 3px;
}

.phonenumber h3,
.phonenumber h4 {
  text-align:        right;
}

.phonenumber h3 {
  line-height:      1em;
  font-weight:      600;
  font-size:        95%;
  color:          #000;
  text-align:        right;
}


.phonenumber h4 a {
  font-size:        12px;
  font-size:        0.8rem;
}


/* ----------------------- language  ------------------  */

.language {
  width:          100%;
  height:          25px;
  clear:          both;
  text-align:        right;
  position:        absolute;
  top:          0px;
  right:          0px;
  background:        #ffed00
}

.language li {
  float:          right;
  margin:          0 5px;
  margin-top:     0px;
  padding-top:      2px;
}

.language li a {
  line-height:      0.8rem;
  font-size:        13px;
  font-size:        0.8rem;
  font-weight:      300;
  color:          #000;
}

.language li.active a {
  font-family:       FuturaBT-Heavy, 'Open Sans', Arial, Helvetica, 'sans-serif';
  font-weight:      normal;
}


/* ----------------------- servicemenu  ------------------  */

header .service {
  clear:           left;
  float:          right;
  width:          100%;
  text-align:        right;
  height:          25px;
}


header .service ul {
  margin:          0;
  padding:         0 0 12px 10px;
  float:          right;
}

header .service li {
  float:           left;
  padding:         2px 2px 0 10px;
}
header .service li:first-child {
  margin-left:      0px;
}
header .service  li a {
  line-height:      0.8rem;
  font-size:        13px;
  font-size:        0.8rem;
  font-weight:      300;
}
header .service  li.active a {
  font-family:       FuturaBT-Heavy, 'Open Sans', Arial, Helvetica, 'sans-serif';
  font-weight:      normal;
}


.service.footer ul {
  padding:         2% 0 2% 2%;
}
.service.footer li {
  float:           left;
  font-size:        10px;
  font-size:        0.7rem;
  padding:        0 7px 0 0;
}


/* ----------------------- schnakenberg logo  ------------------  */

.logo, .logo h2, .logo h2 a {
  width:          250px;
  height:          115px;
}

.logo {
  clear:          both;
  margin:         0 auto 0 auto;
  padding-top:      15px;
}

.logo h2, .logo h2 a {
  display:        block;
  position:        relative;
  font-size:        12px;
}
.logo h2 a span {
  width:          100%;
  height:          100%;
  position:        absolute;
  background:        url('../img/sprite.png') -280px -35px no-repeat;
}

/* ----------------------- hauptmenü  ------------------  */

.main {
  width:          100%;
  height:         102px;
  padding:        0;
  margin:          0;
}

.single .main,
.category-2 .main {
  height:         50px;
  background:        transparent;
}

.second {
  clear:          both;
  width:          100%;
  height:          auto;
  overflow:        hidden;
  margin:          5px 0 0 0;
}

.main-nav li a,
.second-nav li a,
.third-nav li a {
  display:        block;
  margin:          0;
  float:           left;
  color:          #ffffff;
  background:        #000000;
  border-right:      2px solid #fff;
  border-bottom:      2px solid #fff;
  line-height:      1.4em;
}


.main-nav li a {
  width:          28.8%;
  height:         40px;
  padding:        5px 2% 5px 2%;
  font-size:        12px;
  font-size:        0.8rem;
}



.main-nav li:nth-child(3n+3) a {
        border-right:    none;
}

.second-nav li a,
.second-nav li.active .third-nav li a  {
  width:          45.5%;
  height:         35px;
  padding:        5px 2% 5px 2%;
  font-size:        12px;
  font-size:        0.8rem;
  line-height:      1.2em;
}

.second-nav li:nth-child(even) a {
        border-right:    none;
}

.second-nav li .third-nav li a {
    border-right:      2px solid #fff;
}

.second-nav li .third-nav li:nth-child(even) a {
    border-right:      none;
}

  /* Debugging http://www.elmastudio.de/programmierung/css/css-tipps-die-css-pseudoklassen-selektoren-first-child-last-child-und-nth-child/
*/

.main-nav li.main-3 a, .main-nav li.main-6 a {
  border-right:      none;
}

.third-nav {
  position:        relative;
  clear:          left;
}

.second-nav li.active .third-nav li a {
  background:        #000;
  color:          #fff;
}

/* In mobiler Darstellung auf kleinen Geräten weitere Menüpunkte ausblenden */

/*
.single .main-nav,
.category-1 .main-nav,
.category-2 .main-nav {
  display:         none;
}
*/

.single .main-nav li a,
.single .second-nav li a,
.category-2 .main-nav li a,
.category-2 .second-nav li a {
  display:        none;
}

.single .main-nav li a,
.single .second-nav li a,
.category-2 .main-nav li a {
  width:          39.5%;
  padding:        5px 2% 5px 8%;
  background:        #ffed00 url('../img/sprite.png') no-repeat -3px -809px;
}

.second-nav li .third-nav li a {
  border-right: none;
}

.single .main-nav li.active a,
.single .second-nav li.active a,
.category-2 .main-nav li.active a,
.category-2 .second-nav li.active a {
  display:        block;
}


.main-nav li.active a,
.main-nav li a:hover,
.single .main-nav li.active a,
.single .main-nav li a:hover,
.category-2 .main-nav li.active a,
.category-2 .main-nav li a:hover,
.second-nav li.active a,
.second-nav li a:hover,
.single .second-nav li.active a,
.single .second-nav li a:hover,
.category-2 .second-nav li.active a,
.category-2 .second-nav li a:hover,
.second-nav li.active .third-nav li a:hover,
.second-nav li.active .third-nav li.active a {
  color:          #000000;
  background-color:    #ffed00;
  text-decoration:     none;
}


p.breadcrumb {
  font-size:        11px;
  font-weight:      400;
}



.search  {
  float:           left;
  width:          100%;
}

.search input {
  width:          47%;
}

.search input, .search button {
  border:          1px solid #bbbbbb;
  padding:        5px 1%;
  color:          #333;
  font-size:        12px;
  font-size:        0.8rem;
}

/* ----------------------- content startseite  ------------------  */

.theater {
  padding:        4%;
  margin-bottom:      5px;
  clear:           both;
}

img.theater-foto,
.theater-foto-link {
  display:        none;
}

img.we-make-theater {
  width:           50% !important;
  height:          auto !important;
}

.theater p {
  margin-top:        5%;
  font-family:       FuturaBT-Light, 'Open Sans', sans-serif;
  font-weight:       normal;
  font-style:       normal;
}

.frontpage-block {
  height:          75px;
  margin-bottom:      5px;
  clear:          left;
  overflow:        hidden;
}

.frontpage-block img {
  height:          75px;
  width:          auto;
  float:          left;
  margin-right:      5%;
}

.frontpage-block h2 a {
  display:         block;
  height:          75px;
  padding:        4% 0 4% 4%;
  font-size:        85%;
  font-family:       FuturaBT-Light, 'Open Sans', sans-serif;
  font-weight:       normal;
  font-style:       normal;
  color:          #000;
  font-weight:      300;
  line-height:      24px;
  background:        url('../img/sprite-2.png') right -357px  no-repeat;
}
.frontpage-block h2 a:hover {
  text-decoration:    none;
}


/* ----------------------- content kategorien  ------------------  */
/* --------------------------------------------------------------  */

/* stage */

.yellow-box {
  width:          100%;
  height:          auto;
  background-color:    #ffed00;
  padding-bottom:      4%;
  margin-bottom:      2px;
}


.stage h1 {
  padding:        4% 4% 2% 4%;
  font-weight:      400;
  font-size:         180%;
  line-height:      2.2rem;
}

.stage h2 {
  font-size:        130%;
  font-weight:      400;
  padding:        2% 0 0 4%;
}

.stage h3 {
  font-weight:       600;
  font-size:         85%;
  padding:        2% 0 1% 4%;
  line-height:      95%;
}

.stage p {
  padding:        0 4% 2% 4%;
  font-weight:      300;
  font-size:        80%;
  line-height:      1.6em;
}

.stage p.address  {
  padding:        0 0 0 4%;
}


.stage img {
  width:          100%;
}

.stage-nav,
.stage-nav-numeric {
  display:        none;
}

.stage p.stage-caption,
.stage p.flex-caption {
  height:          35px;
  padding:        0 0 7px 0;
  font-size:        13px;
  font-weight:       300;
  text-align:        right;
}

.wwr .stage p.flex-caption {
  width:          100%;
  height:          auto;

  padding:        2% 20px 2% 20px;
  background-color:    #ffed00;
  color:          #000;
  font-weight:       300;
  font-size:         90%;
  line-height:       1.6em;
  text-shadow:      none;
  text-align:        left;
}



/* ------------------------------ FLEXSLIDER ----------------- */

/* NAV */

.flex-direction-nav {
  *height:         0;
}

.flex-direction-nav a {
  width:           50px;
  height:         77px;
  position:         absolute;
  margin:         0;
  display:         block;
  background-image:    url('../img/sprite-2.png');
  background-repeat:    no-repeat;
  bottom:          45%;
  z-index:         10;
  cursor:         pointer;
  text-indent:       -9999px;
  opacity:        1;
}

.flex-direction-nav .flex-next {
  background-position:    -77px -609px;
  right:           5px; }

.flex-direction-nav .flex-prev {
  background-position:  -90px -839px;
  left:           5px;
}

.flex-control-nav {
  display:         none;
}

.stage .flexslider .slides img {
  height:          auto;
  width:          100%;
}

/* ----------------------- orchestra-pit category top  ------------------  */

.orchestra-pit {
  width:          100%;
  overflow:        hidden;
  margin-bottom:      15px;
}

.orchestra-pit h1 {
  margin-bottom:       0;
  padding-left:      5px;
}

.orchestra-pit-teaser {
  position:         relative;
  float:          none;
  width:           100%;
  margin-top:        20px;
}

.orchestra-pit-teaser-img {
  display:        none;
}

.orchestra-pit-teaser h2 {
  font-size:        100%;
  font-weight:      600;
  padding:         0 8% 2% 5px;
  line-height:      1.4em;
}

.orchestra-pit-teaser p {
  padding:         0 4% 0 5px;
  font-size:        13px;
}


.single-content p.content-link,
.orchestra-pit-teaser p.content-link {
  text-align:       right;
}
.single-content p.content-link a span,
.orchestra-pit-teaser p.content-link a span,
.yellow-box p.content-link a span {
  display:        inline-block;
  width:          22px;
  height:          24px;
  margin:          0 0 -4px 2px;
  background:        url('../img/sprite.png') no-repeat -445px 2px;
}

.single-content p.content-link a:hover span,
.orchestra-pit-teaser p.content-link a:hover span,
.yellow-box p.content-link a:hover span {
  background-position:  -475px 2px;
}

/* ----------------------- produkt teaser  ------------------  */

.category {
  width:          1227px;
}

.single-content .overview h1, .single-content .overview header  h2 {
  width:          92.5%;
  background:        #ffed00;
  font-size:        120%;
  margin-bottom:      25px;
  padding:         2px 5px;
}

.single-content .overview .product-teaser {
  clear:          right;
  margin-bottom:      30px;
  position:        relative;
  overflow:         hidden;
}

.single-content .overview  .product-teaser img {
  display:        block;
  width:          92%;
  margin-left:      4%;
  margin-bottom:      10px;
  margin-top:       0;
}

.single-content .overview  .product-teaser h2 {
  padding:        0 0 0 4%;
  line-height:      1.2em;
  font-weight:      300;
}

.single-content .overview .product-teaser p {
  padding:        0 0 0 4%;
}

.single-content .overview .product-teaser h2 a {
  color:          #000;
  font-size:        85%;

  padding:         0 0 0 0;
  background:        transparent none;
}

.single-content .overview .product-teaser ul {
  list-style:         none;
  padding-left:      0;
}


/* ----------------------- content single page ------------------  */


.single-no-stage #content {
  margin-top:        15%;
  clear:          both;
}

.single-no-stage .single-content h2 {
  background:       #ffed00;
  padding:        0.5% 2%;
  margin-bottom:      6%;
  font-size:        130%;
}


.single-content p.content-link {
  text-align: right;
  padding-right:      2px;
}

.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content p,
.single-content ul,
.single-content ol {
  padding:        0 8% 2% 4%;
}

.single-content h2 {
  font-weight:      600;
  font-size:        130%;
  padding:        2% 8% 0 4%;
}

.single-content h3 {
  font-weight:      600;
  font-size:        105%;
  line-height:      1.4em;
}

.single-content h4 {
  font-weight:      600;
  font-size:        95%;
  line-height:      1.4em;
}

.single-content ul {
   list-style:      disc outside;
   padding:        0 8% 2% 10%;
}

.single-content img {
  width:          100%;
  margin:          4% 0;
}

.single-content table {
  width:          96%;
  margin-bottom:      4%;
  margin-left:      4%;
}

.single-content td,
.single-content th {
  padding:        6px 1px 4px 1px;
  text-align:        left;
  font-size:        70%;
  font-weight:      300;
  white-space:       nowrap;
}

.single-content th {
  font-weight:      600;
  background:        #ddd;
}

.single-content tr:nth-child(even) {
    background:        rgba(255, 237 , 0, 0.3);
}

/* ----------------------- pagination  ------------------  */

.nach-oben {
  float:          right;
  margin-top:        2%;
  padding-right:       25px;
}

.nach-oben span {
  display:        inline-block;
  background:        url('../img/sprite-2.png') 7px -1045px  no-repeat;
  width:          30px;
  height:          25px;
}

ul.pagination {
  clear:          both;
  margin:          4% 0 4% 4%;
}

ul.pagination li a {
  display:        block;
  float:          left;
  padding:        2px 8px;
  margin-right:      5px;
  color:          #fff;
  background:        #000;
}

ul.pagination li a:hover {
  color:          #000;
  background:        #ffed00;
  text-decoration:    none;
}





/* ----------------------- aside  ------------------  */

aside h2 {
  font-size:        120%;
  background:        #C6C7C8;
  padding:         1% 4%;
  margin:          8% 0 4% 0;
}

aside h2:first-child {
  margin:          0 0 4% 0;
}

aside img {
  width:          auto;
  height:          auto;
  margin:          4% 0 0 4%;
}

aside h2 {
  font-weight:      600;
  padding:         2% 4% 2% 4%;
  margin-top:        4%;
}

aside p {
  padding:         0 4% 0 4%;
}

aside p.dart-blue span {
  margin-top:        2px;
  height:          23px;
  width:          20px;
  background:        url('../img/sprite.png') no-repeat -451px 4px;
  display:        inline-block;
}

aside section {
  margin-bottom:      8%;
}

aside ul li {
   list-style:      none;
   padding:        0 8% 2% 10%;
   background:      url('../img/sprite.png') no-repeat -350px -815px;
}

aside .tuev-1 {
  width:          80px;
  height:          80px;
  margin-bottom:       0px;

}

/* ----------------------- footer  ------------------  */


#footer li {
  padding:        4% 4% 4% 2%;
}

#footer li ul {
  padding-top:      4%;
}

#footer li ul li {
  float:          none;
  padding:        0 0 1% 4%;
}

#footer li a {
  font-family:       FuturaBT-Heavy, 'Open Sans', Arial, Helvetica, 'sans-serif';
  font-size:        90%;
  font-weight:      normal;
}

#footer li ul li a {
  font-family:       FuturaBT-Book, 'Open Sans', Arial, Helvetica, 'sans-serif';
  font-weight:      normal;
}

p.footer {
  margin:          2px 0 0 0;
  float:           right;
  text-align:        right;
  font-size:        90%;
}

.viewport-300 {
  display:         block;
}

  /* Content: Kontakt-Seite ----------------------------------------------- */

  .csc-textpic-intext-right-nowrap-310 .csc-textpic-imagewrap {
    float: none !important;
  }

  .csc-textpic-intext-right-nowrap-310 .csc-textpic-text {
    margin-right: 0 !important;
  }

}   /* ENDE @media 380 */




































                            /* START @media > 464  */
@media only screen and (min-width: 464px) {


#footer li {
  width:          44%;
  float:          left;
}

#footer li ul li {
  width:          100%;
  padding:        0 0 2% 0;
}

#footer li.sitemap-3,
#footer li.sitemap-5  {
  clear:          left;
}

.viewport-300 {
  display:         none;
}

.viewport-464 {
  display:         block;
}

}  /* ENDE @media 464*/




                            /* START @media > 764  ---------- ---------- ----------   */
@media only screen and (min-width: 764px) {


body {
  padding:         8px 0;
  font-size:         0.9em;
  line-height:       16px;
}

#background {
  width:          748px;
  margin:          0 auto;
  background:        none;
}

.show-on-desktops {
  display:        block;
}

.show-on-phones {
  display:        none;
}



/* ----------------------- nivoflex-logo ---------------------  */


h2.nivoflex, h2.nivoflex a {
  margin:          0 10px 20px 0;
}


/* ----------------------- telefon / email--------------------  */

.phonenumber h3,
.language li a {
  line-height:      1rem;
  font-weight:      400;
  font-size:        14px;
  font-size:        0.9rem;
  color:          #000;
}

.phonenumber {
  float:          left;
  height:          30px;
  width:          150px;
  padding-top:      0;
  margin:          0 0 0 0;
}

.phonenumber h3,
.phonenumber h4 {
  text-align:        left;
}

.phonenumber h4 {
  margin-top:        -1px;
}

.phonenumber h4 a {
  font-size:        11px;
  font-size:        0.7rem;
}

/* ----------------------- language  ------------------  */

.language {
  width:          50%;
  height:          20px;
  display:        block;
  background:        transparent none;
}

.language-menu-icon,
.language-menu-icon span {
  display: none;
}

.language-nav {
  width:           100%;
  position:         relative;
  top:          0;
  margin:          0;
  padding:         0 0 0 0;
  background:        none;
  display:         block; /* because of mobile menu */
}

.language li {
  float:           right;
  padding:         0 5px;
  margin:          0 0 0 0;
  line-height:      0;
  }

.language li:first-child {
  padding-right:        0px;
}

/* ----------------------- schnakenberg logo  ------------------  */

.logo {
  padding-top:      5px;
}


/* ----------------------- servicemenu  ------------------  */

header .service {
  width:          50%;
  text-align:        right;
  height:          20px;
  display:        block;
  position:        absolute;
  top:          11px;
  right:          0;
}

.service-menu-icon,
.service-menu-icon span {
  display:        none;
}

header .service ul {
  clear:           both;
  position:         relative;
  top:           0;
  right:           0;
  width:           100%;
  margin:          0;
  padding:         0;
  background:        none;
  display:        block;
}
header .service  li {
  float:           right;
  padding:         0 5px;
}

header .service  li:first-child {
  padding-right:        0px;
}

header .service  li a {
  font-size:        11px;
  font-size:        0.7rem;
  color:          #009EE0;
  line-height:      1.4em;
}

/* ----------------------- hauptmenü  ------------------  */

.single .main-nav li a,
.single .second-nav li a,
.category-2 .main-nav li a,
.category-2 .second-nav li a {
  display:        block;
}

.single .main,
.category-2 .main,
.main {
  height:         90px;
  margin:          -18px 0 10px 0;
  background:        none;
}

.main-nav li a,
.single .main-nav li a,
.category-2 .main-nav li a {
  display:        block;
  width:          113px;
  height:         45px;
  padding:        40px 5px 5px 5px;
  font-size:        105%;
  border:          none;
  margin-right:      2px;
  background:       #000 url('../img/sprite.png') 0 -574px no-repeat;
  line-height:      1.4em;
}

.main-nav li.main-317 a {
  background-position:  -35px -567px;
}
.main-nav li.main-338 a {
  background-position:  -35px -557px;
  border-right:      none;
}
.main-nav li.main-335 a {
  background-position:  0px -705px;
}
.main-nav li.main-336 a {
  background-position:  0px -715px;
}
.main-nav li.main-337 a {
  background-position:  0px -725px;
  margin-right:      0;
}

.single .second-nav li a,
.category-2 .second-nav li a,
.second-nav li a {
  width:          113px;
  height:         35px;
  padding:        5px;
  line-height:      1.2em;
  background:        #000 none;
}



.second-nav li:nth-child(even) a {
        border-right:    2px solid #fff;
}

.second-nav li:nth-child(6n+6) a {
        border-right:    none;
}


.third-nav {
  position:        absolute;
  top:          381px;
  left:          0;
}

.second-nav li.active .third-nav li a {
  width:          113px;
  height:          auto;
  padding:        5px;
  border-bottom:      none;
  margin-bottom:      0;
}


p.breadcrumb {
  padding:         0 0 0 20px;
  float:           left;
  background:        url('../img/sprite-2.png') -9px -429px  no-repeat;
}

#header p.breadcrumb {
  padding-top:      2px;
  height:          28px;
  display:         block;
}

.search  {
  width:          auto;
  float:           right;
}

.search input {
  width:          auto;
}

.search input, .search button {
  border:          1px solid #bbbbbb;
  padding:        2px;
}

.search input.searchbox-sword {
  padding: 3px;
  margin-right: 5px;
}

/* ----------------------- content startseite  ------------------  */
/* --------------------------------------------------------------  */


/* ----------------------- theater  ------------------  */


.theater {
  padding:        0;
  overflow:        hidden;
  margin-bottom:      11px;
  position:        relative;
}

img.theater-foto {
  display:        block;
  width:          495px !important;
  height:         auto !important;
  float:          left;
}

a.theater-foto-link {
  display:        block;
  width:          395px;
  height:          125px;
  padding:        199px 100px 0 0;
  text-align:        right;
  position:        absolute;
  top:          0;
  left:          0;
  z-index:        200;
  font-size:         27px;
  font-size:         1.7rem;
  text-decoration:    none;
  color:          rgba(255, 237, 0, 1);
}

a.theater-foto-link span {
  width:          100px;
  height:          100px;
  position:        absolute;
  top:          123px;
  right:          25px;
  background:        url('../img/sprite-2.png') right -590px  no-repeat;
  z-index:        300;
}



img.we-make-theater {
  float:          left;
  width:          210px !important;
  height:          auto !important;
  margin:          10px 5px 20px 20px;
}

.theater p {
  margin:          0 0 0 475px;
  padding:        5% 1% 0 5%;

}



/* ----------------------- frontpage blocks  ------------------  */


.frontpage-block {
  width:          242px;
  height:          244px;
  margin:          0 11px 11px 0;
  clear:          none;
  position:        relative;
  overflow:        hidden;
  float:          left;
}

.frontpageblock-3 {
  margin:          0 0 5px 0;
}

.frontpage-block img {
  width:          242px;
  height:          auto;
  float:          none;
  margin:          79px 0 0 0;
}

.frontpage-block h2 a {
  display:         block;
  height:          54px;
  margin:          -248px 0 0 0;
  padding:        15px 0 10px 10px;
  font-weight:      400;
  line-height:      24px;
  background:        url('../img/sprite-2.png') right -357px  no-repeat;
}

.frontpageblock-1 img,
.frontpageblock-2 img,
.frontpageblock-3 img  {
}

.frontpageblock-1 h2 a,
.frontpageblock-2 h2 a,
.frontpageblock-3 h2 a {
}

/* ----------------------- content kategorien  ------------------  */
/* --------------------------------------------------------------  */

/* ----------------------- bühne  ------------------  */


/* grid */


.top0,
.top1,
.top2,
.top3,
.top4,
.top5          {   bottom: 39px;}

.bottom3          {  bottom: 90px;}
.bottom2          {  bottom: 60px;}
.bottom1          {  bottom: 30px;}
.bottom0          {   bottom: 0px;}

.left0,
.left1,
.left2,
.left3,
.left4,
.left5,
.left6          {  left: 375px;}



/* stage */

.stage {
  width:          100%;
  position:        relative;
  margin-bottom:      25px;
}

.yellow-box {
    position:        absolute;
  width:          373px;
  height:          auto;
  margin-bottom:      0;
  padding-bottom:      1%;
  z-index:         2000;
}

.single .yellow-box {
  width:          498px;
  height:          145px;
  top:          276px;
  padding-bottom:      0%;
}

.stage h1 {
  padding:        2% 0 0 4%;
  font-size:         160%;
  line-height:      2.2rem;
  margin-bottom:      -2%;
}

.single .stage h1 {
  padding:        4% 0 0 6%;
}

.stage h2 {
  padding:        4% 0 0 6%;
}

.stage h3 {
  padding:        4% 0 2% 6%;
  line-height:      95%;
}

.stage p {
  padding:        2% 2% 0 4%;
}

.single .stage p {
  padding:        2% 4% 0 6%;
}

.stage p.address  {
  padding:        0 0 0 6%;
}

/* stage-nav */

.stage-nav {
  display:         block;
  position:         absolute;
  bottom:         150px;
  width:           100%;
}

.stage-nav .previous,
.stage-nav .next  {
  width:           50px;
  height:         77px;
  position:         absolute;
  top:           0;
  background-image:    url('../img/sprite-2.png');
  background-repeat:    no-repeat;
  }

.stage-nav .previous {
  left:           25px;
  background-position:  -90px -839px;
  cursor:         pointer;
}

.stage-nav .next {
  left:           100px;
  background-position:    -77px -609px;
  cursor:         pointer;
}

.stage-nav-numeric {
  display:        block;
  position:         absolute;
  bottom:         25px;
  left:          25px;
  width:           100%;
}

.stage-nav-numeric li a {
  display:        block;
  float:          left;
  text-align:        center;
  padding:        4px 8px;
  margin-right:      2px;
  color:          #fff;
  background:        #000;
}

.stage-nav-numeric li a:hover,
.stage-nav-numeric li.active a {
  color:          #000;
  background:        #ffed00;
  text-decoration:    none;
}

.stage p.stage-caption,
.stage p.flex-caption {
  height:          auto;
  position:         absolute;
  bottom:         3px;
  right:          0;
  width:           auto;
  padding:        3px 6px;
  color:          #fff;
  font-weight:       300;
  background:        rgba(255, 255, 255, 0.3);
  text-shadow:       1px 1px 1px rgba(51, 51, 51, 1);
}

.wwr .stage p.flex-caption {
  width:          333px;
  height:          auto;
  bottom:          28px;
  right:          0;
  padding:        2% 20px 2% 20px;
  font-size:         90%;
  line-height:       1.6em;
}




/* ------------------------------ FLEXSLIDER ----------------- */

/* NAV */

.flex-direction-nav a {
  bottom:          100px;
  opacity:        0.2;
  -webkit-transition:   all .3s ease;
}

.flex-direction-nav .flex-next {
  left:           125px; }

.flex-direction-nav .flex-prev {
  left:           25px;
}
.flexslider:hover .flex-next {opacity: 0.8; left: 125px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 25px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* ANTINUMERIC NAVIGATION ;-) */

.flex-control-nav {
  display:        block;
  width:           100%;
  position:         absolute;
  bottom:         35px;
  left:          25px;
  text-align:       left;
  z-index:        1000;
}


/* ----------------------- orchestra-pit category top  ------------------  */

.orchestra-pit  {
  margin-bottom:      18px;
}

.orchestra-pit-teaser {
  float:           left;
  width:           248px;
  height:          220px;
}

.orchestra-pit-teaser-img {
  display:        block;
}

.orchestra-pit img {
  width:          228px;
  height:          100%;
  margin-bottom:      18px;
}

.orchestra-pit-teaser h2 {
  padding:         0 8% 2% 0;
  height:          40px;
}

.orchestra-pit-teaser p {
  padding:         0 8% 0 0;
  line-height:      1.6em;
}

.orchestra-pit-teaser p.content-link {
  position:        absolute;
  bottom:         0;
  right:          0;
  padding:         0 8% 0 0;
}

/* ----------------------- produkt teaser  ------------------  */

.category {
  margin-bottom:      0px;
  width:          748px;
  overflow:         hidden;
  }


.single-content .overview h2 {
  width:          350px;
  padding:         2px 0 2px 25px;
}

.single-no-stage .single-content h2 {
  padding:        0.5% 2%;
  margin-bottom:      6%;
}

.single-content .overview .product-teaser {
  margin-bottom:      25px;
}

.single-content .overview  .product-teaser img {
  display:        block;
  width:          373px;
  height:          143px;
  float:           right;
  margin-bottom:      2px;
}

.single-content .overview .product-teaser h2 {
  padding:        0;
}


.single-content .overview .product-teaser h2 a {
  display:        block;
  position:        relative;
  top:          0;
  left:          0;
  color:          #000;
  font-size:        100%;
  padding:         0 0 0 0;
  background:        transparent none;
}

.single-content .overview .product-teaser h2 a:hover {
  color:          #009EE0;
  text-decoration:    none;
}

.single-content .overview .product-teaser p {
  display:        block;
  padding:        0 4% 0 0;
  margin-right:      373px;
}

.single-content .overview .product-teaser ul {
  display:        block;
  width:          49%;
}

.single-content .overview .product-teaser ul li {
  float:          left;
  font-size:        85%;
  margin-right:      10px;
}

/* ----------------------- content single page ------------------  */


.single-no-stage #content {
  margin-top:        10%;
}

.single-content {
  width:          498px;
  float:          left;
  padding-bottom:      8%;
}

.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content p,
.single-content ul,
.single-content ol {
  padding:        0 8% 2% 0;
}


.single-content h2,
.single-content .sgl-content-box h1 {
  padding:        2% 8% 0 0;
  font-weight:       600;
  font-size:         130%;
}

.single-content ul {
   padding:        0 8% 2% 6%;
}

.single-content img {
  width:          92%;
}

.single-content table {
  width:          92%;
  margin-left:       0;
}

.single-content td,
.single-content th {
  padding:        4px 2px 4px 2px;
  font-size:        80%;
}

/* ----------------------- pagination  ------------------  */

ul.pagination {
  margin:          4% 0;
}

ul.pagination li a {
  padding:        3px 12px;
  margin-right:      10px;
}


/* ----------------------- aside  ------------------  */

aside {
  width:          248px;
  float:          left;
  margin-left:      2px;
}

aside ul li {
   padding:        0 8% 2% 14%;
   background:      url('../img/sprite.png') no-repeat -358px -815px;
}

aside img {
  width:          248px;
  height:          auto;
  margin-left:      0;
}

aside h3 {
  padding:         2% 4% 2% 0;
  margin-top:        4%;
}

aside p {
  padding:         0 0 0 0;
  font-size:        86%;
  line-height:       1.4rem;
}

aside ul li {
  font-size:        86%;
}

aside .tuev-1 {
  width:          80px;
  height:          80px;
  margin-bottom:       10px;

}


/* ----------------------- footer  ------------------  */

.footer-bg {
  width:          100%;
  background:        #E7E7E8;
  overflow:        hidden;
}

#footer {
  width:          748px;
  margin:          0 auto;
  padding:         10px 0 11px 0;
}

#footer p.breadcrumb {
  float:           none;
}

#footer li {
  padding:        2% 4% 2% 0px;
  width:          208px;
}

#footer li.sitemap-3,
#footer li.sitemap-5  {
  clear:          none;
}

#footer li.sitemap-4 {
  clear:          left;
}


.service.footer {
  width:          748px;
  margin:          0 auto;
}
.service.footer ul {
  padding:         11px 0 22px 0;
}

p.footer {
  margin:          0 0px 0 0;
  float:           right;
  text-align:        right;
  font-size:        90%;
}
















.viewport-464 {
  display:         none;
}

.viewport-764 {
  display:         block;
}

  .csc-textpic-intext-right-nowrap-310 .csc-textpic-imagewrap {
    float: right !important;
  }

  .csc-textpic-intext-right-nowrap-310 .csc-textpic-text {
    margin-right: 310px !important;
  }


}                             /* ENDE @media 764*/











































                            /* START @media > 1000  ---------- ---------- ----------   */
@media only screen and (min-width: 1020px) {

html {
  background:       url('../img/welt.gif') no-repeat center center fixed;
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
              background-size: cover;
   overflow-y:       scroll;
}

body {
  padding:         8px 0 30px 0;
  font-size:         1em;
  line-height:       16px;
}

.show-on-desktops {
  display:        block;
}

.show-on-phones {
  display:        none;
}

#background {
  width:          100%;
  margin:          0;
  background:        none;
}


#page,
#footer,
.service.footer {
  width:          1008px;
  margin:          0 auto;
}

.logo {
  padding-top:      45px;
}

.search input {
  width:          252px;
}

/* ----------------------- hauptmenü  ------------------  */

.single .main,
.category-2 .main,
.main {
  height:         160px;
  margin:          -160px 0 10px 0;
  background:        none;
}

.main-nav li a,
.single .main-nav li a,
.category-2 .main-nav li a {
  display:        block;
  width:          89px;
  height:         70px;
  padding:        85px 5px 5px 5px;
  border:          none;
  font-size:         90%;
  background:       #000 url('../img/sprite.png') 0 -155px no-repeat;
  line-height:      1.4em;
}

.main-nav li.main-317 a {
  background-position:  -99px -155px;
}

.main-nav li.main-338 a {
  width:          93px;
  padding:        85px 3px 5px 3px;
  background-position:  -198px -155px;
}

.main-nav li.main-335 a {
  background-position:  -357px -155px;
  margin-left:      404px;
}

.main-nav li.main-336 a {
  background-position:  -456px -155px;
}

.main-nav li.main-337 a {
  background-position:  -555px -155px;
  border:          none;
  margin-right:      0;
}

.single .second-nav li a,
.category-2 .second-nav li a,
.second-nav li a {
  width:          89px;
  height:         35px;
  padding:        5px 5px;
  font-size:        75%;
  letter-spacing:      0;
  line-height:      1.4em;
}

.second-nav li:nth-child(6n+6) a {
    border-right:    2px solid #fff;
}


.single .second-nav li:last-child a,
.category-2 .second-nav li:last-child a,
.second-nav li:last-child a {
    border-right:      none;
  margin-right:      0;
}

li.sub-365 a {
  width:          107px;
}

.third-nav {
  top:          332px;

}

.second-nav li.active .third-nav li a {
  width:          180px;
  padding:        5px 10px;
  font-size:         80%;
  float:           none;
}

#header p.breadcrumb {
  height:       55px;
}


/* ----------------------- content startseite  ------------------  */
/* --------------------------------------------------------------  */


/* ----------------------- theater  ------------------  */


.theater {
  padding:        0;
  overflow:        hidden;
  margin-bottom:      18px;

}

img.theater-foto {
  width:          666px !important;
  height:          auto !important
  float:          left;
  z-index:        100;
}

a.theater-foto-link {
  display:        block;
  width:          566px;
  height:          120px;
  padding:        260px 150px 0 0;
  font-size:         27px;
  font-size:         1.7rem;
  color:          rgba(255, 240, 0, 0);
  -webkit-transition: color .4s linear;
    -moz-transition: color .4s linear;
    -o-transition: color .4s linear;
    -ms-transition: color .4s linear;
    transition: color .4s linear;
}

a.theater-foto-link:hover {
  color:          rgba(255, 240, 0, 1);
}

a.theater-foto-link span {
  opacity:        0;
  width:          100px;
  height:          100px;
  top:          185px;
  right:          65px;
  background:        url('../img/sprite-2.png') right -590px  no-repeat;
  -webkit-transition: opacity .4s linear;
    -moz-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    -ms-transition: opacity .4s linear;
    transition: opacity .4s linear;
}

a.theater-foto-link:hover span {
  opacity:        1;
}

img.we-make-theater {
  width:          288px !important;
  height:          auto !important;
  float:          left;
  margin:          20px 0 20px 36px;
}

.theater p {
  float:           left;
  width:          288px;
  margin:          0 0 0 0;
  padding:        2% 0 0 36px;
  font-size:        14px;
  font-size:        0.9rem;
  font-weight:      400;
  line-height:      1.5rem;
}

/* ----------------------- frontpage blocks  ------------------  */


.frontpage-block {
  width:          324px;
  height:          326px;
  margin:          0 18px 18px 0;
}


.frontpageblock-3 {
  margin:          0 0 18px 0;
}

.frontpage-block img {
  width:          324px;
  margin:          105px 0 0 0;
}


.frontpage-block h2 a {
  height:          80px;
  margin:          -326px 0 0 0;
  padding:        15px 0 10px 10px;
  font-weight:      300;
  font-size:         24px;
  font-size:         1.5rem;
  line-height:      2rem;
  background:        none;
}

.frontpageblock-1 img,
.frontpageblock-2 img,
.frontpageblock-3 img  {
}

.frontpageblock-1 h2 a,
.frontpageblock-2 h2 a,
.frontpageblock-3 h2 a {
}

.frontpage-block h2 a:hover {
  background:        url('../img/sprite-2.png') right -267px  no-repeat;
}


/* ----------------------- content kategorien  ------------------  */
/* --------------------------------------------------------------  */

/* ----------------------- bühne  ------------------  */

/* grid */

.top0,
.top1,
.top2,
.top3,
.top4,
.top5          {   bottom: auto;}

.top0           {  top: 0;  }
.top1          {   top: 113px;}
.top2          {   top: 226px;}
.top3          {   top: 339px;}
.top4          {   top: auto;  bottom: 75px;}
.top5          {   top: auto;  bottom: 0px;}

.bottom3        {  bottom: 174px;}
.bottom2        {  bottom: 116px;}
.bottom1        {  bottom: 58px;}
.bottom0        {   bottom: 0px;}

.left0          {  left: 0;}
.left1          {  left: 101px;}
.left2          {  left: 202px;}
.left3          {  left: 303px;}
.left4          {  left: 404px;}
.left5          {  left: 505px;}
.left6          {  left: 606px;}

/* stage */

.stage {
  margin-bottom:      50px;
}

.yellow-box {
    position:        absolute;
  width:          402px;
}

.single .yellow-box {
  width:          604px;
  height:          180px;
  top:          387px;
}

.stage h1 {
  padding:        4% 0 0 5%;
  margin-bottom:      2%;
}

.stage h2 {
  padding:        4% 0 0 5%;
}

.stage h3 {
  padding:        3% 0 2% 5%;
  line-height:      normal;
}

.stage p  {
  padding:        2% 5% 0 5%;
}
.stage p.address  {
  padding:         0 0 0 5%;
}
.email-pre {
  display:        inline;
}

.stage p.stage-caption,
.stage p.flex-caption {
  height:          auto;
  position:         absolute;
  bottom:         28px;
  right:          0;
  width:           auto;
  padding:        4px 8px;
  color:          #fff;
  font-weight:       300;
  background:        rgba(255, 255, 255, 0.3);
  text-shadow:       1px 1px 1px rgba(51, 51, 51, 1);
}

.wwr .stage p.flex-caption {
  width:          362px;
  height:          auto;
  bottom:          28px;
  right:          0;
  padding:        2% 20px 2% 20px;
  font-size:         100%;
  line-height:       1.6em;
}



/* ----------------------- orchestra-pit category top  ------------------  */

.orchestra-pit  {
  margin-bottom:      50px;
}

.orchestra-pit img {
  width:          301px;
  margin-bottom:      25px;
}

.orchestra-pit-teaser {
  width:           336px;
  height:          245px;
}

.orchestra-pit-teaser h2 {
  margin-top:        -5px;
  line-height:      2em;
  height:          auto;
}

.orchestra-pit-teaser p {
  font-weight:       400;
  font-size:         90%;
  line-height:       1.6rem;
  padding:         0 8% 0 0;
}

.orchestra-pit-teaser p.content-link {
  position:        absolute;
  bottom:         0;
  right:          0;
  padding:         0 8% 0 0;
}

.orchestra-pit-teaser p.content-link a span,
.yellow-box p.content-link a span {
  display:        inline-block;
  width:          22px;
  height:          24px;
  margin:          0 0 -4px 2px;
  background:        url('../img/sprite.png') no-repeat -445px 2px;
}

.orchestra-pit-teaser p.content-link a:hover span,
.yellow-box p.content-link a:hover span {
  background-position:  -475px 2px;
}



/* ----------------------- produkt teaser  -----------------  */


.category {
  overflow:        hidden;
  margin-bottom:      0px;
  width:          1008px;
}

.single-content  .overview h1, .single-content  .overview h2 {
  width:          577px;
}

.single-no-stage .single-content h1, .single-no-stage .single-content h2 {
  padding:        1.2% 2%;
  margin-bottom:      8%;
}

.single-content .overview .product-teaser {
  margin-bottom:      18px;
}

.single-content .overview  .product-teaser img {
  width:          402px;
  height:          154px;
}

.single-content .overview .product-teaser p {
  margin-right:      402px;
}

.single-content .overview .product-teaser ul {
  width:          50%;
}


.single-content .overview .product-teaser ul li {
  line-height:      1.5em;
}


/* ----------------------- content single page ------------------  */

.single-no-stage #content {
  margin-top:        10%;
}

.single-content {
  clear:          both;
  width:          604px;
  float:          left;
  padding-bottom:      8%;
}

.single-content td,
.single-content th {
  padding:        1% 2% 1% 2px;
  font-size:        80%;
  font-weight:      300;
}

.single-content th {
  font-weight:      400;
}

.single-content img {
  width:          100%;
}


/* ----------------------- pagination  ------------------  */


ul.pagination li a {
  padding:        3px 11px;
}




/* ----------------------- aside  ------------------  */

aside {
  width:          402px;
}

aside h2 {
  font-size:        130%;
  padding:         2% 4%;
  margin:          8% 0 4% 0;
}

aside ul li {
  font-size:        100%;
   list-style:      none;
   padding:        0 8% 2% 14%;
   background:      url('../img/sprite.png') no-repeat -349px -774px;
}

aside h3 {
  padding:         2% 4% 2% 4%;
}

aside p {
  padding:         0 4% 0 4%;
  font-size:        100%;
  line-height:       1.6rem;
}

aside p.dart-blue {
  padding:         4% 4% 0 4%;
}

aside img {
  width:          auto;
  margin-left:      4%;
}


aside .tuev-1 {
  width:          100px;
  height:          100px;
  margin-bottom:       20px;

}






/* ----------------------- footer  ------------------  */


#footer {
  margin:          0 auto;
  padding:         10px 0 11px 0;
}

#footer li {
  padding:        2% 0 2% 0;
  width:          168px;
}

#footer li a {
  font-size:        80%;
}


#footer li.sitemap-3,
#footer li.sitemap-5,
#footer li.sitemap-4 {
  clear:          none;
}

p.footer {
  margin:          0 250px 0 0;
  text-align:        left;
  font-size:        90%;
}





















.viewport-764 {
  display:         none;
}

.viewport-1000 {
  display:        block;
}

}                            /* / ENDE @media 1000 */













































                            /* START @media 1275 ---------- ---------- ---------- */
@media only screen and (min-width: 1275px) {

body {
  font-size:         1.2em;
  line-height:       20px;
}



#page,
#footer,
.service.footer {
  width:          1227px;
  margin:          0 auto;
}

.logo {
  padding-top:      45px;
}

h2.nivoflex, h2.nivoflex a {
  margin:          0 10px 25px 0;
}



/* ----------------------- nivoflex-logo ---------------------  */

h2.nivoflex, h2.nivoflex a {
  width:           190px;
  height:         35px;
}

h2.nivoflex a span {
  background:        url('../img/sprite.png') -163px top no-repeat;
}

.phonenumber {
  height:          35px;
}



/* ----------------------- telefon / email--------------------  */

.phonenumber h3,
.language-menu-icon,
.language li a {
  font-size:        16px;
  font-size:        1rem;
}

.phonenumber h4 {
  margin-top:        1px;
}

.phonenumber h4 a {
  font-size:        12px;
  font-size:        0.8rem;
}



/* ----------------------- servicemenu  ------------------  */

header .service {
  top:          13px;
}

header .service li {
  padding:         0 8px;
}

header .service li:first-child {
  padding-right:        0px;
}

header .service li a {
  font-size:        12px;
  font-size:        0.8rem;
}



/* ----------------------- schnakenberg logo  ------------------  */

.logo, .logo h1, .logo h1 a {
  width:          280px;
  height:          120px;
}

.logo {
  padding-top:      55px;
}

.logo h1 a span {
  background:        url('../img/sprite.png') 0px -34px no-repeat;
}


/* ----------------------- hauptmenü  ------------------  */

.single .main,
.category-2 .main,
.main  {
  height:         180px;
  margin-top:        -175px;
  background:        none;
}


.single .main-nav li a,
.category-2 .main-nav li a,
.main-nav li a {
  width:          104px;
  height:         80px;
  padding:        95px 8px 5px 8px;
  margin-right:      3px;
  font-size:         85%;
  line-height:      1.2em;
  background:       #000 url('../img/sprite.png') 0 -315px no-repeat;

}

.main-nav li.main-317 a {
  background-position:  -120px -315px;
}

.main-nav li.main-338 a {
  width:          104px;
  height:         80px;
  padding:        95px 8px 5px 8px;
  background-position:  -240px -315px;
}

.main-nav li.main-335 a {
  background-position:  -370px -315px;
  margin-left:      492px;
}

.main-nav li.main-336 a {
  background-position:  -490px -315px;
}

.main-nav li.main-337 a {
  background-position:  -610px -315px;
  border:          none;
  margin-right:      0;
}

.second-nav li:nth-child(even) a {
  border-right:       none;
}

.single .second-nav li a,
.category-2 .second-nav li a,
.second-nav li a {
  width:          110px;
  height:         40px;
  padding:        10px 5px;
  font-size:         75%;
    border:          none;
  margin-right:      3px;
  margin-bottom:      3px;
  line-height:      1.4em;
  border:          none;
}

li.sub-365 a {
  width:          130px;
}

.third-nav {
  position:        absolute;
  top:          382px;
}

.second-nav li.active .third-nav li a {
  width:          223px;
  padding:         8px 10px;
  font-size:         75%;
  float:           none;
}

#header p.breadcrumb,
#footer p.breadcrumb {
  height:         55px;
}

p.breadcrumb {
  padding:         0 0 0 25px;
  background:       url('../img/sprite-2.png') -9px -511px no-repeat;
  font-size:         12px;
  font-weight:       400;
}

.search {
  width:          365px;
}

.search input.searchbox-sword {
  width:          70%;
  float:          left;
  padding:        3px 4px;
  margin:          0;
}

.search button {
  float:          right;
}

/* ----------------------- content startseite  ------------------  */

/* ----------------------- theater  ------------------  */


.theater {
  margin-bottom:      27px;
}

img.theater-foto {
  width:          809px !important;
  height:          auto !important;
}

a.theater-foto-link {
  width:          690px;
  height:          120px;
  display:        block;
  padding:        312px 120px 0 0;
  text-align:        right;
  position:        absolute;
  top:          0;
  left:          0;
  z-index:        200;
  font-weight:      300;
  font-size:         36px;
  font-size:         2rem;
  line-height:      2.2rem;
}

a.theater-foto-link span {
  top:          240px;
  right:          42px;
  background:        url('../img/sprite-2.png') right -714px  no-repeat;
}


img.we-make-theater {
  width:           350px !important;
  height:          auto !important;
  float:           left;
  margin:         20px 0 20px 42px;
}


.theater p {
  width:          350px;
  padding:        3% 0 0 42px;
  font-size:        100%;
  font-weight:      400;
  line-height:      1.6rem;
}

/* ----------------------- frontpage blocks  ------------------  */


.frontpage-block {
  width:          391px;
  height:          395px;
  margin:          0 27px 27px 0;
}

.frontpageblock-3 {
  margin:         0 0 27px 0;
}

.frontpage-block img {
  width:          391px;
  margin:          130px 0 0 0;
}

.frontpage-block h2 a {
  height:          70px;
  margin:          -395px 0 0 0;
  padding:        25px 0 20px 25px;
  font-weight:      300;
  font-size:         26px;
  font-size:         1.7rem;
  line-height:      2.2rem;
  background:        none;
}

.frontpageblock-1 img,
.frontpageblock-2 img,
.frontpageblock-3 img  {
}

.frontpageblock-1 h2 a,
.frontpageblock-2 h2 a,
.frontpageblock-3 h2 a {
}

.frontpage-block h2 a:hover {
  background:        url('../img/sprite-2.png') right -145px  no-repeat;
}


/* ----------------------- content kategorien  ------------------  */
/* --------------------------------------------------------------  */

/* ----------------------- bühne  ------------------  */

/* grid */

.top0           {  top: 0;  }
.top1          {   top: 115px;}
.top2          {   top: 230px;}
.top3          {   top: 345px;}
.top4          {   top: auto; bottom: 115px;}
.top5          {   top: 575px;}

.bottom3          {  bottom: 207px;}
.bottom2          {  bottom: 138px;}
.bottom1          {  bottom: 69px;}
.bottom0          {   bottom: 0px;}


.left0          {  left: 0;}
.left1          {  left: 123px;}
.left2          {  left: 246px;}
.left3          {  left: 369px;}
.left4          {  left: 492px;}
.left5          {  left: 615px;}
.left6          {  left: 738px;}

/* stage */

.stage {
  margin-bottom:      75px;
}

.yellow-box {
    position:        absolute;
  width:          489px;
  padding-bottom:      2%;
}


.single .yellow-box {
  width:          735px;
  height:          180px;
  top:          510px;
  left:          0;
  padding-bottom:      0;
}

.wwr .stage p.flex-caption {
  width:          449px;
  height:          auto;
  bottom:          28px;
  right:          0;
  padding:        2% 20px 2% 20px;
  font-size:         80%;
  line-height:       1.6em;
}

.stage h1 {
  padding:        4% 0 0 4%;
}

.stage h2 {
  padding:        4% 0 0 4%;
}
.stage h3 {
  padding:        4% 0 1% 4%;
}
.stage p  {
  padding:        2% 4% 0 4%;
}
.stage p.address  {
  padding:        0 6% 0 4%;
}
.stage-nav {
  bottom:         154px;
}

.stage-nav .previous {
  left:           75px;
}

.stage-nav .next {
  left:           150px;
}

.stage-nav-numeric {
  bottom:         25px;
  left:          75px;
}

.stage-caption {
  bottom:         25px;
}

/* ----------------------- orchestra-pit category top  ------------------  */

.orchestra-pit  {
  margin-bottom:      75px;
}

.orchestra-pit img {
  width:          374px;
  margin-bottom:      25px;
}

.orchestra-pit-teaser {
  width:           409px;
  height:          300px;
}

.orchestra-pit-teaser h2 {
  padding:         0 8% 2% 0;
}

.orchestra-pit-teaser p,
.orchestra-pit-teaser p.content-link {
  padding:         0 8% 0 0;
}

.orchestra-pit-teaser p.content-link a span,
.yellow-box p.content-link a span {
  display:        inline-block;
  width:          22px;
  height:          24px;
  margin:          0 0 -4px 2px;
  background:        url('../img/sprite.png') no-repeat -384px 2px;
}

.orchestra-pit-teaser p.content-link a:hover span,
.yellow-box p.content-link a:hover span {
  background-position:  -414px 2px;
}


/* ----------------------- produkt teaser  ------------------  */

.category {
  margin-bottom:      0px;
  width:          1227px;
}

.single-content  .overview h1,.single-content  .overview h2 {
  width:          707px;
}

.single-content .overview .product-teaser {
  margin-bottom:      27px;
}

.single-content .overview .product-teaser img {
  width:          489px;
  height:          187px;
}

.single-content .overview .product-teaser p {
  margin-right:      489px;
}

/* ----------------------- content single page ------------------  */

.single-no-stage #content {
  margin-top:        8%;

}


.single-content {
  clear:          both;
  width:          735px;
}

/* ----------------------- pagination  ------------------  */


ul.pagination li a {
  padding:        5px 13px;
}




/* ----------------------- aside  ------------------  */

aside {
  width:          489px;
  margin-left:      3px;
}


.single-no-stage aside {
  padding-top:      9%;
}


aside ul li {
   padding:        0 8% 2% 12%;
   background:      url('../img/sprite.png') no-repeat -349px -736px;
}

aside .tuev-1 {
  width:          140px;
  height:          140px;
  margin-bottom:       20px;

}




/* ----------------------- footer  ------------------  */

#footer {
  padding-bottom:      50px;
}



#footer li {
  padding:        0 0 2% 0;
  width:          200px;
}

#footer li ul li {
  padding:         0 0 4% 0;
}

#footer li ul {
  margin-top:        4%;
}

#footer li a,
#footer li ul li a {
  font-size:        13px;
}

.service.footer ul {
  padding:         2% 0 2% 0;
}

.service.footer li {
  font-size:         12px;
  font-size:         0.8rem;
}


p.footer {
  margin:          0 370px 0 0;
  font-size:        90%;
}







.viewport-1000 {
  display:         none;
}

.viewport-1275 {
  display:        block;
}



}                             /* ENDE @media 1275 */


.privacy-overlay{background-color:rgba(26,26,26,.7);width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;opacity:0;visibility:hidden;-webkit-transition:all .35s 50ms;-o-transition:all .35s 50ms;-moz-transition:all .35s 50ms;transition:all .35s 50ms}.privacy-overlay.active{opacity:1;visibility:visible;-webkit-transition:.35s 50ms;-o-transition:.35s 50ms;-moz-transition:.35s 50ms;transition:.35s 50ms}#privacy-header{background:#fefefe;padding:30px;border-bottom:1px solid #f2f2f2}#privacy-header p.headline{color:#164193;font-size:24px;font-weight:400;line-height:28px}#privacy-header p{margin:0 0 20px;font-size:16px;font-weight:300;line-height:24px;color:#1a1a1a}#privacy-header p a{text-decoration:underline;color:#164193}#privacy-header p a:hover{cursor:pointer;text-decoration:none}#privacy-header p:last-of-type{margin:0}#privacy-content{background:#fefefe;padding:30px;display:none}#privacy-content.active{display:block}#privacy-content p.subheadline{color:#164193;font-size:20px;font-weight:400;line-height:20px;margin:0 0 10px}#privacy-content p{margin:0 0 20px;font-size:16px;font-weight:300;line-height:22px;color:#1a1a1a}#privacy-content p a{text-decoration:underline;color:#164193}#privacy-content p a:hover{cursor:pointer;text-decoration:none}#privacy-content p:last-of-type{margin:0}#privacy-content .bn-cookie-options .bn-cookie-option{width:100%;height:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f2f2f2}#privacy-content .bn-cookie-options .bn-cookie-option:last-of-type{margin:0;padding:0;border:0 none}#privacy-content .bn-cookie-options .bn-cookie-option .controle-switch{position:relative;display:block;width:60px;min-width:60px;height:36px;background:#f2f2f2;-webkit-border-radius:100px;border-radius:100px}#privacy-content .bn-cookie-options .bn-cookie-option .controle-switch-btn{position:absolute;top:5px;left:5px;width:26px;height:26px;background:#164193;opacity:.2;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:opacity .35s 50ms;-o-transition:opacity .35s 50ms;-moz-transition:opacity .35s 50ms;transition:opacity .35s 50ms}#privacy-content .bn-cookie-options .bn-cookie-option .controle-switch:hover{cursor:pointer}#privacy-content .bn-cookie-options .bn-cookie-option .controle-switch:hover .controle-switch-btn{opacity:.3;-webkit-transition:opacity .35s 50ms;-o-transition:opacity .35s 50ms;-moz-transition:opacity .35s 50ms;transition:opacity .35s 50ms}#privacy-content .bn-cookie-options .bn-cookie-option .controle-switch.active .controle-switch-btn{opacity:1;left:inherit;right:5px}#privacy-content .bn-cookie-options .bn-cookie-option .controle-switch.active .controle-switch-btn:hover .controle-switch-btn{opacity:.9}#privacy-content .bn-cookie-options .bn-cookie-option-r{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:80px;min-width:80px}#privacy-footer{background:rgba(254,254,254,.95);padding:30px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:639px){#privacy-footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#privacy-footer a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:40px;padding:0 12px;margin:0;font-size:16px;font-weight:400;line-height:16px;-webkit-transition:background-color .35s 50ms,color .35s 50ms;-o-transition:background-color .35s 50ms,color .35s 50ms;-moz-transition:background-color .35s 50ms,color .35s 50ms;transition:background-color .35s 50ms,color .35s 50ms}#privacy-footer a:hover{cursor:pointer;-webkit-transition:background-color .35s 50ms,color .35s 50ms;-o-transition:background-color .35s 50ms,color .35s 50ms;-moz-transition:background-color .35s 50ms,color .35s 50ms;transition:background-color .35s 50ms,color .35s 50ms}@media screen and (max-width:639px){#privacy-footer a{width:100%}}#privacy-footer .footer-l{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:639px){#privacy-footer .footer-l{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#privacy-footer .footer-l a{color:#1a1a1a;border:1px solid #1a1a1a}#privacy-footer .footer-l a.active,#privacy-footer .footer-l a:hover{background:#1a1a1a;color:#fefefe}@media screen and (max-width:639px){#privacy-footer .footer-l a{margin-bottom:20px}}#privacy-footer .footer-l a.bn-cookie-reject{height:auto;background:0 none;border:0 none;padding:0;color:rgba(26,26,26,.5);font-size:12px;font-weight:400}#privacy-footer .footer-r{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:639px){#privacy-footer .footer-r{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#privacy-footer .footer-r a{color:#fefefe}#privacy-footer .footer-r a:hover{background-color:rgba(22,65,147,.9)}#privacy-footer .footer-r a:first-of-type{color:#1a1a1a;border:1px solid #1a1a1a}#privacy-footer .footer-r a:first-of-type.active,#privacy-footer .footer-r a:first-of-type:hover{background:#1a1a1a;color:#fefefe}#privacy-footer .footer-r a:last-of-type{margin-left:20px;background:#164193;font-weight:300}@media screen and (max-width:639px){#privacy-footer .footer-r a{margin-left:0;margin-bottom:20px}#privacy-footer .footer-r a:last-of-type{margin:0}}.bn-cookie-panel{position:absolute;z-index:11000;top:30px;left:-webkit-calc(50% - 400px);left:-moz-calc(50% - 400px);left:calc(50% - 400px);right:0;width:800px}@media screen and (max-width:800px){.bn-cookie-panel{width:100%;left:0}}@media screen and (max-width:639px){.bn-cookie-panel{top:0}}.bn-cookie-panel-active{height:500px;display:block!important}.hide{display:none !important}