/* css for stuecke subtheme, based on bootstrap theme */

@font-face {
  font-family: 'AntiqueOli-Reg';
  font-style: normal;
  font-weight: 400;
  src: local('AntiqueOli-Reg'),
    url('fonts/webfonts/3A9FFB_0_0.woff2') format('woff2'),
    url('fonts/webfonts/3A9FFB_0_0.woff') format('woff'),
    url('fonts/webfonts/3A9FFB_0_0.ttf') format('ttf'),
    url('fonts/webfonts/3A9FFB_0_0.eot') format('eot');
}

/* Webfont: AntiqueOliveStd-CompactMTT */
@font-face {
  font-family: 'AntiqueOliveStdXBdSmCnact';
  src: local('AntiqueOliveStdXBdSmCnact');
  src: url('fonts/webfonts/AntiqueOliveStd-Compact-MTT.eot');
  /* IE9 Compat Modes */
  src: url('fonts/webfonts/AntiqueOliveStd-Compact-MTT.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/webfonts/AntiqueOliveStd-Compact-MTT.woff') format('woff'),
    /* Modern Browsers */
    url('fonts/webfonts/AntiqueOliveStd-Compact-MTT.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'RomanaT BF';
  font-style: normal;
  font-weight: 400;
  src: local('RomanaT BF'),
    url('fonts/romana/RomanaT-BF.woff2') format('woff2'),
    url('fonts/romana/RomanaT-BF.woff') format('woff'),
    url('fonts/romana/RomanaT-BF.ttf') format('ttf'),
    url('fonts/romana/RomanaT-BF.eot') format('eot');
}

@font-face {
  font-family: 'Romana-Bold-BF';
  font-style: normal;
  font-weight: 400;
  src: local('Romana-Bold-BF'),
    url('fonts/romana/Romana-Bold-BF.woff2') format('woff2'),
    url('fonts/romana/Romana-Bold-BF.woff') format('woff'),
    url('fonts/romana/Romana-Bold-BF.ttf') format('ttf'),
    url('fonts/romana/Romana-Bold-BF.eot') format('eot');
}

/* general */
body {
  background-color: #e9f3ea;
  color: #000;
  font-family: "AntiqueOli-Reg", sans-serif;
}

h1,
h1.page-header{
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 60px;
  line-height: 51px;
  width: 50%;
  border: 0;
}
.node-type-stuecke h1.page-header{
  margin:0;
  padding:0;
}

.field-name-field-untertitel .field-items{
  font-size: 30px;
  width: auto;
  font-family: 'AntiqueOli-Reg';
}
h2,
h2 a,
span.submitted-by,
span.submitted-by a,
.page-node .field-name-field-autorenzusatz div.field-items,
.page-node .field-name-field-autor-ohne-vita div.field-items{
  font-family: "RomanaT BF", sans-serif;
  font-size: 40px;
  line-height: 40px;
  width: 50%;
}

.page-node .field-name-field-autorenzusatz div.field-items {
  font-size: 26px;
  line-height: 26px;
}

article h2 {
  width: 100%;
}

h2.reference {
  width: 80%;
}

h2.details,
div.view-empty h2 {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 40px;
  line-height: 29px;
  font-weight: 400;
  margin-bottom: 32px;
}

h3,
h4 {
  font-size: 32px;
  line-height: 29px;
  margin-top: 30px;
  margin-bottom: 12px;
}

h5 {
  font-size: 24px;
  line-height: 23px;
  margin-top: 20px;
  margin-bottom: 8px;
}

p,
div.field-items {
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
  margin-top: 5px;
  margin-bottom: 10px;
}

div.field-label {
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.field .field-label {
  font-weight: 400;
}

.field-name-field-stuecke-termine .field-label {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 40px;
  line-height: 29px;
  font-weight: 400;
  margin-bottom: 32px;
}

.field-name-field-stuecke-termine span.school,
.page-kunst-kultur-theater-stuecke-spielplan .termin_tickets span.school {
  font-size: 20px;
  color: #e5e5e5;
  background-color: #e73277;
  /* fa816b */
  width: 170px;
  text-align: center;
  display: inline-block;
  margin: 5px 0;
}

.field-name-field-stuecke-video .field-label {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-weight: 400;
}

a {
  color: #000000;
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}

a:hover,
a:focus {
  color: #000000;
}

#block-block-126 p a,
#block-block-132 p a,
article.node-stuecke p a,
article.node-kinderstuecke p a,
article.node-stuecke div.field-name-field-sonstiges p a,
article.node-kinderstuecke div.field-name-field-sonstiges p a {
  text-decoration: underline;
}

span.ext {
  background-image: no;
  width: 0;
  height: 0;
  padding-right: 0;
}

mark,
.mark {
  padding: 0;
}

/* Buttons */

.btn,
.btn-success {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 34px;
  line-height: 41px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #000000;
  border-radius: 0;
}

.btn-success {
  color: #000000;
  background-color: #ffffff;
}

.btn-default:hover,
.btn-success:hover,
.btn-success:active:hover,
.btn-default:active:hover,
.btn-success.active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
  color: #000000;
  background-color: #ff7332;
  border-color: #ffffff;
  border-radius: 0;
}

/* container */

article {
  width: 60%;
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
  margin-top: 5px;
  margin-bottom: 10px;
}

article.node-stuecke-blog {
  width: 100%;
}

article.node-stuecke .media-float-left,
article.node-kinderstuecke .media-float-left,
article.node-stuecke-blog .media-float-left {
  overflow: visible;
}

article.node-stuecke .file-image img,
article.node-kinderstuecke .file-image img,
article.node-stuecke-blog .file-image img {
  margin-right: 25px;
}

/* Content */
.stuecktext-datei .help-block{
  display: none;
}

.stuecktext-datei .input-group .input-group-btn{
  display: inline-block;
  margin: 10px 0;
}

.webform-component-fieldset.panel .help-block{
  font-size: inherit;
}

article.node-kinderstuecke h2.reference a {}

article #bootstrap-panel,
article #bootstrap-panel--2,
.webform-component-fieldset.panel,
article #bootstrap-panel .panel-heading,
article #bootstrap-panel--2 .panel-heading,
.webform-component-fieldset.panel .panel-heading{
  border: 0 !important;
  background-color: transparent !important;
  box-shadow: inherit !important;
  padding: 0;
}

article #bootstrap-panel .panel-body,
article #bootstrap-panel--2 .panel-body,
.webform-component-fieldset.panel .panel-body{
  padding: 0;
}

article fieldset#bootstrap-panel .panel-title,
article fieldset#bootstrap-panel--2 .panel-title,
.webform-component-fieldset.panel .panel-title{
  display:block;
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif !important;
  font-size: 40px !important;
  line-height: 39px !important;
  font-weight: 400 !important;
  margin: 15px 0!important;
  padding: 10px 0;
  word-break: break-word;
}

fieldset[id*='bootstrap-panel'] a.fieldset-legend::after {
  font-size: 40px;
  line-height: 39px;
  font-weight: bold;
  content: "\02C4";
  padding-left: 20px;
  text-decoration: none;
}

fieldset[id*='bootstrap-panel'] a.fieldset-legend.collapsed::after {
  content: "\02C5";
}

.field-name-field-publikationen .field-label {
  font-weight: 700;
}

.field-name-field-kinderstuecke-alter {
  float: right;
  width: 70px;
  height: 50px;
  padding: 0;
  margin: 0;
  background-image: url("images/altersangabe-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.field-name-field-kinderstuecke-alter div.field-items {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 18px;
  line-height: 39px;
  text-align: center;
}

.field-name-field-kinderstuecke-alter.lang div.field-items {
  padding-left: 5px;
}

.views-field-field-kinderstuecke-alter div.field-content {
  padding-top: 0;
  padding-left: 14px;
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 18px;
  line-height: 70px;
}

.views-field-field-kinderstuecke-alter {
  padding-bottom: 0;
  background-image: url("images/altersangabe-bg.png");
  background-repeat: no-repeat;
  background-position: -10px 50%;
  background-size: 70px 50px;
  height:70px;
}

.field-name-field-spielstaette div.field-item.even,
.field-name-field-spielstaette a {
  font-family: "RomanaT BF", sans-serif;
  font-size: 40px;
  line-height: 40px;
  width: 50%;
}

.field-name-field-spielstaette hr,
.field-name-field-stuecke-beschreibung hr,
.field-name-field-body hr {
  width: 100%;
  border: 1px solid #000000;
  margin-bottom: 8px;
}

.field-name-field-body hr {
  margin-bottom: 22px;
}

.field-name-field-stuecke-auffuehrungsdauer div.field-items,
span.created {
  float: left;
  font-family: "AntiqueOli-Reg", sans-serif;
  font-size: 14px;
  line-height: 30px;
  margin-top: 2px;
  margin-right: 10px;
}

span.created {
  margin-top: 7px;
}

.field-name-field-stuecke-veranstaltungsort div.field-items a::before,
/* .field-name-field-blog-stuecke-kategorie div.field-items::before, */
.field-name-field-blog-stuecke-kategorie div.field-items a::before {
  content: "\2022";
  margin-right: 10px;
  text-decoration: none;
}

.field-name-field-stuecke-veranstaltungsort div.field-items a,
.field-name-field-blog-stuecke-kategorie div.field-items,
.field-name-field-blog-stuecke-kategorie div.field-items a {
  font-family: "AntiqueOli-Reg", sans-serif;
  font-size: 14px;
  line-height: 30px;
}

.field-name-field-stuecke-beschreibung {
  margin-top: 20px;
}

.field-name-field-stuecke-beschreibung table#tidiness td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.field-name-field-stuecke-termine .field-collection-view {
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
  border-bottom: 0;
}

.field-name-field-stuecke-termin-datum-table-cell,
.field-name-field-stuecke-termin-datum-table-cell a {
  display: inline;
  margin-right: 15px;
  font-family: "AntiqueOli-Reg", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}

.field-name-field-stuecke-termine-table-row .field-name-field-status-table-cell-ausverkauft {
  border: 1px solid #000000;
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 10px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  padding-left: 6px;
  padding-right: 6px;
}

.field-collection-container {
  border: 0;
}

span.mailto {
  /* background-image: none; */
}

body.page-newsletter-anmelden-stuecke iframe {
  border-width: 0;
}

/* scrolled */
body.scrolled {
  margin-top: 68px;
  /* height of #navbar */
}

.scrolled #navbar {
  position: fixed;
  width: 100%;
  height: 68px;
  min-height: auto;
  top: 0;
}

.scrolled .nav:nth-child(3) {
  display: none;
}

.scrolled .nav li a {
  padding: 0 8px;
}

.scrolled #search-block-form {
  position: absolute;
  width: 100%;
  left: 0;
  top: 86px;
  margin-left: 0 !important;
  z-index: 900;
}

.scrolled .hashtag-date-headline,
.scrolled #navbar .secondary-menu {
  display: none;
}

/* logo */
a.logo {
  text-decoration: none;
}

a.logo h2 {
  margin: 0;
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 26px;
  letter-spacing: 0.5px;
  line-height: 26px;
  display: inline;
}

a.logo span {
  font-family: "RomanaT BF", sans-serif;
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 26px;
  text-transform: uppercase;
}

/* Ticker */
#block-block-123 {
  padding: 15px 0;
}

#block-block-123 a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 22px;
  line-height: 26px;
  text-decoration: underline;
}

#block-block-123 p {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0.5px;
  margin: 0;
  text-transform: uppercase;
}

/* nav */
.navbar {
  margin-bottom: 35px;
}

.navbar-collapse {
  padding: 0;
}

.navbar-header.col-sm-3,
.navbar-collapse.col-sm-9 {
  padding: 0;
}

.navbar-collapse>nav {
  position: relative;
}

#navbar-collapse {
  display: inline-block !important;
}

#navbar {
  border-radius: unset;
  z-index: 1337;
}

.navbar-default {
  transform: rotate(360deg);
  border: 0;
}

.navbar.container-fluid {
  margin-top: 0;
}

.navbar-brand {
  display: none;
}

.navbar-container {
  padding: 15px;
  height: 140px;
  margin: 0 -15px;
  background: #e73277;
}

.scrolled .navbar-container {
  height: 68px;
}

.navbar-header {
  min-height: 100px;
  min-width: 145px;
  background-image: url(/sites/www1.muelheim-ruhr.de/themes/stuecke/images/MTT-49-logo.png);
  background-repeat: no-repeat;
}

.scrolled .navbar-header {
  background-image: url(/sites/www1.muelheim-ruhr.de/themes/stuecke/images/MTT-49-logo-short.png);
}

.nav>li {
  display: inline-block;
  position: unset;
}

.nav>li>a {
  display: inline-block;
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 19px;
  letter-spacing: 0.5px;
  line-height: 26px;
  padding: 5px 8px;
}

nav ul li.leaf a.icon.glyphicon.glyphicon-search {
  font-family: 'Glyphicons Halflings';
  background: 0 0 url('/sites/www1.muelheim-ruhr.de/themes/stuecke/images/Lupe-black.svg') no-repeat;
  background-size: contain;
  width: 28px;
  height: 28px;
  display: inline-block;
  top: 5px;
}

nav ul li.leaf a.icon.glyphicon.glyphicon-search:before {
  display: none;
}

.scrolled nav ul li.leaf a.icon.glyphicon.glyphicon-search {
  background-image: url('/sites/www1.muelheim-ruhr.de/themes/stuecke/images/Lupe.svg')
}

.nav>li>a:hover,
.nav>li>a:focus {
  background-color: transparent;
}

.nav>li.active-trail>a,
.nav>li>a.active {
  border: 2px solid #000;
  color:#000
}

.nav>li a.active {
  color:#000
}

.menu.nav {
  position: relative;
  font-size: 22px;
  letter-spacing: 0.5px;
  line-height: 26px;
  font-weight: 800;
  text-transform: uppercase;
}

/*.nav:nth-child(1) li:nth-child(6) a,*/
.nav:nth-child(1) li:nth-child(7) a {
  display: none;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background-color: transparent;
  border: 2px solid #000;
  color:#000
}

.dropdown-menu {
  border: 2px solid #000;
  border-radius: 0;
  box-shadow: none;
  min-width: 100%;
  text-transform: none;
  background-color: #e9f3ea;
}

.dropdown-menu>li>a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: 0.5px;
  font-weight: 400;
  color: #000;
}

.dropdown-menu>.active>a{
  background-color: transparent;
  color: #000;
}
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-color: transparent;
  color: #000;
}

#hash {
  float: right;
  width: 49.5%;
  border: 2px solid #8fc78f;
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 34px;
  line-height: 41px;
  text-align: center;
  color: #2f52a0;
}

#hash span {
  color: #8fc78f;
}

.scrolled #hash {
  display: none;
}

.secondary-menu>.nav>li>a {
  font-family: "AntiqueOli-Reg", sans-serif;
  font-size: 15px;
  line-height: 18px;
  text-align: right;
  text-transform: uppercase;
  padding: 0;
}

.secondary-menu>.nav>li:not(:first-child)::before {
  content: "\2022";
  vertical-align: middle;
  padding-right: 8px;
}

.secondary-menu>.nav>li>a.active {
  border: 0;
  text-decoration: underline;
}

/* nav search */
#search-block-form {
  display: none;
  position: absolute;
  border: 2px solid #000;
  background-color: #fff;
  padding: 10px;
  width: 100%;
  z-index: 900;
}

#search-block-form #edit-actions {
  display: none;
}

#search-block-form .input-group {
  width: 100%;
}

#search-block-form .form-control {
  width: 80%;
  border: 0;
}

#search-block-form .input-group-btn {
  width: 20%;
}

#search-block-form .input-group,
#search-block-form .input-group-btn,
#search-block-form .form-control {
  position: inherit;
  display: inline-block;
  float: none;
  box-shadow: none;
  font-size: 28px;
  font-weight: 800;
  line-height: 25px;
  color: #000;
}

#search-block-form .btn {
  width: 100%;
  padding: 10px;
  border: 2px solid #000;
  border-radius: 0;
  background-color: #fff;
  text-align: center;
  color: #000;
}

/* search view */
.page-suche-stuecke .search-results {
  list-style: none;
  padding: 0;
  margin: 0;
}

.page-suche-stuecke .search-results h3>a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
}

.page-suche-stuecke .page-header,
.page-suche-stuecke .spelling-suggestions,
.page-suche-stuecke .search-info,
.page-suche-stuecke .control-label {
  display: none;
}

.page-suche-stuecke .search-form #edit-keys {
  height: auto;
  padding: 6px 12px;
  font-size: 28px;
  color: #000;
  border: 1px solid #000;
  border-radius: 0;
  box-sizing: border-box;
}

.page-suche-stuecke .search-form #edit-submit {
  background-color: #fff;
  color: #000;
  font-size: 28px;
}

/* search pagination */
.pagination>li>a,
.pagination>li>span {
  color: #000;
  border: 1px solid #000;
  border-radius: 0;
  background-color: #fff;
  line-height: 1.42857143;
  font-size: 26px;
  font-family: "RomanaT BF", sans-serif;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

/* stuecke view */

.view-display-id-stuecke .views-field-title {
  font-size: 60px;
  font-weight: 800;
  line-height: 51px;
}

.view-display-id-stuecke .views-field-body {
  font-size: 26px;
  line-height: 30px;
}

/* Blöcke */

section#block-block-126,
section#block-block-132 {
  overflow-wrap: break-word;
  margin-bottom: 40px;
}

section#block-block-126 h2,
section#block-block-132 h2 {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 60px;
  line-height: 51px;
}

section#block-block-126 .panel-title,
section#block-block-132 .panel-title,
section#block-block-126 .panel-body,
section#block-block-132 .panel-body {
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}

section#block-block-126 .panel-body,
section#block-block-132 .panel-body {
  padding: 0;
}

div.pre_footer_1 {
  padding-left: 18.92px;
  padding-right: 18.92px;
  padding-bottom: 15px;
}

div#block-block-47 ul,
section#block-block-47 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#block-block-47 ul.blog-menu li a,
section#block-block-47 ul.blog-menu li a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 24px;
  line-height: 28px;
}

/* Blog im Footer ausblenden
.view-stuecke-2020 #blog-trenner,
.view-stuecke-2020 #block-block-60--2,
.view-stuecke-2020 #block-views-stuecke-2020-block-3--2,
.view-stuecke-2020 #button-footer {
  display: none;
}*/

div#block-block-60 h2 a,
section#block-block-60 h2 a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 24px;
  line-height: 28px;
  width: 100%;
}

section#block-block-115 {
  padding-bottom: 35px;
}

section#block-block-115 h2.block-title {
  font-size: 14px;
  display: none;
}

section#block-block-115 div#share-icons {
  width: 48%;
  float: left;
}

section#block-block-115 div#share-icons img {
  height: 50px;
  width: 50px;
  display: none;
}

section#block-block-115 div#share-icons img.twitter {
  margin-right: 20px;
}

section#block-block-115 div#to-top {
  width: 48%;
  float: right;
}

section#block-block-115 div#to-top a img {
  height: 31px;
  width: 21px;
  float: right;
}

section#block-block-116 {
  box-sizing: border-box;
  display: table;
  height: 44px;
  width: 100%;
  border: 1px solid #000000;
}

section#block-block-116 div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

section#block-block-116,
section#block-block-116 a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 34px;
  font-weight: 400;
}

div.pre_footer_2 {
  padding-top: 10px;
  padding-left: 18.92px;
  padding-right: 18.92px;
  padding-bottom: 67px;
  background: #e73277;
}

section#block-block-117,
section#block-block-117 a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
}

section#block-block-117 div.mtt img {
  margin-bottom: 35px;
}

section#block-block-117 div.kontakt {
  float: left;
  width: 40%;
  margin-right: 72px;
}

section#block-block-117 div.links {}

/* footer */
body:not(.logged-in) .region-footer.sticky {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  margin: 0 -15px;
  padding: 30px 30px 0 15px;
  z-index: 9999;
}

footer.container-fluid {
  border-top-width: 0;
  background-color: #ffffff;
  margin-top: 0;
}

section#block-block-118 div#vheadlines {
  width: 100%;
  text-align: left;
  margin-right: 36px;
}

section#block-block-118 div#vheadlines div#veranstalter1 {
  float: left;
  width: 40%;
  margin-right: 72px;
  text-align: center;
}

section#block-block-118 div#vheadlines div#foerderer {}

section#block-block-118 div#vlogos {
  width: 100%;
}

section#block-block-118 div#logo1 img {
  float: left;
  width: 20%;
  height: auto;
  margin-right: 36px;
}

section#block-block-118 div#logo2 img {
  float: left;
  width: 20%;
  height: auto;
  margin-right: 36px;
}

section#block-block-118 div#logo3 img {
  float: left;
  width: 20%;
  height: auto;
  margin-right: 36px;
}

section#block-block-119 div.left {
  float: left;
}

section#block-block-119 div.right {
  float: right;
}

section#block-block-119 a {
  font-family: "AntiqueOli-Reg", sans-serif;
  font-size: 14pX;
  line-height: 20px;
}

.mtt-logo-footer {
  margin-bottom: 30px;
}

.mtt-logo-footer h2 {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 36px;
  letter-spacing: 0.82px;
  line-height: 43px;
  margin: 0;
}

.mtt-logo-footer span {
  font-family: "RomanaT BF", sans-serif;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 30px;
}

/* Archiv */

.view #edit-title-1 {
  /*  float: left;
  width: 60%;*/
}

.view #edit-tid {
  float: left;
}

.view #edit-title-1-wrapper label,
.view #edit-tid-wrapper label,
.view #edit-field-mitglied-gremium-jahr-tid-wrapper label,
.view #edit-type-1-wrapper label,
.view #edit-field-mitglied-preisjury-jahr-tid-wrapper label,
.view #edit-hiddentitle-wrapper {
  display: none;
}

.view input#edit-title-1 {
  border: 0;
  border-bottom: 1px solid #000000;
  border-radius: 0;
  height: 60px;
}

.view select#edit-tid,
.view select#edit-field-mitglied-gremium-jahr-tid,
.view select#edit-type-1,
.view select#edit-field-mitglied-preisjury-jahr-tid {
  border: 1px solid #000000;
  border-radius: 0;
  height: 60px;
}

.view #edit-submit-archiv-stuecke {
  float: none;
  border: 1px solid #000000;
  border-radius: 0;
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 34px;
  line-height: 47px;
  text-align: center;
  background-color: #ffffff;
  color: #000000;
}

.view input#edit-hiddentitle {
  display: none;
}

.view table tr th,
.view table tr td {
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}

/* Views */

#block-system-main>.view-stuecke-2020:not(.view-display-id-page_8)>.view-content>.views-row {
  clear: left;
}

#block-system-main>.view-stuecke-2020.view-display-id-page_3>.view-content>.views-row {
  display: none;
}

#block-system-main>.view-stuecke-2020:not(.view-display-id-page_8)>.view-content>.views-row:not(:first-child) {
  padding-top: 20px;
}

.view-display-id-stuecke div.views-even div.views-field-nid-1,
.view-stuecke-2020 div.views-even div.views-field-nid-1 {
  margin-top: 30px;
}

.view-display-id-stuecke .views-row-odd .views-field-title a,
.view-display-id-stuecke .views-row-even .views-field-title a,
.view-stuecke-2020 .views-row-odd .views-field-title a,
.view-stuecke-2020 .views-row-even .views-field-title a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 60px;
  line-height: 51px;
  font-weight: 400;
  overflow-wrap: break-word;
}

.view-display-id-stuecke .views-row-odd .views-field-field-node-reference,
.view-display-id-stuecke .views-row-odd .views-field-field-node-reference a,
.view-display-id-stuecke .views-row-even .views-field-field-node-reference,
.view-display-id-stuecke .views-row-even .views-field-field-node-reference a,
.view-display-id-stuecke .views-row-odd .views-field-field-spielstaette a,
.view-display-id-stuecke .views-row-even .views-field-field-spielstaette a,
.view-stuecke-2020 .views-row-odd .views-field-field-node-reference,
.view-stuecke-2020 .views-row-odd .views-field-field-node-reference a,
.view-stuecke-2020 .views-row-even .views-field-field-node-reference,
.view-stuecke-2020 .views-row-even .views-field-field-node-reference a,
.view-stuecke-2020 .views-row-odd .views-field-field-spielstaette a,
.view-stuecke-2020 .views-row-even .views-field-field-spielstaette a {
  font-family: "RomanaT BF", sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.view-display-id-stuecke .views-row-odd .views-field-field-stuecke-beschreibung,
.view-display-id-stuecke .views-row-even .views-field-field-stuecke-beschreibung,
.view-stuecke-2020 .views-row-odd .views-field-field-stuecke-beschreibung,
.view-stuecke-2020 .views-row-even .views-field-field-stuecke-beschreibung ,
.view-stuecke-2020 .views-field.views-field-field-autorenzusatz{
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}

.view-display-id-rahmenprogramm div.views-row-2 div.views-field-nid-1 {
  margin-top: 30px;
}

.view-display-id-rahmenprogramm .views-row-1 .left {
  float: left;
  width: 48%;
  margin-right: 4%;
}

.view-display-id-rahmenprogramm .views-row-1 .right {
  float: right;
  width: 48%;
  margin-bottom: 30px;
}

.view-display-id-rahmenprogramm .views-row-2 .left {
  float: right;
  width: 48%;
  margin-bottom: 30px;
}

.view-display-id-rahmenprogramm .views-row-1 .right {
  float: left;
  width: 48%;
}

.view-display-id-rahmenprogramm .views-row-1 .views-field-title a,
.view-display-id-rahmenprogramm .views-row-2 .views-field-title a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 60px;
  line-height: 51px;
}

.view-display-id-rahmenprogramm .views-row-1 .views-field-field-node-reference a,
.view-display-id-rahmenprogramm .views-row-2 .views-field-field-node-reference a,
.view-display-id-rahmenprogramm .views-row-1 .views-field-field-spielstaette a,
.view-display-id-rahmenprogramm .views-row-2 .views-field-field-spielstaette a {
  font-family: "RomanaT BF", sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.view-display-id-rahmenprogramm .views-row-1 .views-field-field-stuecke-beschreibung,
.view-display-id-rahmenprogramm .views-row-2 .views-field-field-stuecke-beschreibung {
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}

.view-display-id-rahmenprogramm .view-content::after {
  content: "";
  display: table;
  clear: both;
}

.view-display-id-rahmenprogramm hr,
.view-display-id-stuecke hr,
.view-stuecke-2020 hr {
  width: 66.66%;
  border: 1px solid #000000;
  margin-left: 15px;
}

.view-display-id-rahmenprogramm section#block-block-60 {
  width: 60%;
  text-align: left;
}

.view-display-id-rahmenprogramm section#block-block-60 h2 a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 32px;
  line-height: 29px;
}

.view-stuecke-2020 section#block-views-stuecke-2020-block-1,
.view-stuecke-2020 section#block-views-stuecke-2020-block-3 {
  padding: 0 15px;
  clear: both;
}

.view-stuecke-2020 section#block-views-stuecke-2020-block-1,
.region-content>#block-views-stuecke-2020-block-1,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-2,
.view-display-id-stuecke section#block-views-stuecke-2020-block-2,
.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .view-id-stuecke_blog section#block-views-stuecke-2020-block-2 {
  margin-top: 50px;
}

.view-stuecke-2020 section#block-views-stuecke-2020-block-1 .views-field-title a,
.region-content>#block-views-stuecke-2020-block-1 .views-field-title a,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-2 .views-field-title a,
.view-display-id-stuecke section#block-views-stuecke-2020-block-2 .views-field-title a,
.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-title a,
.view-id-stuecke_blog section#block-views-stuecke-2020-block-2 .views-field-title a,
.view-stuecke-2020 section#block-view-stuecke-2020-block-14 .views-field-title a,
.region-content>#block-views-stuecke-2020-block-14 .views-field-title a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 32px;
  line-height: 29px;
}

.view-stuecke-2020 section#block-views-stuecke-2020-block-1 .views-field-body,
.region-content>#block-views-stuecke-2020-block-1 .views-field-body,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-2 .views-field-field-stuecke-beschreibung,
.view-display-id-stuecke section#block-views-stuecke-2020-block-2 .views-field-field-stuecke-beschreibung,
.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-field-stuecke-beschreibung,
.view-id-stuecke_blog section#block-views-stuecke-2020-block-2 .views-field-field-stuecke-beschreibung,
.view-stuecke-2020 section#block-views-stuecke-2020-block-14 .views-field-body,
.region-content>#block-views-stuecke-2020-block-14 .views-field-body {
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}

.view-stuecke-2020 section#block-views-stuecke-2020-block-1 {
  margin-top: 20px;
}

.view-stuecke-2020 h2.block-title,
.view-stuecke-2020 section#block-views-stuecke-2020-block-1 h2.block-title,
.region-content>#block-views-stuecke-2020-block-1 h2.block-title,
.view-stuecke-2020 section#block-views-stuecke-2020-block-3 h2.block-title,
.view-stuecke-2020 section#block-views-stuecke-2020-block-4 h2.block-title,
.view-stuecke-2020 section#block-views-stuecke-2020-block-14 h2.block.title,
.view-stuecke-2020 section#block-views-stuecke-2020-block-15 h2.block-title,
.region-content>#block-views-stuecke-2020-block-14 h2.block-title,
#block-views-stuecke-2020-block-3 h2.block-title,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-3 h2.block-title,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 h2.block-title,
.node-type-stuecke-blog section#block-views-stuecke-2020-block-3 h2.block-title {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 32px;
  line-height: 29px;
}

.region-content>#block-views-stuecke-2020-block-1 h2.block-title,
.region-content>#block-views-stuecke-2020-block-14 h2.block-title,
#block-views-stuecke-2020-block-3 h2.block-title {
  border-top: 1px solid #000;
  width: 66.6%;
  padding: 50px 0;
}

.views-row.following-news.col-sm-4 {
  min-height: 605px;
}

.views-row.following-news.col-sm-4:nth-child(4) {
  clear: left;
}

.view-stuecke-2020.view-id-stuecke_2020.view-display-id-page_3 .views-row-1,
.view-stuecke-2020.view-id-stuecke_2020.view-display-id-page_12 .views-row-1,
.view-stuecke-2020 section#block-views-stuecke-2020-block-4 .views-row-even,
.view-stuecke-2020 section#block-views-stuecke-2020-block-4 .views-row-odd,
.view-stuecke-2020 section#block-views-stuecke-2020-block-15 .views-row-even,
.view-stuecke-2020 section#block-views-stuecke-2020-block-15 .views-row-odd,
.view-id-stuecke_blog .first-news,
.view-id-stuecke_blog div.view-footer div.view-content .views-row-even,
.view-id-stuecke_blog div.view-footer div.view-content .views-row-odd {
  margin-bottom: 40px;
  min-height: 630px;
}

.view.view-stuecke-blog .view-content .col-md-3 {
  margin-bottom: 40px;
  min-height: 525px;
}

.view.view-stuecke-blog .view-content .views-field-title a{
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 32px;
  line-height: 29px;
}

.view.view-stuecke-blog .view-content .views-field-field-image {
  max-height: 340px;
  overflow: hidden;
  margin-bottom: 15px;
}


.view-stuecke-2020 section#block-views-stuecke-2020-block-1 .views-field-field-stuecke-bild,
.region-content>#block-views-stuecke-2020-block-1 .views-field-field-stuecke-bild,
.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-field-image,
.view-stuecke-2020 section#block-views-stuecke-2020-block-4 .views-field-field-stuecke-bild,
.view-stuecke-2020 section#block-views-stuecke-2020-block-15 .views-field-field-stuecke-bild,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-3 .views-field-field-image,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-field-field-image,
.node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-field-field-image,
.view-stuecke-2020 section#block-views-stuecke-2020-block-14 .views-field-field-image,
.region-content>#block-views-stuecke-2020-block-14 .views-field-field-image,
.view-id-stuecke_blog div.view-footer div.view-content span.views-field-field-image img,
.view-id-stuecke_blog .views-field-field-image img {
  margin-bottom: 15px;
}

.view-stuecke-2020 .views-field-title span.field-content a,
.view-stuecke-2020 section#block-views-stuecke-2020-block-1 .views-field-title,
.region-content>#block-views-stuecke-2020-block-1 .views-field-title,
.view-stuecke-2020 section#block-views-stuecke-2020-block-1 .views-field-title a,
.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-title a,
.view-stuecke-2020 section#block-views-stuecke-2020-block-4 .views-field-title a,
.view-stuecke-2020 section#block-views-stuecke-2020-block-15 .views-field-title a,
.view-stuecke-2020.view-display-id-page_8 .views-field-title a,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-3 .views-field-title a,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-field-title,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-field-title a,
.node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-field-title a,
.view-id-stuecke_blog div.view-footer div.view-content span.views-field-title a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 32px;
  line-height: 29px;
}

.view-id-stuecke_2020.view-display-id-page_8 .views-field-field-startseitentext {
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}

.view-id-stuecke_2020.view-display-id-page_8 .view-empty {
  padding: 0 15px;
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}


.view-id-stuecke_2020.view-display-id-page_8 .views-field-field-video-stueck-freigabedatum,
#block-views-stuecke-2020-block-7 .views-field-field-video-stueck-freigabedatum {
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}

.view-stuecke-2020.view-display-id-page_8 .views-field-field-stuecke-bild a,
.view-stuecke-2020.view-display-id-page_8 .views-field-field-stuecke-bild-uebersicht a {
  position: relative;
  display: inline-block;
}

.view-stuecke-2020.view-display-id-page_8 .views-field-field-stuecke-bild .glyphicon,
.view-stuecke-2020.view-display-id-page_8 .views-field-field-stuecke-bild-uebersicht .glyphicon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  font-size: 3em;
  color: red;
}

.view-stuecke-2020.view-display-id-page_8 .view-footer {
  clear: both;
}

.view-stuecke-2020.view-display-id-page_8 .views-row {
  padding-bottom: 20px;
}

#block-views-stuecke-2020-block-7 h2,
#block-views-stuecke-2020-block-8 h2,
#block-views-stuecke-2020-block-9 h2 {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 60px;
  line-height: 51px;
  padding: 0 0 9px 15px;
  margin: 40px 0 20px 0;
}

.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-created,
.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie,
.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie a,
.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-name,
section#block-views-stuecke-2020-block-14 .view-stuecke-2020 .views-field-created,
section#block-views-stuecke-2020-block-14 .view-stuecke-2020 .views-field-field-blog-stuecke-kategorie,
section#block-views-stuecke-2020-block-14 .view-stuecke-2020 .views-field-field-blog-stuecke-kategorie a,
section#block-views-stuecke-2020-block-14 .view-stuecke-2020 .views-field-name,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-3 .views-field-created,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie a,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-3 .views-field-name,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-field-created,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie a,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-field-name,
.node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-field-created,
.node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie,
.node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie a,
.node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-field-name,
.view-id-stuecke_blog div.view-footer div.view-content div.views-field-created,
.view-id-stuecke_blog div.view-footer div.view-content div.views-field-field-blog-stuecke-kategorie,
.view-id-stuecke_blog div.view-footer div.view-content div.views-field-field-blog-stuecke-kategorie a,
.view-id-stuecke_blog div.view-footer div.view-content div.views-field-name {
  font-size: 14px;
  line-height: 30px;
}

.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-created,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-3 .views-field-created,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-field-created,
.node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-field-created,
.view-id-stuecke_blog div.views-field-created,
section#block-views-stuecke-2020-block-14 .view-stuecke-2020 .views-field-created {
  float: left;
  margin-right: 10px;
}

.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-created::after,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-field-created::after,
.node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-field-created::after,
.view-id-stuecke_blog div.views-field-created::after,
section#block-views-stuecke-2020-block-14 .view-stuecke-2020 .views-field-created::after {
  content: "\2022";
  margin-left: 10px;
}

.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie,
.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie a,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie a,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie a,
.node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie,
.node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-field-field-blog-stuecke-kategorie a,
.view-id-stuecke_blog div.views-field-field-blog-stuecke-kategorie,
.view-id-stuecke_blog div.views-field-field-blog-stuecke-kategorie a,
section#block-views-stuecke-2020-block-14 .view-stuecke-2020 .views-field-field-blog-stuecke-kategorie,
section#block-views-stuecke-2020-block-14 .view-stuecke-2020 .views-field-field-blog-stuecke-kategorie a {
  float: left;
  font-family: "AntiqueOli-Reg", sans-serif;
  margin-right: 10px;
}

.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-name::before,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-3 .views-field-name::before,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-field-name::before,
.node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-field-name::before,
.view-id-stuecke_blog div.views-field-name::before,
section#block-views-stuecke-2020-block-14 .view-stuecke-2020 .views-field-name::before {
  content: "\2022";
  margin-right: 10px;
}

.view-stuecke-2020 .views-field-body,
.view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-field-body,
.view-stuecke-2020 section#block-views-stuecke-2020-block-4 .views-field-body,
.view-stuecke-2020 section#block-views-stuecke-2020-block-15 .views-field-body,
.view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-3 .views-field-body,
.view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-field-body,
.node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-field-body,
.view-id-stuecke_blog div.view-footer div.view-content span.views-field-body {
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}


.view-display-id-rahmenprogramm .btn,
.view-display-id-stuecke .btn,
.view-stuecke-2020 .btn,
.node-type-stuecke-blog section#block-block-124 .btn {
  float: right;
  margin-right: 50px;
  margin-bottom: 30px;
}

.view-display-id-rahmenprogramm .btn a,
.view-display-id-stuecke .btn a,
.view-stuecke-2020 .btn a,
.node-type-stuecke-blog section#block-block-124 .btn a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 34px;
  line-height: 41px;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
}

.view-stuecke-2020 .btn.news {
  margin-right: 0;
}

#block-system-main>.view-stuecke-2020.view-display-id-page_8 .img-responsive {
  object-fit: cover;
  object-position: 0% 20%;
}

#block-system-main>.view-stuecke-2020.view-display-id-page_8>.view-content>.views-row .img-responsive {
  object-position: 50% 20%;
}

.video-icon {
  margin-left: 15px;
  width: 50px;
}


/* Blog */

.view-id-stuecke_blog .views-field-nid-1 div.views-field-title {
  margin-top: 15px;
}

.view-id-stuecke_blog .views-field-nid-1 div.views-field-title a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 32px;
  line-height: 29px;
}

.view-id-stuecke_blog .views-field-nid-1 div.beide div.autorenzeile div.views-field-created,
.view-id-stuecke_blog .views-field-nid-1 div.beide div.autorenzeile div.views-field-field-blog-stuecke-kategorie {
  float: left;
  margin-right: 10px;
}

.view-id-stuecke_blog .views-field-nid-1 div.beide div.autorenzeile div.views-field-field-blog-stuecke-kategorie a,
.view-id-stuecke_blog a.username {
  font-family: "AntiqueOli-Reg", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.view-id-stuecke_blog .views-field-nid-1 div.beide div.autorenzeile div.views-field-created::after {
  content: "\2022";
  padding-left: 10px;
}

.view-id-stuecke_blog .views-field-nid-1 div.beide div.autorenzeile div.views-field-name::before {
  content: "\2022";
  padding-right: 10px;
}

.view-id-stuecke_blog .views-field-nid-1 div.beide div.views-field-body,
.view-display-id-page_3 .views-field-nid-1 div.rechts div.views-field-body {
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}

#tag-3 .field-name-field-body,
#tag-5 .field-name-field-body {
  display: none;
}

.footer section#block-block-6,
.footer section#block-views-unveroeffentlicht-block,
.footer section#block-views-unveroeffentlicht-block-1 {
  float: left;
  width: 30%;
  margin-top: 50px;
  margin-right: 30px;
}

.footer section#block-block-6 h2,
.footer section#block-views-unveroeffentlicht-block h2,
.footer section#block-views-unveroeffentlicht-block-1 h2 {
  font-size: 24px;
}

.footer section#block-block-6 a,
.footer section#block-views-unveroeffentlicht-block a,
.footer section#block-views-unveroeffentlicht-block-1 a {
  font-size: 18px;
}

.view-id-stuecke_blog.view-display-id-block_1_t2 .pager {
  clear: left;
}

.node-stuecke-blog .field-image-video-url {
  position: relative;
  display: inline-block;
}

.node-stuecke-blog .field-image-video-url .glyphicon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  font-size: 3em;
  color: red;
}



/* archiv */
.page-kunst-kultur-theater-stuecke-archiv .page-header {
  display: none;
}

.stuecke-archiv-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.stuecke-archiv-nav .glyphicon {
  font-size: 4em;
}

.stuecke-archiv-nav a {
  text-decoration: none;
}

.stuecke-archiv-nav h2 {
  text-align: center;
}

.stuecke-archiv-nav .year {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
}

.stuecke-archiv-nav .year_sel {
  border: 0;
  background: transparent;
}

.stuecke-archiv-subnav {
  display: block;
  list-style: none;
  margin:0;
  padding:0;
  text-align: right;
}

.stuecke-archiv-subnav li:not(:first-child) {
  padding: 0 8px;
}

.stuecke-archiv-subnav li::before {
  padding-right: 8px;
}

.stuecke-archiv-subnav a {
  font-family: 'AntiqueOliveStdXBdSmCnact', sans-serif;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
}

.stuecke-archiv-subnav li:not(:first-child)::before {
  content: "\2022";
}

.view-st-cke-archiv-2020.galerie-text .views-field-title {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 60px;
  line-height: 58px;
}

.archiv-stuecke-container h2 {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
}

.archiv-stuecke-container .views-field-title a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  text-decoration: underline;
}

.archiv-stuecke-container .author-link {
  color: #000000;
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}

.archiv-stuecke-container .author-link a {
  text-decoration: underline;
}

.archiv-stuecke-container .author-prices {
  padding: 0;
}

.archiv-stuecke-container .author-prices li {
  display: inline;
  list-style: none;
}

.archiv-stuecke-container .author-prices li:not(:first-child)::before {
  content: "\2022";
  vertical-align: middle;
  padding: 0 4px;
}

.archiv-stuecke-container .views-row {
  padding: 10px 0;
  min-height: 110px;
}

.archiv-gremium-container h2,
.archiv-jury-container h2,
.archiv-festivalplus-container h2 {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 26px;
  text-transform: uppercase;
  line-height: normal;
}

.archiv-gremium-container .author-title a,
.archiv-festivalplus-container .views-field-title a,
.archiv-jury-container .author-title a {
  font-family: "RomanaT BF", sans-serif;
  text-decoration: underline;
}

.archiv-gremium-container,
.archiv-jury-container,
.archiv-festivalplus-container {
  padding-bottom: 20px;
}

.archiv-video-container h2,
.archiv-autor-video-container h2 {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 26px;
  text-transform: uppercase;
  line-height: normal;
}

.archiv-stuecke-container section#block-system-main {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.archiv-video-container .views-slideshow-controls-text-pause,
.archiv-autor-video-container .views-slideshow-controls-text-pause,
.archiv-video-container .views-slideshow-controls-text-previous a,
.archiv-video-container .views-slideshow-controls-text-next a,
.archiv-autor-video-container .views-slideshow-controls-text-previous a,
.archiv-autor-video-container .views-slideshow-controls-text-next a {
  display: none;
}

.archiv-video-container .views-slideshow-controls-text-previous:after,
.archiv-autor-video-container .views-slideshow-controls-text-previous:after {
  position: relative;
  font-size: 2em;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\e257";
}

.archiv-video-container .views-slideshow-controls-text-next:after,
.archiv-autor-video-container .views-slideshow-controls-text-next:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-size: 2em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\e258";
}

.archiv-video-container .view-content,
.archiv-autor-video-container .view-content {
  clear: left;
}

.archiv-video-container ul,
.archiv-autor-video-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.archiv-video-container .views-slideshow-cycle-main-frame-row,
.archiv-autor-video-container .views-slideshow-cycle-main-frame-row {
  width: 100% !important;
}

.archiv-video-placeholder,
.archiv-autor-video-placeholder {
  width: 100%;
  height: 166.67px;
  background: linear-gradient(180deg, #0ddcc4 0%, #FFFFFF 100%);
}


.video-container a {
  display: block;
  position: relative;
}

.video-container .play-icon {
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  color: #ff0000;
  font-size: 2em;
}

.video-container .video-title {
  position: absolute;
  top: 10px;
  color: #fff;
  left: 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}

.video-container img {
  max-height: 166.67px;
  object-fit: cover;
  margin-bottom: 10px;
}

.video-container .archiv-autor-video-placeholder,
.video-container .archiv-video-placeholder {
  height: 227px;
  margin-bottom: 10px;
}



/* start temp.css */

/* Searchbutton on exposed view */
.views-exposed-form .views-exposed-widget .btn {
  margin-top: 0px;
}

.secondary-menu {
  float: right;
  padding-top: 50px;
}

.secondary-menu .menu.nav {
  position: relative;
  font-weight: 400;
  text-transform: none;
  height: 20px;
}

.secondary-menu {
  display: none;
}

/* Nur noch hier anzeigen */
.page-kunst-kultur-theater-stuecke-spielplan-2021 .secondary-menu {
  display: inherit;
}

.hashtag-date-headline {
  font-family: "Antique Olive Compact";
  font-size: 34px;
  line-height: 41px;
  text-align: center;
  margin-top: 60px;
  clear: right;
}

.hashtag-date-headline .hashtag,
.hashtag-date-headline .date {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-weight: 400;
}

.region-top {
  text-align: center;
  color: #E5E5E5;
  font-size: 22px;
  line-height: 26px;
  background-color: #2f52a0;
  padding:15px 0 ;
}

.region-top a,
.region-top p,
.region-top div.field-items {
  color: #8fc78f;
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif!important;
  font-weight: normal;
  margin: 0;
}

.region-top a{
  text-decoration: underline;
}
.region-top a:hover{
  text-decoration: none;
}

.kalender,
.kalender:hover {
  box-sizing: border-box;
  height: 7px;
  width: 1px;
  color:#2f52a0!important;
  border: 3px solid #8fc78f!important;
  text-align: center;
}

a.kalender:before,
a.kalender:after{
  content: '';
  position: absolute;
  top: -9px;
  height: 13px;
  overflow: hidden;
  border-left:4px solid #2f52a0;
}

a.kalender:before{
  left: 6px;
}

a.kalender:after {
  right: 6px;
}

/* end temp.css merge */


/* juicebox gallery */
.juicebox-container {
  height: 100% !important;
}

.view-stuecke-2020 .juicebox-parent {
  height: 420px;
}

.page-node .juicebox-parent {
  height: 560px;
}

.page-kunst-kultur-theater-stuecke-archiv .juicebox-parent {
  height: 480px;
}

.jb-thm-thumb-dot .jb-thm-thumb-image {
  border: 0;
  background: #2f52a0;
  border-radius: 10px;
  width: 14px !important;
  height: 10px !important;
}

.jb-thm-thumb-selected .jb-thm-thumb-image {
  border: 0;
  background: #e73277;
}

.jb-thm-thumb-image::before {
  content: '' !important;
}

.jb-dt-main-image {
  width: 100% !important;
  left: 0 !important;
}

.jb-dt-main-image img {
  width: 100% !important;
  object-fit: cover;
}

.jb-caption {
  background: none !important;
  max-height: none !important;
}

.jb-caption-desc,
.jb-cap-frame .jbac-number {
  line-height: normal !important;
  margin-top: 0 !important;
}

.jb-idx-show-area {
  width: 100% !important;
  left: 0 !important;
}

.jb-idx-thb-list {
  width: 100% !important;
  display: flex;
  justify-content: center;
}

.jb-thm-thumb-image {
  box-sizing: border-box !important;
}

.jb-bb-bar,
.jbn-nav-button-icon {
  display: none !important;
}

.jb-area-caption {
  top: auto !important;
  bottom: 30px !important;
  max-height: none !important;
  /* always show captions */
  opacity: 1 !important;
  display: block !important;
}


/* spielplan */
.spielplan .datum_termine {
  border-top: 4px solid #2f52a0;
  padding: 20px 0;
}

.spielplan .termin:not(:first-child) {
  border-top: 2px solid #2f52a0;
  padding-top: 20px;
}

.spielplan .termin:not(:last-child) {
  padding-bottom: 20px;
}

.spielplan .termin_kennzeichnung {
  text-transform: uppercase;
}

.spielplan .termin_datum,
.spielplan .termin_titel,
.spielplan .termin_titel a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 34px;
  line-height: 41px;
  overflow-wrap: break-word;
}

.spielplan .termin_uhrzeit,
.spielplan .termin_autor,
.spielplan .termin_autor a,
.spielplan .termin_vort,
.spielplan .termin_tickets,
.spielplan .termin_hinweis,
.spielplan .termin_spielstaette,
.spielplan .termin_spielstaette a,
.spielplan .termin_autor_ohne_vita{
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}

.spielplan .termin_mehr a,
.spielplan .termin_tickets a,
.field-name-field-status-ticket a {
  font-size: 20px;
  color: #e5e5e5;
  background-color: #2f52a0;
  width: 100px;
  text-align: center;
  display: inline-block;
  margin: 5px 0;
}

.spielplan .termin_mehr {
  display: none;
}

.field-name-field-status-ticket {
  display: inline-block;
}

.spielplan .video-link.disabled,
.node-stuecke .video-link.disabled {
  pointer-events: none;
  opacity: .5;
}

.spielplan .video-link-time,
.node-stuecke .video-link-time {
  margin-left: 10px;
  font-size: 24px;
}

.spielplan .termin_info_dauer:before,
.spielplan .termin_info_vort:before {
  content: "\2022";
  margin-right: 5px;
}

.spielplan .termin_info_dauer:empty,
.spielplan .termin_info_vort:empty {
  display: none;
}

.spielplan .termin_extra_tickets {
  border: 1px solid #000;
  width: 350px;
  height: 43px;
  margin: 0 auto;
}

.spielplan .termin_extra_tickets,
.spielplan .termin_extra_tickets a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 34px;
  line-height: 41px;
  text-align: center;
}

.spielplan .termin_extra_kennzeichnung {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}

.spielplan .termin_extra_altersempfehlung {
  background-image: url(images/altersangabe-bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 70px 50px;
  padding: 5px 0 18px 10px;
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 18px;
  line-height: 30px;
  width: 70px;
  height: 50px;
  display: inline-block;
}

.spielplan .termin_extra_altersempfehlung:empty {
  display: none;
}

.spielplan .termin_extra_altersempfehlung:after {
  content: '+';
}

.spielplan .termin_hinweis a {
  text-decoration: underline;
}

/* Festival Plus */
/*.view-id-stuecke_2020.view-display-id-page_5 div.views-field-title a[href^="/kunst-kultur/theater/stuecke/heidelberger_stueckemarkt/167253"] {
  font-style: italic;
  text-decoration: line-through;
}*/

/* gremium / jury */
.view-id-stuecke_2020.view-display-id-page_6 .img-responsive,
.view-id-stuecke_2020.view-display-id-page_7 .img-responsive,
#block-views-stuecke-2020-block-5 .img-responsive,
#block-views-stuecke-2020-block-6 .img-responsive,
#block-views-stuecke-2020-block-10 .img-responsive {
  width: 100%;
  max-height: 225px;
  object-fit: cover;
}

.view-id-stuecke_2020.view-display-id-page_6 .views-field-title a,
.view-id-stuecke_2020.view-display-id-page_7 .views-field-title a,
#block-views-stuecke-2020-block-5 .views-field-title a,
#block-views-stuecke-2020-block-6 .views-field-title a,
#block-views-stuecke-2020-block-10 .views-field-title a {
  font-size: 32px;
  line-height: 29px;
}

.view-id-stuecke_2020.view-display-id-page_6 .view-header h2,
.view-id-stuecke_2020.view-display-id-page_7 .view-header h2,
#block-views-stuecke-2020-block-5 .block-title,
#block-views-stuecke-2020-block-6 .block-title,
#block-views-stuecke-2020-block-10 .block-title {
  margin-bottom: 20px;
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 32px;
  line-height: 29px;
}

.view-id-stuecke_2020.view-display-id-page_6 .views-row:not(:first-child),
.view-id-stuecke_2020.view-display-id-page_7 .views-row:not(:first-child),
#block-views-stuecke-2020-block-5 .views-row:not(:first-child),
#block-views-stuecke-2020-block-6 .block-title,
#block-views-stuecke-2020-block-10 .block-title {
  margin-top: 40px;
}

.view-id-stuecke_2020.view-display-id-page_6 .views-field-stuecke-beschreibung,
.view-id-stuecke_2020.view-display-id-page_7 .views-field-stuecke-beschreibung,
#block-views-stuecke-2020-block-5 .views-field-stuecke-beschreibung,
#block-views-stuecke-2020-block-6 .views-field-stuecke-beschreibung,
#block-views-stuecke-2020-block-10 .views-field-stuecke-beschreibung,
#block-views-stuecke-2020-block-11 .views-field-body {
  font-family: "RomanaT BF", sans-serif;
  font-size: 26px;
  line-height: 30px;
}

/* digital spielraeume */
.page-kunst-kultur-theater-stuecke-digitale-spielraeume .view-content h2 a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
}

.page-kunst-kultur-theater-stuecke-digitale-spielraeume .views-field-field-stuecke-bild img {
  height: 420px;
  object-fit: cover;
}

#digitale-spielraeume-iframe {
  border: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#digitale-spielraeume-modal-label {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 26px;
  line-height: 32px;
  color: #000;
}

#digitale-spielraeume-modal .close {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 26px;
  line-height: 32px;
  color: #000;
  opacity: unset;
  position: absolute;
  top: 20px;
  right: 20px;
}

#digitale-spielraeume-modal .modal-dialog {
  width: 1308px;
  max-width: 95%;
  height: 854px;
  max-height: 95%;
}

#digitale-spielraeume-modal .modal-content {
  height: 100%;
  border: 0;
  border-radius: unset;
}

#digitale-spielraeume-modal .modal-header {
  height: 10%;
  padding: 15px 20px;
  border: 0;
}

#digitale-spielraeume-modal .modal-body {
  height: 90%;
  padding: 0;
}

.page-kunst-kultur-theater-stuecke-archiv .view-display-id-block_9 p,
.page-kunst-kultur-theater-stuecke-archiv .view-display-id-block_10 p {
  margin-left: 15px;
  font-size: 12px;
}

.page-kunst-kultur-theater-stuecke-digitale-spielraeume .views-field-field-stuecke-beschreibung .link button,
.page-kunst-kultur-theater-stuecke-digitale-spielraeume .views-field-field-stuecke-beschreibung .link a,
.view-id-stuecke_2020.view-display-id-block_11 .views-more-link,
.view-id-stuecke_2020.view-display-id-block_12 .views-more-link {
  font-family: "RomanaT BF", sans-serif;
  font-weight: bold;
  font-size: 22px;
  background-color: #e73277;
  text-align: center;
  display: inline-block;
  margin: 20px 0;
  padding: 0 20px;
  float: none;
  border: 0;
  color: inherit;
}

.page-kunst-kultur-theater-stuecke-digitale-spielraeume .views-field-field-stuecke-beschreibung .link button[data-link-url=''],
.page-kunst-kultur-theater-stuecke-digitale-spielraeume .views-field-field-stuecke-beschreibung .link a[href=''] {
  display: none !important;
}

.page-kunst-kultur-theater-stuecke-digitale-spielraeume .page-header,
.view-id-stuecke_2020.view-display-id-page_10 .view-header h2,
#block-views-stuecke-2020-block-11 .block-title,
#block-views-stuecke-2020-block-12 .block-title {
  border-bottom: 4px solid #e73277;
  padding-right: 50%;
  padding-top: 20px;
  padding-bottom: 20px;
  width: auto;
  word-break: break-word;
}

/*
.view-id-stuecke_2020.view-display-id-page_10 > .view-content > .views-row {
 border-bottom: 4px dotted #0ddcc4;
 padding-top: 20px;
 padding-bottom: 20px;
 width: auto;
}
*/
#block-views-stuecke-2020-block-13 .row,
.view-id-stuecke_2020.view-display-id-block_11,
.view-id-stuecke_2020.view-display-id-block_12 {
  margin: 0;
}

.view-id-stuecke_2020.view-display-id-page_10 .view-header>h2,
#block-views-stuecke-2020-block-11>h2,
#block-views-stuecke-2020-block-12>h2 {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 60px;
  line-height: 51px;
  margin: 20px 15px 10px 15px;
  word-break: break-word;
}

.view-id-stuecke_2020.view-display-id-page_10 .views-field-field-stuecke-beschreibung h2 {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 32px;
  line-height: 39px;
}

.view-id-stuecke_2020.view-display-id-block_11 .views-field-title a,
.view-id-stuecke_2020.view-display-id-block_12 .views-field-title a {
  font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
  font-size: 26px;
  line-height: 31px;
}

.view-id-stuecke_2020.view-display-id-block_13 .views-row-1 .views-field-field-stuecke-beschreibung {
  padding-left: 20px;
}

/* person detail */

/* hide elements for certain (person) tags */
mark#tag-4 .field-name-field-body,
mark#tag-1517 .field-name-field-body,
mark#tag-1518 .field-name-field-body,
mark#tag-8 .field-name-field-body,
mark#tag-11264 .field-name-field-body,
mark#tag-4 .field-name-field-stuecke-termine,
mark#tag-1517 .field-name-field-stuecke-termine,
mark#tag-1518 .field-name-field-stuecke-termine,
mark#tag-8 .field-name-field-stuecke-termine,
mark#tag-11264 .field-name-field-stuecke-termine {
  display: none;
}

/* page edit */
body.logged-in .tabs--primary.nav.nav-tabs a,
body.page-node-edit .main-container,
body.page-node-edit .main-container a,
body.page-node-edit .main-container label,
body.page-node-edit .main-container button {
  font-family: arial, sans-serif !important;
  font-size: 14px;
  line-height: normal;
}

body.page-node-edit .main-container h1,
body.page-node-edit .main-container h2,
body.page-node-edit .main-container h3 {
  font-family: arial, sans-serif !important;
}

body.page-node-edit textarea {
  min-height: 500px;
}

.page-kunst-kultur-theater-stuecke-start-autoren .views-field-field-stuecke-video img {
  width: 100%;
  object-fit: contain;
  max-height: 380px;
  background-color: black;
}

/* hide page header */
.page-kunst-kultur-theater-stuecke-nominierte .page-header,
.page-kunst-kultur-theater-stuecke-stuecke .page-header,
.page-kunst-kultur-theater-stuecke-festivalplus .page-header,
.page-kunst-kultur-theater-stuecke-kinderstuecke .page-header {
  display: none;
}

/* desktop only */
@media (min-width: 768px) {

  .nav>li>a {
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 26px;
    padding: 5px 8px;
  }

  #block-system-main>.view-stuecke-2020.view-display-id-page_8 .img-responsive {
    height: 380px;
  }

  .field-name-field-gallery-bild .jb-area-caption {
    bottom: 60px !important;
  }

  .view-display-id-stuecke .views-row-even .left,
  .view-stuecke-2020 .views-row-even .left {
    /* float: right;
  width: 48%;
  margin-bottom: 30px;*/
    left: 50%;
  }

  .view-display-id-stuecke .views-row-even .right,
  .view-stuecke-2020 .views-row-even .right {
    /*float: left;
  width: 48%;*/
    right: 50%;
  }

  #block-views-stuecke-2020-block-7 .views-row,
  .view-id-stuecke_2020.view-display-id-page_8 .views-row {
    min-height: 520px;
  }

  article.node-stuecke-blog div#block-region-right {
    float: right;
    width: 35%;
  }

  article.node-stuecke-blog div#block-region-left {
    width: 60%;
  }

  /* person detail */
  mark#tag-4 .field-name-field-stuecke-bild img,
  mark#tag-1517 .field-name-field-stuecke-bild img,
  mark#tag-1518 .field-name-field-stuecke-bild img,
  mark#tag-8 .field-name-field-stuecke-bild img,
  mark#tag-11264 .field-name-field-stuecke-bild img {
    max-width: 929px;
    max-height: 520px;
    object-fit: cover;
    object-position: 50% 20%;
  }

  .view-st-cke-archiv-2020.galerie-text {
    margin: 40px auto 0 auto;
  }

  .archiv-stuecke-container section#block-system-main {
    width: 50%;
    float: left;
  }

  .archiv-container {
    max-width: 970px;
    margin: 0 auto;
  }
}

@media (min-width: 768px) and (max-width: 1280px) {
  .nav>li>a {
    font-size: 20px;
    padding: 5px;
  }
}

@media (min-width: 768px) and (max-width: 1178px) {
  .nav>li>a {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1088px) {
  .nav>li>a {
    font-size: 16px;
    padding: 5px 3px;
  }

  #hash {
    width: 60%
  }
}

@media (min-width: 768px) and (max-width: 988px) {
  .nav>li>a {
    font-size: 13px;
  }

  .navbar .logo {
    padding-right: 0;
  }

  .navbar-header,
  .navbar .logo>div {
    min-width: 145px !important
  }
}

@media (min-width: 768px) and (max-width: 860px) {
  .nav>li {
    float: left;
  }

  .nav>li>a {
    font-size: 12px;
  }
}

/* mobile */

@media (max-width: 768px) {


  /* nav */
  .navbar-toggle,
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    border: 0;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
  }

  div#navbar-collapse {
    /*float: none!important;*/
    display: block !important;
  }

  div#navbar-collapse.collapse:not(.in) nav>.nav {
    display: none !important;
  }

  div#navbar-collapse.collapse.in nav>.nav {
    display: block !important;
  }

  div#navbar-collapse.collapsing,
  div#navbar-collapse.collapse.in {
    margin-top: 30px;
    display: block !important;
    width: 100%;
  }

  .navbar-collapse.in {
    overflow-y: hidden;
  }

  .navbar-default .navbar-collapse {
    border: 0;
  }

  .menu.nav {
    margin-left: 0;
  }

  nav>.nav>li {
    display: block;
  }

  nav>ul>li {
    border-bottom: 2px solid #000000;
  }

  nav>.nav li:nth-child(6),
  nav>.nav li.leaf.last {
    display: none;
  }

  .nav .open>a,
  .nav .open>a:hover,
  .nav .open>a:focus,
  .nav>li>a.active {
    border: 0;
  }

  .dropdown-menu {
    position: relative;
    border: 0;
    background-color: transparent;
  }

  .caret {
    display: none;
    border: 0;
  }

  #hash {
    display: none;
  }

  h1,
  h1.page-header {
    width: 100%;
    overflow-wrap: break-word;
  }

  h2,
  h2 a,
  span.submitted-by,
  span.submitted-by a,
  .page-node .field-name-field-autorenzusatz div.field-items {
    width: 100%;
  }

  h2.reference {
    width: 100%;
  }

  article {
    width: 100%;
  }

  .view-stuecke-2020 section#block-views-stuecke-2020-block-1 .views-row-1,
  .view-stuecke-2020 section#block-views-stuecke-2020-block-1 .views-row-2,
  .view-stuecke-2020 section#block-views-stuecke-2020-block-1 .views-row-3,
  .view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-row-1,
  .view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-row-2,
  .view-stuecke-2020 section#block-views-stuecke-2020-block-3 .views-row-3,
  .view-stuecke-2020 section#block-views-stuecke-2020-block-4 .views-row-1,
  .view-stuecke-2020 section#block-views-stuecke-2020-block-4 .views-row-2,
  .view-stuecke-2020 section#block-views-stuecke-2020-block-4 .views-row-3,
  .view-stuecke-2020 section#block-views-stuecke-2020-block-15 .views-row-1,
  .view-stuecke-2020 section#block-views-stuecke-2020-block-15 .views-row-2,
  .view-stuecke-2020 section#block-views-stuecke-2020-block-15 .views-row-3,
  .view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-2 .views-row-1,
  .view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-2 .views-row-2,
  .view-display-id-rahmenprogramm section#block-views-stuecke-2020-block-2 .views-row-3,
  .view-display-id-stuecke section#block-views-stuecke-2020-block-2 .views-row-1,
  .view-display-id-stuecke section#block-views-stuecke-2020-block-2 .views-row-2,
  .view-display-id-stuecke section#block-views-stuecke-2020-block-2 .views-row-3,
  .view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-row-1,
  .view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-row-2,
  .view-display-id-stuecke section#block-views-stuecke-2020-block-3 .views-row-3,
  .view-id-stuecke_blog section#block-views-stuecke-2020-block-2 .views-row-1,
  .view-id-stuecke_blog section#block-views-stuecke-2020-block-2 .views-row-2,
  .view-id-stuecke_blog section#block-views-stuecke-2020-block-2 .views-row-3,
  .node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-row-1,
  .node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-row-2,
  .node-type-stuecke-blog section#block-views-stuecke-2020-block-3 .views-row-3,
  .view-id-stuecke_blog div.view-footer div.view-content .views-row-even,
  .view-id-stuecke_blog div.view-footer div.view-content .views-row-odd {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  article.node-stuecke-blog div#block-region-right {
    width: 100%;
  }

  .view-display-id-stuecke .views-row-odd .views-field-title a,
  .view-display-id-stuecke .views-row-even .views-field-title a,
  .view-stuecke-2020 .views-row-odd .views-field-title a,
  .view-stuecke-2020 .views-row-even .views-field-title a {
    font-size: 45px;
    line-height: 38px;
    overflow-wrap: break-word;
  }

  .view-id-stuecke_2020 .views-field.views-field-field-image.first {
    margin-bottom: 20px;
  }

  /* stuecke blog */
  .view-id-stuecke_blog .views-field-nid-1 div.links,
  .view-display-id-page_3 .views-field-nid-1 div.links {
    float: none;
    width: 100%;
  }

  .view-id-stuecke_blog .views-field-nid-1 div.rechts,
  .view-display-id-page_3 .views-field-nid-1 div.rechts {
    float: none;
    width: 100%;
  }

  .view-id-stuecke_blog .views-field-nid-1 div.beide {
    width: 100%;
  }

  .view #edit-title-1-wrapper {
    width: 100%;
  }

  .view .table-responsive>.table>tbody>tr>td {
    white-space: normal;
  }

  .embedded-video .player iframe,
  .video-filter iframe {
    max-width: 100%;
  }

  #block-system-main>.view-stuecke-2020.view-display-id-page_8 .views-row .img-responsive {
    max-height: 250px;
  }

  /* juicebox */
  .view-stuecke-2020 .juicebox-parent,
  .page-node .juicebox-parent,
  .page-kunst-kultur-theater-stuecke-archiv .juicebox-parent,
  .juicebox-parent {
    height: 250px;
  }

  .jb-area-caption {
    top: auto !important;
    bottom: 10px !important;
    max-height: none !important;
  }

  .jb-caption-desc,
  .jb-cap-frame .jbac-number {
    font-size: 10px !important;
    line-height: normal !important;
  }

  /* spielplan */
  .spielplan .termin_wochentag {
    font-size: 18px;
  }

  .spielplan .termin_datum,
  .spielplan .termin_titel {
    font-size: 45px;
    line-height: 38px;
  }

  .spielplan .termin_extra_tickets {
    width: 100%;
    margin-top: 20px;
  }

  .spielplan .termin_spielstaette_xs:before {
    content: "\2022";
  }

  .spielplan .termin_spielstaette_xs a {
    font-family: "AntiqueOli-Reg", sans-serif;
    font-size: 14px;
  }

  .page-node .field-type-image .img-responsive {
    max-height: 250px;
    object-fit: cover;
    object-position: 50% 20%;
  }

  .embedded-video .player iframe,
  .video-filter iframe {
    max-height: 250px;
  }

  /* stuecke archive */

  .view-st-cke-archiv-2020 .views-field-title {
    word-break: break-word;
  }

  .archiv-stuecke-container .views-row {
    min-height: auto;
  }

  .archiv-video-container img {
    max-height: 250px;
  }

  /* digital spielraeume */
  .page-kunst-kultur-theater-stuecke-digitale-spielraeume .views-field-field-stuecke-bild img {
    height: auto;
    object-fit: inherit;
  }

  .view-id-stuecke_2020.view-display-id-block_12 .views-field-title a {
    font-family: "AntiqueOliveStdXBdSmCnact", sans-serif;
    font-size: 26px;
    line-height: 31px;
  }

  .page-kunst-kultur-theater-stuecke-digitale-spielraeume .page-header,
  .view-id-stuecke_2020.view-display-id-page_10 .view-header h2,
  #block-views-stuecke-2020-block-12 .block-title {
    padding-right: inherit;
  }

  .archiv-stuecke-container h2 {
    padding-bottom: 20px;
    border-bottom: solid black 4px;
  }

  .archiv-gremium-container h2,
  .archiv-jury-container h2,
  .archiv-festivalplus-container h2 {
    padding-top: 20px;
    border-top: solid black 4px;
  }

  section#block-block-117 div.kontakt {
    float: none;
    width: auto;
    margin-right: 0;
  }

  section#block-block-117 div.links {
    display: none;
  }

}

header#navbar {
  background-color: #e9f3ea !important;
}

#node-331258 .mytube{
  position: relative;
  width: 100%!important;
  height: 0;
  padding-top: 56.25%;
  background-color: #000;
  border-radius: 15px;
}

iframe{
  border:none!important
}

.mytube img.mytubeplay{
  left: 50%!important;
  margin-left: -30px;
}

#node-331258  .mytubetrigger{
  top: 50%;
  left: 50%;
  position: absolute;
  translate: -50% -50%;
}

#node-331258 .mytube iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mytube .mytubetext,
.mytube .mytubetext em a.ext {
  font-size: 12px;
}

span.mytube-privacy-link {
  display: none;
}

.page-node-298728 .field-name-field-stuecke-bild {
  display: none;
}

.page-node-124 .hashtag-date-headline .hashtag,
.page-node-124 .hashtag-date-headline .date,
.page-node-167557 .hashtag-date-headline .hashtag,
.page-node-167557 .hashtag-date-headline .date,
.page-kunst-kultur-theater-stuecke-news .hashtag-date-headline .hashtag,
.page-kunst-kultur-theater-stuecke-news .hashtag-date-headline .date,
.page-kunst-kultur-theater-stuecke-news-weitere .hashtag-date-headline .hashtag,
.page-kunst-kultur-theater-stuecke-news-weitere .hashtag-date-headline .date {
  display: none;
}

.page-node-124 .hashtag-date-headline,
.page-node-167557 .hashtag-date-headline,
.page-kunst-kultur-theater-stuecke-news .hashtag-date-headline,
.page-kunst-kultur-theater-stuecke-news-weitere .hashtag-date-headline {
  height: 82px;
}