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


html, body {
  height: 100%;
  
  background-repeat:repeat-x;
  margin: 0; 
  padding: 0; 
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
}

table, tr, td, th {
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
}

.align-right {
  text-align:right;
  
}
.align-center {
  text-align:center;
}
.clear { clear:both; }




* { box-sizing:border-box; }

.teaser img, input, .nbar, .st0, .st1,
a, li {
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;    
}
img {
  border:0px;
}


.all {
  width:100%;
  min-width:1200px;
}
.main {
  width:1160px;
  margin: 0px auto;
  padding:0px;
  position:relative;
  text-align: left;
}

.c33 { width:33.3333%; float:left; }
.c30 { width:30%; float:left; }
.c70 { width:70%; float:left; }
.c40 { width:40%; float:left; }
.c20 { width:20%; float:left; }
.c50 { width:50%; float:left; }
.c25 { width:25%; float:left; }

hr { border:0px; border-top:1px solid #a31840; }
.stage { background:rgba(100, 189, 195, 0.54); padding:30px;  color:#a31840; font-size:18px; }
 h1 { font-weight:300; font-style:italic; font-size:26px; margin-bottom:50px;}

.stage.game h1 { padding-left:300px;  }

.stage img { display:block; }
.quiz-wrapper {

}

.links { padding:20px 0 100px 0; }
.links img { display:inline-block;vertical-align:top; }
.links a { margin-right:20px;  color:#a31840;  text-decoration:none; font-size:17px; }

.stage a.info { background:url(../img/button.jpg) center center no-repeat;  display:inline-block; padding:20px 50px; font-weight:bold; }

.csc-textpic-text p:first-child { margin-top:0px; }

.stage ul.options {
  font-size:35px; 
  color:#508da0;
  list-style: none;
  
  padding: 0;
  margin: 0;
  padding-left:300px;
  padding-top:50px;
}
.stage li {
  border: 1px solid transparent;
  padding: 6px 8px;
}
.stage li.title {
  background: #19286C;
  color: white;
}
.stage li { 
  display: inline-block;
  position: relative;
  z-index: 50;
  font-size: 35px;
    font-style:italic;
  color:#a31840;  
}

.stage li:hover {
  color:#26708d;
  }


.option { cursor:pointer; }

.answers {
  font-style:italic;
  color:#a31840;
  font-size: 35px;
  line-height: 40px;
}
.answers ol { margin:0px; padding:0px; list-style-type:none; }
.answers ol li { display:block; padding:0px; }

.answers ol li.l1 { padding-left:250px; }
.answers ol li.l2 { padding-left:570px; }
.answers ol li.l3 { padding-left:100px; }
.answers ol li.l4 { padding-left:690px; }

.guestbook-stage { background:#fff;  padding:30px; font-size:14px; }
.guestbook-stage fieldset { border:0px; padding:0px; margin:0px; }
.guestbook-stage legend { padding:0px; font-weight:bold; margin-top:30px; }
.guestbook-stage a { color:inherit; }

#dialog-form fieldset { margin:0px; padding:0px; border:0px; }

.target {
  display: inline-block;
  width: 110px;
  background: #fff;
  margin: 0 3px;
  text-align:center;
}

button[type="submit"] {
  display:block;
  position: relative;
  margin:10px auto;
  padding: 10px;
  background: #19286C;
  border: none;
  color: white;
  font-size: 16px;
}

.lightbox-bg {
  display: none;
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba( 0,0,0,.7 );
}
.status {
  display: none;
  position: absolute;
  z-index: 110;
  text-align:center;
  width: 80%;
  top: 220px;
  left: 47px;
}

.stage p {
padding: 0 150px 0 300px;
  font-weight:300;
}

p.bodytext { padding:0px; }

p.align-right { padding:0; float:right; }

.tx-comments-comment-form p { padding:0px; }

p a { color:inherit; }

.tx-pagebrowse li,
.tx-pagebrowse { text-align:left !important; font-size:14px !important; }

.navi { background:#a31840; }
.navi ul { margin:0px; padding:0 10px; list-style-type:none;  }
.navi li { font-size:20px; padding:0px; }
.navi li a { color:#fff; text-decoration:none; display:block; padding:10px 20px; }

span.highlight { font-size:130%; }
.csc-header-n2, 
.csc-header-n3,
.csc-header-n4,
.csc-header-n5,
.csc-header-n6,
.csc-header-n7 {
  margin-top:20px;
}

/* Formulare */

div.csc-mailform {
  padding:10px 0px;
}

div.csc-mailform fieldset {
  border:0px;
  padding:0px;
  margin:0px;
}

div.csc-mailform fieldset ol {
  margin:0px;
  
}
div.csc-mailform fieldset ol li {
  float:left;
  padding:0px;
  margin:0px 20px 0px 0px;
}

div.csc-mailform li {
  clear:right;
  display:block;
}

div.csc-mailform li label {
  width:120px;
  float:left;
  padding:3px 0px;
}


div.csc-mailform li select,
.com-chkout-address-input select {
  font-family:arial;
  font-size:12px;
  color:#3b792c;
  border:1px solid #c5bec1;
  width:120px;
  padding:4px;
}

.tx-comments-comment-input,
.csc-form-element-textline input {
  font-family:inherit;
  font-size:14px;
  background:#fff;
  color:#a31840;
  border:1px solid #a31840;
  padding:5px 10px;
  width:500px !important;
  margin-bottom:6px;
}


.tx-comments-comment-form TEXTAREA,
.csc-form-element-textarea textarea {
  font-family:inherit;
  font-size:14px;
  background:#fff;
  color:#a31840;
  border:1px solid #a31840;
  padding:5px 10px;
  width:500px !important;
  margin-bottom:6px;
}

.tx-comments-comment-form input[type=reset],
#tx_comments_pi1_submit,
.csc-form-confirmation input,
.csc-form-element-submit input {
  font-family:inherit;
  font-size:14px;
  background:#a31840;
  cursor:pointer;
  color:#fff;
  border:1px solid #a31840;
  padding:5px 10px;

  margin-bottom:6px;
}
.tx-comments-comment-form input[type=reset]:hover,
#tx_comments_pi1_submit:hover,
.csc-form-confirmation input:hover,
.csc-form-element-submit input:hover {
  opacity:0.8;
}


.ui-dialog-titlebar-close { display:none !important; }








.hidden-desktop { display: none; }
.hidden-tablet { display: block; }

/* All except large Screens */
@media (max-width: 3220px) {
.hidden-desktop { display: none; }
}

/* Only Phones */
@media (max-width: 767px) {
  .hidden-desktop { display: block; }
  .hidden-phone { display: none; }
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
  /*.hidden-desktop { display: block; }*/
  .hidden-tablet { display: none; }


}






/* All except large Screens */
@media (max-width: 1160px) {

img { max-width:100%; height:auto; }

}

/* Smaller Screens */
@media (max-width: 1340px) {



}


/* Only Phones and Tablets (Portrait) */
@media (max-width: 1180px) {

}

@media (min-width: 767px) and (max-width: 1180px) {


}

@media (max-width: 860px) {

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

}

/* Only Phones */
@media (max-width: 767px) {


div {
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input {
    -webkit-appearance: none;
}
* {
  -webkit-text-size-adjust: none;
}

.all {
    min-width: 100%;
}
.main {
    width: 100%;
}
.main > img { width:100%; height:auto; }
  
.stage h1 {
 padding-left:0px; 
}
.answers ol li { padding-left:0px !important; margin-bottom:10px; }
ul.options { padding-left:0px; }
p { padding:0px; }

li { font-size:20px; }

.links { padding:20px; }

.links a { display:block; text-align:center; }

.stage {
    font-size: 16px;
}
.stage.game h1 {
    padding-left: 0px;
}

.navi li {
    font-size: 16px;
    padding: 0px;
  text-align:center; width:100%;
}

  div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

  /* Clear floats after csc-textpic and after csc-textpic-imagerow */
  div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

  /* Set padding for tables */
  div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
  div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

  /* Settings for figure and figcaption (HTML5) */
  div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

  /* Captions */
  figcaption.csc-textpic-caption { display: table-caption; }
  .csc-textpic-caption { text-align: left; caption-side: bottom; }
  div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
  div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
  div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

  /* Float the columns */
  div.csc-textpic div.csc-textpic-imagecolumn { float: none; }

  /* Border just around the image */
  div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 0px solid black;
    padding: 0px 0px;
  }

  div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

  /* Space below each image (also in-between rows) */
  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 30px; }
  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

  /* colSpace around image columns, except for last column */
  div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 0px; }
  div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

  /* Add margin from image-block to text (in case of "Text & Images") */
  div.csc-textpic-intext-left .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 0px;
  }
  div.csc-textpic-intext-right .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 0px;
  }

  /* Positioning of images: */

  /* Center (above or below) */
  div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
  div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: none; right: 0px; }
  div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: none; right: 0px; }

  /* Right (above or below) */
  div.csc-textpic-right .csc-textpic-imagewrap { float: none; }
  div.csc-textpic-right div.csc-textpic-text { clear: both; }

  /* Left (above or below) */
  div.csc-textpic-left .csc-textpic-imagewrap { float: none; }
  div.csc-textpic-left div.csc-textpic-text { clear: both; }

  /* Left (in text) */
  div.csc-textpic-intext-left .csc-textpic-imagewrap { float: none; }

  /* Right (in text) */
  div.csc-textpic-intext-right .csc-textpic-imagewrap { float: none; }

  /* Right (in text, no wrap around) */
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: none; }

  /* Left (in text, no wrap around) */
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: none; }

  div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }


.csc-textpic-text {
  width:100%;
}

.csc-textpic-imagewrap img {
  max-width:100%;
  height:auto;
}

  /* Layout */

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {



}

/* Only Phones (Portrait) */
@media (max-width: 479px) {


}



body {
    -webkit-transition: padding 500ms ease-out;
  -moz-transition: padding 500ms ease-out;
  -o-transition: padding 500ms ease-out;
  transition: padding 500ms ease-out;
  
  transition-delay: 0s;  
}
body.showCRL { padding-top:60px;transition-delay: 1s; }

div#igcookieRL {
  
  background: #a41741;
  position: fixed;

  Border: 0px solid #fff;
  height:60px;
  top:-100px;
  width:100%;

  bottom:0px;
  font-size:12px;
  padding:10px 30px;

  padding:0px;
  line-height:20px;
  color:#fff;
  z-index:99999;
  text-align:left;
  
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;   
  
  transition-delay: 0s;
  
}
div#igcookieRL.show { top:0px;  transition-delay: 1s; }
div#igcookieRL .main { background:transparent;  padding:20px; box-sizing:border-box; }

div#igcookieRL a {
  color:inherit;
  font-weight:bold;

}

div#igcookieRL button {
  background:#4C4F50;
  padding:7px 20px;
  color:#fff;
  border:0px;
  font-size:inherit;
  font-weight:bold;
  border:0px;
  margin-left:20px;
float:right;
    
}
div#igcookieRL button:hover {
  background:#000;
}

@media (max-width: 1155px) {
div#igcookieRL { min-width:100%; }
div#igcookieRL .main { width:100%; }
}
@media (max-width: 767px) {

div#igcookieRL { height:100px; }
body.showCRL { padding-top:100px; }

}