@font-face {
  font-family: 'Kameron';
  src: url('../fonts/kameron-regular-webfont.woff2') format('woff2'),
       url('../fonts/kameron-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

* {
  padding: 0px;
}

a {
  color: #fff;
}

a:hover {
  color: #CE9A73;
}

p {
  margin:10px 00px;
}

h3 {
  font-size: 16px;
  color: #c8885e;
}

#outer {
  margin-top: 50px;
  position:relative;
  width: 1180px;
  background: url(../images/background-muster.jpg) repeat top left;
  margin-bottom: 20px;
}
#outer .outer-backdrop {
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.33);
}

#card {
  position: absolute;
  width:192px;
  height:217px;
  top:580px;
  left:24px;
  background: url(../images/eintrittskarte.png) no-repeat top left;
  z-index:100;

}

#main {
  margin-top: 10px;
  margin-right: 10px;
  float:right;
  width: 965px;
  min-height: 700px;
  height: auto !important;
  height:600px;
  padding: 10px;
  background:url(../images/content-background.png) repeat-y top left;
}

#banner {
  float:left;
  width: 540px;
  margin-top:30px;
  margin-left: -3px;
  height: 110px;
  background:url(../images/logo.png) no-repeat bottom right;
}

#topmenu {
  float:right;
  width:400px;
  height:30px;
}

#topmenu a {
  color: #fff;
  text-decoration:none;
}

#topmenu a:hover{
  color: #CE9A73;
}

#topmenu li {
  float:right;
  margin-right: 5px;
}

#navigation a{
  color: #fff;
  text-decoration: none;
  font-family: 'Kameron', Georgia, serif;
}

#navigation a.featured {
  color: #f29400;
}

#navigation a > span {
  display: none;
}

#navigation a:hover {
  text-decoration: underline;
}

#navigation {
  margin-top:200px;
  margin-left:5px;
  width: 200px;
  float:left;
  text-transform: uppercase;
  text-align: right;
  font-size: 18px;
}

#navigation .menu {
  position: relative;
}


#navigation ul, #topmenu ul {
  list-style: none;
}

#navigation li {
  margin-bottom: 16px;
  padding-right: 0.5em;
  position: relative;
  width: 200px;
}

#navigation .deeper ul {
  position:absolute;
  left:220px;
  text-align:left;
  font-size: 16px;
  text-transform: none;
  margin-top: -25px;
  display: none;
}

#navigation .deeper li {
  margin-bottom: 2px;
  background: url(../images/submenu-background.png) repeat top left;
  padding: 3px;
  width: 145px;
  cursor: pointer;
}


#navigation .deeper .hoverclass {
  background: url(../images/submenu-active-background.png) repeat top left !important;
}

#navigation .deeper ul a {
  color: #fff;
}

#navigation .deeper .deeper ul {
  display:none;
  position: relative;
  left: 0px;
  margin: 10px 0px;
}

#navigation .deeper .deeper li {
  margin-left: -3px;
  background: url(../images/submenu-submenu-background.png) repeat top left;
}


.blog .item h2, .blog .item .create, .blog .item .text {
  float: right;
  width: 350px;

}

.blog .item .create {
  font-size: 9pt;
}

.blog .row-separator {
  display: block;
  clear: both;
  height: 20px;
}

/* ++++++++++++++  pagination  ++++++++++++++ */

#main .pagination a {
  color: #fff;
  text-decoration: none;
}


#main .pagination
{
  margin:10px 0 ;
  padding:10px 0 10px 0px;
  font-size: 0.8em;

}

#main .pagination ul
{
  list-style-type:none;
  margin:0;
  padding:0;
  text-align:left;
}

#main .pagination li
{
  color: #ccc;
  display:inline;
  padding:2px 5px;
  text-align:left;
  border:solid 0px #eee;
  margin:0 2px
}

.pagenav
{padding:2px}

#main .pagination li.pagination-start,
#main .pagination li.pagination-next,
#main .pagination li.pagination-end,
#main .pagination li.pagination-prev
{
  border:0
}

.item-page ul, .item-page ol {
  margin: 16px 0px;
  padding: 0px 16px 0px 40px;
}

.item-page .wf_file {
  text-decoration: none;
}


#right {
  float:right;
  margin-top:24px;
  width: 	160px;
  margin-bottom: 50px;
  margin-right: 5px;
}

#footer {
  font-size: 12px;
  width:975px;
  height:50px;
  float:right;
  text-transform: uppercase;
}

#footer a {
  color: #fff;
  text-decoration:none;
}

#footer a:hover {
  color: #CE9A73;
}

#footer ul {
  margin-left: 10px;
  list-style: none;
}

#footer li {
  margin-right: 10px;
  float:left;
}

#footer .left {
  float:left;
  width: 15px;
  height:50px;
  background:url(../images/footer-left.png) no-repeat top left;
}

#footer .main {
  float:left;
  width: 945px;
  height:38px;
  padding-top: 12px;
  background:url(../images/footer-main.png) repeat-x top left;
}

#footer .right {
  float:right;
  width: 15px;
  height:50px;
  background:url(../images/footer-right.png) no-repeat top left;
}


#system-debug {
  display: none;
}
/* Stylesheet für die com_hwxcinebridge */

.hwxcinebridge > h2 {
  margin-bottom: 20px;
  font-size: 16pt;
}

.hwxcinebridge h2 .week {
  font-size: 12px;
}

.hwxcinebridge .fb-share {
  margin-right: 10px;
}


.hwxcinebridge-item {
  margin:10px 0px;
  clear:both;
}

.hwxcinebridge img {
  border: none;
}

.hwxcinebridge-item .artwork, .hwxcinebridge-event .artwork {
  position:relative;
  float:left;
  margin-right: 10px;
  width: 80px;
  height: 112px;
  padding: 4px;
  background-color: #705445;
}

.hwxcinebridge-item .artwork img, .hwxcinebridge-event .artwork img {
  max-width: 80px;
  width: 80px !important;
}


.hwxcinebridge-events .info {
  margin-top: 5px;
  float:left;
  height:30px;
  width: 330px;
}

.hwxcinebridge-item .info ul {
  list-style: none;
  font-size: 11px;
  height: 30px;
  float:right;
}

.hwxcinebridge-item .info li {
  margin-bottom: 2px;
  float:left;
  margin-right : 5px;
  height: 30px;
}


.hwxcinebridge-item .title {
  font-size: 14pt;
  margin-bottom: 5px;
}

.hwxcinebridge-item .title a {
  color: #C8885E;
}

.hwxcinebridge-item .shows {
  padding-left: 3px;
  padding-top: 3px;
  float:left;
  width: 330px;
  background-color: #705445;
}

.hwxcinebridge-item .shows ul {
  list-style: none;
  font-size: 12px;
  float:left;
}

.hwxcinebridge-item .shows li {
  float:left;
  width: 45px;
  margin-right: 2px;
  text-align: center;
}

.hwxcinebridge-item .shows .showhead {
  background-color: #aa7754;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
}

.hwxcinebridge-item .shows .show {
  margin-bottom: 5px;
}

.hwxcinebridge-item .shows .odd {
  background-color: #876C5E;
}

.hwxcinebridge-item a {
  color: #fff;
}

.hwxcinebridge-item a:hover {
  color: #CE9A73;
}

.hwxcinebridge-event .movie {
  position: relative;
  width:100%;
  padding: 0px;
  float:left;
}

.hwxcinebridge-event .expired {
  position: absolute;
  width: 535px;
  height: 230px;
  top: 0px;
  left: 0px;
  z-index: 99;
  background: transparent url(../images/expired.png) no-repeat top left;
  transform: rotate(20deg);
}

.hwxcinebridge-event .text {
  line-height: 24px;
}

.hwxcinebridge-event .images {
  margin-top: 5px;
  width:100%;
  float:left;
}

.hwxcinebridge-event .images .image {
  margin-right: 10px;
  float:left;
  padding: 4px;
  background-color: #705445;
}


.hwxcinebridge-event .info {
  float:left;
  font-size: 11px;
  width: 100%;
  line-height: 20px;
  vertical-align:middle;
  margin: 20px 0px;
}

.hwxcinebridge-event .info span {
  margin-bottom: 5px;

}

.hwxcinebridge-event .info a {
  display:block;
  float:left;
}
.hwxcinebridge-event .player {

}

.hwxcinebridge-event .image img {
  width: 	152px;
}

.hwxcinebridge-filter {
  text-align: left;
  margin-bottom: 50px;
  position:relative;
}

.hwxcinebridge-filter .next {
  position: absolute;
  right: 0px;
  display: block;
}

.hwxcinebridge-filter .current {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  display: block;
  width: 100px;
}

.hwxcinebridge-filter .prev {
  position: absolute;
  left: 0px;
  display: block;
}

.plghwxcinebridge .shows ul{
  margin: 0;
  padding: 0;
}

/* ++++++++++++++  tooltip  ++++++++++++++ */


.tip
{
  font-size:0.8em;
  text-align:left;
  padding:3px;
  max-width:400px
}

.tip-title
{
  font-weight:bold;
}

/* ++++++++++++++  icons  ++++++++++++++ */

#main ul.actions
{
  text-align:right;
  padding:0 ;
  width:100%;
  margin:0
}

#main ul.actions li
{
  display:inline
}

#main ul.actions a
{
  text-decoration:none
}

/* ##########################  editor  ########################### */

.contentpaneopen_edit img
{
  border:0
}

form.editor fieldset
{
  border:solid 1px #ccc;
}


/* ++++++++++++++  edit  ++++++++++++++ */

form#adminForm
{
  border:solid 0px #000
}

.edit form#adminForm fieldset
{
  border:solid 1px #ddd
}
.edit form#adminForm  legend
{
  font-weight:bold
}

/* ++++++++++++ Gavick News GK Pro ++++++++++++ */

#content .moduletable {
  margin-top: 50px;
}

.nspMain {
  margin-top: 20px;
}

.nspArt > div {
  background-color: #705445;
  margin-right: 10px;
}


.nspArt h4.nspHeader {
  margin-bottom: 5px;
}

.nspArt .readon {
  display: block;
  float:right;
  margin: 10px 0px;
}

.nspArt .nspText {
  text-align: justify;
}

.nspArt .nspInfo {
  font-size: 10pt !important;
}

.nspArt .fnone {
  width: auto !important;
}

.nspArt .center {
  text-align: center;
}

/* CRM Formulare */

#crmform input, #crmform textarea, #crmform select, #crmform button {
  border: 1px solid #ccc;
  margin: 3px 0;
}

#crmform button {
  padding: 5px;
  float: right;
  clear: right;
}

#crmform ul {
  list-style: none;
}

#crmform li {

}

#crmform label {
  float: left;
  clear: left;
  display:block;
  margin: 3px 0;
  min-width: 150px;
}

#crmform #recaptcha_widget_div {
  margin: 10px 0px;
}

#crmform #recaptcha_area {
  margin: 0 auto;
}

#crmform .invalid
{
  border-color:red !important;
}

#crmform  label.invalid
{
  color:red;
}

span.left {
  width: 1350px;
  display: block;
  float: left;
}

span.right {
  width: 400px;
  display: block;
  margin-left: 150px;
}

span.left .small {
  font-size: 0.9em;
  line-height: 1.3em;
}

span.right .small {
  font-size: 0.9em;
  line-height: 1.3em;
}

div.items-leading > div {
  float: left;
  margin-bottom: 25px;
}

.imageborder {
  background-color: #705445;
  float: left;
  margin: 0px  4px 1px 0px !important;
  padding: 4px;
}

.modal {}

.zebra {
  border-spacing: 2px;
  border-collapse: collapse;
}

.zebra td{
  padding: 5px 5px;
}

.small {
  font-size: 10px;
}

.tablehead {
  background-color: #705445;
}

.orange {
  color: #ee9b13;
}

.gelbeschrift {
  color: #F29400;
  font-family: Kameron,Georgia,serif;
  font-size: 32px;
}

.ws .nav > li > a {
  padding: 0; }
.ws .nav > li > a:hover {
  background-color: transparent; }

.ws .modal-dialog {
  color: #333; }
.ws .modal-dialog .close {
  font-size: 28px; }

body {
  color: #fff;
  background: #100501;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  line-height: 1.6;
  font-size: 16px;
}

#content {
  float: left;
  margin-top: 20px;
  width: 640px;
  margin-left: 160px;
  margin-bottom: 50px;
  position: relative; }

.blog .thumbnail {
  float: left;
  width: 128px;
  padding: 4px;
  background-color: #705445; }
.blog .thumbnail img {
  height: 100%;
  width: 100%; }

/*
 * Styles for the com_weltspiegel component
 * Änderungsdatum: 20.11.2025
*/
.weltspiegel {
  position: relative; }

.weltspiegel a {
  color: inherit; }

.weltspiegel .event {
	position: relative;
	display: grid;
	grid-template-columns: 172px 1fr;
	grid-template-rows: 1fr auto;
	gap: 0.5em;
	margin-bottom: 2em;
	padding: 0.5em;
    background-color: #aa775418;
	border: 1px solid #f2940080;
	border-radius: 2px;
}

.weltspiegel .event .sold-out {
  position: absolute;
  top: 240px;
  color: #f29400;
  font-family: Kameron,Georgia,serif;
  font-size: 36px;
  font-weight: normal;
  -webkit-transform-origin: 0;
  transform-origin: 0;
  -webkit-transform: rotate(-45deg) translate(40px, -16px);
  transform: rotate(-45deg) translate(40px, -16px);
  z-index: 100;
  display: inline-block;
  text-align: center; }

.weltspiegel.detail .event {
  display: block; 
}

.weltspiegel .posterbox {
  height: 240px;
  width: 172px;
  padding: 4px;
  background-color: #705445; }

.weltspiegel.detail .posterbox {
  position: static;
  float: left;
  margin-right: 16px;
  margin-bottom: 4px; }

.weltspiegel .posterbox img {
  height: 100%;
  width: 100%; }

.weltspiegel.detail .infobox {
  position: static;
  width: auto;
  height: auto;
  padding-bottom: 18px; }

.weltspiegel.detail .infobox p {
  padding: 0;
  line-height: 24px;
   }

.weltspiegel .infobox h2 {
  color: #C8885E;
  font-size: 18px;
  margin-top: 8px;
}

.weltspiegel.detail .infobox h2 {
  color: inherit;
  font-size: 24px; }

.weltspiegel .infobox .detailLink {
  text-decoration: none;
  font-style: italic;
  display: inline-block; }

.weltspiegel .infobox .details {
  font-style: italic; }

.weltspiegel.detail .infobox .details {
  position: static;
  font-style: italic;
  float: left;
  margin-bottom: 1em; }

.weltspiegel.detail .trailerbox {
  margin-top: 1.5em;
  display: flex;
	justify-content: center;
}

.weltspiegel.detail .trailerbox > div {
  width: 530px;
  padding: 6px 4px 0;
  background-color: #705445; }

.weltspiegel.detail .smallpics {
  margin-top: 1.5em; 
  display: flex;
	justify-content: space-around;
	gap: 0.5em;
}

.weltspiegel.detail .smallpics div {
  box-sizing: border-box;
  padding: 4px;
  background-color: #705445;
}

.weltspiegel.detail .smallpics img {
  width: 100%; }

/* Outer table */
.weltspiegel .showbox {
	grid-column: 1 / span 2;
  width: 100%;
  padding: 2px;
  background-color: #705445;
  color: #fff;
  display: table; }

.weltspiegel .back, .weltspiegel .forward {
  width: 10%;
  display: table-cell;
  vertical-align: top; }

.weltspiegel .weekwrapper {
  display: table-cell;
  width: 80%;
  overflow: hidden;
  position: relative;
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out; }

.weltspiegel .weekwrapper {
  height: 130px\9; }

/* Inner table */
.weltspiegel .shows {
  display: table;
  width: 100%; }

.weltspiegel .day {
  display: table-cell; }

/* Outer nav cells */
.weltspiegel .back .showhead, .weltspiegel .forward .showhead {
  color: #CE9A73;
  font-size: 1.4em; }

/* Inner header cells */
.weltspiegel .showhead {
  background-color: #AA7754;
  color: white;
  margin: 1px;
  height: 42px;
  text-align: center;
  padding-top: 2px;
  font-size: 1.2rem;
}

.weltspiegel .showhead p {
  margin: 0;
  text-align: center; }

/* Inner content cells (day) */
.weltspiegel .showdates p {
  margin: 0;
  text-align: center;
  padding-top: 2px; }

.weltspiegel .showdates p[data-free="0"] {
  cursor: no-drop; }

.weltspiegel .showdates p[data-free="0"] a {
  pointer-events: none; }

.weltspiegel .showdates p[data-free="0"]:after {
  content: '(Ausverkauft)';
  display: block;
  cursor: no-drop; }

/* Inner odd columns */
.weltspiegel .odd {
  background-color: #876C5E; }

/* Slider */
.weltspiegel .week {
  width: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 100%;
  -webkit-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out; }

.weltspiegel .week:first-child {
  display: block;
  top: 0;
  left: 0; }

.weltspiegel .back.active .showhead:hover, .weltspiegel .forward.active .showhead:hover {
  background-color: #BE8B54; }

.weltspiegel .back.active .showhead, .weltspiegel .forward.active .showhead {
  color: white;
  cursor: pointer; }

.weltspiegel h1, .blog h1, .category-list h2, #phocagallery h1, .item-page .flipped {
  position: absolute;
  left: -16px;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-90deg) translate(-100%, -100%);
  transform: rotate(-90deg) translate(-100%, -100%);
  color: #f29400;
  font-family: Kameron,Georgia,serif;
  font-size: 36px;
  font-weight: normal; }

/* TODO: Move to component */

.weltspiegel h1.not-flipped {
  position: static;
  transform: none;
  color: #f29400;
  font-family: Kameron,Georgia,serif;
  font-size: 36px;
  font-weight: normal;
  margin-bottom: 1em;
}