/* Styles - Theater Anu
/* Version: v1 vom 07.04.2015
/* Author: K. Kruzewitz // CUBA DESIGN // kruzewitz(at)cuba-design(dot)com
/* Author URI: www.cuba-design.com
/* ---------------------------------------------------------------------------------------------- */
/* ----------  Contents  ---------- */
/*
  1. Font
  2. Generic & Structure
  3. Navigation Elements
  4. Forms
  5. Footer
  6. Grid
  7. Other
  8. Mobile
*/
/* ---------------------------------- */
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             1. Font
/*  ----------------------------------------------------------------------------------------------------------  */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 7, 2015 */
/* ArthurGothic Regular */
@font-face {
    font-family: 'arthur_gothicregular';
    src: url('../font/arthur_gothic-webfont.eot');
    src: url('../font/arthur_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/arthur_gothic-webfont.woff2') format('woff2'),
         url('../font/arthur_gothic-webfont.woff') format('woff'),
         url('../font/arthur_gothic-webfont.ttf') format('truetype'),
         url('../font/arthur_gothic-webfont.svg#arthur_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Anivers Regular */
@font-face {
    font-family: 'anivers';
    src: url('../font/Anivers_Regular-webfont.eot');
    src: url('../font/Anivers_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Anivers_Regular-webfont.woff2') format('woff2'),
         url('../font/Anivers_Regular-webfont.woff') format('woff'),
         url('../font/Anivers_Regular-webfont.ttf') format('truetype'),
         url('../font/Anivers_Regular-webfont.svg#anivers') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             2. Generic & Structure
/*  ----------------------------------------------------------------------------------------------------------  */
body { 
	font-size: 10px; /* 62.5%*/
	line-height: 2.3em;
	font-family: 'anivers', sans-serif;
	font-style: normal;
	font-weight: 400;
	background: #000;
	color: #fff;
}
#wrapper { font-size: 16px; line-height: 20px; width: 100%; }
a { 
    text-decoration: none; 
    color : #fff; 
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
a:hover, a:focus { text-decoration: none; color: #f3b415; }
.main a:hover, .main a:focus { text-decoration: underline; }
a.more {
    display: inline-block;
    color: #f3b415;
} 
a.more:after {
    content: "\003E";
    padding-left: 0.5em;
    text-decoration: none;
}
a.more:hover, a.more:focus { text-decoration: none !important; }
a.pdf { 
    background: url(../img/pdficon_small.png) no-repeat left top;
    padding-left: 21px;
}
em { font-family: 'anivers', sans-serif; font-style: italic; font-weight: 400; } 
strong { font-family: 'anivers', sans-serif; font-style: normal; font-weight: 700;  } 
p { margin-bottom: 1.5em; font-size: 18px; line-height: 24px; color: #C3C3C3; }
.clear { clear: both; }
.dn { display: none; }
.db { display: block; }
.invisible { visibility: hidden; }
.hide { display: none !important; }
.print_only { display: none; }
.no_margin { margin: 0; }
.no_padding { padding: 0; }
.right { float: right; }
.left { float: left; }
.ta_right { text-align: right; }
.ta_center { text-align: center; }
.t_indent { text-indent: -30000px; overflow: hidden; display: inline-block; width: 1px; height: 1px; }
.mt5 { margin-top: 5px; }
.mr10 { margin-right: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.black { color: #000 !important; }
h2, h3, h4, h5 { margin-bottom: 1em; }
.container { width: 1200px; margin: 0 auto; }
header { 
    width: 100%;
    overflow: hidden;
    max-height: 308px;
}
section { background: #000;  }
section.light { background: #101010 url(../../img/background-anu@1x.jpg) no-repeat center top; }
section.dark { background: #101010 url(../../img/background-anuwelten@1x.jpg) no-repeat center top; }
.header_top { width: 100%; height: 158px;  background-size: cover; }
.header_top.start { height: 258px; background: url(../../img/bg-header.jpg) no-repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; }
video#vid_bg {
   display: block;
   position: absolute;
   left: 0; 
   top: 0;
   min-width: 100%; 
   height: auto;
   z-index: -200;
   /*background: url(../img/video_fallback.jpg) no-repeat;*/
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}
/*
video#vid_bg { transition: 1s opacity; }
*/
.header_top.start .container { text-align: center;  }
.header_top.start h1 { 
    background: url(../img/theater-anu-logo-start.png) no-repeat center top;
    margin-bottom: 39px; 
    width: 100%;
    height: 183px;
    overflow: hidden;
}
.header_top.start h1.en { 
    background: url(../img/logo_engl.png) no-repeat center top;
}
.header_top h1 { 
    background: url(../img/theater_anu_small.png) no-repeat left top;
    width: 301px;
    height: 158px;
    float: left;
}
.header_top h1.en { 
    background: url(../img/theater_anu_small_en.png) no-repeat left top;
}
.header_top h1 a { display: block; height: 158px; }
.header_top.start h1 a { display: block; height: 183px; }
.page_teaser { 
    /* background: url(../img/moraland_teaser.jpg) no-repeat center top;  */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 308px;
    position: relative;
    margin-bottom: 17px;
}
.page_teaser .logo {
    display: block;
    /* background: url(../img/moraland_logo.png) no-repeat center center; */
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 308px;
}
.page_teaser .hr { display: block; height: 4px;  width: 100%; background: url(../img/footer_hr.jpg) repeat-x top left; position: absolute; bottom: -4px; z-index: 98; }
.productions_landing { background-position: center top; background-repeat: no-repeat; background-size: contain; min-height: 675px; }
.content { padding-top: 20px; padding-bottom: 45px; /* width: 960px; */ width: 100%; min-height: 350px; }
/* @-moz-document url-prefix() { } // nur FF */
.main {
    /* width: 631px; */
    width: 840px;
    float: left;
}

.commentlist { margin-top: 40px; }
.commentlist li {
    width: 100%;
    padding-bottom: 40px;
    background: url(../img/trenner.jpg) no-repeat center bottom;
    margin-bottom: 10px;
}
.comment-author {
    font-size: 15px;
}
.comment-meta { font-size: 12px; }
.comment-reply-link, .excerpt_more_btn { color: #f3b415; font-size: 15px; float: right; }
.comment-reply-link:hover, .excerpt_more_btn:hover { text-decoration: underline; }
h3#comments { display: none; }
/* ******** Startseiten Boxen ******** */

/** Neu 12.2017 **/
.container.full { width: 100%; box-sizing: border-box; padding-left: 20px; padding-right: 20px; /*background: #101010 url(../../img/background-anu@1x.jpg) no-repeat center top; */}

.production_box {
    /* border: 3px solid #3a3a3a; */
    border: 1px solid #ffbd16;
    /* border-right: 3px solid #3a3a3a;
    border-top: 3px solid #3a3a3a;
    border-bottom: 3px solid #3a3a3a; */
    height: 244px;
    width: 295px;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.production_box .overlay {
    height: 176px;
    text-align: center;
    padding: 15px 10px;
    background: rgba(0,0,0,0.85);
    position: absolute;
    bottom: -117px;
    width: 100%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.production_box .overlay a { display: block; }
.production_box .overlay a:hover { text-decoration: none; }
.production_box .overlay h2 { font-size: 21px; line-height: 22px; margin-bottom: 21px; margin-top: 2px; }
.production_box .overlay h3 { font-size: 14px; line-height: 18px; }
.production_box:hover {
    border: 1px solid #474747;
}
.production_box:hover .overlay { bottom: 0; }
.news_box {
    background: #151411;
    border-left: 3px solid #ffbd16;
    padding: 20px 19px 19px 19px;
    margin-bottom: 27px;
}
.overlay ul { width: 100%; text-align: center; }
.overlay ul li { display: inline-block; width: 49%; }
.overlay ul li:first-child { text-align: right; padding-right: 8px; margin-top: 1px; }
.overlay ul li:last-child { text-align: left; padding-left: 8px; }
.production_box .overlay li a { display: inline-block; width: 99px; height: 34px; border: 1px solid #fff; text-align: center; font-size: 13px; padding-top: 6px; }
.overlay ul li:last-child a { background: url(../img/facebook2.png) no-repeat center center; }
.img_link {
    width: 100%;
    border: 1px solid #ffbd16;
    height: 244px;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
    background: url(../img/dummy_auftrag.jpg) no-repeat top center;
    background-size: cover;
}
.img_link.einzel { background: url(../img/dummy_einzel.jpg) no-repeat top center; background-size: cover; }
.img_link h3 {
    width: 100%;
    height: 61px;
    text-align: center;
    background: rgba(0,0,0,0.85);
    position: absolute;
    bottom: 0;
    padding-top: 16px;
    margin: 0;
    font-size: 23px;
}
.img_link a { display: block; width: 100%; height: 244px; position: relative; }
.custom_text { padding-bottom: 20px; }
.custom_text h2, .termine h2, .news_box h2 { font-size: 24px; line-height: 27px; }
.custom_text h3, .termine h3, .news_box h3 { font-size: 20px; line-height: 24px; }
.custom_text h4, .termine h4, .news_box h4 { font-size: 18px; line-height: 22px; }
.custom_text ul, .custom_text ol, .news_box ul, .news_box ol { list-style: disc outside none; margin-bottom: 15px; padding-left: 18px; } /* circle?*/
.custom_text li, .news_box li { padding-bottom: 3px; }
.termine h3 { margin-bottom: 3px; }
em { font-family: 'anivers', sans-serif; font-style: italic; font-weight: 400; }
blockquote {
    padding-left: 100px;
    padding-right: 50px;
    background: url(../img/blockquote_bg.png) no-repeat 76px 0;
    font-size: 24px;
    line-height: 27px;
    display: inline-block;
    font-family: 'anivers', sans-serif; 
    font-style: italic; 
    font-weight: 400;
    margin: 35px 0 30px 0;
}
cite { display: block; text-align: right; font-size: 16px; line-height: 20px; font-family: 'anivers', sans-serif; font-style: italic; font-weight: 400; }
.custom_text cite.fn { display: inline; text-align: left; font-size: 15px; line-height: 19px; }
.custom_text .gallery .bxslider li img { margin: 0 auto; }
/* gss slider */
.custom_text .gallery img { max-width: 100%; height: auto; margin: 0; }
.custom_text #gslideshow img { border: 0px solid #3a3a3a; }
.custom_text .gss-info {
  background-color: #000;
  color: #fff;
  font-size: 110%;
  overflow: hidden;
}
.custom_text .gss-pager {
  top: 9px;
  position: relative;
}
.custom_text .no-captions .gss-pager {
  margin: 11px 11px 11px 0;
  text-align: center;
  position: static;
}
.custom_text .gss-pager a, .custom_text .gss-pager a:hover { text-decoration: none; }
.custom_text .gss-pager a {
  height: 17px;
  width: 17px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #3a3a3a;
}
.custom_text .gss-nav { display: none; }
.custom_text .gss-container {
  text-align: center;
}
.custom_text img { margin: 15px; }
.custom_text img.aligncenter { max-width: 100%; display: block; margin: auto; }
.custom_text img.alignleft { float: left; margin: 15px 15px 15px 0; }
.custom_text img.alignright { float: right; margin: 15px 0 15px 15px; }
.custom_text small { font-size: 85%; }
.custom_text strong { font-family: 'anivers', sans-serif; font-style: normal; font-weight: 700; }
.custom_text .gedicht { text-align: center; margin: 0 auto 1em auto; width: 60%; }
.gallery .bxslider li img {  border: 3px solid #3a3a3a; margin: 0; }
.gallery.center .bxslider li img {  border: 3px solid #3a3a3a; margin: 0 auto; }
.gallery .bx-wrapper .bx-pager.bx-default-pager a {
  background: #000;
  width: 18px;
  height: 18px;
  margin: 0 5px;
  outline: 0;
  border: 3px solid #3a3a3a;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.gallery .bx-wrapper .bx-pager.bx-default-pager a:hover, .gallery .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #ffbd16;
}
.gallery .bx-wrapper { margin: 28px 0 65px 0; }
.entry_news { 
    background: url(../img/trenner.jpg) no-repeat center bottom;
    padding-bottom: 40px;
    margin-bottom: 25px;
}
.past_dates_anchor { margin-top: 40px; }
.impressionen .gallery li { text-align: center; }
.impressionen .gallery li img { margin: 0 auto; }
.liste_mit_datum li { /* display: table; */ padding-bottom: 3px; }
.liste_mit_datum span { display: table-cell; padding-right: 15px; }
.liste_mit_datum p { display: table-cell; margin-bottom: 0; }
table {
    margin-bottom: 12px; 
}
table.tourplan_tickets {
    widtH: 100%;
}
table.tourplan_tickets.past h2,
table.tourplan_tickets.past h3,
table.tourplan_tickets.past a {
   color: #aaa;
}
a.ticketlink { color: #f3b415; }
a.ticketlink:hover { text-decoration: underline; }

table td { padding: 0px 35px 10px 0px; }
table td:last-child { padding-right: 0; }
table .trenner { margin-bottom: 5px; }
/* ********************** Sidebar ******************** */
aside { width: 303px; float: right; }
.sidebox {
    background: #151411;
    border-left: 3px solid #ffbd16;
    padding: 20px 19px;
    margin-bottom: 27px;
}
.sidebox h2, .sidebox h2 a {
    margin-bottom: 15px;
    color: #f3b415;
    font-family: 'anivers', sans-serif; 
    font-style: normal; 
    font-weight: 700;
    text-transform: uppercase;
}
aside .sidebox h2 a:hover { text-decoration: underline }
aside .sidebox li { margin-bottom: 6px; }
aside .sidebox li strong { font-family: 'anivers', sans-serif; font-style: normal; font-weight: 700; display: block; }
aside .sidebox.termine_box li { line-height: 18px; margin-bottom: 13px; }
aside .sidebox.termine_box a:hover, aside .sidebox.termine_box a:focus { text-decoration: underline; }
aside .contact_box {
    background: #ffbd16;
    padding: 18px 15px 6px 15px;
    margin-bottom: 28px;
    text-align: center;
}
aside .ticket_box {
    background: #ffbd16;
}
aside .ticket_box a {
    padding: 18px 15px 17px 15px;
    display: block;
    text-align: center;
    color: #000;
    font-family: 'anivers', sans-serif; 
    font-style: normal; 
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
aside .contact_box h2 {
    padding-bottom: 14px;
    color: #000;
    font-family: 'anivers', sans-serif; 
    font-style: normal; 
    font-weight: 700;
    text-transform: uppercase;
    background: url(../img/hl_bg.png) no-repeat center bottom;
}
aside .contact_box address {
    font-size: 14px;
    line-height: 21px;
    color: #000;
    margin-bottom: 11px;
}
aside .contact_box address strong { font-family: 'anivers', sans-serif; font-style: normal; font-weight: 700; }
aside .contact_box .contact_link {
    display: inline-block;
    min-height: 80px;
    width: 94px;
    color: #000;
    font-family: 'anivers', sans-serif; 
    font-style: normal; 
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
}
aside .contact_box div { margin: 0 auto; }
aside .contact_link .mail {
    background: url(../img/aside_mail.png) no-repeat left top;
    height: 46px;
    width: 93px;
    display: block;
}
aside .contact_link .newsletter {
    background: url(../img/aside_newsletter.png) no-repeat left top;
    height: 46px;
    width: 93px;
    display: block;
}
aside .teaserbox {
    border-left: 3px solid #ffbd16;
    width: 100%;
    min-height: 95px;
    text-align: center;
    padding: 25px 19px 23px 19px;
    background: url(../img/aside_teaser_bg.jpg) no-repeat center top;
    background-size: cover;
    margin-bottom:  27px;
}
aside .teaserbox.organizer {
   min-height: 80px;
   background: url(../img/bg_bt_veranstalter.jpg) no-repeat center top;
    
}
aside .teaserbox h2 { font-size: 24px; line-height: 27px; margin-bottom: 0; }
aside .teaserbox h2 span { font-size: 18px; line-height: 22px; display: block; }

.sidebox.sub_menu .icon, .sidebox.social_links .icon, aside.landing .icon {
    font-size: 110%;
    position: relative;
    top: 3px;
}
aside .sub_menu li.current_page_item a, aside .sub_menu li.current-menu-item a, aside .sub_menu li:hover a, aside nav li a:hover, aside nav li.current_page_item a, aside nav li.current-menu-item a,
aside .sub_menu ul ul li.current_page_item a, aside .sub_menu ul ul li.current-menu-item a, aside .sub_menu ul ul li:hover a {
    text-decoration: underline;
}
aside .sub_menu li.current_page_item ul a, aside .sub_menu li.current-menu-item ul a, aside .sub_menu li:hover ul a {
    text-decoration: none;
}
aside .sub_menu li ul li { margin: 0 0 0 60px; }
/* aside .sub_menu li ul li { text-align: right; } */
.sidebox.social_links li strong {
    display: inline;
    padding: 0;
}
.top { 
    /* background: url(../img/nach_oben.png) no-repeat left top; */
    background: url(../img/nach_oben2.png) no-repeat left top;
    width: 65px;
    height: 64px;
    display: inline-block; 
    position: fixed; 
    right: 30px; 
    bottom: 100px;
    display: inline-block;
    z-index: 999;
}
.top a { display: block; cursor: pointer; width: 65px; height: 64px; }
.top:hover, .top:focus {
    background: url(../img/nach_oben_hover.png) no-repeat left top;
}
aside nav.detail { /* margin-bottom: 25px; */ }
aside nav.detail ul li ul { padding: 7px 0 0 15px; display: none; }
aside nav.detail ul li.current_page_item ul, aside nav.detail li.current_page_parent ul { display: block; }
aside nav.detail li.current_page_item a { color: #f3b415; text-decoration: underline; }
aside nav.detail li.current_page_item ul li a { color: #fff; text-decoration: none; }
aside nav.detail li.current_page_item ul li a:hover { color: #f3b415; text-decoration: underline; }
aside nav.detail li.current_page_parent ul li.current_page_item a { color: #f3b415; text-decoration: underline; }

aside nav.termine strong {
    width: 50%;
    float: left;
}
aside nav.termine.ins strong {
    width: 100%;
    display: block;
}
aside nav.termine p {
    width: 49%;
    float: right;
}
aside nav.termine ul { margin-bottom: 20px; }
aside nav.termine p small { display: block; color: #cdcdcd; }
aside nav.termine li { clear: both; }
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             3. Navigation Elements
/*  ----------------------------------------------------------------------------------------------------------  */
.header_top .top_nav { float: right; width: 50%; padding-top: 75px; text-align: right; }
.header_top.start .top_nav { width: 100%; padding-top: 19px; text-align: right; float: none; }
.top_nav li { display: inline-block; }
.top_nav a { margin-right: 13px; font-size: 14px; }
.top_nav li:last-child a { margin-right: 0; margin-left: 13px; }
.top_nav li #lansel li { margin-left: 13px; font-size: 14px; }
.top_nav li #lansel li a { margin: 0; }
.top_nav li.image_l, .top_nav li.image_l a { margin: 0; }
.top_nav li.image_l a { margin-left: 7px; }
.top_nav a:hover, .top_nav a:focus { color: #f7d66d; }
.top_nav .sprach-switch li a { text-transform: uppercase; }
.top_nav .sprach-switch li:first-child a { margin-left: 10px; }
.top_nav .sprach-switch li:last-child a { margin-left: 0; }
.top_nav .image_l img { position: relative; top: 7px; width: 25px !important; margin-right:-6px; }

.main_nav {
    width: 100%;
    height: 50px;
    background: #ffba00;
}
.main_nav ul.menu {
    text-align: center;
}
.main_nav li { display: inline-block; margin-right: 24px; }
.main_nav li a { color: #000; height: 50px; padding-top: 15px; display: inline-block; font-family: 'anivers', sans-serif; font-style: normal; font-weight: 700; font-size: 18px; line-height: 23px; }
.main_nav li a:hover, .main_nav li a:focus, .main_nav li.current-menu-item a, .main_nav li.current_page_item a { text-decoration: underline; }
.breadcrumbs { color: #fff; font-size: 13px; line-height: 17px; margin-bottom: 30px; }
.breadcrumbs .icon {
    position: relative;
    top: 3px;
}
aside .sub-menu {
    margin-left: 30px;
}
aside .sub-menu li { margin-bottom: 2px; }
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             4. Forms
/*  ----------------------------------------------------------------------------------------------------------  */
input, 
textarea {
    outline: none;
    padding: 6px 10px;
    width: auto;
}
select { 
    width: 50%; 
    font-size: 16px;  
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
    font-family: 'anivers';
    font-weight: 400;
    font-style: normal;
}
input[type=text], input[type=email] { width: 50%; }
textarea { width: 100%; font-size: 14px; line-height: 18px; }
button, .button, input#submit, input[type="submit"] {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZDY2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJkMTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f7d66d 0%, #ffbd16 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7d66d), color-stop(100%,#ffbd16)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7d66d 0%,#ffbd16 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7d66d 0%,#ffbd16 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7d66d 0%,#ffbd16 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7d66d 0%,#ffbd16 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d66d', endColorstr='#ffbd16',GradientType=0 ); /* IE6-8 */
    border: 1px solid #f7d66d;
    outline: none;
    padding: 0.6em 1.6em 0.5em 1.6em;
    display: inline-block;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
}
button:hover, .button:hover, button:focus, .button:focus, input#submit:hover, input#submit:focus {
    color: #000;
    text-decoration: none !important;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZDY2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJkMTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffbd16 0%, #f7d66d 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #ffbd16 0%,#f7d66d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffbd16 0%,#f7d66d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffbd16 0%,#f7d66d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffbd16 0%,#f7d66d 100%); /* W3C */
}
input[type="password"] { margin-right: 5px; }
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             5. Footer
/*  ----------------------------------------------------------------------------------------------------------  */
footer {
    width: 100%;
    background: url(../../img/bg-footer.jpg) no-repeat bottom center;
    background-size: cover;
    background-color: #000;
}
footer .hr {
    display: block;
    height: 4px; 
    width: 100%;
    background: url(../img/footer_hr.jpg) repeat-x top left;
}
footer .container { padding-top: 25px; padding-bottom: 110px; }
footer h2 { margin-bottom: 25px; font-size: 22px; font-family: 'anivers'; font-weight: 400; font-style: normal; color: #f7d66d; }
footer h2 strong { font-family: 'anivers', sans-serif;  font-style: normal; font-weight: 700; }
footer h2 span { float: right; }
footer h3 { text-transform: uppercase; margin-bottom: 18px; font-size: 18px; line-height: 23px; }
footer nav {
    padding-left: 17px;
    border-left: 3px solid #eaaf17;
}
footer nav li { margin-bottom: 2px; }
footer nav a { font-size: 18px; line-height: 23px; font-family: 'anivers', sans-serif; font-style: normal; font-weight: 700; }
footer nav a:hover { color: #f3b415; }
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             6. Grid
/*  ----------------------------------------------------------------------------------------------------------  */
/* Simple Grid -> 
    http://thisisdallas.github.io/Simple-Grid/  
    is used */
[class*='col-'] {
	float: left;
	padding-right: 20px;
}

/* [class*='col-']:last-of-type {
	padding-right: 0px;
} */

.grid {
	width: 100%;
	max-width: 1200px;
	/* min-width: 755px; */
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding: 20px 0 0px 20px;
}

.grid-pad > [class*='col-']:last-of-type {
	padding-right: 20px;
}

.grid-nopad > [class*='col-']:last-of-type {
	padding-right: 0px;
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}
/*
@media handheld, only screen and (max-width: 959px) {


	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
} 
*/

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             7. Other
/*  ----------------------------------------------------------------------------------------------------------  */
/* 
Selected Text 
::selection{
  background:#9b59b6;
  color:#fff;
  text-shadow:none;
}
::-moz-selection{
  background:#9b59b6;
  color:#fff;
  text-shadow:none;
}
::-webkit-selection{
  background:#9b59b6;
  color:#fff;
  text-shadow:none;
}
*/
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
figure {
    margin: 0;
}
.lightbox {
    display: none;
}
/*
.modal_background {
    display: none;
    z-index: 995;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    position: fixed;
    top: 0;
    right: 0;
}
.modal_wrapper { display: none; width: 520px; height: 170px; text-align: center; position: fixed; top: 15%; left: 30%; z-index: 996; }
.modal {
width: 520px; height: 170px;
    border: 1px solid #ffbd16;
    background: #000;
    padding-bottom: 10px;
}
.modal blockquote { display: none; }
.close-fb { display: block; width: 100%; text-align: right; cursor: pointer; padding-right: 7px; font-size: 16px; color: #ffbd16; background: #151411; }
.open-fb { display: inline-block; cursor: pointer; }
*/
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
ul.termine { 
   margin-bottom: 1.5em; 
}
::-webkit-scrollbar, ::-webkit-scrollbar:horizontal, ::-webkit-scrollbar:vertical {
    width: 10px;
    opacity: 0.85;
    height: 10px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #474747;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #000;
}
::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner {
    background: #212121;
}


/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             8. Mobile
/*  ----------------------------------------------------------------------------------------------------------  */
.hide_mobile { display: block; }
.mobile, .mobile_nav, .showMobileNav, .mobile_lang { display: none; }

@media screen and (max-width: 1220px) and (min-width: 960px) {
    .container {
        width: 990px;
    }
    
    .container .main {
        width: 630px;
    }
}

/*
@media screen and (max-width: 1400px) and (min-width: 1200px) {
    
    body {
    	-webkit-text-size-adjust: none; 
    	min-width: 1400px;
      }
      .grid .grid { min-width: auto; }
      #wrapper { min-width: 1400px; }
      
}*/

/* *************** */
@media screen and (max-width: 959px) and (min-width: 768px) {
.productions_landing .top_wrapper {
  min-height: 360px;
    }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
.productions_landing .top_wrapper {
  min-height: 150px;
    }
}

 @media screen and (max-width: 959px) and (min-width: 320px) {
     body, section, header, footer, #wrapper { width: 100%; min-width: 300px; max-width: 959px; overflow: auto; }
     body {
        -webkit-text-size-adjust: none; 
     }
     .mobile { display: block; }
    .hide_mobile, .main_nav, .breadcrumbs, aside .teaserbox { display: none; }
    .top { display: none !important; }
    .container { width: 100%; padding: 0 2%; }
    .top_nav { display: none; }
    header { height: auto; border-bottom: 3px solid #ffbd16; margin-bottom: 0px; }
    video#vid_bg { display: none; }
    .header_top.start {
      background: url(../img/header_bg_big.jpg) no-repeat center top;
      height: auto;
      background-size: cover;
    }
    .logo_mobile {
        display: block;
        text-align: center;
        clear: both;
        height: auto;
    }
    .header_top h1 { height: auto; float: none; width: 100%; clear: both; }
    .header_top.start h1 { height: auto; float: none; overflow: auto; }
    .header_top.start h1.hide_mobile { display: none; }
    .header_top.start .logo_mobile h1 { background-image: none; margin: 0; height: auto; float: none; font-family: 'arthur_gothicregular'; font-size: 25px; display: block; color: #f7d66d; line-height: 1.2em; }
    .header_top.start .logo_mobile h1.small { font-size: 20px; display: block; }
    .header_top.start .logo_mobile { max-width: 100%; height: auto; }
    .header_top.start .logo_mobile a { display: block; }
    #wrapper .mobile_hidden_sidebar aside { display: none; }
    form { width: 100%; }
    input, textarea { max-width: 100%; }
    ul.social_mobile { float: right; display: none; }
    ul.social_mobile img { width: 30px; }
    /* Mobile Navi aktiv */
    #wrapper {
        -webkit-transform: translate(0px, 0px); 
        -moz-transform: translate(0px, 0px); 
        -o-transform: translate(0px, 0px); 
        -ms-transform: translate(0px, 0px); 
        transform: translate(0px, 0px); 
        -webkit-transition: 0.20s ease; 
        -moz-transition: 0.20s ease; 
        -o-transition: 0.20s ease; 
        transition: 0.20s ease;
    }
    #wrapper.active { 
        /* background: #fff; */
        position: relative;
        -webkit-transform: translate(-240px, 0px);
        -moz-transform: translate(-240px, 0px);
        -o-transform: translate(-240px, 0px);
        -ms-transform: translate(-240px, 0px);
        transform: translate(-240px, 0px);
        }
    .mobile_nav.active {
        display: block;
        -webkit-transform: translate(-240px, 0px); 
        -moz-transform: translate(-240px, 0px); 
        -o-transform: translate(-240px, 0px); 
        -ms-transform: translate(-240px, 0px); 
        transform: translate(-240px, 0px);
    }
    aside { padding-bottom: 15px; }
    /* Mobile Navi */
    .mobile_nav {
         position: absolute;
         top: 0;
         width: 240px;
         right: -240px;
         height: auto;
         min-height: 1800px;
         background: #f7d66d; /* Old browsers */
         /* IE9 SVG, needs conditional override of 'filter' to 'none' */
         background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZDY2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJkMTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
         background: -moz-linear-gradient(top,  #f7d66d 0%, #ffbd16 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7d66d), color-stop(100%,#ffbd16)); /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top,  #f7d66d 0%,#ffbd16 100%); /* Chrome10+,Safari5.1+ */
         background: -o-linear-gradient(top,  #f7d66d 0%,#ffbd16 100%); /* Opera 11.10+ */
         background: -ms-linear-gradient(top,  #f7d66d 0%,#ffbd16 100%); /* IE10+ */
         background: linear-gradient(to bottom,  #f7d66d 0%,#ffbd16 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d66d', endColorstr='#ffbd16',GradientType=0 ); /* IE6-8 */
         -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-transition: 0.20s ease;
        -moz-transition: 0.20s ease;
        -o-transition: 0.20s ease;
        transition: 0.20s ease;
         display: none; 
    }
    .mobile_nav ul { border-left: 1px solid #000; }
    .mobile_nav ul.sub-menu {
        border-left: none;
        padding-left: 20px;
    }
    .mobile_nav ul li {
        display: block;
        border-bottom: 1px solid #000;
        position: relative;
        padding: 20px 12px;
    }
    .mobile_nav ul li ul li {
        border-bottom: 1px dotted #000;
    }
    .mobile_nav ul li ul li:last-child { border: 0; }
    .mobile_nav ul li a:hover { text-decoration: none; }
    .mobile_nav ul li a {
        display: block;
        color: #000;
        font-size: 17px;
        -webkit-transition: 0;
        -moz-transition: 0;
        -o-transition: 0;
        transition: 0;
        
    }
    .mobile_nav ul li.active_li a {
    }
    .mobile_nav ul li span { 
        position: absolute;
        right: 0;
        top: 0;
        font-size: 25px;
        padding-top: 19px;
        padding-left: 27px;
        z-index: 999;
        display: inline-block;
        width: 65px;
        height: 57px;
        color: #fff;
    }
    .showMobileNav {
        float: right;
        display: block;
        height: 88px;
        width: 80px;
        background: url(../img/mobile/hamburger.png) no-repeat center center;
    }
    .mobile_lang {
        float: right;
        display: block;
        margin-top: 25px;
        width: 150px;
    }
    .mobile_lang li { display: inline-block; margin-right: 10px; font-size: 14px; }
    .main { width: 100%; float: none; margin: 0; }
    aside { width: 100%; float: none; margin: 0; }
    .content { width: 100%; margin: 0; }
    /* Teaser Landing */
    /* Teaser Production */
    .page_teaser { background: none; height: auto; }
    .page_teaser .logo { display: none; }
    .page_teaser .mobile.i_wrapper { height: 230px; overflow: hidden; }
    .page_teaser .mobile img, .productions_landing .mobile img { width: 100%; height: auto; margin-bottom: 20px; }
    .clearfix { display: block; }
     .grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	 [class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 0;
		padding-right: 0;
	}
	.grid:after {
    	content: "";
    	display: block;
    	clear: none;
    }
    .header_top { height: auto; }
    .custom_text img { max-width: 100%; height: auto; margin: 15px 0; }
    #wrapper .bx-wrapper .bx-pager, #wrapper .bx-wrapper .bx-controls-auto {
      position: absolute;
      bottom: -50px;
    }
    input[type="submit"] { margin-top: 10px; }
    .production_box { width: 99.9%; height: 246px; }
    #wrapper .production_box .overlay ul li { padding-left: 0; padding-right: 0; }
	footer h2 { display: none; }
	footer nav ul { margin-bottom: 40px; }
	footer .container { padding-bottom: 40px; }
	table td { padding: 0px 13px 18px 0px; font-size: 15px; }
    
}
@media screen and (max-width: 479px) and (min-width: 320px) { 
    table td { padding: 0px 13px 18px 0px; font-size: 12px; }
}