/*
Standard CSS

@site       	wienticket.at
@author     	Georg Seidl // seidl@echonet.at
@copyright  	echonet communication gmbh
*/
/* @section =body
-------------------------------------------------------------------*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* -webkit-appearance:none; */ }
html, body, form, textarea, input, button, select, legend, h1, h2, h3, h4, h5, h6, p, ol, ul, table, td, th {color:#666;margin:0;padding:0;}
body {background:#fff;text-align:center;font:400 16px/1.231 "Chivo",arial,helvetica,clean,sans-serif;*font-size:small; /* for IE */*font:x-small; /* for IE in quirks mode */-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
}
html {
overflow-y:scroll; /* Scrollbar immer rechts im Firefox ab 1.5 */
/*  -webkit-font-smoothing: antialiased; http://maxvoltar.com/archive/-webkit-font-smoothing - http://twitter.com/#!/snookca/statuses/27355511411*/
} 

/* @section =fontsize
-------------------------------------------------------------------*/
body.size0 {font-size:9px;}
body.size1 {font-size:10px;}
body.size2 {font-size:11px;}
body.size3 {font-size:12px;}
body.size4 {font-size:13px;}/*default*/
body.size5 {font-size:14px;}
body.size6 {font-size:15px;}
body.size7 {font-size:16px;}
body.size8 {font-size:17px;}
body.size9 {font-size:18px;}
body.size10 {font-size:19px;}
body.size11 {font-size:20px;}

/* @section =base
-------------------------------------------------------------------*/
#parent { margin: 0 auto;padding:0;position: relative;text-align:left;min-width:320px; }
#header { background:#009FE3;border-bottom:#DDD;box-shadow: 0 0 5px rgba(0,0,0,.4);height:80px;left:0;margin-bottom:30px;position:fixed;top:0;width: 100%;z-index: 10; }
#content { font-size:1em;overflow:hidden;padding:0 18px;width:100%;min-height:calc( 100vh - 90px - 111px); /* max-width:1400px; */ /* margin: 135px 0 0 0; */ }
#footer { background:#009FE3;font-style:normal;margin:40px 0 0;padding:20px 0;width:100%; }
#sidebar { background:#EDEDED;width:100%;padding:0;position:fixed;width:100%; }
/*#sidebar p,#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4,#sidebar h6,#sidebar h6, #sidebar li, #sidebar a { color:#fff; }*/
/*.togglesidebar { position: absolute;left: -30px;text-indent: -999px;width: 30px;height: 30px;background: #222;top: 20px; }*/
#sidebar.sidebar--scroll { /*position:absolute;*//*overflow-y:scroll;*/ }

.genericload { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7); z-index: 1000000; text-align: center; }
.genericload:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.genericload img { display: inline-block; vertical-align: middle; max-width: 100%; }
.genericload.hidden { display: none; }

.onlyshowwhenbaskethasitems, .onlyshowwhenbaskethasitemsfromdifferentplattforms{ display: none; }
.baskethasitems .onlyshowwhenbaskethasitems, .baskethasitemsfromdifferentplattforms .onlyshowwhenbaskethasitemsfromdifferentplattforms { display: block; }

#logo { display:inline-block;height:80px;line-height:0;margin:0;padding:10px 15px;vertical-align:middle;width:30%; }
#logo a { display:block; }
#logo img { height:auto;width:auto;max-width:204px; }


.search-wrap { margin:0 0 18px;position:relative;/*max-width:1260px;*/ }
.SumoSelect { /*background:#009FE3;*/border-right:1px solid #ddd;color:#FFF;display:inline-block;vertical-align:middle;width:calc( 33.33% - 10px );margin-right:10px; }
.locationselect { display:inline-block;vertical-align:middle;width:calc( 33.33% - 10px);margin:0 5px; }
#timeselect { color: #FFF; cursor: pointer;display: inline-block;vertical-align: top;font-size:1em; margin: 0 0 0 10px;padding: 0;vertical-align:middle;width:calc( 33.33% - 10px ); }
#mainsearch { margin:0;max-width:1224px; }
#mainsearch fieldset { padding:0; }

/* ----- =autocomplete ----- */
.acResults { background-color: #fff;padding: 0px;overflow: hidden;z-index: 9999; }
.acResults ul { margin: 0px;padding: 0px;list-style-position: outside;list-style: none;	}
.acResults ul li { color:#333;margin: 0px;font-size:0.889em;font-weight:300;text-align: left;padding: 5px 15px;cursor: pointer;display: block;font-size: 1em;overflow: hidden; }
.acSelect { background-color: #eee;font-weight:600; }
.acResults ul li:hover, .acResults ul li:focus { font-weight:600; }


/* locationselect */
.locationselect_box{ background:#FFF;box-shadow:10px 10px 10px 0px rgba(0, 0, 0, 0.30);color:#727272;padding:10px 20px 0;position:absolute;max-width:398px;z-index:1;max-height: calc( 100vh - 270px );overflow-y:auto; }
.locationselect_toggler, .timeselect-label { background-color:#FFF;color:#727272;display:block;height:55px;line-height:55px;padding:0 50px 0 55px;position:relative;text-decoration:none !important;width:100%; }
.locationselect_toggler { overflow:hidden;text-overflow:ellipsis; }
a.locationselect_toggler:link, a.locationselect_toggler:focus, a.locationselect_toggler:hover, a.locationselect_toggler:visited  { color:#727272;transition:0s; }
.locationselect_open a.locationselect_toggler { color:#FFF; }
.locationselect_toggler:after, .timeselect-label:after { background: url("gfx/icon-arrow-down-grey.svg") center center / 15px 30px  no-repeat;content:"";height:55px;position:absolute;right:0;top:0;width:50px; }
.locationselect_open .locationselect_toggler:after, #timeselect.active .timeselect-label:after { background-image:url("gfx/icon-arrow-up.svg"); }
.locationselect_toggler { background:url("gfx/icon-locationpin.svg") 14px 15px / 27px 27px no-repeat #FFF; }
.locationselect_open .locationselect_toggler { background-color:#797979;background-image:url("gfx/icon-locationpin-white.svg");color:#FFF; }
.timeselect-label { background:url("gfx/icon-date.svg") 17px 15px / 27px 27px no-repeat #FFF; }
.timeselector.active .timeselect-label { background-color:#797979;background-image:url("gfx/icon-date-white.svg");color:#FFF; }

.locationselect_filter label, .locationselect_filter select { display:inline-block;float:none;vertical-align:middle; }
.locationselect_filter label { font-weight:300;margin:0;width:100px; }
.locationselect_filter select { background:url("gfx/icon-arrow-down-grey.svg") right 8px center / 15px 30px  no-repeat #FFF;cursor:pointer;padding:12px 30px 12px 6px;-webkit-appearance:none;width:calc( 100% - 100px); }

.filterbutton { font-size:1em;letter-spacing:normal;padding:15px;margin-top:10px;text-transform:none; }
.filterbutton img { margin-right:10px; }
.locationfilter { font-size:.889em;margin:20px -20px 0;width:calc( 100% + 40px ); }




#mainsearch #timeselect span { display: inline-block; vertical-align: middle;overflow: hidden; text-overflow: ellipsis; }
/*#mainsearch #timeselect span.timeselect-label { width:calc(100% - 25px) }*/
#mainsearch #timeselect span.timeselect-arrow { display:none;/*border-style:solid;border-width:6px 6px 0 6px;border-color:#ffffff transparent transparent transparent;height:0;padding:0;width:0;*/ }
.mainsearch-input-wrap { display:inline-block;margin:0 0 15px;width:100%; }
.mainsearch-input-wrap button { background:#FEFEFE;vertical-align:top;width:60px;height:60px; }
.mainsearch-input-wrap button:hover, .mainsearch-input-wrap button:focus { background:#FFF; }
.mainsearch-input { background:#FEFEFE !important;border:none;color:#666;font-size:1.125em;height:60px;width:calc( 100% - 60px );max-width:none !important; }

.button-refresh { background-image:url("gfx/icon-refresh.svg") !important;background-position:10px center !important;background-size:22px 22px !important;background-repeat:no-repeat !important;height:30px;line-height:30px !important;margin:10px auto !important;padding:0 10px 0 34px !important;width:120px; }

/* ----- =sitenav ----- */
#sitenav {font-weight:bold;list-style:none;left:20px;margin:0;padding:0;position:absolute;text-transform:uppercase;top:0;}
#sitenav li {display:inline;}
#sitenav a:link, #sitenav a:visited, #sitenav a:focus, #sitenav a:hover, #sitenav a:active {left:-1000px;position: absolute;top:-1000px;text-decoration:none;}
#sitenav a:focus, #sitenav a:active {left:0;position:relative;top:5px;white-space:nowrap;}

/* ----- =header ----- */
.header-left, .header-right { display:inline-block;vertical-align:middle; }

/* ----- =login-bar ----- */
#login-bar { background:#009FE3;padding:10px;width:100%; }
#login-bar p { margin:0; }
.login-bar__data, .login-bar__button { color:#FFF;display:inline-block;vertical-align:middle; }
.login-bar__data { font-weight:bold;text-align:right;width:calc( 100% - 60px ); }
.login-bar__button { padding-right:8px;text-align:right;width:60px; }
.login-bar__button a { color:#FFF !important;text-decoration:none !important; }
.loggedin-company-icon { background:url("gfx/icon-profil.svg") center center / 18px 21px no-repeat;display:none;height:30px;width:30px; }
.loggedin-company-title, .loggedin-company-logo { display:inline-block;vertical-align:middle; }
.loggedin-company-title { margin-right:16px;width:calc( 100% - 76px ); }
.loggedin-company-logo { line-height:0;width:60px; }
.loggedin-company-logo img { height:auto;width:100%; }
.loggedin-company-user, .loggedin-company-companyname { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%; }

#toggle-companies { display:inline-block;float:none;height:20px;margin-right:15px;position:relative;vertical-align:top;width:20px; }
#toggle-companies span { background:#FFF;display:block;height:2px;left:2px;position:absolute;top:10px;width:16px;transition:.3s ease all; }
#toggle-companies:before, #toggle-companies:after { background:#FFF;content:'';display:block;height:2px;left:2px;position:absolute;width:16px;transition:.3s ease all; }
#toggle-companies:before { top:5px; }
#toggle-companies:after { top:15px; }
#toggle-companies.active span { opacity:0; }
#toggle-companies.active:before { top:10px;transform:rotate(45deg); }
#toggle-companies.active:after { top:10px;transform:rotate(-45deg); }

.companysearch-wrap { padding:16px 40px 16px 12px;position:fixed;top:0;width:90%;max-width:430px; }
#companysearch { background:url("gfx/icon-lupe.svg") 10px center / 20px 21px no-repeat #FFF;display:inline-block;padding:14px 12px 14px 40px;margin-right:15px;vertical-align:middle;width:calc( 100% - 50px ); }
.companysearch-wrap .togglebutton { background:transparent !important;display:inline-block;margin:8px 15px;vertical-align:middle;width:30px; }
.companies { background:#E8E8E8;display:none;list-style:none;margin:0;padding-top:79px;position:absolute;right:0;top:0;width:90%;max-width:430px;z-index:99;max-height:calc( 100vh );height:100vh;overflow-y:auto; }
.companies li, .companies li.odd { background:#E8E8E8;display:block;line-height:0;margin:0; }
.companies li:nth-child(even), .companies li.even { background:#F4F4F4; }
.companies li a, .companies li.odd a { background:#E8E8E8;color:#333;display:block;font-weight:normal;line-height:1.3;padding:14px 6px 14px 12px;transition:.4s ease all; }
.companies li:nth-child(even) a, .companies li.even a { background:#F4F4F4; }

.companies li.even { background:#E8E8E8; }
.companies li.odd { background:#F4F4F4; }
.companies li.even a { background:#E8E8E8;color:#333; }
.companies li.odd a { background:#F4F4F4; }

.companies li a:hover, .companies li a:focus { background:#CCC; }
.companies li img { margin-right:8px; display: inline-block; vertical-align: middle; }
span.companyselectionname { display: inline-block; vertical-align: middle; }
span.xcompanyselectionname { font-weight: bold; font-size: 1.3em; margin-bottom: 5px; display: inline-block; }

html.blurcontent #header:after { background:rgba(0,0,0,.7);bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:999; }
html.blurcontent #companies { z-index:1000; }

.icon-logout { background:url("gfx/icon-logout.svg") center center no-repeat;display:inline-block;height:32px;text-indent:-999em;width:30px; }

/* ----- =navigation ----- */
#navanchor { display:none;height:40px;position:relative;width:40px; }
#navanchor span { background:#FFF;height:2px;left:5px;position:absolute;top:20px;transition:.4s ease all;width:30px; }
#navanchor span:before, #navanchor span:after { background:#FFF;content:"";height:2px;position:absolute;top:0;transition:.4s ease all;width:30px; }
#navanchor span:before { margin-top:-7px; }
#navanchor span:after { margin-top:7px; }
.navactive #navanchor span { background:transparent; }
.navactive #navanchor span:before { margin:0;transform:rotate(-45deg); }
.navactive #navanchor span:after { margin:0;transform:rotate(45deg); }
#navwrap { display:inline-block;vertical-align:middle;width:70%; }
#nav {font-size:1.077em;margin:0;padding:0;}
#nav li {display:inline-block;list-style:none;list-style-image:none;letter-spacing:0;position:relative;vertical-align:top;}
#nav a, #nav strong { color:#85CCF0;display:block;font-weight:bold;height:30px;line-height:30px;padding:0 10px;text-decoration:none;transition:.4s ease all; }
#nav a:hover, #nav a:focus { background:rgba(0,0,0,.05);color:#FFF; }
#nav strong, #nav a.active { color:#FFF; }

/* ----- =footer ----- */

address { font-style:normal; }

/* =metanavigation */
#mnav { display:inline-block;margin:0 auto;text-align:center;vertical-align:middle;width:100%; }
#mnav ul {list-style:none;margin:0;padding:0;}
#mnav li {display:inline-block;list-style-image:none;}
#mnav a:link, #mnav a:visited, #mnav a:focus, #mnav a:hover, #mnav a:active, #mnav strong {color: #FFF;display:block;font-weight:normal;padding:10px;text-decoration:none;}
#mnav a.active:link, #mnav a.active:visited, #mnav a.active:focus, #mnav a.active:hover, #mnav a.active:active, #mnav a:focus, #mnav a:hover, #mnav a:active, #mnav strong { text-decoration:underline; }

.footer-logo { display:inline-block;text-align:center;vertical-align:middle;width:100%; }
.footer-logo img { height:auto;width:136px; }


/* =sidebar/teaserbox */
.sidebar-toggle { display:none; }
.customer-outer { background: #d6e9ff; }
#sidebar h4 { font-weight:bold; }
.customer-outer h4 { padding-right:5px;position:relative; }

.customer-current-wrap { margin:0;position:relative; }
.customer-current, .customer-logout { display:inline-block;font-weight:bold;height:20px; }
.icon-customer-current { background:url("gfx/icon-user.svg") 20px center / 24px 30px no-repeat; }
a.customer-logout { background-color:inherit !important;background-image:url("gfx/icon-logout-blue.svg") !important;background-position:center right !important;background-repeat:no-repeat !important;background-size:26px 26px !important;color:#009FE3 !important;display:inline-block;font-size:.8em;height:36px;padding:10px 22px 10px 0;position:absolute;right:18px;text-align:left;text-indent:-999em;width:auto; }
.customer__detail .servicebutton { height:20px;line-height:20px;width:20px; }
.customer__detail .button.small { width: 78px; width: calc(50% - 4px); margin: 0 2px 4px 2px; }
.optioncontainer { margin: 0 -4px; }
.customer__detail__small { font-size:1em;/*.846em;*/ }

.togglebutton { background-color:#E2E1E1;color:#666 !important;font-weight:bold;padding:28px 20px 28px 64px;text-decoration:none;text-transform:uppercase;transition:.4s ease all; }
.togglebuttonplus-grey { background-color:#D2D1D1; }
.togglebutton--nostyle { background:none;padding:0; }
.togglebutton--white { color:#FFF !important; }

.togglebutton--customer { background-color:#E1E1E1; }
.togglebutton--customer:hover, .togglebutton--customer:focus, .togglebutton--customer.active { background-color:#EDEDED; }

.togglebutton--quicklinks { background-color:#D2D1D1;text-decoration:none !important; }
.togglebutton--quicklinks:hover, .togglebutton--quicklinks:focus, .togglebutton--quicklinks.active { background-color:#EDEDED; }

.togglebutton--close { display:block;height:30px;position:absolute;right:0;width:30px; }
.togglebutton--close:before, .togglebutton--close:after { background:#9E9C9C;content:'';display:block;height:2px;left:7px;position:absolute;top:14px;width:18px; } 
.togglebutton--close:before { transform:rotate(45deg); }
.togglebutton--close:after { transform:rotate(-45deg); }

.togglebutton--small { font-size:.8em;padding-top:5px;padding-bottom:5px; }
.togglebutton--noicon { padding-left:10px; }

.customer-outer .togglebox { background-color: #e8f3ff; }

.icon-quicklinks { background-image:url("gfx/icon-quicklinks.svg");background-position:20px center;background-size:26px 26px;background-repeat:no-repeat; }
#quicklinks a { color:#009FE3;text-decoration:underline; }

.sidebarblock { padding:0 20px; }

.teaserbox ul { list-style:none;margin:0 !important; }
.teaserbox ul li { margin-bottom:5px !important;padding:0 0 0 12px !important;position:relative; }
.teaserbox ul li:before { color:#666;content:'•';position:absolute;top:0;left:0; }

.wiki-button-wrap { bottom:0;height:70px;margin:-35px 0 0;position:fixed;right:0;transition:.4s ease all;width:70px; }
.wiki-button { background:url("gfx/icon-wiki.svg") center center / 40px 40px no-repeat #009FE3;display:block;height:70px;margin:0;outline:none !important;text-indent:-999em;transition:.5s ease all;width:70px; }
.wiki-button:hover, .wiki-button:focus { background-color:#009FE3; }

.cartlink__container { background-color: #DDDDDD; padding: 10px; }
.cartlink { display:block; position: relative; padding-right: 20px; }
.carticonwrap { position: absolute; top: 50%; right: 2px; margin: -8px 0 0 0; width: 16px; height: 16px; }
.cartamount { position: absolute; top: -8px; right: -8px; background-color: #009FE3; opacity: 0.8; color: #FFFFFF; width: 16px; height: 16px; border-radius: 50%; line-height: 16px; text-align: center; font-size: 10px; }

.highlighted-information { background: #d6e9ff; margin: 20px 0;padding:20px; }
.highlighted-information--grey, .customer-outer.grey { background: #EEEEEE; border-color: #EEEEEE; }

/* ----- =overlayboxen ------ */
/*.mfp-wrap .mfp-content { height:100%;max-height:90%; }*/
.mfp-wrap .overlaybox {
  background: #FFF;
  border-top: 4px solid #009FE3;
  padding: 25px;
  text-align: left;
  max-width: 540px;
  margin: 50px auto;
  position: relative;
}
.mfp-wrap .overlaybox.overlaybox-big {
	max-width: 900px;
}
.mfp-wrap .mfp-content .overlaybox .mfp-close, .mfp-wrap .mfp-content .requestblock .mfp-close { top: -50px;height:50px; color: #fff; opacity: 1;font-size: 40px; }

.mfp-content .requestblock { background: #fff; color: #333; padding: 25px; margin: 50px auto; position: relative; }

.loaderoverlay { background:transparent url(gfx/bg-loaderoverlay.png) top center repeat;background: rgba(0,0,0,0.8); background: rgba(255,255,255,0.9); position: fixed;top: 0;left: 0; width: 100%;height: 100%; z-index: 1043; outline: none !important; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); overflow:hidden; text-align:center; }
.loaderoverlay-content { position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-30px 0 0 -30px;z-index: 1044; }



/* =togglebutton */
.togglebutton { display:block; }
.togglebuttonplus { outline:none;padding-right:40px;position:relative; }
.togglebuttonplus:before { background:url("gfx/icon-arrow.svg") center center / 18px 18px no-repeat;content:'';display:block;height:18px;margin-top:-9px;position:absolute;right:20px;top:50%;width:18px; }
.togglebuttonplus.active:before { transform:rotate(180deg); }
.togglebuttonnotext { float:right;text-indent:-999em; }
.togglebox, .customer-outer.grey .togglebox { background: #F2F2F2; padding: 10px 35px 22px 22px; }

/* @section =module
-------------------------------------------------------------------*/
.custom-nav { list-style:none;margin:0;text-align:right; }
.custom-nav li { display:inline-block;margin-left:10px;vertical-align:top; }
a.button.customnavback { background:#999 !important; }
a.button.customnavback:hover, a.button.customnavback:focus { background:#BBB !important; }
a.customer-fullinfo-toggler { display: block; }
.customer-buttons a.button:link, .customer-buttons a.button:hover, .customer-buttons a.button:focus, .customer-buttons a.button:active, .customer-buttons a.button:visited  { margin: 10px 10px 0 0; }

/* ----- =module_login ----- */
.login-wrap { text-align:left; }
.login-logo { height:auto;margin:60px auto 0;width:204px; }
.wt-claim { position:absolute;right:18px;top:17px; }
.tat-claim { position:absolute;left:18px;top:17px; }
.module_login #parent { height:100vh; }
.module_login #header, .module_login #footer { display:none; }
.module_login #content, .module_login #footer { border:none; }
.module_login #content { min-height:inherit; }
.login-wrap { background:#FFF;border-radius:0;box-shadow:0 0 20px rgba(0,0,0,.55);left:50%;margin:0 auto;padding:20px 20px 0;position:absolute;top:50%;transform:translate( -50%, -50% );width:80%;max-width:494px; }
.module_login #sidebar { background:none;display:none; }
#login { margin:0; }
#login fieldset { padding-bottom:0; }
#login input, #login input:-webkit-autofill, #login input:-webkit-autofill:hover, #login input:-webkit-autofill:focus, #login input:-webkit-autofill:active, #login input { background:#E2E1E1 !important;-webkit-box-shadow: 0 0 0 30px #E2E1E1 inset !important;filter:none; }
#login input { border:1px solid #D2D1D1; }

.loginimagesoverlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; }
.loginimageoverlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.loginimageoverlay.visible { opacity: 1; }

.login-mask-head { max-width:338px;margin:0 auto; }
.login-mask-inner { max-width:338px;margin:0 auto 30px; }
.login-button-wrap { margin:0 -20px; }
.login-button-wrap button.login-button { max-width:none;width:100%; }
.pwdlost { color:#666 !important;font-size:.75em;text-decoration:underline !important;transition:.5s ease all; }
.pwdlost:hover, .pwdlost:focus { color:#333 !important; }

/* ----- =module_b2bpwd ----- */
.usernotloggedin .module_b2bpwd #header, .usernotloggedin .module_b2bpwd #footer, .usernotloggedin .module_b2bpwd #sidebar { display:none; }
.usernotloggedin .module_b2bpwd #content { border:none;margin:25px 0 0; }
.logo-fallback { display:none; }
.usernotloggedin .logo-fallback { display:block; }

/* ----- =event ----- */
.search-wrap { background:#D2D1D1;padding:14px 18px; }

.events { list-style:none;margin:0;padding:0; }
.events.overview { padding:0; }
.eventcat { background:#009FE3;color:#FFF;font-size:/*1.375em*/1.25em;font-weight:bold;margin:10px 0 0;padding:30px 10px;text-align:center;text-transform:none; }
.showmore { background:#FFF;display:block;margin:0;padding:0;text-align:center; }
.showmore a { background:#009FE3;color:#FFF !important;display:block;font-weight:bold;padding:15px 20px;position:relative;text-align:left;text-decoration:none !important;transition:.4s ease all;width:100%; }
.showmore a:hover, .showmore a:focus { background:#009FE3 !important; }
.showmore a:before, .showmore a:after { background:#FFF;content:'';height:3px;position:absolute;right:25px;top:50%;width:10px; }
.showmore a:before { margin-top:-3px;transform:rotate(45deg); }
.showmore a:after { margin-top:3px;transform:rotate(-45deg); }

.event-tabs .showmore { margin:0 auto;width:200px; }

.tabs-nav { list-style:none;margin:0; }
.tabs-nav__item { display:inline-block;border-right:2px solid #85CCF0; }
.tabs-nav__item:last-child { border-right:none; }
.tabs-nav__item a { background:#009FE3;color:#85CCF0 !important;display:block;font-weight:bold !important;/*height:40px;*/line-height:40px;text-align:center;text-decoration:none !important;transition:.4s ease all;width:155px; }
.tabs-nav__item a:hover, .tabs-nav__item a:focus, .tabs-nav__item a.active { background:#009FE3;color:#FFF !important; }

.event-tabs { list-style:none;margin:0 0 20px; }
.event-tabs__tab { background:#009FE3;display:none;opacity:0;padding:20px 10px 20px;transition:.4s ease opacity; }
.event-tabs__tab.active { background:#009FE3;display:block;opacity:1; }
.event-tabs * { color:#FFF; }

.event-list { list-style:none; }
.event_list-item { display:inline-block;width:100%;vertical-align:top; }
.event_list--onelist .event_list-item { padding:0;width:100%; }
.event_list--onelist .event--list { display:block !important; }

.events.overview .event--list:nth-child(n+4) { display:none; }
.events.overview .event--tab:nth-child(n+5) { display:none; }

.event { display:inline-block;padding:10px 20px 14px;vertical-align:top;width:100%; }

.event--list { position:relative; } 
.event--list:nth-child(odd) { background:#E3E3E3; }
.event--list:nth-child(even) { background:#F6F6F6; }

.event__img, .event__detail { display:block; }
.event__img { margin:0;overflow:hidden;padding:100% 0 0 0;position:relative;width:100%; }
.event__img img { height:100%;left:50%;position:absolute;top:0;transform:translateX( -50% );width:auto; }
.event__detail { padding:0 26px 0 0;position:relative;width:100%; }
.event__detail h4 { font-size:1em;font-weight:bold;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.event--tab .event__detail { position:relative; }
.event--tab .event__detail h4 { padding-right:18px; }
.event__detail__content { font-size:1em; }
.event__ticketsfrom { color:#009FE3;font-weight:bold;text-transform:uppercase; }
.event__detail:before, .event__detail:after { background:#666;content:'';height:3px;position:absolute;right:5px;width:10px; }
.event__detail:before { bottom:13px;transform:rotate(45deg); }
.event__detail:after { bottom:8px;transform:rotate(-45deg); }
span.event__detail__house { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.event--tab .event__detail:before, .event--tab .event__detail:after { content:none; }

.event-detail { margin:0 0 20px; }
.event-detail__img, .event-detail__detail { display:inline-block;vertical-align:top; }
.event-detail__img { margin:0;width:100px; }
.event-detail__img img { width:100%;height:auto; }
.event-detail__detail { padding:0 60px 0 15px;position:relative;width:calc( 100% - 100px ); }
.event-detail__detail h4 { /*font-size:1em;*/font-weight:bold;margin:0;padding-left:26px; }

.termine-headline { color:#009FE3;font-size:1.125em;font-weight:bold; }

.button.ticketbutton { font-size:1em !important;padding:10px !important;width:auto !important; }


.event-tabs .events.overview { padding-bottom:0; }

.event--tab { padding: 10px 10px 14px; }
.event--tab .event__detail { padding:10px; }
.event--tab:last-child { padding-bottom:0; }
.event__ticketsfrom--tab { background:#FFF;color:#009FE3;display:block;/*font-size:1.125em;*/font-weight:bold;line-height:1.2;margin:15px -10px 0;padding:8px 12px;text-transform:none; }

.performances { margin:20px 0 0; }

.show_deeplinks a.button.wfull { width: calc(100% - 50px); }
.show_deeplinks a.button.wfull+a.button.wfull { width: 40px; margin-left: 10px; }

.iconbutton { background-position:5px center;background-repeat:no-repeat;display:inline-block;font-size:/*.846em*/1em;font-weight:bold;margin-right:5px;padding:10px 7px 10px 40px;text-decoration:none !important;transition:.4s ease all; }
.iconbutton-list { background-color:transparent;background-image:url("gfx/icon-event-listview.svg");background-size:22px 22px;color:#666 !important; }
.iconbutton-list--active { background-color:transparent !important;background-image:url("gfx/icon-event-listview-active.svg");color:#009FE3 !important; }
.iconbutton-cal { background-color:transparent;background-image:url("gfx/icon-event-dateview.svg");background-size:30px 30px;color:#666 !important;margin-right:0; }
.iconbutton-cal--active { background-color:transparent !important;background-image:url("gfx/icon-event-dateview-active.svg");color:#009FE3 !important; }
.iconbutton-list:hover, .iconbutton-list:focus, .iconbutton-cal:hover, .iconbutton-cal:focus { background-color:#EEE;}



.calendar { margin-top: 20px; }
.calendar caption, .calendar .captionwrap { margin:0; position:relative; background-color: #FFF; padding: 10px 0; }
.eventcalendar .captionwrap { background-color: #EEEEEE !important; }
.calendar .caption_inner { position: relative; text-align: center; }
.choosemonth { -webkit-appearance: none;cursor:pointer;background: url("gfx/icon-arrow-dropdown.svg") center right / 14px 8px no-repeat #FFF;font-size:1em;font-weight:bold;padding:10px;text-align:center;width:200px; }
.calendar .prev, .calendar .next { display:block;position:absolute;top:12px;width:120px; }
.calendar .prev { left:50%;margin-left:-230px;text-align:right; }
.calendar .next { right:50%;margin-right:-230px;text-align:left; }
.eventcalendar .next, .eventcalendar .prev { width: 30px; height: 30px; padding:7px; text-align:center; top: 0; background-color: #FFFFFF; }
.eventcalendar .next { margin-right: -200px }
.eventcalendar .prev { margin-left: -200px }
.eventcalendar .next:hover, .eventcalendar .next:focus, .eventcalendar .next:active, .eventcalendar .prev:hover, .eventcalendar .prev:focus, .eventcalendar .prev:active { background-color:#F2F2F2; }

.eventcalendar tr td, .eventcalendar tr th { width: 14.28571428571429%; }

.calendarcontainer { position: relative; }
.floatingweekdays { margin: 0; border: 0 none; position: absolute; top: 66px; left: 0; right: 0; background-color: #FFFFFF; display: none; z-index: 1; }
.floatingweekdays.floating { display: table; }


.calendar th { background:#FFF !important;text-align:center;padding:2px; }
.calendar th div { background:#F4F4F4;padding:8px; }
.calendar td { background:#FFF !important;min-height:30px;padding:5px;width:14.28571428571429%; }
.calendar td .elem { background:#E8E8E8;display:block;min-height:140px; }
.calendar td .elem.existingcontent {  }
.daynr { color:#727272;display:block;font-size:1em;font-weight:400;padding:5px;text-align:right; }
.calendar td .elem.existingcontent .daynr { color:#009FE3; }
.calendar .performance a { color:#000;display:block;font-size:.75em;padding:5px;text-decoration:none;transition:.4s ease all; }
.calendar .performance a:hover { background:#009FE3;color:#FFF; }
.calendar .performance .fakebutton { background:#009FE3 !important;padding: 4px 7px; margin-top: 3px;text-align:left;width:100%; }


span.ticketbtn { background: #009FE3;
color: #fff;
display: inline-block !important;
font-size: 0.750em;
font-weight: 700;
font-family: 'Chivo',arial,helvetica,clean,sans-serif;
line-height: 20px;
letter-spacing: 0.08em;
margin: 10px 0 0 0;
padding: 12px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-transition: background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
-webkit-transition: background-color 0.4s ease-in-out;
-ms-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out; }

.reductionlist { margin: 0 0 10px 0; text-align: center; list-style: none; border-bottom: 1px solid #999; }
.reductionlist-item { display: inline-block; vertical-align: middle; margin-bottom: -1px; }
a.reductionfilter-lnk:link, a.reductionfilter-lnk:hover, a.reductionfilter-lnk:focus, a.reductionfilter-lnk:active, a.reductionfilter-lnk:visited { display: inline-block; vertical-align: middle; padding: 10px 20px; border-bottom: 1px solid #999; color: #666; }
a.reductionfilter-lnk:hover, a.reductionfilter-lnk:focus, a.reductionfilter-lnk:active, a.reductionfilter-lnk.active { border-color: #009FE3; color: #009FE3; }
.reduction-indicator { width: 8px; height: 8px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 10px; }
.reduction-indicators-list { list-style: none; margin: 0; padding: 0; }
.reduction-indicators-listelement { display: inline-block; vertical-align: middle; padding: 5px; }


#customerquestion, #deeplinkquestion { display: none; margin-bottom: -15px; }
.mfp-wrap #customerquestion, .mfp-wrap #deeplinkquestion { display: block; }
#customerquestion a.button, #deeplinkquestion a.button { margin-bottom:15px; }

/* favourites */
.favlink-wrap { height:15px;margin:0;position:absolute;top:8px;right:24px;width:16px;z-index:1; }
.favlink-wrap--detail { left:16px;right:inherit;top:0; }
.event--tab .favlink-wrap { right:3px; }
.fav { display: inline-block; vertical-align: top; width: 16px; height: 15px; background-position: center; background-size: 16px 15px; background-repeat: no-repeat; background-image: url("gfx/icon-heart-grey.svg"); }
.fav.unsetfav { background-image: url("gfx/icon-heart-filled-blue.svg"); }
.event--tab .fav { background-image: url("gfx/icon-heart-lightblue.svg"); }
.event--tab .fav.unsetfav { background-image: url("gfx/icon-heart-filled-white.svg"); }
.favlink { position: absolute; display: inline-block; vertical-align: top; top: -5px; left: -7px; padding: 10px; font-size: 0px; }
/*.event__detail h4, .event-detail__detail h4 { text-indent: 20px; }*/

#customerquestion { display: none; margin-bottom: -15px; }
.mfp-wrap #customerquestion { display: block; }
#customerquestion a.button { margin-bottom:15px; }

/* ----- =shopproxy ----- */
.basket-extras button { float:right; }
.basket-extras div.col-sm-12 { width:330px; }

/* ----- =allshopproxy ------ */
.basketoverview .col-info { width: 40%; }
.basketoverview .col-reduction { width: 20%; }
.basketoverview .col-position { width: 10%; }
.basketoverview .col-row { width: 10%; }
.basketoverview .col-seat { width: 10%; }
.basketoverview .col-price { width: 10%; }
.basketoverview .performancename { font-weight: bold; }


/* ----- =customer-list ----- */
#customerlist, #invoicelist { font-size:.875em; }
.module_customer .searchcustomer-legend { font-size: 1.38em; }

.standardform { width:100%;max-width:840px; }
.standardform li { display:inline-block;width:100%; }
.standardform li.fullwidth { width:100%; }
.standardform label { /*font-style:italic;*/font-weight:normal;margin-bottom:4px; }
.standardform li.button { margin-top:10px; }
.standardform li button { margin-bottom:10px; }

.standardform li.smallday { padding-bottom:0;width:20%; }
.standardform li.smallmonth { padding-bottom:0;width:50%; }
.standardform li.smallyear { padding-bottom:0;width:30%; }

.standardform li input, .standardform li select, .standardform li textarea { border:1px solid #D2D1D1; }

.standardform li.resetbutton-wrap { padding:0;position:absolute;right:0;top:-20px;width:30px; }
.resetbutton { background:url("gfx/icon-reset.svg") center center / 27px 27px no-repeat;display:block;height:30px;opacity:.7;text-indent:-999em;transition:.4s ease all;width:30px; }
.resetbutton:hover, .resetbutton:focus, .resetbutton:active { opacity:1; }

.searchbutton { background-image:url("gfx/icon-lupe-white.svg");background-position:20px center;background-repeat:no-repeat;background-size:25px 24px;padding-left:60px;text-align:left; }
a.button.address_addbutton:link, a.button.address_addbutton:hover, a.button.address_addbutton:focus, a.button.address_addbutton:active, a.button.address_addbutton:visited  { background-image:url("gfx/icon-adduser.svg");background-position:20px center;background-repeat:no-repeat;background-size:25px 25px;padding-left:60px;text-align:left;width:100%;max-width:410px; }

#customerlist { max-width:100%; }
#customerlist .nowrap { white-space:normal; }

#customerlist td span { cursor:pointer;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px; }
#customerlist tr.active td span { hyphens:auto;overflow:visible;text-overflow:inherit;white-space:inherit;word-break:break-all; }
#customerlist td span.links, #customerlist td span.notizinfo { cursor:inherit;max-width:none; }

.address_catlist, .address_list { list-style:none;margin:20px 0; }
.address_list li { border-bottom:1px solid #CCC;margin:0 0 20px;padding:0 0 20px; }



.table-wrap { max-width:100%;overflow-x:auto; }
.table-wrap table { overflow:hidden; }
table tr td, table tr th { padding:5px 8px; }
.table-wrap table tr:nth-child(odd) td, .table-wrap table tr:nth-child(odd) th { background:#E3E3E3; }
.table-wrap table tr:nth-child(even) td, .table-wrap table tr:nth-child(even) th { background:#F6F6F6; }
/*.table-wrap table tr:first-child td,*/ table tr:first-child th { background:#F4F4F4 !important;color:#666;font-weight:bold; }
table tbody tr:first-child td { background:#E3E3E3;font-weight:normal; }
table.payment-table tbody tr:first-child td { background:#FFF; }


a.printticket { padding:18px 45px 18px 20px !important;position:relative;max-width:none;width:100%; }
.printticket:before, .printticket:after { background:#FFF;content:'';height:3px;position:absolute;right:25px;top:50%;width:10px; }
.printticket:before { margin-top:-5px;transform:rotate(45deg); }
.printticket:after { margin-top:1px;transform:rotate(-45deg); }
/*td.invoice { max-width:15%; }
td.kunde { max-width:15%; }
td.ticket_id { max-width:15%; }
td.performance_name { max-width:15%; }
td.performance_id__performance_start { max-width:10%; }
td.price { max-width:10%; }
td.notizinfo { max-width:10%; }
td.storno { max-width:10%; }*/
.info-ticketreturn { border:3px solid #E94B44;font-size:.923em;font-weight:bold;padding:5px; }
#invoicelist { table-layout:fixed; }
#invoicelist .nowrap { cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:normal; }
#invoicelist td { vertical-align:top; }

#invoicelist tr.active td.nowrap { hyphens:auto;overflow:visible;text-overflow:inherit;white-space:inherit;word-break:break-all; }

.infobutton { background-image:url("gfx/icon-note.svg") !important;background-position:center center;background-repeat:no-repeat;background-size:24px 24px;/*border-radius:50%;*/color:#FFF !important;display:block;font-weight:bold;height:42px;line-height:24px;text-align:center;text-decoration:none !important;text-indent:-999em;transition:.4s ease all;vertical-align:top;width:42px; }
.infobutton.infoset, .infobutton.servicebutton { background-color:#009FE3; }
.infobutton.infoset:hover, .infobutton.infoset:focus, .infobutton.servicebutton:hover, .infobutton.servicebutton:focus { background-color:#009FE3; }
.infobutton.infoempty { background-color:#999; }
.infobutton.infoempty:hover, .infobutton.infoempty:focus { background-color:#BBB; }
.infobutton.stornobutton  { background-image:url("gfx/icon-storno.svg") !important;background-color:#D90000;background-size:18px 18px; }
.infobutton.stornobutton:hover, .infobutton.stornobutton:focus  { background-color:#FF0000; }
.button-choose, .button-edit, .button-service, .button-mail, .button-note { background-position:center center !important;background-repeat:no-repeat !important;display:inline-block;height:42px;text-indent:-999em;vertical-align:top;width:48px; }
.button-choose { background-image:url("gfx/icon-logout.svg") !important;background-size:22px 23px !important; }
.button-edit { background-image:url("gfx/icon-edit.svg") !important;background-size:23px 23px !important; }
.button-service { background-image:url("gfx/icon-service_request.svg") !important;background-size:22px 23px !important; }
.button-mail { background-image:url("gfx/icon-mail.svg") !important;background-size:30px 30px !important; }
.button-note { background-image:url("gfx/icon-note.svg") !important;background-size:27px 27px !important; }

.button-service-big { background-position:10px center !important;background-size:28px 30px !important;height:60px;padding-left:50px !important;text-align:left !important;text-indent:0;width:100%; }
.view-tickets { background-image:url("gfx/icon-ticketoverview.svg");background-position:10px center;background-repeat:no-repeat;background-size:28px 28px;height:60px;margin-top:10px;padding-left:50px !important;text-align:left !important; }

#submitservicerequest.inactive { cursor:not-allowed; }
#submitservicerequest.inactive button, #submitservicerequest button.buttonbright { pointer-events:none;opacity:.4; }
#iban + span { color:#F00;display:none;font-weight:bold;margin:5px 0;opacity:0;transition:2s ease all;width:100%; }
#iban.incorrect + span { display:block;opacity:1; }

.customer-signature { border-top:1px solid #333;display:none;margin:60px 0 0;padding:10px 0 0;width:250px; }
#printstorno { margin-top:20px; }

.printstorno #header, .printstorno #sidebar, .printstorno #footer, .printstorno #printstorno { display:none; }
.printstorno .customer-signature { display:block; }
.printonly { display:none; }
.printstorno .printonly { display:block; }



/* ----- =search_beleg ----- */
tr.hascustomerdata td { /*border-top:30px solid #FFF;*/ }
tr.hascustomerdata { position:relative; }
tr.placeholderrow td { background:#FFF !important;padding:10px; }
tr.borderrow td { background:#FFF !important;padding:0; }
tr.borderrow td hr { border-top:3px dotted #9E9C9C;margin:0; }
tr.invoiceblock-lastrow td { /*border-bottom:30px solid #FFF;*/ }

td.invoice { padding-right:32px;/*position:relative;*/ }
.invoice-number { /*color:#009FE3;*/font-weight:bold; }
.invoice p { margin:0; }
.invoice .button, .invoice .stornobutton { margin-top:3px !important; }
.invoice-date { font-size:.8em; }
.invoice-form { display:inline;margin:0;/*position:absolute;right:4px;top:8px;*/width:48px; }
input[type="submit"].invoice-button { background-image:url("gfx/icon-download.svg") !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:24px 24px !important;border:none;box-shadow:none;color:#333 !important;display:inline-block;font-size:.9em;height:42px;letter-spacing:inherit;padding:0;text-align:left;text-indent:-999em;width:48px; }


.print-wrap { border-top:1px solid #BBB;margin:20px 0 5px;padding:5px 0 0; }

.printinfo { background:url("gfx/icon-print.svg") left center / 25px 28px no-repeat;display:block;font-weight:bold;margin:5px 0;padding:2px 0 2px 28px;text-transform:none; }
.button_print { background-position:center center !important;background-repeat:no-repeat !important;background-size:24px 24px !important;height:42px;margin-right:5px !important;text-indent:-999em;width:48px !important; }
.print_all { background-image:url("gfx/icon-bill_ticket.svg") !important;background-size:32px 32px !important; }
.print_tickets { background-image:url("gfx/icon-ticket.svg") !important;}
.print_invoice { background-image:url("gfx/icon-bill.svg") !important; }

/* ----- =blättern ----- */
.searchbar { display:block;height:40px;position:relative;width:100%; }
.search-prev, .search-next { display:block;height:40px;padding:10px 25px !important;position:absolute; }
.search-next { right:0; }

/* ----- =article ----- */
ul.article {list-style:none; list-style-image:none;margin:0;padding:0;}
.article li.cfix {border-bottom:1px dotted #666;padding:12px 0 7px;}
.article .title {margin-top:0;}
.article .subtitle {font-size:1em;margin:.2em 0;line-height: 1.5;}
.date {margin:0;}

p.img {float:left;margin:0 15px 3px 0;}
p.img img {vertical-align:bottom;}
ul.img img {vertical-align:bottom;margin:0 0 5px 0;}
ul.img {float:right;list-style:none;list-style-image:none;margin:0 0 0 10px;padding:0;}


/* ----- =statistic ----- */
.csvdata { background:#FFF;display:none;max-height:200px;overflow:scroll;position:relative;width:100%;z-index:999; }
.csvdata textarea { resize:both;width:100%;max-width:none; }
.buttonlist { display:flex;flex-wrap:wrap;list-style:none;margin:30px -10px;padding:0; }
.buttonlist li { display:inline-block;display:flex;padding:10px;width:33.33%; }
.buttonlist li a.button { background-color:#797979;;display:block !important;max-width:none;width:100%; }
.buttonlist li a.button:hover, .buttonlist li a.button:focus { background-color:#009FE3;}

.statlist { border-bottom:1px solid #DDD;display:flex;flex-wrap:wrap;list-style:none;margin:0 -10px 10px;padding:0 0 10px; }
.statlist li { border-left:1px solid #DDD;display:inline-block;padding:10px;width:33.33%; }
.statlist li:first-child { border-left:none; }
.stat-content { display:block;width:100%; }
.stat-content p { margin:0 0 5px; }

.view-wrap { display:inline-block; vertical-align:top; width:100%; margin-bottom: 15px; background-color: #F4F4F4; padding: 15px; }
.view-wrap--small { width:33%; width: calc((100% - 30px)/3); }
.view-wrap--half { width:33%; width: calc((100% - 30px)/3); }
.view-wrap--medium { width:66%; width: calc(((100% - 30px)/3)*2 + 15px); }
.view-wrap--large { width:100%; }
.view-wrap--sizer { height: 0px; padding: 0px; margin: 0px; }

.view-wrap h4 { color: #666666; font-size: 0.875em; font-weight: bold; margin-bottom: 2px; text-align: left; }
.view-wrap h4 .stat-date-info { float: right; font-size: 1em; }
.view-wrap-body { text-align: center; }
.view-wrap-body>*:first-child { margin-top: 0px; }
.view-wrap-body>*:last-child { margin-bottom: 0px; }
.view-wrap-body a:link, .view-wrap-body a:hover, .view-wrap-body a:focus, .view-wrap-body a:active, .view-wrap-body a:visited { color: #009FE3; }

.view-wrap-body table { text-align: left; font-size: 0.875em; }
.view-wrap-body table tbody+tbody { border-top: 30px solid #F4F4F4; }
.view-wrap-body table tr td, .view-wrap-body table tr th { padding: 20px 15px; }

.view-wrap-body table tr:nth-child(odd) td, .view-wrap-body table tr:nth-child(odd) th { background-color: #E8E8E8; }
.view-wrap-body table tr:nth-child(even) td, .view-wrap-body table tr:nth-child(even) th { background:#F4F4F4; }
.view-wrap-body table tr:first-child th { background:#F4F4F4; font-size: 0.875em; }
/*.view-wrap-body table tbody tr:first-child td { background:#E8E8E8; }*/
td.stat-col-brutto { color: #009FE3 !important; font-weight: bold; }
.stat-col-linecount { width: 71px; }


.view-wrap-body>.stat-paddingeraser { margin-left: -15px; margin-right: -15px; }
.view-wrap-body>.stat-paddingeraser:first-child { margin-top:-15px; }
.view-wrap-body>.stat-paddingeraser:last-child { margin-bottom:-15px; }

.stat-date-info { color: #919191; margin:0; font-size: 0.875em; font-weight: normal; }
.stat-basicinfo { color: #009FE3; font-size: 3.125em; line-height: 1; font-weight: bold; margin: 20px 0; }
.stat-basicinfo-post { color: #009FE3; font-size: 0.875em; }

.stat-linecount { width: 31px; height: 31px; border: 2px solid #9A9A9A; color: #9A9A9A; border-radius: 50%; display: inline-block; line-height: 31px; text-align: center; }


.view-wrap.veranstaltungsinfo h4, .view-wrap.ticketanzahl h4, .view-wrap.einnahmen h4 { text-align: center; }

.view-wrap.veranstaltungsinfo .stat-basicinfo { font-size: 1.750em; font-weight:normal; line-height: 1.2; }
.view-wrap.veranstaltungsinfo { background-color: #797979; color: #FFFFFF; }
.view-wrap.veranstaltungsinfo * { color: #FFFFFF !important; }
.changeorga { background-image:url("gfx/icon-arrow-right-white.svg");background-size:8px 14px;background-repeat:no-repeat;background-position:left center;padding:5px 10px 5px 16px; }

form.statsform { padding: 20px; max-width: 267px; }
.statsform legend { font-weight: normal; }
.stats-datelabel { width: 50px; display: inline-block; vertical-align: middle; margin-right: 0px; padding: 10px; }
.stats-datelabel+input { width: calc(100% - 50px); display: inline-block; vertical-align: middle; }
.statsform select, .statsform input { background-color: transparent; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background-image: url("gfx/icon-arrow.svg"); background-position: right 10px center; background-repeat: no-repeat; background-size: 12px; }

/* ----- =image ----- */
div.gal-list {margin:1.4em 0;}
ul.gal-list {list-style:none;list-style-image:none;margin:0;padding:0;}
.gal-list li.item {border-bottom:1px solid #DCEEDC;padding:15px 0;}
.gal-list li.item:last-child {border-bottom:0 none;}
.gal-list .gal-thumbs {display:inline;margin:0;}
.gal-list .gal-link {float:left;font-size:0.85em;height:59px;margin:0;padding:4px 0 0;width:78px;}
.gal-link a:link, .gal-link a:visited, .gal-link a:focus, .gal-link a:hover, .gal-link a:active {background-color:#378B37;color:#fff;display:block;height:49px; padding:5px 10px;text-decoration:none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;vertical-align:bottom; text-align:right;width:58px;}
.gal-link a:focus, .gal-link a:hover, .gal-link a:active {background-color:#fff;color:#378B37;}

ul.gal-thumbs {list-style:none;list-style-image:none;margin:0 -5px 0 0;padding:0;}
.gal-thumbs li {float:left;height:59px;margin:4px 4px 0 0;width:78px;}
.gal-thumbs li.active {margin-top:2px;height:61px;}
.gal-thumbs img {height:59px;-moz-transform-origin: center center;-ms-transform-origin: center center;-o-transform-origin: center center;-webkit-transform-origin: center center;transform-origin: center center;-moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out;  -webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;vertical-align:bottom;width:78px;}
.gal-thumbs a:link, .gal-thumbs a:visited, .gal-thumbs a:focus, .gal-thumbs a:hover, .gal-thumbs a:active {display:block;}
.gal-thumbs a:focus, .gal-thumbs a:hover, .gal-thumbs a:active {}
.gal-thumbs a:focus img, .gal-thumbs a:hover img, .gal-thumbs a:active img { -moz-box-shadow: 0px 0px 4px #000;-ms-box-shadow: 0px 0px 4px #000;-webkit-box-shadow: 0px 0px 4px #000;box-shadow: 0px 0px 4px #000;margin:-3px -4px;height:64px !important; position:relative;width:86px !important;}
.gal-thumbs li.active img {border-top:2px solid #378B37;}

ul.gal-nav {list-style:none;list-style-image:none;margin:.3em 0;padding:.5em 7em ;position:relative; text-align:center;}
.gal-nav li {display:block;padding:4px 0;}
.gal-nav .prev, .gal-nav .next {position:absolute;top:.5em;padding:0;}
.gal-nav .next {right:0;}
.gal-nav .prev {left:0;}
.gal-nav a:link, .gal-nav a:visited, .gal-nav a:focus, .gal-nav a:hover, .gal-nav a:active {border:1px solid #B4B4B6;color:#D71313;padding:3px 10px;position:relative;text-decoration:none;}
.gal-nav a:focus, .gal-nav a:hover, .gal-nav a:active {border-color:#6D6D71;}
.gal-nav .next a:link, .gal-nav .next a:visited, .gal-nav .next a:focus, .gal-nav .next a:hover, .gal-nav .next a:active {display:block;}
.gal-nav .prev a:link, .gal-nav .prev a:visited, .gal-nav .prev a:focus, .gal-nav .prev a:hover, .gal-nav .prev a:active {display:block;}

.gal-img {text-align:center;}
.gal-img-descr {text-align:center;}

/* ----- =googlemaps ----- */
.gmap {height:400px;margin:1.23em 0;width:100%;}
.gmap img {vertical-align:bottom;}
.gmap span.note {display: none;}
.gmap button {background: transparent;border-style: solid;border-width: 0;cursor: pointer;height: 100%;left: -2px;margin: 2px;overflow: hidden;padding: 2px;position: absolute;text-indent: -100em;top: -2px;width: 100%;}
.gmap a:link, .gmap a:visited, .gmap a:focus, .gmap a:hover, .gmap a:active {background-image:none !important;display:block;padding-left:0 !important;}
.gmap a:focus, .gmap a:hover, .gmap a:active, .gmap button:focus, gmap button:hover, .gmap button:active {background: transparent;/*outline: 2px dashed;*/ }
.gmapInfoWindow {height:65px;}

/* @section =snippets
-------------------------------------------------------------------*/
/* ----- =downloads ----- */
ul.downloads {list-style:none;margin:0 0 .69em;padding:0;}
ul.downloads li {background-position:0 .15em;list-style-type:none;margin:.2em 0;}

/* ----- =icon ----- */
.iconwrap { display:inline-block;height:40px;line-height:40px;position:relative;text-align:center;vertical-align:middle;width:40px; }
.iconwrap img { position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;-webkit-transition: opacity 0.4s ease;transition: opacity 0.4s ease; }


.i {background-image:url(icon/fragezeichen.png);background-repeat:no-repeat;background-position:left center;padding-top:.1em;  padding-bottom:.1em;text-decoration:none;}
a.i:focus, a.i:hover, a.i:active {text-decoration:underline;}

.idoc {background-image:url(icon/word.png);padding-left:25px;}
.irtf, .itxt {background-image:url(icon/text.png);padding-left:25px;}
.izip, .irar, .isit {background-image:url(icon/zip.png);padding-left:25px;}
.ijpg, .ijpeg, .igif, .ieps, .ipng, .ibmp {background-image:url(icon/image.png);padding-left:25px;}
.ixls, .icsv {background-image:url(icon/excel.png);padding-left:25px;}
.ippt {background-image:url(icon/powerpoint.png);padding-left:25px;}
.ipdf {background-image:url(icon/acrobat.png);padding-left:25px;}
.imp3, .iwav, .iaudio {background-image:url(icon/audio.png);padding-left:25px;}
.iwmv, .ivideo {background-image:url(icon/media-player.png);padding-left:25px;}
.imov {background-image:url(icon/quicktime.png);padding-left:25px;}
.ihtml {background-image:url(icon/html2.png);padding-left:25px;}

/* ----- =browse ----- */
ul.browse {font-size:.92em;list-style:none;list-style-image:none;margin:1.38em 0;padding:0;}
.browse li {display:inline-block;margin-bottom:.25em;margin-right:.25em;vertical-align:middle; }
.browse .bpages {margin-right:0;}
.browse li.bpages {float:none;display:inline-block;}
.browse strong, .browse span, .browse a:link, .browse a:visited, .browse a:focus, .browse a:hover, .browse a:active {background:#EEE;border:1px solid #EEE;color:#666;display:inline-block;height:30px;line-height:28px;padding:0 4px;text-align:center;text-decoration:none;transition:.4s ease all;width:30px; }
.browse .bprev a, .browse .bnext a { background:#FFF;border:1px solid #ddd !important;text-decoration:none;position:relative; }
.browse .bprev a:before, .browse .bnext a:before { border-style:solid;content:'';height:0;position:absolute;top:9px;width:0; }
.browse .bprev a:before { border-width:5px 8px 5px 0;border-color:transparent #999999 transparent;left:9px; }
.browse .bnext a:before { border-width:5px 0 5px 8px;border-color:transparent transparent transparent #999999;left:11px; }
.browse a:focus, .browse a:hover, .browse a:active { text-decoration:underline;}
.browse ul {display:inline;list-style:none;list-style-image:none;margin:0;padding:0;}
.browse strong, .browse a:link, .browse a:visited, .browse a:focus, .browse a:hover, .browse a:active {border:1px solid #EEE;text-decoration:none;}
/*.browse ul a:hover:visited, .browse ul a:focus:visited {background-color:#473795;border-color:#473795;color:#fff;}*/
.browse a:link, .browse a:visited, .browse a:focus, .browse a:hover, .browse a:active {border-color:#EEE;}
.browse strong {background-color:#333333;border-color:#333333;color:#fff;}
.browse a:focus, .browse a:hover, .browse a:active {background-color:#ddd;border-color:#ddd;color:#333;}

/* @section =standard Elemente
-------------------------------------------------------------------*/
/* ----- =anchors ----- */
a:link, a:visited, a:focus, a:hover, a:active {color:#009FE3;text-decoration:none;}
a:hover:visited, a:focus:visited { }
a:visited { color:#009FE3; }
a:focus {outline:1px dotted;outline-offset:3px;-moz-outline-radius:5px;} 
a.nof:focus {outline-offset:0;-moz-outline-radius:0;}
a:focus, a:hover, a:active {}
a:active { outline: none; } /* http://people.opera.com/patrickl/experiments/keyboard/test */

.content a[href^="http"] {background-image:url(icon/new-window.png);background-repeat:no-repeat;background-position:right center;padding-right:15px;}
.content a[href^="http://echonet.at"], .content a[href^="http://www.echonet.at"], .content a[href^="http://2010.echonet.at"] {background-image:none;padding-right:0;}
.content a.noextern {background-image:none;padding-right:0;}

a.nu:link, a.nu:visited, a.nu:focus, a.nu:hover, a.nu:active {text-decoration:none;} 
a.nu:focus, a.nu:hover, a.nu:active {text-decoration: underline;}
a.spc:link, a.spc:visited, a.spc:focus, a.spc:hover, a.spc:active {color: #BF4342;}
a.spc:focus, a.spc:hover, a.spc:active {}
a.camu:link, a.camu:visited, a.camu:focus, a.camu:hover, a.camu:active {color: #333;text-decoration:none;}
a.camu:focus, a.camu:hover, a.camu:active {text-decoration: underline;}
a.tarn:link, a.tarn:visited, a.tarn:focus, a.tarn:hover, a.tarn:active {text-decoration:none;}
a.grey:link, a.grey:visited, a.grey:focus, a.grey:hover, a.grey:active { color: #333; text-decoration:underline; }
a.grey:focus, a.grey:hover, a.grey:active { color: #009FE3; }

/* ----- =headlines/ Ueberschriften/ Absaetze ----- */
/* Zeilenhoehe 18px */
h1, .h1 {color:#009FE3;line-height: 1.3;font-size: 1.375em;font-weight:bold;margin:0.76em 0 .38em;}/*22px*/
h2, .h2 {font-size: 1.38em;line-height: 1.3;margin:1em 0 .5em;}/*18px*/
h3, .h3 {font-size: 1.31em;line-height: 1.3;margin:1.06em 0 .53em;}/*17px*/
h4, .h4 {font-size: 1.25em;line-height: 1.3;margin:1.12em 0 .56em;}/*20px*/
h5, .h5 {font-size: 1.08em;line-height: 1.3;margin:1.28em 0 .64em;}/*14px*/
h6, .h6  {font-size: 0.92em;line-height:1.3;margin:1.5em 0 .75em;}/*13px*/
p {line-height: 1.4;margin: .69em 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
h2, h3, h4, h5 {font-weight:normal;}

/* ----- =list ----- */
li {line-height: 1.3;}
ol {margin:.69em 0 .69em 2.38em;}
ul.tarn ul, ul.tarn ol, ul {margin:.69em 0 .69em 1.38em;}
ul ul {list-style-type: disc;margin-top:0;}
ul.tarn {list-style:none;list-style-image:none;margin:0;padding:0;}
ul.tarn li li {border:0 none;float:none;margin:0;padding:0;}
ul.inline {list-style:none;list-style-image:none;margin:0;padding:0;}
ul.inline li {display:inline;}

/* ----- =elements ----- */
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
code, pre { font-family: "Courier New", monospace, serif; font-size: 1em; } /* http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
q{quotes:"\201C""\201D""\2018""\2019";}
*[lang|='de'] q:before{content:'\201C';}
*[lang|='de'] q:after{content:'\201D';}
*[lang|='de'] q q:before{content:'\2018';}
*[lang|='de'] q q:after{content:'\2019';}
ins,dfn{border-bottom:1px solid #000;}
small,sup,sub{font-size:85%;}
big{font-size:125%;line-height:80%;}
abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em;}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #888;}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
blockquote{padding-left:2.2em;}
hr {border:0;border-top:1px solid #ccc;background-color:#fff;display:block;height:1px;line-height:1px;margin: .69em 0;padding:0;}
pre {
 padding: 15px;
 /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
 white-space: pre; /* CSS2 */
 white-space: pre-wrap; /* CSS 2.1 */
 white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
 word-wrap: break-word; /* IE */
}

/* ----- =image ----- */
img { border:0;/*max-width:100%;*/ }
img.vmiddle { vertical-align:middle;}
.fright img, img.fright {margin: 0 0 .3em .8em;}
.fleft img, img.fleft {margin: 0 .8em .3em 0;}

/* ----- =selection ----- */
::-moz-selection{ background:#64AEFF; color:#fff; text-shadow: none; }
::selection { background:#64AEFF; color:#fff; text-shadow: none; } 
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

/* ----- =class ----- */
.box {background-color:#F1F2F4;}
.errorbox { border:3px solid #f00;margin:0 0 20px;min-height:50px;padding:5px 10px 5px 35px;position:relative; }
.errorbox:before { content:"!";font-size:40px;font-weight:bold;height:40px;left:12px;line-height:40px;margin-top:-20px;position:absolute;top:50%; }
.error {color:#f00;}
.error a:link, .error a:visited, .error a:focus, .error a:hover, .error a:active, .error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {color:#f00;}
.success {color:#009900;}
.success a:link, .success a:visited, .success a:focus, .success a:hover, .success a:active, .success h1, .success h2, .success h3, .success h4, .success h5, .success h6 {color:#009900;}

/* ----- =layout ----- */
/*.v {height:1px;left:-10000px;overflow:hidden;position: absolute;top:auto;width:1px;}*/ 
/* www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden & http://yaccessibilityblog.com/library/css-clip-hidden-content.html */
.v { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */  clip: rect(1px, 1px, 1px, 1px); border:0 !important;height: 1px !important;margin: -1px !important;padding:0 !important;overflow: hidden;width: 1px !important;} 
.wai {display:inline;float:left;height:1px;margin:-1em 0 0;overflow:hidden;position:relative;width:1px;}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.none, .noem em, .hide {display:none;visibility:hidden;}
.block {display:block;visibility:visible;}
/*.cfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}*/
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */
.cfix:before, .cfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.cfix:after { clear: both; }
.ofix {overflow: hidden;}

/* ----- =class ----- */
.bb {border-bottom:1px solid;padding-bottom:1em;}
.bt {border-top:1px solid;padding-top:1em;}
.c 	{clear: both;}
.cl {clear:left;}
.cr {clear:right;}
.error {color:#f00;}
.error a:link, .error a:visited, .error a:focus, .error a:hover, .error a:active, .error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {color:#f00;}
.fright {float:right;}
.fleft {float:left;}
.fnone {float:none;}
.fnorm {font-size:1em;}
.fsmall, small {font-size:.85em;}
.iblock {display:inline-block;}
.m0 {margin:0;}
.mb {margin-bottom:.69em;}
.mbh {margin-bottom:.35em;}
.mbd {margin-bottom:1.4em;}
.ml {margin-left:1em;}
.mr {margin-right:1em;}
.mt {margin-top:.69em;}
.mth {margin-top:.35em;}
.mtd {margin-top:1.4em;}
.mt0 {margin-top:0;}
.mt10 {margin-top:10px;}
.mb0 {margin-bottom:0;}
.p0 {padding:0;}
.pb {padding-bottom:.69em;}
.pbh {padding-bottom:.35em;}
.pbd {padding-bottom:1.4em;}
.pl {padding-left:1em;}
.pr {padding-right:1em;}
.pt {padding-top:.69em;}
.pth {padding-top:.35em;}
.ptd {padding-top:1.4em;}
.pt0 {padding-top:0;}
.pb0 {padding-bottom:0;}
.notop > *:first-child, #content > *:first-child {margin-top:0;}
.nobottom > *:last-child {margin-bottom:0;}
.nowrap {white-space:nowrap;}
.pad {padding:.5em 1em;}
.success {color:#009900;}
.success a:link, .success a:visited, .success a:focus, .success a:hover, .success a:active, .success h1, .success h2, .success h3, .success h4, .success h5, .success h6 {color:#009900;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.versal {text-transform:uppercase;}
.wauto {width:auto !important;}
.wfull { width:100%; }

.pointereventsnone { pointer-events: none; }

/* ----- =tables ----- */
/* tables still need 'cellspacing="0"' in the markup */
/* border-collapse:separate; border fuer jede Tabellenzelle extra */ 
table {border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;empty-cells:show;width:100%;}
caption{}
thead{}
tbody{}
tfoot{}
thead th {}
th, td {font-size:1em;padding: .2em .2em;}
thead td, th {font-weight:bold;}

/* infoshow */
.infoshow { position: relative; display: block; background-color: #CCCCCC; color: #33333; padding: 20px 20px 20px 60px; margin-bottom: 20px; text-align: left; }
.infoshow.infoshow-noicon { padding: 20px 20px 20px 20px; }
.infoshow>*:first-child, .infoshow>.infoshow-icon:first-child+* { margin-top: 0px !important; }
.infoshow>*:last-child { margin-bottom: 0px !important; }
.infoshow-icon { display: block; position: absolute; top: 20px; left: 20px; width: 24px; height: 24px; border-radius: 50%; background-color: #222222; }
.infoshow-icon:before, .infoshow-icon:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; background-color: #FFFFFF; width: 2px; height: 2px; margin: -1px 0 0 -1px; }
.infoshow-icon:before { height: 8px; margin-top: -7px; }
.infoshow-icon:after { margin-top: 3px; }

.infoshow.infoshow-error { background-color: #FCC5CC; }
.infoshow.infoshow-error .infoshow-icon { background-color: #F31431; }
.infoshow.infoshow-error .infoshow-icon:before { height: 12px; margin: -6px 0 0 -1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.infoshow.infoshow-error .infoshow-icon:after { height: 12px; margin: -6px 0 0 -1px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.infoshow.infoshow-success { background-color: #D6EED4; }
.infoshow.infoshow-success .infoshow-icon { background-color: #4BB543; }
.infoshow.infoshow-success .infoshow-icon:before { height: 12px; margin: -6px 0 0 1px; -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); }
.infoshow.infoshow-success .infoshow-icon:after { height: 6px; margin: -1px 0 0 -4px; -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); }
