/* @section =responsive design
-------------------------------------------------------------------*/
@media screen and (max-width: 320px){ /* Smartphone Portrait */

}
@media screen and (max-width: 479px) {
  #logo { width:100%;text-align:center; }
    
    /* ----- =allshopproxy ------ */
    table.basketoverview, table.basketoverview thead, table.basketoverview tbody, table.basketoverview tr, table.basketoverview td { display: block; }
    table.basketoverview thead { display: none; }
    table.basketoverview tr { margin-bottom:10px; background-color: #eee; }
    table.basketoverview tr.row-performance { background-color: transparent; }
    .basketoverview .col-info, .basketoverview .col-reduction, .basketoverview .col-position, .basketoverview .col-row, .basketoverview .col-seat, .basketoverview .col-price { width: 100%; }
    .basketoverview td:before { content: attr(data-title); font-weight: bold; }
}
@media screen and (min-width: 480px), print{ /* Smartphone Landscape */
  
  .standardform li.resetbutton-wrap { right:10px; }
  .standardform li { padding-right:10px;width:50%; }
  .standardform li.one_col { width:100%; }
  .standardform li.two_col { width:50%; }
  .standardform li.three_col { width:33.333333%; }
  .standardform li input, .standardform li select, .standardform li textarea { width: 100%;max-width: none; }
  .standardform li button { max-width: 410px; margin-right: 10px; }
  .standardform li button+button { margin-right: 0; }
}

@media screen and (max-width: 519px) {
  .tabs-nav__item { display:block;margin:0 0 2px; }
  .tabs-nav__item a { width:100%; }
  
  .SumoSelect, .locationselect, #timeselect { width:100%;margin:0 0 10px; }
	
}
@media screen and (max-width: 719px) {
  #nav { background:#009FE3;font-size:1em; }
  #nav a, #nav strong { height:30px;line-height:1em;padding:10px; }
  .loggedin-company-title, .loggedin-company-logo { display:none; }
  .loggedin-company-icon { display:block; }
  
  #logo { vertical-align:top;width:100px; }
  #logo img { width:100%; }
  .header-left { vertical-align:top;width:calc( 100% - 110px ); }
  .header-right { vertical-align:top;width:110px; }
  #navwrap { width:calc( 100% - 100px ); }
  
  #content { padding-top:130px; }
  
  
  
  #footer { padding-bottom:100px; }
  .sidebar-toggle { display:block;height:70px;padding:20px 20px 20px 60px; }
  #sidebar { bottom:0;height:70px;left:0;right:0;width:100%;z-index:999; }
  #sidebar.sidebaractive { box-shadow:0 0 20px rgba(0,0,0,.5);height:auto; }
  .sidebar__inner { display:inline-block;vertical-align:bottom;width:calc( 100% - 70px ); }
  .wiki-button-wrap { bottom:0;display:inline-block;height:70px;margin:0;bottom:inherit;vertical-align:bottom;width:70px;z-index:999; }
  .wiki-button { height:70px;margin:0;width:70px; }
  
  .sidebarblock { display:none; }
	
	/* ----- =statistic ----- */
	
	.view-wrap--small { width:100%; }
	.view-wrap--half { width:100%; }
	.view-wrap--medium { width:100%; }
	.view-wrap--large { width:100%; }
	.view-wrap--small.ticketanzahl, .view-wrap--small.einnahmen, .view-wrap--sizer { width:50%; width: calc((100% - 15px)/2); }
	
	.stat-col-linecount { display: none; }
  
}
@media screen and (min-width: 720px) {
  #header { height:90px; }
  .header-left { width:calc( 100% - 300px ); }
  .header-right { width:300px; }
	#logo { padding:20px;width:140px; }
  #navwrap { width:calc( 100% - 140px ); }
  
  #sidebar.sidebar--scroll { position:absolute; }
  
  #content { padding:30px 18px 0 18px;width: calc(100% - 240px); margin:90px 0 0 0;/*margin: 135px 0 0 0;*/ }
  #sidebar { bottom:0;position:fixed;right:0;top:90px;width:240px;margin:0;overflow-x:hidden; }
  .sidebar__inner { width:240px; }
  #footer { position:relative;z-index:99; }
  #mnav { padding:10px 10px;text-align:left;width:70%; }
  .footer-logo { padding-right:20px;text-align:right;width:30%; }
  
  .event_list-item { padding:0 15px;width:50%; }
  
  .standardform li.two_col--half { width:25%; }
  
  .termine-headline, .buttons-wrap { display:inline-block;vertical-align:bottom; }
  .termine-headline { width:33%; }
  .buttons-wrap { text-align:right;width:67%; }
}
@media screen and (min-width: 940px) {
  .header-left { width:calc( 100% - 340px ); }
  .header-right { width:340px; }
  #logo { height:90px;width:240px; }
  #navwrap { width:calc(100% - 240px ); }
  
  #nav a, #nav strong { height:40px;line-height:40px;padding:0 15px; }
  
  .event-tabs { list-style:none;margin:0 0 40px; }
  .event--tab { width:25%; }
  .event--tab:nth-child(odd) {  }
  .event--tab:nth-last-child(-n+2) { padding-bottom:0; }
  
  .event_list-item { width:33.33%; }
  
  #mainsearch { display:inline-block;vertical-align:top;width:100%; }
  .button-refresh { display:inline-block;height:45px;line-height:45px;margin:0 0 0 15px !important;text-indent:-999em;vertical-align:top;vertical-align:top;width:45px; }
  
  a.printticket { float:right;width:auto; }

}
@media screen and (min-width: 940px) and (min-height: 900px) {

}
@media screen and (max-width: 999px){

  .event-tabs__tab { padding:20px 15px 20px; }
  
  #navanchor { display:block; }
  #navcontainer { background:#009FE3;display:none;left:0;padding:20px;position:fixed;top:80px;width:100%; }
  #nav { margin:0 auto;width:300px; }
  #nav li { width:100%; }
  
}
  
@media screen and (min-width: 1000px){
  #navcontainer { display:block !important; }
  #content { width: calc(100% - 330px); }
  #sidebar, .sidebar__inner { width:330px; }
  .mleft { margin-left:210px; }
  
  #mnav a:link, #mnav a:visited, #mnav a:focus, #mnav a:hover, #mnav a:active, #mnav strong { padding:10px 20px; }
  
  .locationselect_box { width:calc( 33.33% - 10px ); }

}

@media screen and (min-width: 1000px) and (max-width: 1300px){
  #customerlist td span { max-width:60px; }
}

@media screen and (max-width: 1119px){
  #customerlist th { display:none; }
  #customerlist td { display:block; }
  #customerlist td span { display:inline-block;vertical-align:top;width:calc( 100% - 100px);max-width:none; }
  #customerlist td:before { display:inline-block;font-weight:bold;vertical-align:top;width:95px; }
  td.extcustomerid:before { content:'ext.KundenNr:'; }
  td.notizinfo:before { content:'Notiz:'; }
  td.email:before { content:'E-Mail:'; }
  td.name:before { content:'Name:'; }
  td.plz:before { content:'PLZ:'; }
  td.Ort:before { content:'Ort'; }
  td.strasse:before { content:'Adresse:'; }
  td.links:before { content:'Bearbeiten:'; }
}
@media screen and (min-width: 1260px){
  .header-left { width:calc( 100% - 500px ); }
  .header-right { width:500px; }
  #nav a, #nav strong { height:60px;line-height:60px;padding:0 24px; }
  
  #invoicelist td.invoice, #invoicelist th:nth-child(1) { width:168px; }
  #invoicelist td.kunde, #invoicelist th:nth-child(2) { width:calc( 100% - 670px ); }
  #invoicelist td.ticket_id, #invoicelist th:nth-child(3) { width:100px; }
  #invoicelist td.performance_name, #invoicelist th:nth-child(4) { width:150px; }
  #invoicelist td.invperformance_id__performance_startoice, #invoicelist th:nth-child(5) { width:112px; }
  #invoicelist td.price, #invoicelist th:nth-child(6), #invoicelist td.notizinfo, #invoicelist th:nth-child(7) { width:70px; }
}
@media screen and (min-width: 1400px){
}
@media screen and (min-width: 1500px){

  .event--tab { width:25%; }
  .event--tab:nth-child(3n+3) { border-right:none; }
  .event--tab:nth-last-child(-n+3) { padding-bottom:0; }
  
}

@media screen and (max-height: 500px){
  .login-wrap { top:0;transform:translate( -50%, 0 ); }
  .module_login #parent { overflow-y:scroll;position:relative;transform:none; }
}

/* Retina Displays - other background images */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5 )and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
	
}