/* Webfonts in use: 
  "font-family:Font Awesome\ 5 Pro;font-style:normal;font-weight:300;", 
  "font-family:Font Awesome\ 5 Pro;font-style:normal;font-weight:400;",
  "font-family:Font Awesome\ 5 Pro;font-style:normal;font-weight:900;
  "Font Awesome\ 5 Brands" */

/* General */
* {box-sizing:border-box;}
html {height:100.2%; font-size: 62.5%;}
body {margin:0; padding:0; font-family:Verdana,sans-serif;}
body.sidr-open div#wrapper {position: fixed !important;}
img {border:none;}
div, p, li, th, td, dt, dd {font-size:12px;}
th, td {vertical-align:top;}
hr {height:0; margin:20px 0; border-style:none none solid none; border-width:1px; border-color:#999;}
h2 {margin-bottom:12px; padding-top:0px; font-size:16px; font-size:1.6rem;}
.fluidFrame {position: relative; padding-bottom:100%; padding-top: 30px; height: 0; overflow: hidden;
 -webkit-overflow-scrolling: touch;  
}
.fluidFrame iframe {position: absolute; top: 0; left: 0; width: 100%; height:100%;}
.sidr{display:block;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto}
.sidr.right{left:auto;right:-260px}
.sidr.left{left:-260px;right:auto}
.Okerwelle {display:flex;}
.Okerwelle::before  {display:inline-block; margin-right:10px; content:""; width:95px; height:36px; background:url(../img/okerwelle.jpg) no-repeat;}

/* Overall layout */
footer {background-color:#ffe600;}
div#wrapper {width:100%; max-width:1200px; margin:30px auto 0 auto; text-align:left;}
div#headerbox {position:relative; max-width:1200px; height:234px; background:url(../img/repeater-head.png) repeat-x;}
div#main {max-width:1200px;}
div#contentmain {overflow:hidden; margin-top:6px; padding:30px 30px 35px; background-color:#ffe600;}
div#rightbox {float:right; width:250px; background-color:#ffe600;}
div#right {padding:30px 0 15px 0;}
nav#footernav {border-bottom:40px solid #ffe600;}

/* Header */
div#headerbox {display:flex; flex-wrap:wrap; justify-content: space-between;}
div#headerbox a img {width:100%; height:auto;}
div#headerbox a#logo {}

/* Slider */
div.tx-ff-owl-slider {position:relative;}
div.tx-ff-owl-slider .owl-item .item img {width:100%; height:auto;}
div.tx-ff-owl-slider .link-more {display:none;}

.caption-wrapper {position:absolute; bottom:70px; left:95px;}
.caption-wrapper h3 {margin:0 0 5px 0; font-size:27px; color:#fff; font-weight:normal;}
.caption-wrapper p {margin:0; font-size:17px; color:#fff;}

div.tx-ff-owl-slider .owl-buttons {position: absolute; top: 45%; width: 100%;}
.owl-theme .owl-controls .owl-buttons div {position:absolute; display:block; margin:0; padding:0; opacity:0.9; border-radius:0; font-size:90px; line-height:50px; background:none; color:transparent;}
.owl-prev {left:3%;}
.owl-next {right:3%;}
.owl-prev::before {color: #fff; content: "\f104"; font-family:Font Awesome\ 5 Pro; font-style:normal; font-weight:300;}
.owl-next::before {color: #fff; content: "\f105"; font-family:Font Awesome\ 5 Pro; font-style:normal; font-weight:300;}


/* Menu layout */
#navbox {position:relative; margin:6px 0; background-color:#000;}
#navbox #mobile-header {display:none; position:absolute; top:15px; right:20px;}
#navbox #mobile-header a {color:#fff; font-size:30px; font-size:3rem;}
#navbox ul {text-align:center; list-style-type:none; padding:20px 0; margin:0;}
#navbox ul li {display:inline-block; position:relative; margin-right:90px; font-size:16px; font-size:1.6rem; color:#fff; cursor:pointer;}
#navbox ul li a {display:block; text-decoration:none; color:#fff; }
#navbox ul li:hover, 
#navbox ul li a:hover {color:#ffe600;}
#navbox ul li.act a {color:#ffe600;}
#navbox ul li:last-child {margin-right:0;}
#navbox ul ul {display:none;}
/* 2. lvl */
#navbox ul li ul {display:none; position:absolute; left:-30px; padding:25px 30px 30px; background-color:#000; z-index:999; text-align:left;}
#navbox ul li ul li {display:flex; width:100%; margin-bottom:20px;}
#navbox ul li ul li::before {display: inline-block; position:static; width:auto; background:none; transition:none; transform:none; visibility:visible; margin-right:5%; content: "\f105"; font-family:Font Awesome\ 5 Pro; font-style:normal; font-weight:300;}
#navbox ul li ul li:hover::before {transform:none;}
#navbox ul li ul li:last-child {margin-bottom:0;}
#navbox ul li ul a {position:relative; display:inline; margin-right:0; font-size:14px; font-size:1.4rem; color:#fff; text-decoration:none;}
#navbox ul li.act ul a {color:#fff;}
#navbox ul li ul a:hover {color:#ffe600;}
#navbox ul li ul a::before {position:absolute; content: ""; width:100%; height:2px; bottom:0; left:0; background:#ffe600; visibility:hidden; transform: scaleX(0); transition: .25s linear;}
#navbox ul li ul a:hover:before {visibility: visible; transform: scaleX(1);}


/* mobil nav */
#mobile-meta,
#mobile-header {display:none;}
#sidr-main {position:fixed; margin-top:6px; background-color:#ffe600; border-right:1px solid #000;}
#sidr-main ul  {padding:0; margin:0; list-style-type:none;}
#sidr-main .navlvl {clear:both;}
#sidr-main .navlvl li {display:inline-block; width:100%; padding:15px 15px 15px 32px; font-size:15px; font-size:1.5rem; color:#000; font-weight:bold; text-decoration:none; border-top:1px solid #000; cursor:pointer;}
#sidr-main .navlvl li a {display:block; text-decoration:none; color:#000;}
#sidr-main .navlvl li.hasSub {padding-left:15px;}
#sidr-main .navlvl li.act,
#sidr-main .navlvl > li.open {text-decoration:underline;}
#sidr-main .navlvl > li:last-child {border-bottom:1px solid #000;}
#sidr-main .plus {display: inline-block; margin-right:8px; font-size:12px; font-size:1.2rem; }
#sidr-main .plus::after {content:"\f067"; display:block; font-family:Font Awesome\ 5 Pro; font-style:normal; font-weight:400; color:#000;}
#sidr-main .minus::after {content:"\f068"; display:block; font-family:Font Awesome\ 5 Pro; font-style:normal; font-weight:400;}
/* second lvl */
#sidr-main ul li ul {display:none;}
#sidr-main .navlvl li ul {padding-left:20px; padding-top:10px;}
#sidr-main .navlvl li ul li {border:none; padding:0; text-decoration:none; padding:12px 0;}
#sidr-main .navlvl li ul li.act {text-decoration:none;}
#sidr-main .navlvl li ul li a {display:inline-block; max-width:194px; color:#000; text-decoration:none; font-size:14px; font-size:1.4rem;}
#sidr-main .navlvl li ul li.act a {text-decoration:underline;}
#sidr-main .navlvl li ul li::before {display:inline-block; margin-right:8px; content:"\f105"; font-family:Font Awesome\ 5 Pro;font-style:normal;font-weight:300; vertical-align:top;}

#smallnav {background-color:#ffe600;}
#smallnav ul {overflow:hidden; display:flex; flex-wrap:wrap;}
#smallnav li {display:block; width:25%; text-align:center;}
#smallnav a {display:block; padding:15px 6.6%; border-right:1px solid #000; color:#000; font-size:26px; font-size:2.6rem; line-height: 38px;}
#smallnav a.close-btn {cursor:pointer;}
#smallnav li:last-child a {border-right:none;}

/* Content */
/* Contenthead */
div#contenthead div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom:0;}

/* Contentmain */
div#contentmain h1 {margin:0; padding:14px 0; background-color:#000; color:#fff; font-size:18px; font-size:1.8rem; text-align:center; font-weight:normal;}
/*div#contentmain h1 {margin:0; padding:14px 0; background-color:#000; color:#fff; font-size:26px; font-size:2.6rem; text-align:center; font-weight:normal; font-family:FiraSansCondensed-SemiBold;}*/
div#content {padding:30px; background-color:#fff;}
div#content p {margin:4px 0 10px 0; font-size:14px; font-size:1.4rem; line-height:18px;}
div#content li {font-size:12px; line-height:16px;}
div#content th, div#content td {font-size:12px;}
div#content dd, div#content dt {font-size:12px;}
div#content form fieldset {border:none;}
div#content form legend {display:none;}
div#content a {color:#000; font-weight:bold; text-decoration:none;}
div#content a:hover {text-decoration:underline;}
div#content div.csc-textpic {clear:left;}
div#content .csc-textpic-imagewrap {padding:0 0px 2px 0;}
div#content div.csc-frame-indent3366 {margin-left:165px;}
div#content div.csc-frame-rulerBefore {height:10px; border-top:solid 1px #767676;}
div#content div.csc-frame-rulerAfter {height:10px; border-bottom:solid 1px #767676;}
div#content div.csc-textpic figure {padding-bottom:10px;}
div#content span.Anmerkung {font-size:9px; color:#999;}
div#content table.contenttable {margin:20px 0; border-top:2px solid #888; border-bottom:2px solid #888;}
div#content table.contenttable p {padding:0;}

/* form */
div.csc-mailform ol {display:flex; flex-wrap:wrap;}
div.csc-mailform ol li {width:48%; margin-bottom:10px;}
div.csc-mailform ol li:nth-child(2n) {margin-left:4%;}
div.csc-mailform li.csc-form-element-textarea {width:100%;}
div.csc-mailform li label {display:block; margin-bottom:5px; float:none; font-weight:bold; font-size:14px; font-size:1.4rem;}
div.csc-mailform li input {padding:10px; width:100%; font-family:Verdana, sans-serif;}
div.csc-mailform li textarea {padding:10px; width:100%; font-family:Verdana, sans-serif;}
div.csc-mailform li.csc-form-element-checkbox {display:flex; width:100%; margin-left:0 !important;}
div.csc-mailform li.csc-form-element-checkbox input {margin-right:10px; order:1; width:auto;}
div.csc-mailform li.csc-form-element-checkbox label {order:2; width:auto;} 
div.csc-mailform form ol li.csc-form-element-submit {margin:0;}
div.csc-mailform form ol li.csc-form-element-submit input {width:100px;}
div.csc-mailform li.csc-form-confirmation-false,
div.csc-mailform li.csc-form-confirmation-true {margin-top:15px; width:200px;}
div.csc-mailform li.csc-form-confirmation-false input,
div.csc-mailform li.csc-form-confirmation-true input {}

/* dmail sub */
div.dmailsubscription form strong {display:block; margin-bottom:-10px;}
div.dmailsubscription input {padding:10px; width:50%;}
div.dmailsubscription input[type="submit"] {width:100px; margin-bottom:10px;}
div.dmailsubscription input[type="checkbox"] {width:auto;}

/* overall cols */
/* .col div.csc-textpic-center .csc-textpic-center-inner,
.col div.csc-textpic-center .csc-textpic-center-outer {float:none; right:auto; position:static;} */
.col img {width:100%; height:auto;}
/* 2cols */
.cols-2-wrapper {display:flex; flex-wrap:wrap;}
.cols-2-inner-right,
.cols-2-inner-left {width:48%;}
.cols-2-inner-right {margin-left:4%;}

/* Kinoprogramm */
div#content div.ufcinemaprogram-content {margin-top:15px;}
div#content div.ufcinemaprogram-headertext {font-weight:bold;}
div#content div.ufcinemaprogram-hint {margin-bottom:15px;}
div#content div.ufcinemaprogram-list-back a {float:left; width:96px; margin-left:1px; padding:3px 3px 3px 15px; border:solid 1px #999; background:url(../img/uf-arrow_left.gif) 3px 5px no-repeat #eee;}
div#content div.ufcinemaprogram-list-back a:hover {text-decoration:none; background:url(../img/uf-arrow_left_ro.gif) 3px 50% no-repeat #ddd;}
div#content div.ufcinemaprogram-list-forward a {float:right; width:87px; margin-right:1px; padding:3px 15px 3px 3px; border:solid 1px #999; background:url(../img/uf-arrow_right.gif) 95px 50% no-repeat #eee;}
div#content div.ufcinemaprogram-list-forward a:hover {text-decoration:none; background:url(../img/uf-arrow_right_ro.gif) 95px 50% no-repeat #ddd;}
div#content table.ufcinemaprogram-list-table {clear:right; text-align:center; margin-top:5px;}
div#content table.ufcinemaprogram-list-table th {width:73px; background-color:#eee;}
div#content table.ufcinemaprogram-list-table th.ufcinemaprogram-list-table-corner {width:182px; background-color:#eee;}
div#content table.ufcinemaprogram-list-table th span.ufcinemaprogram-list-date {font-weight:normal;}
div#content table.ufcinemaprogram-list-table td {width:73px; border-bottom:solid 1px #ddd;}
div#content table.ufcinemaprogram-list-table td.ufcinemaprogram-list-film {text-align:left; width:182px; font-weight:bold;}
div#content div.ufcinemaprogram-single h3 {font-size:14px;}
div#content div.ufcinemaprogram-single img {float:left; margin-right:10px;}
div#content div.ufcinemaprogram-single p {width:490px; margin-left:200px;}
div#content div.ufcinemaprogram-single p.ufcinemaprogram-single-length {margin-bottom:0;}
div#content div.ufcinemaprogram-single p.ufcinemaprogram-single-fsk {margin-top:0; margin-bottom:0;}
div#content div.ufcinemaprogram-single p.ufcinemaprogram-single-omu {margin-top:0; margin-bottom:0;}
div#content div.ufcinemaprogram-single p.ufcinemaprogram-single-desc {margin-top:10px;}
div#content div.ufcinemaprogram-single p.ufcinemaprogram-single-back {clear:both; padding:15px 0 0 140px;}
div#content div.ufcinemaprogram-single p.ufcinemaprogram-single-back a {font-weight:bold;}


/* Footer */
#footernav {text-align:center;}
#footernav ul {list-style-type:none; padding:20px 0; margin:0; background-color:#000;}
#footernav ul li {display:inline-block; margin-right:95px;}
#footernav ul li.last {margin-right:0;} 
#footernav ul li a {display:block; text-decoration:none; color:#fff; font-size:16px; font-size:1.6rem;}
#footernav .fphone {display:flex; flex-wrap:wrap; text-align:left; margin-top:20px; padding:0 30px; }
#footernav .fphone div {width:32%; margin-right:2%; font-size:16px; font-size:1.6rem; line-height:20px;}
#footernav .fphone div:last-child {margin-right:0;}
#footernav .fphone i {margin-right:5px; font-size:14px; font-size:1.4rem;}
#footernav .fphone a {color:#000; text-decoration:none;}

@media only screen and (max-width: 1024px) {
  .fluidFrame {overflow-y:scroll;}
  .fluidFrame iframe {height:calc(100% + 1px);}

  div#wrapper {margin-top:6px;}

  div#headerbox {height:193px; background:url(../img/repeater02-head.png) repeat-x;}
  div#headerbox a#logo {display:block; width:294px; height:193px;}
  div#headerbox a#abspann {display:block; width:250px; height:193px;}

  div.caption-wrapper {bottom:50px; left:55px;}
  div.tx-ff-owl-slider .owl-buttons {top:40%;}

  nav#navbox {padding:0 15px;}
  nav#navbox ul li {margin-right:50px;}
  
  /* images */
  div#content div.csc-textpic div.csc-textpic-imagewrap {width:45%; height:auto;}
  div#content div.csc-textpic div.csc-textpic-imagewrap img {width:100%; height:auto;}
  div#content div.csc-textpic div.csc-textpic-imagewrap[data-csc-images="2"] div.csc-textpic-imagecolumn,
  div#content div.csc-textpic div.csc-textpic-imagewrap[data-csc-images="3"] div.csc-textpic-imagecolumn, 
  div#content div.csc-textpic div.csc-textpic-imagewrap[data-csc-images="4"] div.csc-textpic-imagecolumn, 
  div#content div.csc-textpic div.csc-textpic-imagewrap[data-csc-images="5"] div.csc-textpic-imagecolumn {margin-bottom:10px;}
}

@media only screen and (max-width: 825px) {
  nav#navbox ul li {margin-right:38px;}
}

@media only screen and (max-width: 768px) {
  div#headerbox {height:151px; background:url(../img/repeater03-head.png) repeat-x;}
  div#headerbox a#logo {width:234px; height:151px;}
  div#headerbox a#abspann {width:200px; height:151px;}

  div.caption-wrapper {bottom:25px;}
  div.caption-wrapper h3 {font-size:24px; font-size:2.4rem;}  
  .owl-theme .owl-controls .owl-buttons div {font-size:65px; font-size:6.5rem; line-height:38px;}


  nav#navbox {height:59px;}
  nav#navbox ul {display:none;}
  #navbox #mobile-header {display:block;}  

  div#contentmain {padding:15px;}

  div.csc-mailform ol li {width:100%;}  
  div.csc-mailform ol li:nth-child(2n) {margin-left:0;} 
 
  nav#footernav {border-bottom: 15px solid #ffe600;}
  nav#footernav ul li {margin-right:8%;}

  #footernav .fphone div {width:50%; margin-right:0; margin-bottom:10px;}
}

@media only screen and (max-width: 640px) {
  div.tx-ff-owl-slider .owl-buttons {top:38%;}
  div.caption-wrapper h3 {font-size:22px; font-size:2.2rem;}
  .caption-wrapper p {font-size:15px; font-size:1.5rem;}
  div.dmailsubscription input {padding:10px; width:100%;}

  #footernav .fphone div {width:100%; text-align:center;}
}

@media only screen and (max-width: 480px) {
  .fluidFrame {padding-bottom:250%;}

  div#headerbox {height:103px; background:url(../img/repeater04-head.png) repeat-x;}
  div#headerbox a#logo {width: 160px; height:103px;}
  div#headerbox a#abspann {width:137px; height:103px;}

  .caption-wrapper {position:static; padding:15px; background-color:#000;}
  div.tx-ff-owl-slider .owl-buttons {top:34%;}
  .owl-theme .owl-controls .owl-buttons div {font-size:55px; font-size:5.5rem;}

  nav#footernav ul {padding:20px 15px;}
  nav#footernav ul li {display:block; padding-bottom:15px; margin:15px 0 0 0; border-bottom:1px solid #fff;}
  nav#footernav ul li:last-child {border-bottom:none;}

  /* images */
  div#content div.csc-textpic-intext-left .csc-textpic-imagewrap {margin-right:0;}
  div#content div.csc-textpic-intext-right .csc-textpic-imagewrap {margin-left:0;}
  div#content div.csc-textpic div.csc-textpic-imagewrap {float:none; width:80%;}
  div#content div.csc-textpic-intext-left-nowrap div.csc-textpic-text {margin-left:0;}
}

@media only screen and (max-width: 380px) {
  div.tx-ff-owl-slider .owl-buttons {top:30%;}
  div.caption-wrapper h3 {font-size:20px; font-size:2.0rem;}
  .caption-wrapper p {font-size:14px; font-size:1.4rem;}
  div#content div.csc-textpic div.csc-textpic-imagewrap {float:none; width:100%;}
  
}


/* Print */
@media print {
  div {overflow:visible !important;}
  body {width:20cm; background-color:#ffffff; overflow:visible;}
  div#headerbox {border-bottom:solid 1px black;}
  div#header {}
  img#header_image {display:none;}
  img#header_lichtblick {display:none;}
  div#metanav {display:none;}
  div#basenav {display:none;}
  div#contentbox {width:18cm; margin:0 0 0 2cm;}
  div#content {width:18cm;}
  div#content p {font-size:14px; line-height:18px;}
  div#rightbox {display:none;}
  div#footer {display:none;}
}