@font-face {
  font-family: 'geogrotesque';
  src: url("../../type/geogtq-rg-webfont.eot");
  src: url("../../type/geogtq-rg-webfont.eot?#iefix") format("embedded-opentype"), url("../../type/geogtq-rg-webfont.woff") format("woff"), url("../../type/geogtq-rg-webfont.ttf") format("truetype"), url("../../type/geogtq-rg-webfont.svg#geogrotesque_rgregular") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'geogrotesque';
  src: url("../../type/geogtq-md-webfont.eot");
  src: url("../../type/geogtq-md-webfont.eot?#iefix") format("embedded-opentype"), url("../../type/geogtq-md-webfont.woff") format("woff"), url("../../type/geogtq-md-webfont.ttf") format("truetype"), url("../../type/geogtq-md-webfont.svg#geogrotesque_mdmedium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'geogrotesque';
  src: url("../../type/geogtq-sb-webfont.eot");
  src: url("../../type/geogtq-sb-webfont.eot?#iefix") format("embedded-opentype"), url("../../type/geogtq-sb-webfont.woff") format("woff"), url("../../type/geogtq-sb-webfont.ttf") format("truetype"), url("../../type/geogtq-sb-webfont.svg#geogrotesque_smbdsemibold") format("svg");
  font-weight: 700;
  font-style: normal; }

#sit_logo {
  width: 301px;
  top: 18px; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a img {
  border: none; }

a {
  border: none;
  text-decoration: none;
  color: white; }

ul {
  margin: 0px;
  padding: 0px; }

li {
  list-style-type: none; }

::selection {
  background-color: rgba(208, 83, 125, 0.7);
  color: black; }

::-moz-selection {
  background-color: rgba(208, 83, 125, 0.7);
  color: black; }

body {
  background-color: black; }

.bg {
  position: absolute;
  width: 200%;
  top: 0px;
  left: -100%;
  overflow-x: hidden; }
  .bg .bgimgcontainer {
    position: relative;
    width: 200%;
    left: -25%; }
    .bg .bgimgcontainer img {
      display: block;
      position: relative;
      margin: auto;
      width: 1300px; }
    .bg .bgimgcontainer #bg_home, .bg .bgimgcontainer #bg_news {
      width: 1400px !important; }

.master {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  font-family: 'geogrotesque';
  line-height: 18px;
  font-size: 14px; }

.put {
  margin: auto;
  width: 900px;
  height: 100%;
  position: relative;
  z-index: 300; }

.top, .middle, .bottom {
  position: relative;
  width: 100%;
  float: left; }

.top .put #sit_logo {
  position: relative;
  margin: auto;
  z-index: 200;
  display: block; }
.top .put #sit_logo_target {
  position: absolute;
  z-index: 201;
  display: block;
  cursor: pointer;
  width: 301px;
  height: 229px;
  left: 296px;
  top: 14px; }
.top .put .through .migros {
  position: absolute;
  width: 95px;
  z-index: 100;
  top: 12px; }
.top .put .through .nav {
  text-transform: uppercase;
  position: absolute;
  top: 69px;
  width: 260px;
  height: 200px; }
  .top .put .through .nav ul {
    z-index: 3;
    width: 164px;
    position: relative;
    float: left; }
    .top .put .through .nav ul li {
      -moz-transform: rotate(-15deg);
      -o-transform: rotate(-15deg);
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
      width: 164px;
      color: white;
      font-weight: 700;
      font-size: 17px;
      padding: 7px 11px 4px 11px;
      border-bottom: 1px #7d7d7d solid;
      cursor: pointer; }
  .top .put .through .nav .other {
    display: none;
    margin-top: 10px; }
    .top .put .through .nav .other li {
      font-weight: 300; }
    .top .put .through .nav .other li:nth-child(2) {
      border: none; }
.top .put .through #home {
  color: #c93486; }
.top .put .through .nav_behind {
  position: absolute;
  z-index: 2;
  height: 277px;
  top: -19px; }
.top .put .through .corner {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 234px;
  height: 242px;
  z-index: 4; }
  .top .put .through .corner .smallnav {
    cursor: pointer;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    text-align: right; }
    .top .put .through .corner .smallnav #redirect {
      display: none; }
  .top .put .through .corner .head_tickets, .top .put .through .corner #helfer {
    position: absolute;
    width: 76px;
    cursor: pointer; }
  .top .put .through .corner .head_tickets {
    top: -90px;
    left: 94px; }
  .top .put .through .corner #helfer {
    top: -90px;
    left: 178px; }
.top .start {
  display: none; }
.top .head_behind {
  -moz-transform: skew(0, -15deg);
  -o-transform: skew(0, -15deg);
  -webkit-transform: skew(0, -15deg);
  transform: skew(0, -15deg);
  -ms-transform: skew(0, -15deg);
  border-bottom: 1px #7d7d7d solid;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: .5;
  width: 100%;
  height: 523px;
  top: -260px;
  position: absolute;
  box-shadow: 0 2px 11px 5px rgba(0, 0, 0, 0.5); }
  .top .head_behind .head_behind_color {
    background-color: #01091b;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    opacity: 0; }

.middle {
  top: 40px;
  margin-bottom: 300px; }
  .middle .put .left, .middle .put .left_behind, .middle .put .right, .middle .put .right_behind {
    padding: 0px 17px;
    color: white;
    margin-bottom: 106px; }
  .middle .put .left, .middle .put .left_behind {
    width: 620px;
    height: 700px;
    left: 0px; }
  .middle .put .right, .middle .put .right_behind {
    width: 268px;
    height: 700px;
    right: 0px; }
  .middle .put .left, .middle .put .right {
    z-index: 4;
    position: relative; }
  .middle .put .left_behind, .middle .put .right_behind {
    position: absolute;
    -moz-transform: skew(0, -15deg);
    -o-transform: skew(0, -15deg);
    -webkit-transform: skew(0, -15deg);
    transform: skew(0, -15deg);
    -ms-transform: skew(0, -15deg);
    background: -moz-linear-gradient(top, rgba(1, 9, 27, 0.8) 0%, rgba(1, 9, 27, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 9, 27, 0.8)), color-stop(100%, rgba(1, 9, 27, 0)));
    background: -webkit-linear-gradient(top, rgba(1, 9, 27, 0.8) 0%, rgba(1, 9, 27, 0) 100%);
    background: -o-linear-gradient(top, rgba(1, 9, 27, 0.8) 0%, rgba(1, 9, 27, 0) 100%);
    background: linear, to bottom, rgba(1, 9, 27, 0.8) 0%, rgba(1, 9, 27, 0) 100%; }
  .middle .put .right_behind {
    top: -122px; }
  .middle .put .left {
    top: 84px;
    float: left; }
    .middle .put .left > div {
      position: relative; }
    .middle .put .left .jetzt_reservieren {
      border-top: 1px #c93486 solid;
      border-bottom: 1px #c93486 solid;
      padding: 7px;
      color: #c93486;
      text-transform: uppercase !important; }
    .middle .put .left .jetzt_tickets_kaufen {
      border-top: 1px #c93486 solid;
      border-bottom: 1px #c93486 solid;
      padding: 7px 0px;
      color: #c93486 !important;
      text-transform: uppercase !important; }
    .middle .put .left .default_left, .middle .put .left .default_right {
      width: 50%;
      position: relative;
      float: left; }
  .middle .put .right {
    top: -86px;
    float: right; }
    .middle .put .right h1 {
      background-color: black;
      background-color: rgba(0, 0, 0, 0.9);
      font-size: 18px;
      font-weight: 500;
      padding: 7px 10px;
      margin: 10px 0px 0px 0px;
      position: relative;
      float: left;
      width: 100%; }
    .middle .put .right .off {
      display: none; }
    .middle .put .right .banner_holder {
      position: absolute;
      right: -115px;
      top: 70px;
      width: 100px; }
      .middle .put .right .banner_holder #banner_gif {
        width: 100px;
        margin-bottom: 10px; }
    .middle .put .right .right_connect {
      width: 104%;
      height: 20px;
      padding: 0px 10px;
      margin-top: 20px; }
      .middle .put .right .right_connect img {
        float: right;
        margin-left: 7px; }
      .middle .put .right .right_connect .right_twitter, .middle .put .right .right_connect .right_facebook {
        height: 21px; }
      .middle .put .right .right_connect .right_starticket {
        height: 32px;
        margin-top: -6px; }
    .middle .put .right .right_newsletter {
      background-color: black;
      background-color: rgba(0, 0, 0, 0.9);
      margin: 10px 0px 0px 0px;
      float: left;
      position: relative;
      width: 100%; }
      .middle .put .right .right_newsletter h2 {
        font-size: 16px;
        font-weight: 500;
        padding: 7px 10px;
        margin: 2px 0px 6px 0px;
        position: relative;
        float: left; }
      .middle .put .right .right_newsletter p {
        display: none;
        padding: 7px 10px;
        float: left;
        margin: -10px 0px 0px 0px; }
      .middle .put .right .right_newsletter .mail {
        width: 18px;
        margin: 12px 0px 6px 0px;
        position: relative;
        float: left; }
      .middle .put .right .right_newsletter #email_address {
        padding: 1px 8px;
        margin: 0px 0px 12px 10px;
        font-family: 'geogrotesque' !important;
        font-weight: 500;
        width: 180px;
        font-size: 14px;
        float: left;
        position: relative;
        border: none; }
      .middle .put .right .right_newsletter #submit {
        background-color: white;
        background-image: url(../../img/right/pnt.png);
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: center center;
        border: none;
        width: 19px;
        height: 19px;
        cursor: pointer;
        float: left;
        position: relative;
        margin: 0px 0px 0px 11px; }
    .middle .put .right .newsticker, .middle .put .right .flashy {
      background-color: black;
      background-color: rgba(0, 0, 0, 0.9);
      padding: 13px 10px;
      margin-top: 10px;
      position: relative;
      float: left; }
    .middle .put .right .newsticker h2 {
      font-size: 14px;
      font-weight: 300;
      color: white; }
    .middle .put .right .newsticker .home_link {
      color: #c93486;
      display: inline;
      margin: 0px;
      cursor: pointer; }
    .middle .put .right .newsticker .home_date {
      display: block;
      font-weight: 700; }
    .middle .put .right .newsticker .home_text {
      display: inline; }
      .middle .put .right .newsticker .home_text p {
        margin: none;
        display: inline; }
    .middle .put .right .flashy p {
      margin: 0px;
      text-transform: uppercase; }
    .middle .put .right .right_flow, .middle .put .right .right_shekp {
      float: right;
      top: 17px;
      position: relative;
      margin-left: 76px; }
      .middle .put .right .right_flow p, .middle .put .right .right_shekp p {
        margin: 0px; }
    .middle .put .right .right_flow img {
      height: 20px; }
    .middle .put .right .right_shekp img {
      height: 53px; }
    .middle .put .right .right_skycraper {
      left: 133px;
      top: 37px;
      width: 100px;
      position: relative;
      float: left; }

.bottom {
  height: 300px; }

.delicioso {
  position: fixed;
  z-index: 1000;
  width: 143px;
  height: 52px;
  bottom: 0px;
  right: 68px; }
  .delicioso .delicioso_1 div, .delicioso .delicioso_2 {
    background: url(../../img/right/delicioso.png); }
  .delicioso .delicioso_1 {
    position: absolute;
    top: 23px;
    left: 4px;
    width: 43px;
    height: 29px;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 5px 5px 0px 0px; }
    .delicioso .delicioso_1 div {
      position: absolute;
      top: 4px;
      left: 4px;
      width: 36px;
      height: 19px;
      background-size: 116px;
      background-position: 0px 0px; }
  .delicioso .delicioso_open {
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px 5px 0px 0px;
    position: absolute;
    top: 52px;
    left: 4px;
    width: 125px;
    height: 52px; }
    .delicioso .delicioso_open .delicioso_2 {
      background-size: 116px;
      background-position: 0px 25px;
      position: absolute;
      top: 23px;
      left: 4px;
      height: 25px;
      width: 116px; }
    .delicioso .delicioso_open .delicioso_t {
      color: #FFF;
      font-family: georgia;
      font-style: italic;
      font-size: 11px;
      position: absolute;
      top: 2px;
      left: 27px;
      margin: 0px; }

@-moz-document url-prefix() {}
.ie .top .put .nav_behind {
  top: -27px; }
.ie .top .put .nav {
  top: 65px;
  left: 20px; }
.ie .top .put .head_tickets {
  top: 114px !important;
  left: 44px !important; }
.ie .top .put #helfer {
  top: 86px !important;
  left: 80px !important; }
.ie .top .head_behind {
  background: #01091b !important;
  background: rgba(1, 9, 27, 0.7) !important;
  top: -260 !important; }
.ie .middle .left_behind, .ie .middle .right_behind {
  background: #01091b !important;
  background: rgba(1, 9, 27, 0.7) !important; }

.ie8 .top .nav_behind, .ie8 .top .head_behind {
  display: none; }
.ie8 .middle .put .left {
  top: 0px !important; }
.ie8 .middle .put .right .right_connect {
  width: 80% !important; }
.ie8 .middle .left_behind, .ie8 .middle .right_behind {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  height: 1000px !important; }
.ie8 .middle .right .right_newsletter #submit {
  background-image: url(../../img/right/pnt_old.png) !important; }
.ie8 .delicioso {
  display: none; }

.ie7 .left, .ie7 .left_behind {
  width: 560px !important; }
.ie7 .middle .put .right .right_newsletter {
  width: 94%;
  height: 100px; }
.ie7 .middle .put .right h1 {
  width: 87% !important; }
