.ce-align-left {
  text-align: left;
}
.ce-align-center {
  text-align: center;
}
.ce-align-right {
  text-align: right;
}
.ce-table td,
.ce-table th {
  vertical-align: top;
}
.ce-textpic,
.ce-image,
.ce-nowrap .ce-bodytext,
.ce-gallery,
.ce-row,
.ce-uploads li,
.ce-uploads div {
  overflow: hidden;
}
.ce-left .ce-gallery,
.ce-column {
  float: left;
}
.ce-center .ce-outer {
  position: relative;
  float: right;
  right: 50%;
}
.ce-center .ce-inner {
  position: relative;
  float: right;
  right: -50%;
}
.ce-right .ce-gallery {
  float: right;
}
.ce-gallery figure {
  display: table;
  margin: 0;
}
.ce-gallery figcaption {
  display: table-caption;
  caption-side: bottom;
}
.ce-gallery img {
  display: block;
}
.ce-gallery iframe {
  border-width: 0;
}
.ce-border img,
.ce-border iframe {
  border: 2px solid #ffffff;
  padding: 0px;
}
.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery,
.ce-above .ce-gallery {
  margin-bottom: 10px;
}
.ce-image .ce-gallery {
  margin-bottom: 0;
}
.ce-intext.ce-right .ce-gallery {
  margin-left: 10px;
}
.ce-intext.ce-left .ce-gallery {
  margin-right: 10px;
}
.ce-below .ce-gallery {
  margin-top: 10px;
}
.ce-column {
  margin-right: 10px;
}
.ce-column:last-child {
  margin-right: 0;
}
.ce-row {
  margin-bottom: 10px;
}
.ce-row:last-child {
  margin-bottom: 0;
}
.ce-above .ce-bodytext {
  clear: both;
}
.ce-intext.ce-left ol,
.ce-intext.ce-left ul {
  padding-left: 40px;
  overflow: auto;
}
.ce-headline-left {
  text-align: left;
}
.ce-headline-center {
  text-align: center;
}
.ce-headline-right {
  text-align: right;
}
.ce-uploads {
  margin: 0;
  padding: 0;
}
.ce-uploads li {
  list-style: none outside none;
  margin: 1em 0;
}
.ce-uploads img {
  float: left;
  padding-right: 1em;
  vertical-align: top;
}
.ce-uploads span {
  display: block;
}
.ce-table {
  width: 100%;
  max-width: 100%;
}
.ce-table th,
.ce-table td {
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.ce-table thead th {
  border-bottom: 2px solid #dadada;
}
.ce-table th,
.ce-table td {
  border-top: 1px solid #dadada;
}
.ce-table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.ce-table-bordered th,
.ce-table-bordered td {
  border: 1px solid #dadada;
}
.frame-space-before-extra-small {
  margin-top: 1em;
}
.frame-space-before-small {
  margin-top: 2em;
}
.frame-space-before-medium {
  margin-top: 3em;
}
.frame-space-before-large {
  margin-top: 4em;
}
.frame-space-before-extra-large {
  margin-top: 5em;
}
.frame-space-after-extra-small {
  margin-bottom: 1em;
}
.frame-space-after-small {
  margin-bottom: 2em;
}
.frame-space-after-medium {
  margin-bottom: 3em;
}
.frame-space-after-large {
  margin-bottom: 4em;
}
.frame-space-after-extra-large {
  margin-bottom: 5em;
}
.frame-ruler-before:before {
  content: "";
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  margin-bottom: 2em;
}
.frame-ruler-after:after {
  content: "";
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  margin-top: 2em;
}
.frame-indent {
  margin-left: 15%;
  margin-right: 15%;
}
.frame-indent-left {
  margin-left: 33%;
}
.frame-indent-right {
  margin-right: 33%;
}
span.twitter-typeahead {
  width: 100%;
}
.tt-dataset {
  background-color: white;
  cursor: pointer;
}
.tt-selectable:hover {
  background-color: #ddd;
}
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
  -webkit-perspective: 1000;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  -webkit-transform: translateZ(0);
}
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../../../fileadmin/Resources/Public/bxslider/images/bx_loader.gif")
    center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("../../../fileadmin/Resources/Public/bxslider/images/controls.png")
    no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url("../../../fileadmin/Resources/Public/bxslider/images/controls.png")
    no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("../../../fileadmin/Resources/Public/bxslider/images/controls.png") -86px -11px
    no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("../../../fileadmin/Resources/Public/bxslider/images/controls.png") -86px -44px
    no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}
@font-face {
  font-family: "AvenirLTStd95Black";
  src: url("../../../fileadmin/Resources/Public/fonts/avenirltstd-black-webfont.eot");
  src:
    url("../../../fileadmin/Resources/Public/fonts/avenirltstd-black-webfont.eot%3F")
      format("embedded-opentype"),
    url("../../../fileadmin/Resources/Public/fonts/avenirltstd-black-webfont.woff")
      format("woff"),
    url("../../../fileadmin/Resources/Public/fonts/avenirltstd-black-webfont.ttf")
      format("truetype"),
    url("../../../fileadmin/Resources/Public/fonts/avenirltstd-black-webfont.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirLTStd55Roman";
  src: url("../../../fileadmin/Resources/Public/fonts/avenirltstd-roman-webfont.eot");
  src:
    url("../../../fileadmin/Resources/Public/fonts/avenirltstd-roman-webfont.eot%3F")
      format("embedded-opentype"),
    url("../../../fileadmin/Resources/Public/fonts/avenirltstd-roman-webfont.woff")
      format("woff"),
    url("../../../fileadmin/Resources/Public/fonts/avenirltstd-roman-webfont.ttf")
      format("truetype"),
    url("../../../fileadmin/Resources/Public/fonts/avenirltstd-roman-webfont.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BodoniStdItalic";
  src: url("../../../fileadmin/Resources/Public/fonts/bodonistd-italic-webfont.eot");
  src:
    url("../../../fileadmin/Resources/Public/fonts/bodonistd-italic-webfont.eot%3F")
      format("embedded-opentype"),
    url("../../../fileadmin/Resources/Public/fonts/bodonistd-italic-webfont.woff")
      format("woff"),
    url("../../../fileadmin/Resources/Public/fonts/bodonistd-italic-webfont.ttf")
      format("truetype"),
    url("../../../fileadmin/Resources/Public/fonts/bodonistd-italic-webfont.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BodoniStdRoman";
  src: url("../../../fileadmin/Resources/Public/fonts/bodonistd-webfont.eot");
  src:
    url("../../../fileadmin/Resources/Public/fonts/bodonistd-webfont.eot%3F")
      format("embedded-opentype"),
    url("../../../fileadmin/Resources/Public/fonts/bodonistd-webfont.woff")
      format("woff"),
    url("../../../fileadmin/Resources/Public/fonts/bodonistd-webfont.ttf")
      format("truetype"),
    url("../../../fileadmin/Resources/Public/fonts/bodonistd-webfont.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
* {
  margin: 0px;
  padding: 0px;
  border: 0px none;
}
*:focus {
  outline: none;
}
body {
  font-family: AvenirLTStd55Roman, Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 62.5%;
  color: #333;
  letter-spacing: 0.02em;
}
b,
strong,
h1,
h2,
h3,
h4,
.nav li,
table.dates,
.months dt,
#navtoggle a,
legend,
input[type="submit"],
#bottom,
#bottom .nav a,
fieldset.layout1 .powermail_fieldwrap_check label,
a.pill {
  font-family: AvenirLTStd95Black, Arial, sans-serif;
  font-weight: normal;
}
textarea,
input,
select,
option,
.powermail_fieldwrap legend {
  font-family: AvenirLTStd55Roman, Helvetica, Arial, sans-serif;
}
a {
  text-decoration: none;
}
article,
nav,
aside {
  display: block;
}
hr {
  display: block;
  clear: left;
  border-top: 1px solid #000;
  margin: 1em 0;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
iframe {
  display: block;
}
a,
a:hover {
  color: var(--sndcolor);
  transition: color 0.3s;
}
.nav a:hover,
.act a,
.nav a.act,
.months dt {
  color: var(--fstcolor);
  transition: color 0.3s;
}
#head,
#bottom,
.togglequad,
.dynbg,
.video_wrapper {
  background-color: var(--fstcolor);
}
.frame-layout-2 a {
  color: var(--fstcolor);
}
.frame-layout-2,
a.pill {
  background-color: var(--sndcolor);
}
.frame-layout-2 a.pill {
  background-color: #fff;
  color: #000;
}
.frame-layout-2 {
  background-color: var(--fstcolor);
}
.frame-layout-2 a {
  color: var(--sndcolor);
}
#head {
  position: relative;
}
body.fixedhead #head {
  position: fixed;
  width: 100%;
  z-index: 10;
  top: 0;
  left: 0;
}
#main {
  overflow: hidden;
  padding: 4em 0;
  min-height: 60vh;
  -webkit-transition: min-height 0.4s;
  -moz-transition: min-height 0.4s;
  transition: min-height 0.4s;
}
body.hasheadimg #main {
  min-height: 15vh;
}
body.fixedhead #page {
  padding-top: 6em;
}
#bottom {
  position: relative;
}
.row {
  text-align: center;
}
.contbox {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  max-width: 125em;
  padding: 0 2em;
  overflow: hidden;
}
div.col {
  float: left;
  width: 48%;
}
#leftcol {
  padding-right: 4%;
}
#headerimg {
  background: no-repeat center;
  background-size: cover;
  max-height: 600px;
  height: 50vh;
  overflow: hidden;
  cursor: pointer;
}
#headlogo img {
  max-width: 100%;
  height: auto;
  padding-top: 8em;
}
#mainnav {
  padding: 2em 0;
}
#navtoggle {
  display: none;
  overflow: hidden;
}
#navtoggle a {
  margin-left: 20px;
  display: block;
  margin-right: 60px;
}
#menuicon {
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  right: 2em;
  top: 1.5em;
}
.togglequad {
  position: absolute;
  bottom: -1em;
  left: 50%;
  margin-left: -1em;
  width: 2em;
  height: 2em;
  cursor: pointer;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.togglequad:hover {
  background-color: #000;
}
#foottoggle {
  top: -1em;
  bottom: auto;
}
#subnav {
}
#cont {
  padding-right: 3em;
}
#bottom {
  clear: both;
  text-align: center;
  color: #fff;
}
#footlogo {
  padding: 4em 2em 2em 2em;
}
#footlogo img {
  max-width: 100%;
  height: auto;
}
#sponsors {
  margin-top: 2em;
}
.t3ce.black {
  background: #000;
  color: #fff;
  margin-top: 2em;
  padding-top: 2em;
  padding-bottom: 2em !important;
  overflow: hidden;
}
.black nav,
.black ul,
.black p {
  display: inline;
}
a[href^="https://www.youtube.com/watch?v="],
a[href^="https://youtu.be"],
a[href^="https://vimeo.com/"],
a[href^="https://stadttheater-schaffhausen.podigee.io/"] {
  position: relative;
  display: block;
}
a[href^="https://www.youtube.com/watch?v="]:after,
a[href^="https://youtu.be"]:after,
a[href^="https://vimeo.com/"]:after,
a[href^="https://stadttheater-schaffhausen.podigee.io/"]:after {
  content: "";
  width: 96px;
  height: 96px;
  background: url("../../../fileadmin/Resources/Public/img/play-circle.svg")
    no-repeat center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -48px 0 0 -48px;
  text-align: center;
}
.video_wrapper {
  position: relative;
  width: 120em;
  max-width: 100%;
  padding-bottom: 56.25%;
}
.video_wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.showoverlay {
  overflow: hidden;
}
#overfix {
  position: fixed;
  width: 94%;
  padding: 0 3%;
  top: 0;
  height: 100vh;
  overflow: auto;
  display: none;
  cursor: pointer;
  background: url("../../../fileadmin/Resources/Public/img/stsh-schliessen.svg")
    right top no-repeat;
  z-index: 110;
}
#veil {
  position: fixed;
  width: 100%;
  top: 0;
  height: 100vh;
  display: none;
  z-index: 105;
}
#veil .dynbg {
  height: 100vh;
  opacity: 0.85;
}
#overcont,
#oversearch {
  margin: 8em auto;
  padding: 4em;
  max-width: 57.6em;
  background: #fff;
  cursor: auto;
  border: 1px solid #000;
}
#oversearch,
#oversearch header {
  display: none;
}
.embedded {
  width: 100%;
  height: 150em;
}
.embedded[src^="/abos/wahlabo-bestellen/"] {
  height: 220em;
}
#oversearch .t3ce {
  padding: 2.5em 0 0 0;
}
#oversearch h2 {
  font-size: 1em;
  border-bottom: 0 none;
  margin-bottom: 0;
  text-align: left;
  padding-bottom: 0;
  padding-top: 1.5em;
}
#oversearch h2 a {
  color: #333;
  pointer-events: none;
}
#oversearch h3 {
  text-transform: uppercase;
  text-align: left;
}
#oversearch .tx-indexedsearch-description {
  display: none;
}
#all a.pill {
  display: inline-block;
  position: relative;
  margin: 1em 0 0 50%;
  transform: translateX(-50%);
  color: #000;
  text-transform: uppercase;
  border-radius: 9em;
  padding: 0.4em 2em;
  text-align: center;
  letter-spacing: 1px;
  transition:
    background-color 0.3s,
    color 0.3s;
}
#all a.pill:hover {
  background-color: #000;
  color: #fff;
}
#bottom a.pill {
  position: static;
  margin: 0 1em;
  transform: none;
}
#jsdisp > * {
  display: none;
}
#jsdisp > *.cur {
  display: block;
}
.pid173 a {
  overflow: hidden;
  display: inline-block;
  text-indent: -99em;
  width: 19px;
  background: url("../../../fileadmin/Resources/Public/img/search.svg")
    no-repeat center;
  transform: translateY(0.3em);
}
.pid173 a:hover {
  background-image: url("../../../fileadmin/Resources/Public/img/search-b.svg");
}
.tx-indexedsearch-searchbox legend,
.tx-indexedsearch-searchbox label,
#tx-indexedsearch-searchbox-button-submit {
  display: none;
}
#tx-indexedsearch-searchbox-sword {
  border: 0 none;
  border-bottom: 2px solid #333;
  width: 100%;
  box-sizing: border-box;
}
.tx-indexedsearch-form {
  background: url("../../../fileadmin/Resources/Public/img/search-b.svg")
    no-repeat right center;
}
.tt-menu {
  font-size: 1.6em;
  width: 100%;
  padding: 0.2em 0.5em;
  box-sizing: border-box;
  background-color: #fff;
}
.tx-indexedsearch-res {
  margin-bottom: 0;
}
ul.nav {
  list-style: none;
}
.nav li {
  padding-right: 2em;
}
.nav li:last-child,
#leftcol .nav li {
  padding-right: 0;
}
.nav a {
  font-size: 1.4em;
  text-decoration: none;
  color: #000;
}
#mainnav li,
#bottom li {
  display: inline;
}
#mainnav ul {
  text-align: center;
}
#mainnav a {
  text-transform: uppercase;
  font-size: 1.6em;
  color: #fff;
  letter-spacing: 1px;
}
#mainnav a.act,
#mainnav a:hover {
  color: #000;
}
#mainnav ul ul {
  display: none;
  padding-top: 0.5em;
}
#leftcol nav a {
  display: block;
  text-align: center;
  font-size: 2.8em;
  margin-bottom: 0.5em;
  letter-spacing: 1px;
}
footer > div {
  padding-left: 2em;
  padding-right: 2em;
}
#bottom .nav li {
  font-family: AvenirLTStd55Roman, Helvetica, Arial, sans-serif;
  padding-right: 0;
}
#bottom a {
  color: #fff;
  font-size: inherit;
}
#bottom p a,
#bottom li a {
  border-bottom: 1px solid #fff;
}
#bottom p a[title="logo"],
#bottom p a.icon,
#bottom p a.pill {
  border-bottom: 0 none;
}
#bottom .nav li {
  font-size: 1em;
  line-height: 2.5em;
}
#bottom .nav li:after {
  content: " ";
}
#bottom .nav a {
  font-size: 1.4em;
  letter-spacing: 1px;
}
.t3ce {
  padding-bottom: 4em;
}
.header-cont.t3ce,
#bottom .t3ce {
  padding-bottom: 0;
}
h1,
h2 {
  font-size: 2.8em;
  padding-bottom: 0.5em;
  text-align: center;
  letter-spacing: 1px;
}
h1.pagetit,
h2 {
  font-size: 1.6em;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
}
h3 {
  text-align: center;
}
h3,
h4,
.t3ce p,
.t3ce li,
.csc-textpic-caption,
table.contenttable,
legend,
label,
input,
select,
textarea,
.powermail_fieldwrap_type_text {
  font-size: 1.6em;
  line-height: 1.4em;
  padding-bottom: 0;
}
#bottom p {
  font-size: 1.4em;
  letter-spacing: 1px;
  text-transform: uppercase;
}
table.contenttable p,
table.contenttable li,
.t3ce p li,
.t3ce li p,
.t3ce li li,
.t3ce li textarea,
.t3ce li input {
  font-size: inherit;
}
.t3ce li {
  margin-left: 1em;
}
#filter {
  text-align: center;
}
#categories {
  width: 25%;
  margin-right: 1%;
}
#performance {
  width: 55%;
}
body#pid125 #categories,
body#pid125 #performance,
body#pid125 form + hr {
  display: none;
}
#pid120 #main .contbox {
  max-width: 60em;
}
#pid120 .col {
  float: none;
  width: auto;
}
.event h1 {
  font-family: BodoniStdRoman, "Times New Roman", serif;
  font-size: 3.2em;
  padding-bottom: 0;
  line-height: 1.1em;
}
.months dt {
  font-size: 8em;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  padding-top: 0.2em;
}
.months dt:hover {
  color: #000;
}
.months dd {
  display: none;
}
.months a {
  font-size: inherit;
  display: block;
  padding: 1em 0;
}
.months h3 {
  font-size: 2.4em;
  text-align: center;
  text-transform: uppercase;
}
.months h3 small {
  font-size: 0.5em;
}
.nobreak {
  white-space: nowrap;
}
table.dates {
  text-transform: uppercase;
  padding-bottom: 0;
}
table.dates td {
  padding: 0.2em 2em 0.2em 0;
  vertical-align: top;
  line-height: 1em;
}
table.dates td:last-child {
  padding-right: 0;
  text-align: right;
}
.short1 p,
.short2 p,
.info p {
  padding-bottom: 0;
}
.tickets {
  text-align: center;
  padding-top: 0em;
}
input[type="text"],
input[type="password"],
#all .cr_ipe_item input,
#all .cr_ipe_item textarea,
textarea {
  border: 1px solid #ddd;
  background: #fff;
}
input[type="text"]:focus,
input[type="password"]:focus,
#all .cr_ipe_item input:focus,
#all .cr_ipe_item textarea:focus,
textarea:focus {
  border-color: #888;
}
.tx-felogin-pi1 label,
.tx-felogin-pi1 legend {
  display: none;
}
span.spamprotection {
  display: none;
  visibility: hidden;
}
.nodesk {
  display: none;
}
#aboselect {
  text-align: center;
}
#show38 p.tickets {
  display: none;
}
.cr_ipe_item {
  white-space: nowrap;
}
.cr_ipe_item label {
  vertical-align: top;
}
.cr_ipe_item div {
  padding-top: 7px;
}
#all .cr_page {
  padding: 0;
  width: 100%;
}
#all .cr_ipe_item {
  padding: 0;
  margin: 0;
}
#all .cr_button {
  background: #000;
  width: 70%;
  margin-left: 30%;
}
.bx-wrapper {
  box-shadow: none;
  border: 0 transparent;
  background: transparent;
}
.bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0 none;
  left: 0;
}
.bx-wrapper .bx-controls-direction a {
  z-index: 50;
  background-image: none;
  height: 100%;
  top: 0;
  margin-top: 0;
  width: 33%;
}
.bx-wrapper .bx-prev {
  cursor: w-resize;
}
.bx-wrapper .bx-next {
  cursor: e-resize;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  border: 1px solid #000;
  border-radius: 50%;
}
.bx-wrapper .csc-textpic-image {
  text-align: center;
}
div.bx-wrapper img,
.center img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
.ce-above .ce-gallery {
  width: 100%;
}
.ce-column {
  max-width: 100%;
}
div[data-ce-columns="1"] .ce-column {
  float: none;
}
div[data-ce-columns="2"] .ce-column {
  max-width: calc(50% - 5px);
}
div[data-ce-columns="3"] .ce-column {
  max-width: calc(33.3% - 7.5px);
}
div[data-ce-columns="4"] .ce-column {
  max-width: calc(25% - 10px);
}
.ce-gallery img {
  max-width: 100%;
  height: auto;
}
.ce-gallery figcaption {
  padding-top: 6px;
  text-align: center;
  font-size: 1.2em;
}
#singleallimgs {
  padding-bottom: 0;
}
#singleallimgs > .ce-gallery {
  padding-bottom: 4em;
}
.frame-layout-1,
.frame-layout-2,
.frame-layout-3 {
  padding-bottom: 0;
  margin-bottom: 4em;
}
.frame-layout-1,
.frame-layout-2 {
  border: 1px solid #000;
}
.frame-layout-1 .ce-gallery,
.frame-layout-2 .ce-gallery,
.grid-column-11 {
  border-bottom: 1px solid #000;
  margin-bottom: 0;
}
.frame-layout-1 .t3ce,
.frame-layout-2 .t3ce,
.frame-layout-3 .t3ce {
  padding-bottom: 0;
}
.frame-layout-1 header,
.frame-layout-2 header,
.frame-layout-3 header {
  padding-top: 1em;
}
.frame-layout-1 header *,
.frame-layout-2 header *,
.frame-layout-3 header * {
  margin-bottom: 0;
  padding-left: 2em;
  padding-right: 2em;
}
.frame-layout-1 .ce-bodytext,
.frame-layout-2 .ce-bodytext,
.frame-layout-3 .ce-bodytext {
  padding: 2em;
}
.csc-mailform-field {
  margin-top: 5px;
  padding-bottom: 5px;
}
.csc-mailform-field label {
  width: 250px;
  display: block;
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 4px;
  font-size: 1.4em;
}
.csc-mailform-field input,
.csc-mailform-field select {
  font-size: 1.4em;
  border: 1px dotted grey;
}
.csc-mailform-field select {
  width: 50px;
}
fieldset.layout1 .powermail_fieldwrap_type_check {
  overflow: hidden;
  clear: left;
}
fieldset.layout1 .checkbox,
fieldset.layout1 .powermail_fieldwrap_type_check label {
  display: inline-block;
  padding-right: 1em;
}
fieldset.layout1 .powermail_field {
  display: inline;
}
.tx-indexedsearch .tx-indexedsearch-title {
  text-transform: uppercase;
  font-size: 1.3em;
}
.tx-indexedsearch .tx-indexedsearch-descr,
.tx-indexedsearch .tx-indexedsearch-info {
  font-size: 1.2em;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
  padding-top: 0.5em;
  background-color: transparent;
}
.tx-indexedsearch
  .tx-indexedsearch-res
  .tx-indexedsearch-descr
  .tx-indexedsearch-redMarkup {
  color: inherit;
  font-weight: bold;
}
.tx-indexedsearch .tx-indexedsearch-whatis,
.tx-indexedsearch .tx-indexedsearch-searchbox-sword,
.tx-indexedsearch .tx-indexedsearch-searchbox-button,
.tx-indexedsearch .tx-indexedsearch-percent {
}
.tx-indexedsearch-res {
}
.csc-uploads-fileName a {
  padding-left: 2em;
  background: url("https://altesarchiv.stadttheater-sh.ch/fileadmin/Resources/Public/img/dl_icon.png")
    no-repeat left top transparent;
  font-size: 1.2em;
}
.tx-powermail form {
  transition:
    opacity 0.3s,
    max-height 1s;
  max-height: 999em;
}
.tx-powermail.submitting form {
  opacity: 0;
  pointer-events: none;
  max-height: 5px;
}
.tx-powermail.submitting .loader {
  width: 90px;
  height: 14px;
  box-shadow: 0 3px 0 #000;
  position: relative;
  clip-path: inset(-40px 0 -5px);
  margin: 6em auto;
}
.tx-powermail.submitting .loader:before {
  content: "";
  position: absolute;
  inset: auto calc(50% - 17px) 0;
  height: 50px;
  --g: no-repeat linear-gradient(#444 0 0);
  background: var(--g), var(--g), var(--g), var(--g);
  background-size: 16px 14px;
  animation:
    l7-1 2s infinite linear,
    l7-2 2s infinite linear;
}
@keyframes l7-1 {
  0%,
  100% {
    background-position:
      0 -50px,
      100% -50px;
  }
  17.5% {
    background-position:
      0 100%,
      100% -50px,
      0 -50px,
      100% -50px;
  }
  35% {
    background-position:
      0 100%,
      100% 100%,
      0 -50px,
      100% -50px;
  }
  52.5% {
    background-position:
      0 100%,
      100% 100%,
      0 calc(100% - 16px),
      100% -50px;
  }
  70%,
  98% {
    background-position:
      0 100%,
      100% 100%,
      0 calc(100% - 16px),
      100% calc(100% - 16px);
  }
}
@keyframes l7-2 {
  0%,
  70% {
    transform: translate(0);
  }
  100% {
    transform: translate(200%);
  }
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="submit"],
select,
textarea {
  padding: 0.2em 0.5em;
  border: 1px solid #aaa;
  box-sizing: border-box;
  width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="submit"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  border: 1px solid #333;
}
input[type="submit"] {
  color: #fff;
  border: 0px none;
  background: #333;
  cursor: pointer;
}
input[type="submit"]:hover {
  background: #000;
}
select {
  background: #fff;
}
select[disabled] {
  border: 1px dotted #ccc;
  color: #000;
}
input[type="number"] {
  width: 3em;
}
label,
#all .cr_ipe_item label {
  width: 30%;
  display: inline-block;
}
.powermail_fieldwrap_type_check label,
.powermail_fieldwrap_type_radio label {
  width: auto;
}
.powermail_fieldwrap_textarea label {
  vertical-align: top;
}
.powermail_field,
.cr_ipe_item input[type="text"],
.cr_ipe_item textarea,
.cr_ipe_item div {
  width: 70% !important;
  display: inline-block;
}
.cr_ipe_item input[type="text"] {
  box-sizing: border-box;
}
.powermail_fieldwrap {
  padding-bottom: 0.5em;
}
.powermail_fieldwrap_text {
  padding-top: 0.5em;
}
.powermail_fieldset {
  margin-top: 2em;
}
.nolabel legend,
.tx-powermail h3 {
  display: none;
}
.powermail_fieldwrap_type_radio {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.powermail_fieldwrap_type_radio .powermail_field {
  flex-grow: 1;
  width: 100% !important;
}
.powermail_fieldwrap_type_radio .radio {
  display: block;
  float: left;
  padding-right: 1em;
}
.powermail_fieldwrap_type_radio .radio:nth-child(3),
.powermail_fieldwrap_type_radio .radio:nth-child(6) {
  clear: left;
}
.powermail_fieldwrap_type_radio > label,
.powermail_fieldwrap_type_radio .radio:nth-child(2),
.powermail_fieldwrap_type_radio .radio:nth-child(5) {
  padding-bottom: 8px;
}
.powermail_fieldwrap_platzkategorie .powermail_radio_inner_6 {
  clear: left;
  margin-left: 33%;
}
.powermail_fieldwrap_bevorzugteetage,
.powermail_fieldwrap_tag,
.powermail_fieldwrap_zeit,
.powermail_fieldwrap_kategorie {
  display: none;
}
.frame-layout-4 {
  padding-bottom: 0;
  transition: padding-bottom 0.3s;
}
.frame-layout-4 + .frame-layout-0,
.frame-layout-4 + .frame-layout-1,
.frame-layout-4 + .frame-layout-2,
.frame-layout-4 + .frame-layout-3 {
  margin-top: 4em;
}
.frame-layout-4 header + div {
  display: none;
}
.frame-layout-4 header {
  position: relative;
  cursor: pointer;
}
.frame-layout-4 header * {
  transition: color 0.3s;
  padding-left: 28px;
}
.frame-layout-4 header::after {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 50%;
  margin-top: -9px;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-top: 9px solid #000;
  transform-origin: center 4px;
  transition:
    transform 0.3s,
    border-color 0.3s;
}
.frame-layout-4 header:hover * {
  color: var(--fstcolor);
}
.frame-layout-4 header:hover::after {
  border-top-color: var(--fstcolor);
}
.frame-layout-4.open {
  padding-bottom: 4em;
}
.frame-layout-4.open header:after {
  transform: rotateZ(180deg);
}
.frame-layout-1 .frame-layout-4 header {
  padding-top: 1em;
  padding-bottom: 0;
}
.frame-layout-1 .frame-layout-4 header::after {
  left: 20px;
  margin-top: -4px;
}
.frame-layout-1 .frame-layout-4 header * {
  padding-left: 48px;
}
.klaro.we_cookie_consent .cookie-modal a,
.klaro.we_cookie_consent .cookie-modal h1,
.klaro.we_cookie_consent .cookie-modal h2,
.klaro.we_cookie_consent .cookie-modal li,
.klaro.we_cookie_consent .cookie-modal p,
.klaro.we_cookie_consent .cookie-modal strong,
.klaro.we_cookie_consent .cookie-modal ul,
.klaro.we_cookie_consent .cookie-notice a,
.klaro.we_cookie_consent .cookie-notice h1,
.klaro.we_cookie_consent .cookie-notice h2,
.klaro.we_cookie_consent .cookie-notice li,
.klaro.we_cookie_consent .cookie-notice p,
.klaro.we_cookie_consent .cookie-notice strong,
.klaro.we_cookie_consent .cookie-notice ul,
#klaro .klaro .cookie-modal .cm-btn,
#klaro .klaro .context-notice .cm-btn,
#klaro .klaro .cookie-notice .cm-btn,
.klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .cm-header h1 {
  font-size: 16px;
  line-height: 22.4px;
  text-underline-offset: 8px;
}
#klaro .klaro.we_cookie_consent .cookie-notice,
.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) {
  padding: 25px 20px 30px 20px;
}
.klaro.we_cookie_consent .cookie-notice,
.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice),
.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cn-body,
.klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .cm-footer,
.klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro {
  box-sizing: border-box;
  color: #fff;
  background: #000;
}
.klaro.we_cookie_consent .cookie-notice,
.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) {
  padding: 20px;
}
.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cn-body,
.klaro.we_cookie_consent .cookie-notice .cn-body {
  max-width: 89em;
  margin: 0 auto;
}
.klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .cm-header,
.klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .cm-body,
.klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .cm-footer-buttons {
  max-width: 89em;
  margin: 0 auto;
}
.klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .cm-header,
.klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .cm-body {
  padding: 20px;
}
.klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .cm-body {
  padding-top: 0;
}
.klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .cm-footer {
  max-width: 100%;
  padding: 20px 0;
}
.klaro.we_cookie_consent
  .cookie-modal
  .cm-modal.cm-klaro
  .cm-footer
  .cm-footer-buttons {
  position: relative;
}
.klaro.we_cookie_consent .cookie-modal a,
.klaro.we_cookie_consent .cookie-modal h1,
.klaro.we_cookie_consent .cookie-modal h2,
.klaro.we_cookie_consent .cookie-modal li,
.klaro.we_cookie_consent .cookie-modal p,
.klaro.we_cookie_consent .cookie-modal strong,
.klaro.we_cookie_consent .cookie-modal ul,
.klaro.we_cookie_consent .cookie-notice a,
.klaro.we_cookie_consent .cookie-notice h1,
.klaro.we_cookie_consent .cookie-notice h2,
.klaro.we_cookie_consent .cookie-notice li,
.klaro.we_cookie_consent .cookie-notice p,
.klaro.we_cookie_consent .cookie-notice strong,
.klaro.we_cookie_consent .cookie-notice ul {
  color: #fff;
}
#klaro .klaro.we_cookie_consent .cookie-notice .cm-btn.cn-decline,
#klaro
  .klaro.we_cookie_consent
  .cookie-notice:not(.cookie-modal-notice)
  .cm-btn,
#klaro
  .klaro.we_cookie_consent
  .cookie-notice:not(.cookie-modal-notice)
  .cm-btn-sm,
#klaro
  .klaro.we_cookie_consent
  .cookie-notice:not(.cookie-modal-notice)
  .cm-link,
#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-accept,
#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn,
#klaro
  .klaro.we_cookie_consent
  .cookie-notice:not(.cookie-modal-notice)
  .cm-btn.cm-btn-danger {
  border-color: #888;
  border-radius: 99em;
  box-sizing: border-box;
  background-color: #888;
  color: #000;
  text-transform: uppercase;
  font-family: AvenirLTStd95Black, Arial, sans-serif;
  min-height: auto;
  padding: 0.4em 2em;
}
#klaro
  .klaro.we_cookie_consent
  .cookie-notice:not(.cookie-modal-notice)
  .cm-btn.cm-btn-success,
#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-accept-all {
  background: var(--sndcolor);
  border-color: var(--sndcolor);
  color: #000;
}
#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn.cn-decline {
  display: none;
}
.klaro.we_cookie_consent
  .cookie-modal
  .cm-service
  > div
  > .cm-list-input:checked
  + .cm-list-label
  > .cm-list-title
  + .cm-switch:before {
  padding: 0px;
  width: 14px;
}
.klaro.we_cookie_consent
  .cookie-modal
  .cm-purpose
  > .cm-list-input:not(.only-required)
  + .cm-list-label
  > .cm-list-title
  + .cm-switch::before,
.klaro.we_cookie_consent
  .cookie-modal
  .cm-service
  > div
  > .cm-list-input:checked
  + .cm-list-label
  > .cm-list-title
  + .cm-switch:before {
  padding: 2px 0 0 0;
  width: 14px;
  height: 14px;
}
.klaro.we_cookie_consent
  .cookie-modal
  .cm-service
  > div
  > .cm-list-input:not(.only-required)
  + .cm-list-label
  > .cm-list-title
  + .cm-switch:before {
  height: 14px;
  width: 14px;
  padding: 2px 0 0 2px;
}
.klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .hide {
  background-color: #000;
  color: #fff;
}
.klaro.we_cookie_consent
  .cookie-modal
  .cm-purpose
  > .cm-list-label
  .slider::before,
.klaro.we_cookie_consent
  .cookie-modal
  .cm-service
  > div
  > .cm-list-label
  .slider::before {
  background-color: #f60d1f;
}
.klaro.we_cookie_consent
  .cookie-modal
  .cm-purpose
  > .cm-list-input.half-checked:checked
  + .cm-list-label
  .slider::before {
  background-color: #888;
}
#klaro .cn-body span a:hover {
  opacity: 0.7;
}
.klaro.we_cookie_consent .cookie-modal .cm-bg {
  background: rgba(255, 255, 255, 0.5);
}
#klaro
  .klaro.we_cookie_consent
  .cookie-notice:not(.cookie-modal-notice)
  .cm-btn.cm-btn-danger:before,
#klaro
  .klaro.we_cookie_consent
  .cookie-notice:not(.cookie-modal-notice)
  .cm-btn.cn-decline:before,
#klaro
  .klaro.we_cookie_consent
  .cookie-notice:not(.cookie-modal-notice)
  .cm-link:before,
#klaro
  .klaro.we_cookie_consent
  .cookie-notice:not(.cookie-modal-notice)
  .cm-btn.cm-btn-success::before,
#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn-decline:before,
#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-accept-all::before,
#klaro
  .klaro.we_cookie_consent
  .cookie-notice:not(.cookie-modal-notice)
  .cm-btn.cm-btn-danger:hover:before,
#klaro
  .klaro.we_cookie_consent
  .cookie-notice:not(.cookie-modal-notice)
  .cm-btn.cn-decline:hover:before,
#klaro
  .klaro.we_cookie_consent
  .cookie-notice:not(.cookie-modal-notice)
  .cm-link:hover:before,
#klaro
  .klaro.we_cookie_consent
  .cookie-notice:not(.cookie-modal-notice)
  .cm-btn.cm-btn-success:hover:before,
#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn-decline:hover:before,
#klaro
  .klaro.we_cookie_consent
  .cookie-modal
  .cm-btn.cm-btn-accept-all:hover:before {
  content: none;
}
#klaro .cm-powered-by {
  display: none;
}
#klaro label {
  width: auto;
  font-size: inherit;
}
.klaro .cookie-modal .cm-modal .cm-body .cm-caret span,
.klaro
  .cookie-modal
  .cm-modal
  .cm-body
  ul.cm-services
  li.cm-service
  span.cm-opt-out,
.klaro
  .cookie-modal
  .cm-modal
  .cm-body
  ul.cm-services
  li.cm-service
  span.cm-required,
.klaro
  .cookie-modal
  .cm-modal
  .cm-body
  ul.cm-services
  li.cm-purpose
  span.cm-opt-out,
.klaro
  .cookie-modal
  .cm-modal
  .cm-body
  ul.cm-services
  li.cm-purpose
  span.cm-required,
.klaro
  .cookie-modal
  .cm-modal
  .cm-body
  ul.cm-purposes
  li.cm-service
  span.cm-opt-out,
.klaro
  .cookie-modal
  .cm-modal
  .cm-body
  ul.cm-purposes
  li.cm-service
  span.cm-required,
.klaro
  .cookie-modal
  .cm-modal
  .cm-body
  ul.cm-purposes
  li.cm-purpose
  span.cm-opt-out,
.klaro
  .cookie-modal
  .cm-modal
  .cm-body
  ul.cm-purposes
  li.cm-purpose
  span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes,
.klaro
  .cookie-modal
  .cm-modal
  .cm-body
  ul.cm-purposes
  li.cm-purpose
  p.purposes {
  display: none;
}
@media (max-width: 575px) {
  .klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro {
    bottom: 180px;
  }
  .klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .cm-footer {
    height: 180px;
    padding: 0 20px;
  }
  .klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .cm-footer > * {
    height: 160px;
  }
}
@media (max-width: 1030px) {
  .bx-wrapper .bx-controls-direction a {
    z-index: 0;
    display: none;
  }
}
@media (max-width: 990px) {
  #navtoggle,
  .nodesk {
    display: block;
  }
  #mainnav > nav,
  #leftcol {
    display: none;
  }
  body#pid28 #leftcol {
    display: block;
  }
  #mainnav > nav {
    padding-top: 1em;
  }
  #mainnav li {
    display: block;
    border-top: 1px solid #fff;
    padding: 0.5em 2em;
    text-align: left;
  }
  #mainnav a {
    display: block;
  }
  #mainnav li li {
    border-top: 0 none;
    padding-left: 6em;
  }
  #page {
    width: auto;
  }
  #headerimg {
    background-image: none;
    display: none;
  }
  #main div.col {
    width: auto;
    max-width: 60em;
    margin: 2em auto;
    float: none;
    padding-right: 0;
    text-align: left;
  }
  #main .contbox {
    text-align: center;
  }
  #head .contbox {
    padding: 0;
    max-height: 100vh;
    overflow: auto;
  }
  div.contbox,
  #footer {
    padding-left: 1em;
    padding-right: 1em;
  }
  .col {
    padding-bottom: 1.5em;
  }
  .nav a,
  .csc-default p,
  .csc-textpic-caption {
  }
  #mainnav a,
  h1 {
  }
}
@media (max-width: 520px) {
  #overcont {
    margin: 12em auto;
    padding: 2em 1em;
  }
}
@media (max-width: 360px) {
  div[data-ce-columns="2"] .ce-column,
  div[data-ce-columns="3"] .ce-column {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    display: flex;
    justify-content: center;
  }
  div[data-ce-columns="4"] .ce-column {
    max-width: calc(50% - 5px);
    width: calc(50% - 5px);
  }
  div[data-ce-columns="4"] .ce-column:nth-child(2) {
    margin-right: 0;
  }
}