@charset "utf-8";


:root {
	
  --carousel-height_fs: 100vh;
  --slide-width_fs: 100%;
  
  --carousel-height_s: 400px;
  --slide-width_s: calc(100% / 3);
	
	
  --hotWidth: 1400px;

/* bright sun, lilac */
  --colPri:   255, 217, 0;
  --colPriDk: 255, 217, 0; 
  --colPriLt: 255, 217, 0;

  --colPri:   255, 217, 0;
  --colPriDk: 255, 217, 0;
  --colPriLt: 255, 217, 0;

  --colSec:   255, 217, 0;
  --colSecDk: 200, 185, 0; 
  /* --colSecLt: 255, 240, 50; */
  --colSecLt: 255, 245, 185;
  
  --colBck:   255,255,255;
  --colBckMd: 245,245,245;
  --colBckDk: 0,0,0;  
  
  --colErr: 176,0,32;
  
  --colFntLt: 255,255,255;
  --colFntDk: 0,0,0;
  
  --colFntDis: 120,120,120;

  /* https://material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=9b27b0&secondary.color=FF9800 
	 https://material.io/design/color/the-color-system.html
  */

  --fntXS: 1.2rem;   /* 12px */
  
  --tra10: .10;
  --tra15: .15;
  --tra20: .20;
  --tra30: .30;
  --tra40: .40;
  --tra45: .45;
  --tra50: .50;
  --tra60: .60;
  --tra70: .70;
  --tra75: .75;
  --tra80: .80;
  --tra90: .90;
  --tra100: 1;

  --base-size: 1.125em; /* 17px */
  /* 1.125em = 18px; */
  
  --type-scale: 1.1;  /* https://type-scale.com/ */
  --fntH5: calc(var(--base-size) * var(--type-scale));
  --fntH4: calc(var(--fntH5) * var(--type-scale));
  --fntH3: calc(var(--fntH4) * var(--type-scale));
  --fntH2: calc(var(--fntH3) * var(--type-scale));
  --fntH1: calc(var(--fntH2) * var(--type-scale)); 
  
  --fnt:  1rem;
  --fntL: calc(var(--fnt) * var(--type-scale));
  --fntS: calc(var(--fnt) / (var(--type-scale) * var(--type-scale)));
  
  --hghtHdr: 50px; 
  
  --colTblSel: 41, 188, 250;
  
}

@font-face {
    font-family: 'fnt';
	src: url('/css/fonts/RobotoFlex3.woff2') format('woff2'), url('/css/fonts/Roboto-Regular.ttf') format('ttf');
	
	/* https://fonts.google.com/specimen/Roboto+Flex/tester?category=Serif,Sans+Serif,Display&vfonly=true */
		
}

@media (min-width: 480px) {
  :root {  
	--type-scale: 1.15; 
	
	}
}
@media (min-width: 768px) {
  :root {
	--type-scale: 1.25;
	}
}


HTML,BODY,DIV,DL,DT,DD,UL,OL,LI,H1,H2,H3,H4,H5,H6,PRE,CODE,FORM,FIELDSET,FIGCAPTION,FIGURE,LEGEND,INPUT,TEXTAREA,P,BLOCKQUOTE,TH,TD {margin:0;padding:0;}
TABLE {border-collapse:collapse;border-spacing:0;}
FIELDSET,IMG {border:0;}
ADDRESS,CAPTION,CITE,CODE,DFN,EM,FIGCAPTION,FIGURE,STRONG,TH,VAR {font-style:normal;font-weight:normal;}
LI {list-style:none;}
CAPTION,TH {text-align:left;}
/* h1,h2,h3,h4,h5,h6{font-weight:normal;} */
Q:BEFORE,Q:AFTER {content:'';}
ABBR,ACRONYM {border:0;font-variant:normal;}
SUP,SUB {vertical-align: baseline;}
INPUT,TEXTAREA,SELECT {font-family:inherit;font-size:inherit;font-weight:inherit;}
FIGURE { position:relative; }


HTML {
	font-size: var(--base-size);
	
	width:100%;

	line-height: 1.4;
	
	text-rendering: optimizeLegibility;
	font-kerning: normal;	
	
	box-sizing: border-box;
	
	scroll-padding-top: 200px; /* adjust for sticky header of office-calendar */
	scroll-behavior: smooth;
}
BODY { 
	font-family: 'fnt';
	line-height: 1.45; 	
	
	background: rgb(var(--colBck));
	color: rgb(var(--colFntDk));
	
}

H1, H2, H3, H4, H5, .articleEv .mainEv P, .ticketAssEvInfo, .evIntCal .evTitle  { word-break: break-word; }


::selection { background-color: rgb(var(--colBckDk)); color: rgb(var(--colFntLt)); }

*, *:before, *:after {
  box-sizing: inherit;
}

HTML, BODY, .mnWrap { 
	height: 100%;
/*
	min-height: 100vh;
	min-height: -moz-available;
	min-height: -webkit-fill-available;
	min-height: fill-available;
*/
 }

/* H1, H2, H3, H4, H5, H6 { font-size: var(--fnt); line-height: 1em; } kinda reset */

H1 {font-size: var(--fntH1);}
H2 {font-size: var(--fntH2);}
H3 {font-size: var(--fntH3);}
H4 {font-size: var(--fntH4);}
H5 {font-size: var(--fntH5);}
H6, P {font-size: var(--fnt);}
SMALL {font-size: var(--fntS); }
.fntL { font-size: var(--fntL); }

H1, H2, H3, H4, H5, H6 {
  margin: 2.75rem 0 1rem;  
  font-variation-settings: "wght" 600;
  line-height: 1.15;
  letter-spacing: .02em;
}

@media (max-width: 800px) {
	H1, H2, H3, H4, H5, H6, P, LI { hyphens: auto; }
}

P, LI { 
	letter-spacing: 0.01em;	
	font-variation-settings: "wght" 400; 	
}

P { margin-bottom: .85em; }

I, EM	     { font-style:  italic; }
B, STRONG    { font-variation-settings: "wght" 600;  }
CENTER       { text-align:  center; }
U		     { text-decoration: underline; }
SUP, SUB  {
	font-size: 70%;
    line-height: 0;
    position: relative;   
}
SUP {  top: -.5em; }
SUB {  bottom: -0.25em;  }

/*
IMG { vertical-align: middle; }
*/

.visHidden { display: none; }
.visPointer { cursor: pointer; }



/******** forms ************/

/*
FIELDSET, FIELDSET.login {
    background: #fbfbfb;
    border: 1px solid #bbb;
	margin-bottom: 1em;
	padding: 1em;
    position: relative;
}
FIELDSET.login {
	background: #ffa;
	border: 1px solid #cc0;
}

FIELDSET LEGEND, FIELDSET.login LEGEND {
    background: #fff;
    border: 1px solid #bbb;
    font-size: 1.1em;
    padding: 0.4em 0.8em;
}
FIELDSET.login LEGEND {
	border: 1px solid #cc0;
	font-weight: bold;
}

FIELDSET P { margin-bottom: 1em; }
FIELDSET.login P { margin-top:0; }

FIELDSET P LABEL, FIELDSET P INPUT { width: 98%; }

FIELDSET.login P LABEL {
	float: left;
	line-height: 2em;
	margin-right: 3%;
	text-align: right;
	width: 32%;
}
FIELDSET.login P INPUT, FIELDSET P INPUT.neutral { width: 60%; }
FIELDSET.login P INPUT.button { width: 35%; margin-left: 35%; }

FIELDSET P INPUT.neutral { border:none; background: #ebebeb; color:#444; padding:.2em; }
FIELDSET P INPUT.empty   { border:none; background: none; color:#444; padding:.2em; box-shadow:none; font-size: 10px; }

FIELDSET.login div.invalid { color: #f00; margin-left: 35%;}
*/

INPUT[type=text], INPUT[type=radio], INPUT[type=checkbox], INPUT[type=password], INPUT[type=email], INPUT[type=search], INPUT[type=url], INPUT[type=tel], INPUT[type=number], INPUT[type=range], INPUT[type=date], INPUT[type=month], INPUT[type=week], INPUT[type=time], INPUT[type=datetime], INPUT[type=datetime-local], TEXTAREA, SELECT {
	border:      1px solid rgb(var(--colBckDk));
	padding:     .2rem .4rem;
	background:	 rgb(var(--colBck));

}


/******** common ************/


OL    { margin: 0 0 1.5em 0; padding: 0; }
OL LI { margin-left: 1em; padding-left: 1em; margin-bottom: .5em; }

OL.num    { list-style-type: decimal; }
OL.num LI { list-style: inherit; }

CODE  { font-family: "Trebuchet MS",arial,geneva,helvetica,sans-serif; border-bottom: 1px dotted #960; }
PRE   { font-family: "Trebuchet MS",arial,geneva,helvetica,sans-serif; font-size: 0.9em; padding: 5px 2px 5px 7px; background: #ffd; border: 1px dotted #960; }

ABBR, ACRONYM, .help { border-bottom: 1px dotted #ff0; cursor: help; }


.error_message {
	display: none;
	outline: 2px solid red;
	padding: .3rem;
	margin-bottom: 1rem;	
}
[aria-invalid="true"] {
  outline: 2px solid red;
}

[aria-invalid="true"] ~ .error_message {
  display: block;
}


/*
.mnBox {
	text-align: justify;
	text-justify: inter-word;
	
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
	-ms-hyphens: auto;
    hyphens: auto;
}
.mnBox H1, .mnBox H2, .mnBox H3, .mnBox H4 {	
	text-align: left;
	-webkit-hyphens: none;
    -moz-hyphens: none;
	-ms-hyphens: none;
    hyphens: none;
}


.mnBox * + H1 { margin-top: 2em; }
.mnBox H1 { margin-bottom: 1em; line-height: 1em; }
.mnBox * + H2 { margin-top: 1.7em; }
.mnBox H2 { margin-bottom: 1em; line-height: 1em; }
.mnBox * + H3 { margin-top: 1.4em; }
.mnBox H3 { margin-bottom: 1em; line-height: 1em; }
.mnBox * + H4 { margin-top: 1.2em; }
.mnBox H4 { margin-bottom: 1em; line-height: 1em; }
.mnBox P:last-child { margin-bottom:0; }

*.m0 + *, *.m0b + * { margin-top: 0; }

.mnBox ARTICLE > HEADER { margin-bottom: 2em; }
.mnBox ARTICLE > FOOTER { margin-top: 2em; }
.mnBox HEADER H1, .mnBox HGROUP H1, .mnBox HEADER H2, .mnBox HGROUP H2, .mnBox HEADER H3, .mnBox HGROUP H3, .mnBox HEADER H4, .mnBox HGROUP H4, .mnBox HEADER P, .mnBox HGROUP P { margin-top: .2em; margin-bottom: .2em; }
.mnBox HEADER > *:last-child, .mnBox HGROUP > *:last-child { margin-bottom: 0; }
*/

CANVAS { touch-action: double-tap-zoom;  }

/*
Q, BLOCKQUOTE { quotes: '‚' '‘' '„' '“'; }
Q[lang=en], BLOCKQUOTE[lang=en] {quotes: '\201C' '\201D' '\2018' '\2019'; }
Q:before, BLOCKQUOTE:before {content: open-quote;}
Q:after, BLOCKQUOTE:after {content: close-quote;}
*/
Q { quotes: '‚' '‘' '„' '“'; }
Q[lang=en] {quotes: '\201C' '\201D' '\2018' '\2019'; }
Q:before {content: open-quote;}
Q:after {content: close-quote;}

FIGURE.quote {
	margin-left: auto;
    margin-right: auto;
    width: min(50rem,100%);
  /*
	width: min(30rem,100%);
	padding-left: 3em;
	margin: 2.5em 0;
	*/
}
FIGURE.quote BLOCKQUOTE { font-style: italic; }
FIGURE.quote FIGCAPTION:before { content: "— "; }
FIGURE.quote FIGCAPTION { margin-top: .5em;  }

/*
BLOCKQUOTE + FIGCAPTION:before { content: "— "; }
BLOCKQUOTE + FIGCAPTION { font-style:italic; padding: .3em 0; }
.hiCiteR BLOCKQUOTE + FIGCAPTION { padding:0; }

.cit01, .hiCiteR {
	margin: 1em 0 1em 1em;
	float:right;
	width:35%;
	font-size:1.5em;
	line-height:1.25em;	
}
.cit01 DIV P, .hiCiteR BLOCKQUOTE, .hiCiteR FIGCAPTION { text-align:left; margin:0; -moz-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; }
.cit01 .citName, .hiCiteR FIGCAPTION { color:#999; }
.hiCiteR BLOCKQUOTE { margin-bottom:.3em;  }
.hiCiteR FIGCAPTION { line-height: 1em; font-size:.75em; }
*/



BUTTON:DISABLED, INPUT:DISABLED
{
  background: gray !important;
  color: whitesmoke !important;
  /* font-size: .8em !important; */
  padding: .3em;
  border: 0px !important;
  cursor: help !important;
    
}


select[readonly] {
  color: #666;
  background: #eee;
  pointer-events: none;
  touch-action: none;
}

INPUT[readonly], INPUT[readonly=readonly], INPUT[readonly=readonly]:HOVER { 
    background:#999;
	color:#eee;
	border:1px solid #666;
	box-shadow: none;
	cursor:default;
}
INPUT[disabled=disabled], INPUT[disabled=disabled]:HOVER { 
    background:#999;
	color:#eee;
	border:1px solid #666;
	box-shadow: none;
	cursor:default;
}



.hidden {
  visibility: hidden;
  
  display: none;
}


.mw100 { max-width:100%; }
.mw80 { max-width:80%; }
.mw50 { max-width:80%; }

.p03 TD, .p03 TH { padding: .3em; }
.p03_1 TD, .p03_1 TH { padding: .3em 1em;}

/*
.h001 { height:1px !important; }
.h100 { height:100% !important; }
.fullwidth, .w100 { width:100% !important; }
.mw100 { max-width:100% !important; }
.w99 { width: 99% !important; }
.w75 { width: 75% !important; }
.w50 { width: 50% !important; }
.w12 { width: 12% !important; }
.wReset, .wReset INPUT { width: auto !important; min-width: 0 !important; }
.m0 { margin:0 !important; }
.m0t { margin-top:0 !important; }
.m0l{ margin-left:0 !important; }
.m0r { margin-right:0 !important; }

.p0, .p0 TD, .p0 TH { padding:0 !important; }
.p05, .p05 TD, .p05 TH { padding:.5em !important; }
.p0b, .p0b TD, .p0b TH { padding-bottom:0 !important; }
.p1, .p1 TD, .p1 TH { padding:1em !important; }
.p1t, .p1t TD, .p1t TH { padding-top:1em !important; }
.p1l, .p1l TD, .p1l TH { padding-left:1em !important; }
.p1r, .p1r TD, .p1r TH { padding-right:1em !important; }
.p1b, .p1b TD, .p1b TH { padding-bottom:1em !important; }
.p2, .p2 TD, .p2 TH { padding:2em !important; }
.m4t { margin-top:4em !important; }
.m4b { margin-bottom:4em !important; }
.m2 { margin:2em !important; }
.m2t { margin-top:2em !important; }
.m2b { margin-bottom:2em !important; }
.m2l { margin-left:2em !important; }
.m2r { margin-right:2em !important; }
.m1 { margin:1em !important; }
.m1l { margin-left:1em !important; }
.m1t { margin-top:1em !important; }
.m1r { margin-right:1em !important; }
.m1b { margin-bottom:1em !important; }
.m05 { margin:.5em !important; }
.m05t { margin-top:.5em !important; }
.m05r { margin-right:.5em !important; }
.m05l { margin-left:.5em !important; }

.minCont4 { margin-right: -2.5em !important; margin-left: -2.5em !important; }


.h500px{ height:500px;}

.alR, .alR TH, .alR TD, TABLE.alR TD, .alRight,  .alRight TH,  .alRight TD,  TABLE.alRight TD  { text-align: right; }
.alL, .alL TH, .alL TD, TABLE.alL TD, .alLeft,   .alLeft TH,   .alLeft TD,   TABLE.alLeft TD   { text-align: left !important; }
.alC, .alC TH, .alC TD, TABLE.alC TD, .alCenter, .alCenter TH, .alCenter TD, TABLE.alCenter TD { text-align: center !important; }
.alT, .alT TH, .alT TD, TABLE.alT TD, .alTop,    .alTop TH,    .alTop TD,    TABLE.alTop TD    { vertical-align: top !important; }
.alM, .alM TH, .alM TD, TABLE.alM TD, .alMiddle, .alMiddle TH, .alMiddle TD, TABLE.alMiddle TD { vertical-align: middle !important; }
.alB, .alB TH, .alB TD, TABLE.alB TD, .alBottom, .alBottom TH, .alBottom TD, TABLE.alBottom TD { vertical-align: bottom !important; }

.alJ { text-align: justify; text-justify: inter-character; }

.flRight { float: right !important;  }

.fUpper { text-transform: uppercase; }
.fNoHyphen { hyphen: none !important; -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; }
.l05 { letter-spacing:0.05em; }

.noWrap { white-space: nowrap !important; }

.fNorm { font-weight: normal !important; font-style: normal !important;  }

.disabled { color: #999; background: #eee !important; }
*/


.disabled { color: rgb(var(--colFntDis)); }
 
.alR { text-align: right; }
.alC { text-align: center; }

.fntS { font-size: var(--fntS); }

.w100 { width: 100%; }
  
.nWrp { white-space: nowrap; }

.m0 { margin: 0 !important; }
.m1b { margin-bottom: 1em !important; }
.m2b { margin-bottom:2em !important; }
.m3b { margin-bottom: 3em !important; }
.m4b { margin-bottom:4em !important; }
.m6b { margin-bottom: 6em !important; }
.m1t { margin-top: 1em !important; }	
.m3t { margin-top: 3em !important; }
.m6t { margin-top: 6em !important; }

.m0t { margin-top:0 !important; }
.m0b { margin-bottom:0 !important; }
.m05b { margin-bottom:.5em !important; }
   
  
/* settings for max-width 600px only */
/*
.outerDateCell { width: 6em; }

.ARStd TD, .ARStd TH { padding: .2em; }
.ARStdExtra TD, .ARStdExtra TH { padding: 1em; }

.monTitle, .monTitleEmpty, .outerDateCell, .outerDateCellCollapsed, .monProj, .monProjLogo, .monWorkmonProj, .monSundmonProj, .monContent, .monBorder, .eventReportFee, .eventReportRadioPanel, .eventReportSearch { border-top: 1px solid #aaa; }
.monTitle { text-align:center; font-size: 1.4em; padding: .6em 0; }
.monBack { width: 100% }
TABLE.monBack { border-collapse:separate;}
.monTitleEmpty { width: 6em; }
.monTitleEmpty, .monTitle, .monTitleBottom, .eventReportRadioPanel, .eventReportSearch { background: #ccc; }


.table-striped > TBODY > TR:nth-child(odd) > TD, .table-striped > TBODY > TR:nth-child(odd) > TH
{
	background-color: #ddd;
}
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td
{
  border: 1px solid #999;
}
.table-first-row-column TR:first-child TH, .table-first-row-column TD:first-child,
.table > thead > tr > .active, .table > tbody > tr > .active, .table > tfoot > tr > .active, .table > thead > .active > td,
.table > tbody > .active > td, .table > tfoot > .active > td, .table > thead > .active > th, .table > tbody > .active > th, .table > tfoot > .active > th
{
  background-color: #dd0;
}

.table-first-row-column.table-striped > TBODY > TR:nth-child(even) > TD:first-child
{
  background-color: #ff9;
}
.table-first-row-column.table-striped > TBODY > TR:nth-child(odd) > TD:first-child
{
  background-color: #dd7;
}
*/



.oldBrowserMessage { display: none; }
#contentPrint { display: none; }

/*
.dateDay   { display:block; }

.dateDigit {    
    font-size: 1.6em;
    line-height: 1.1em;
    white-space: nowrap;
	display: block;
}
.dateTime {
    font-size: 1em;
    line-height: 0.8em;
	display: block;
}


#content1 {	
	padding: 0;		
	display: grid;
	
	grid-template-columns: 60px auto 100px;
	grid-template-rows: 60px;
	align-items: center;
	
	z-index: 110;
	margin-left: 2.5em;
	position: sticky;
	top: 0;	
}

#content4 {
	padding: 2.5em;
	position: relative;
}
*/



/*
.topMenu { font-size:1.2em; color: #444; text-align: left; line-height: 1em; padding: 10px; }

.alignCenter,  TD.alignCenter, TABLE.alignCenter TR TD   { text-align: center !important; }
.alignLeft,    TD.alignLeft, TABLE.alignLeft TR TD       { text-align: left !important; }
.alignRight,   TD.alignRight, TABLE.alignRight TR TD     { text-align: right !important; }
.valignMiddle, TD.valignMiddle, TABLE.valignMiddle TR TD { vertical-align: middle !important; }
.valignTop,    TD.valignTop, TABLE.valignTop TR TD       { vertical-align: top !important;    }

.szSmaller { font-size: 0.85em; line-height: 140%; }
.sz07 { font-size: 0.7em; line-height: 120%; }
.szLarger   { font-size: 1.25em; line-height: 140%; }
.szXLarger { font-size: 1.5em; line-height: 140%; }
.sz2 { font-size: 2em; line-height: 130%; }
.sz3 { font-size: 3em; line-height: 120%; }

.lhSmaller { line-height: 130%; }

.textLineThrough { text-decoration: line-through; }

.darken01 { filter: brightness(94%); }
*/


/******** links ********/

A, A:LINK, A:VISITED, SUMMARY {
	background-color: rgb(var(--colPri));
	text-decoration-thickness: .14rem;
	text-underline-offset: .2em;
	color: rgb(var(--colFntDk));
	text-decoration-color: rgb(var(--colFntDk));
}
A:HOVER, SUMMARY:HOVER {
	background: rgb(var(--colBckDk));
	color: rgb(var(--colFntLt));
	text-decoration: none;	
}
A:FOCUS, SUMMARY:FOCUS {
	outline: .2rem solid black;
	border-radius: 5px;
}

.iNoH A:LINK, .iNoH A:VISITED, .iNoH A:HOVER, 
A.iNoH { background: none; }
.iNoH A:HOVER, .iNoH A:FOCUS, 
A.iNoH:FOCUS { outline: .2rem solid black; }

/*, .tagSerie, .tagLocation, .evMon #ShowAllMonths 
.mnCont A:LINK, footer .c1 A:LINK, .mnCont A:VISITED, footer .c1 A:VISITED, SUMMARY {
	color: unset;
	text-decoration: none;
	
	background-image: linear-gradient(rgb(var(--colBckDk)), rgb(var(--colBckDk)));
    background-position: 0 95%;
    background-repeat: no-repeat;    
	background-size: 100% 2px;
	
	background-color: rgb(var(--colPri));
}

/* .mnCont A:FOCUS, footer .c1 A:FOCUS, 
/* , SUMMARY:FOCUS 
.mnCont A:HOVER, footer .c1 A:HOVER, .mnCont A:ACTIVE, footer .c1 A:ACTIVE, SUMMARY:ACTIVE, SUMMARY:HOVER
 {
	background: rgb(var(--colBckDk));
	color: rgb(var(--colFntLt));
	text-decoration: none;
	background-image: none;
}
.mnCont A.btn:HOVER, footer .c1 A.btn:HOVER, .mnCont A.btn:ACTIVE, footer .c1 A.btn:ACTIVE, .mnCont A.btn:FOCUS {	
	color: rgb(var(--colFntLt));
	text-decoration: none;
	background-image: none;
}
*/


/*
.mnFoot A:LINK, .mnFoot A:VISITED {
	color: unset;
	text-decoration: none;
	
	background-image: linear-gradient(rgb(var(--colFntLt)), rgb(var(--colFntLt)));
    background-position: 0 1.13em;
    background-repeat: no-repeat;
    background-size: 0;
	background-size: 100% 2px;
}
.mnFoot .sm A { background-image: none; }
*/


/*
.mnCont A.btn:HOVER, footer .c1 A.btn:HOVER, .mnCont A.btn:ACTIVE, footer .c1 A.btn:ACTIVE, .mnCont A.btn:FOCUS 
*/
A.btn:HOVER, A.btn:ACTIVE
{
	color: rgb(var(--colFntLt));
	text-decoration: none;
	background-image: none;
}

.clk A, .clk A:HOVER, .clk A:ACTIVE { 
	background-image: none;
	background: none;
	color: rgb(var(--colFntDk)); 
	text-decoration: none;
}



/*******************************

UL.cls  { margin: 0 0 1rem 0; padding: 0; }
UL.cls LI { list-style-type: circle; margin-left: 1rem; }
UL.cls UL   { margin-bottom: 0; }
UL.cls UL LI { list-style-type: disc; margin-left: 1rem; }

UL.cls.m LI { margin-bottom: 3px; }

UL.hier  { margin: 0 0 1em 0; padding: 0; }
UL.hier LI { margin-left: 1em; margin-top:1em; font-size: 1.15em; }
UL.hier UL   { margin-bottom: 0; margin-top: .2em; }
UL.hier UL LI { list-style-type: disc; margin-left: 1em; font-size: 1rem; margin-top: 0; }

UL.url { margin-top: 0em; margin-bottom: 1.4em; }
UL.url LI { margin-left: 1em; margin-bottom: .4em; line-height: 1.3em; }

UL.staff LI {	
	list-style: none;	
}

P + UL.staff { margin-top: 2em; }
UL.staff + :not(.staff) { margin-top: 3em; }
UL.staff + UL.staff { margin-top: 1em; }


*******************************/

ARTICLE UL {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: .2rem;
}

ARTICLE LI {
  padding-left: 1em;
  text-indent: -.85em;
  margin-bottom: .2rem;
}
ARTICLE UL.cond LI {
  margin-bottom: 0rem;
}

ARTICLE LI:before {
  content: '»';
  padding-right: .3em;
  
}





/******** clipping icons 

.clWrap { position: relative; height: 40px; width: 40px; display: block; float: left; margin-right: calc((100% - 200px) / 4);}
.clWrap:last-child { margin-right:0;}
.clIMG { position: absolute; top: 0; left: 0; }
.clp1 { clip:rect(0 40px 40px 0); }
.clp2 { clip:rect(0 80px 40px 40px); left: -40px; }
.clp3 { clip:rect(0 120px 40px 80px); left: -80px;  }
.clp4 { clip:rect(0 160px 40px 120px); left: -120px;  }
.clp5 { clip:rect(0 200px 40px 160px); left: -160px;  }
.clp6 { clip:rect(0 240px 40px 200px); left: -200px;  }

******/

					  
/******** flexwidth videos ******/

.videoContainer {
	width: 100%;
	margin-bottom: 1em;
}
.videoContainer + :not(.videoContainer ) { margin-top: 2.5em; }
P + .videoContainer { margin-top: 3em; }
P.m0b + .videoContainer { margin-top: 0; }

.videoWrapper {
	position: relative;
	height: 0;
}

.videoWrapper div, .videoWrapper embed, .videoWrapper iframe, .videoWrapper object {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.videoSize16by9 {padding-bottom: 56.25%;}
.videoSize4by3  {padding-bottom: 75%;}

.videoChrome25 {padding-top: 1.9em;}

.videoWrapper IFRAME { border:0; }



/******** slides ******/



/****** flexwidth images *******/

.imageContainerLand, .imageContainerDyn {
	width:100%;	
	position:relative;
	line-height:0;
	margin-bottom: 2.2em;
	max-height: 36em;
	overflow:hidden;
}
.imageContainerLand:NOT(:first-child) {
	margin-top: 1.6em;
}

.imageContainerLand IMG, .imageContainerDyn IMG { width: 100%; }
.imageContainerLand P.caption, .imageContainerDyn P.caption { margin:0; }
.imageContainerLand .caption, .imageContainerDyn .caption, .imageContainerLand FIGCAPTION, .imageContainerDyn FIGCAPTION {
   bottom: 1em;  
   color: #444; 
   padding: .3em;
   position: absolute;
   right: 1em;
   font-size:.85em;
   line-height:1em;
   margin-left: 1em;
}
.imageContainerLand .caption A { color: #fff !important; }

FIGURE.botCaption IMG+FIGCAPTION 
{	
	bottom: 0;
	text-align: right;
	width:100%;
	position: relative;
}

.eventDetailsImgCredits { 
	position: absolute;
	top: 0;
	right: 2.5rem;
	opacity: .5;
	font-size: .8em;
 }


/****** common *******/

.monContent      { text-align: left; padding: .3em .8em;  }
.monContent H2   { font-size: 1.1em; }
.outerDateCell   { padding: .5em; }

.rslides .caption H1 { font-size: 1.5em; line-height: 1.1em; }
.rslides .caption { display:inherit; line-height:1.3em; }

.eventList { overflow:auto; }

.evTicketsTableCol, .evTicketsTable {
	margin-bottom: 2.5em;
	margin-left: -2.5em;
	color: #333;
	border-left: 2.5em solid #ddd;
	padding: 1em;
	background: #ededed;
	/* display: table; */
}

.evTickets { font-weight:400; font-size:1.1em; }
.evTicketsTable       { display: table; }
.evTicketsTable       .ticketBox { display:table-row; }
.evTicketsTableCol .ticketBox { display:table; margin-bottom:.4em; margin-right:.8em; }
.ticketBox .evTicketDay { margin-bottom: .2em; }
.ticketBox STRONG { font-size:1.2em; line-height:1em; }
.ticketBox .evTicketButton { display:table-cell; vertical-align: middle; padding: .3em .5em; text-align: center; }
.ticketBox .evTicketDate     { display:table-cell; padding: .3em .5em; }

.selectedEvent { background: #e3e356; }

.flex01 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex02 {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}


.fxBox01 {
	display: flex;		
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	gap: 20px;
	
	width: 100%;
}
.fx01 { flex: 1; }
.fx02 { flex: 2; }
.fx03 { flex: 3; }
.fx04 { flex: 4; }
.fx05 { flex: 5; }
.fx06 { flex: 6; }

@media only screen and (max-width: 900px) {
	.fxBox01 {
	  flex-direction: column;
	  flex-wrap: inherit;
	}
}



/********************************************/

TABLE#CartLines { 
	margin-left: auto;
	margin-right: auto;
	width: min(50rem,100%);	
	
	border: 1px solid rgb(var(--colBckDk));
	border-radius: 5px;
}
#CartLines TD, #CartLines TH {
	padding: .3rem .5rem;
	
	border-bottom: 1px solid rgb(var(--colBckDk));
	border-top: 1px solid rgb(var(--colBckDk));
}
#CartLines TH { 		
	font-size: var(--fntL);
}
#CartLines TR.disabled TD { 
	background: #f00;
}
#CartLines H3, #CartLines H4, #CartLines H5 { margin-top: 0; }
#CartLines TH:nth-child(3), #CartLines TD:nth-child(3) { text-align: right; font-size: var(--fntL); }

.cartFt {  
	margin-left: auto;
	margin-right: auto;
	width: min(50rem,100%);
	text-align:right;
	border: 1px solid rgb(var(--colBckDk));
	padding:.5rem;
	font-size:var(--fntL);
}

/*
.ticketAssistentContainer_PriceDisplay { margin:1em 0; }
.ticketAssistentContainer_PriceDisplay TD { line-height: 1.1em; padding-top: .4em; padding-right: 1em; vertical-align: top;  }
.ticketAssistentContainer_PriceDisplay .priceTD { white-space: nowrap; font-weight: bold; }

.ticketAss .price { display: grid; grid-template-columns: 5em auto; column-gap: 10px; row-gap: 4px; margin-bottom: 4px; }
.ticketAss .price DIV { padding: 4px; vertical-align: middle; }
.ticketAss .price DIV:first-child { background:#afa; text-align:center; }
.ticketAss .price + .list { margin-top:20px; }
.ticketAss .container + .container { margin-top: 10px; border-top: 1px solid #999; padding-top: 10px;}
*/



.ticketAss, .ticketAssAmo {
	display: grid;
	grid-template-columns: min-content auto;
	gap: .5rem;
	margin-bottom: 1rem;
	width: 100%;
}
.ticketAss DIV:nth-child(2n+1) {
	white-space: nowrap;
	text-align: right;
}

.ticketAssDisc SPAN {
	display: grid;
	grid-template-columns: min-content auto;
	gap: .2rem .4rem;
}

.ticketAssEvInfo { 
	margin: 3rem 0 2rem; 
	border: 1px solid rgb(var(--colBckDk));
	width: min(50rem,100%);
	border-radius: 5px;	
	padding: 1rem;
}
.ticketAssEvInfoPlus {
	margin-bottom: 2rem;
}

.ticketAssEvInfo H4, .ticketAssEvInfoPlus H5 {
	margin-top: 0;
	margin-bottom: .3rem;	
}
.ticketAssEvInfo TIME {
	font-size: var(fntL);
}

.ticketAssHint { margin-top: 1rem; margin-bottom: 1rem; }
.ticketAssHint H5 { margin:0; }

.ticketAssAmo {
    grid-template-columns: min-content min-content auto;
}

.ticketAss .future-price-block {
  margin-top: 1rem;
}

.ticketAss .future-price {
  color: silver;
}

#Discounts P { margin-bottom:.1em; }
	
	
FIELDSET {  
	width: min(50rem,100%);
	
	border: 1px solid rgb(var(--colBckDk));
	padding: 1rem;
	border-radius: 5px;
	
	margin-bottom: 1rem;
}
FIELDSET LEGEND {
	border: 1px solid rgb(var(--colBckDk));
	
	padding: .4rem;
}
FIELDSET > :last-child {
	margin-bottom: 0;
}
FIELDSET .col {  
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
}
FIELDSET INPUT[type=text] {
	width: 100%;
}


/*********************************************/


/* CHECK
.eventTitleContainer { margin-bottom: 2em; }
.eventTitleContainer H1 { font-size: 2.1em; }
.eventSeries, .eventTitleContainer H1+H2, .eventTitleContainer H1+P, .eventTitleContainer TIME { font-size: 1.3em; }
.eventNewsContainer H2 { font-size: 1.2em; }
.eventNewsContainer.inv A:link, .eventNewsContainer.inv A:visited { color: #ff0 !important; }
.eventNewsContainer.inv A:active, .eventNewsContainer.inv A:hover, .eventNewsContainer.inv A:focus { color: #333 !important; background: #ff0 !important;  }
.eventTitleContainer .time, .eventTitleContainer TIME { color: #f90099; }
.eventSeries { color: #666; font-size: 1em; margin-bottom: .2em; padding-left: 5px; line-height: 2em; }
.eventSeries STRONG { font-weight: normal; }
*/


.test1 {
	width: calc(((100vw - (100vw - 100%)) - var(--hotWidth)) / 2);
	background: #f00;
	padding: 0;
	margin:0;
}


.eventNewsItem {
	
	display: flex;
	width:100%;
	
	flex-wrap: wrap;
	justify-content: space-between;
	
	background: #ddd;
		
}

.eventNewsItemIMG {
	flex: 6;		
	max-height: 350px;
}
.eventNewsItemIMG IMG {
	width: 100%;
	max-width: calc(var(--hotWidth) - 200px);
	height: 100%;
	object-fit: cover;	
}

.eventNewsItemText {
	flex: 2;
	padding: 20px;
	padding-right: calc(((100vw - (100vw - 100%)) - var(--hotWidth)) / 2);

	display: flex;
	flex-direction: column;
	justify-content: space-between;	
}
.eventNewsItemText TIME { line-height: 1.1em; }

@media screen and (min-width: 800px) {
	.eventNewsItem:nth-child(even) .eventNewsItemIMG { text-align: right; }

	.eventNewsItem:nth-child(odd) .eventNewsItemIMG { order: 2; }
	.eventNewsItem:nth-child(odd) .eventNewsItemText {
		text-align:left;
		padding: 20px;
		padding-left: calc(((100vw - (100vw - 100%)) - var(--hotWidth)) / 2);
	}
}

@media screen and (max-width: 800px) {
	.eventNewsItem {
		flex-direction: column;
	}
}


.eventNewsItem .date, .eventNewsItem TIME { font-weight: bold; letter-spacing: .03em; }

.eventTitleContainer H1+H2 { margin-top: .65em; color: #666;  }


/*
.sItem H2 { line-height: 1.05em; margin-bottom:.2em; }


#content4 H1.c00, H2.c00, H3.c00, .c00, H1.c01, H2.c01, H3.c01, .c01, H1.c02, H2.c02, H3.c02, .c02 { background:#faf000; padding:.3em; color:#440; display:table; }
#content4 H1.s00, H2.s00, H3.s00, .s00 { text-transform: uppercase; }
#content4 H1.c01, H2.c01, H3.c01, .c01 { background:#faf000; color: #444; }
#content4 H1.c02, H2.c02, H3.c02, .c02 { background:#fff; color: #444; }
#content4 H1.c03, H2.c03, H3.c03, .c03 { color: #777; font-size: .85em; }
#content4 .c04 { color: #444; background: #6f6; }
#content4 .c05 { color: #fff; background: #f66; }
#content4 .c06 { color: #444; background: #ff6; }
#content4 .c07 { color: #000; background: #fff; font-size: 120%; }

TABLE.border TD { border: 1px solid #999; }

.box00 { border:0; color: #000; }

NAV.box01 { color:#444; background: #fff0f9; border-left: 1em solid #f90099; box-shadow: 0 1px 2px 0 #f0d9e9; }
NAV.box01 > H4, NAV.box01 > H3 { background:#ddd; padding: .5em .8em; color: #444; margin: -.8em -.8em .8em -.8em; }
NAV.box01 > H3 { font-size: 1.2em; padding-bottom: .2em; }
NAV.box01 UL { margin-top:0; margin-bottom:0.5em; }

.box00, NAV.box01, .box02, .box03, .box03a, .box03b, .box03c, .box03d, .box04, .box04a, .box04b, .box05, .box06, .box07
{ padding: .8em; margin-bottom:.8em; overflow:hidden; }

.box00 H2, .box00 H3, .box00 H4,
.box02 H2, .box02 H3, .box02 H4,
.box03 H2, .box03 H3, .box03 H4, .box03a H2, .box03a H3, .box03a H4, .box03b H2, .box03b H3, .box03b H4, .box03c H2, .box03c H3, .box03c H4, .box03d H2, .box03d H3, .box03d H4,
.box04 H2, .box04 H3, .box04 H4, .box04a H2, .box04a H3, .box04a H4, .box04b H2, .box04b H3, .box04b H4,
.box05 H2, .box05 H3, .box05 H4,
.box06 H2, .box06 H3, .box06 H4,
.box07 H2, .box07 H3, .box07 H4
{ letter-spacing:.03em; margin-bottom:.5em; padding:.5em; }

.box02 H2, .box03 H2, .box03a H2, .box03b H2, .box03c H2, .box03d H2, .box04 H2, .box04a H2, .box04b H2, .box05 H2, .box06 H2, .box07 H2
{ padding:.3em .5em; }


.box02 { background: #fff; box-shadow: 0 1px 2px 0 #ddd; }
.box02 H2, .box02 H3, .box02 H4 { background:#faf000; color: #440; }

.box03 H2, .box03 H3, .box03 H4,
.box03a H2, .box03a H3, .box03a H4,
.box03b H2, .box03b H3, .box03b H4,
.box03c H2, .box03c H3, .box03c H4,
.box03d H2, .box03d H3, .box03d H4 { margin: -12px -12px .7em -12px; }

.box03 { background:#dbdbdb; border: 1px solid black; }
.box03 H2, .box03 H3, .box03 H4 { background:#000; color: #fff;  }

.box03a { color:#444; background: #fff; box-shadow: 0 1px 2px 0 #e0e0e0; }
.box03a H2, .box03a H3, .box03a H4  { background:#ddd; color: #444; }

.box03b { color:#444; background: #fafafa; box-shadow: 0 1px 2px 0 #ddd; }
.box03b H2, .box03b H3, .box03b H4 { background: #faf000; color: #550; }

.box03b.lastChild div:last-child { 
	background: #fff;
	padding: 5px 10px;
	box-shadow: 1px 1px 2px 1px #eee; 
}

.box03c, .box03c.prio { color:#444; background: #ffffc8; border: 1px solid #dd9; }
.box03c H2, .box03 H3, .box03c H4, .box03c.prio H4 { background:#faf000; color: #444; }

.box03d { color:#444; background: #faf5f0; border-bottom: 1px solid #ff6400; box-shadow: 0 1px 2px 0 #e0e0e0; }
.box03d H2, .box03d H3, .box03d H4 { background:#ff6400; color: rgba(255, 255, 255, 0.8); }
.box03d .sub01 {
   padding:5px;font-weight:normal;background:#fdc;line-height:1.2em;font-size:1.1em;margin-bottom:5px;
}

.box04, .box04b { background: #fff; box-shadow: 0 1px 2px 0 #e0e0e0; } 
.box04 H2, .box04 H3, .box04 H4, .box04b H2, .box04b H3, .box04b H4 { background:#fffddd; color: #000; margin-left: -12px; border-left: 10px solid #faf000; display: table; }
.box04 > H4:first-child, .box04 > H3:first-child, .box04 > H2:first-child, .box04b > H4:first-child, .box04b > H3:first-child, .box04b > H2:first-child { margin-top:-12px; }

.box04b H2, .box04b H3, .box04b H4 { background:#f39696; color: #c21919; margin-left: -12px; border-left: 10px solid #c21919; display: table; }
.box04b { background: #ffe1e1; }


.box04a, .box04a.prio { background: #fff; box-shadow: 0 1px 2px 0 #e0e0e0; }
.box04a H2, .box04a H3, .box04a H4, .box04a.prio H4 { background:#eee; color: #000; } 
*/

/*
.box04a > H4 { margin-top: 0;  }
.box04a > H4:not(:first-child) { margin-top: 1.5em; }
.box04a > UL { margin-top:0; margin-bottom:0.5em; }
*/

/*
.box05 { border: 0; padding: 0; }
.box05 H2, .box05 H3, .box05 H4 { padding:.5em 0; }
.box05 P { overflow:hidden; }
.box05 UL LI { line-height: 1.1em; margin-top:.3em; }

.box06 { border: 1px solid #906; background: #fff; }
.box06 H2, .box06 H3, .box06 H4{ background:#906; color: #f9c; }
.box06 UL LI { line-height: 1.1em; margin-top:.3em; }

.box07 { border: 1px solid #900; background: #fff; }
.box07 H2, .box07 H3, .box07 H4 { background:#c33; color: #fff; letter-spacing: .05em; }
.box07 P { margin: 0 0.3em 1em 0.5em; }
.box07 UL LI { line-height: 1.1em; margin-top:.3em; }


.box00 > :last-child,
NAV.box01 > :last-child,
.box02 > :last-child,
.box03a > :last-child, .box03b > :last-child, .box03c > :last-child, .box03d > :last-child,
.box04 > :last-child, .box04a > :last-child,
.box05 > :last-child,
.box06 > :last-child,
.box07 > :last-child
{ margin-bottom:0 !important; }

.box00 * + H2, .box00 * + H3, .box00 * + H4,
.box02 * + H2, .box02 * + H3, .box02 * + H4,
.box03 * + H2, .box03 * + H3, .box03 * + H4,
.box03a * + H2, .box03a * + H3, .box03a * + H4,
.box03b * + H2, .box03b * + H3, .box03b * + H4,
.box03c * + H2, .box03c * + H3, .box03c * + H4,
.box03d * + H2, .box03d * + H3, .box03d * + H4,
.box04 * + H2, .box04 * + H3, .box04 * + H4,
.box04a * + H2, .box04a * + H3, .box04a * + H4,
.box05 * + H2, .box05 * + H3, .box05 * + H4,
.box06 * + H2, .box06 * + H3, .box06 * + H4,
.box07 * + H2, .box07 * + H3, .box07 * + H4
{ margin-top: 1.5em; }

:not(DIV) + .box00, :not(DIV) + .box02, :not(DIV) + .box03, :not(DIV) + .box03a, :not(DIV) + .box03b, :not(DIV) + .box03c, :not(DIV) + .box03d, :not(DIV) + .box04, :not(DIV) + .box04a, :not(DIV) + .box05, :not(DIV) + .box06, :not(DIV) + .box07 { margin-top: 2em; }


.boxStyle01 { box-shadow: 0 0 3px #FFCCFF; }

.boxFloatRight { font-size:.9em; line-height:1.45em; float:right; width:33%; margin-left:1em; margin-bottom:.5em; clear:both; z-index: 2; position: relative;}
.boxFloatLeft { font-size:.9em; line-height:1.45em; float:left; width:33%; margin-right:1em; margin-bottom:.5em; clear:both;  z-index: 2; position: relative;}

.boxFloatRight25, .boxFloatRight50, .boxFloatRightFlex { font-size:.9em; line-height:1.45em; float:right; margin-left:1em; margin-bottom:.5em; clear:both; }
.boxFloatRight50 { width:50%; }
.boxFloatRight25 { width:25%; }
.boxFloat100 { font-size:.9em; line-height:1.45em; clear:both; width:100%; }
.boxFloatRight IMG, .boxFloatLeft IMG, .boxFloatRight25 IMG, .boxFloatRight50 IMG, .boxFloat100 IMG { width:100%; }

.boxFloat { font-size:.9em; line-height:1.45em; clear:both; margin-bottom:1em; }

.alt01 p:nth-child(even)
{
	background:#e0e0e0;
	padding:.2em .5em;
}
.alt01 p:nth-child(odd)
{
	padding-left:.5em;
}
.alt02 p:nth-child(odd)
{
	background:#e0e0e0;
	padding:.2em .5em;
}
.alt02 p:nth-child(even)
{
	padding-left:.5em;
}

.colNoBreak P, .noBreak { overflow: hidden; break-inside: avoid-column; -webkit-column-break-inside: avoid; }


.boxOMF18 {
	background: #fff;
	border: 4px solid #00b5e3;
	
}
.boxOMF18 IMG { border-bottom: 4px solid #00b5e3; }

.boxOMF19 {
	background: #fff;
	border: 4px solid #fff200;
	
}
.boxOMF20 {
	background: #c1e1c0;
	border: 4px solid #fff;
	
}
*/

.mainEv .cntFltR_s {
	font-size:.8em; line-height:1.45em; float:right; width:300px; max-width: 50%; margin-left:4em;	margin-bottom:1em;	
}


/********** galerie ***************/

.thumbnailsContainer {
	margin-top:20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 110px);
    gap: 20px;
    justify-content: space-between;
}

/********** newsticker ***************/

.newsBlock {
/* 	font-size:.9em; */
	line-height:1.1em;
/*	margin-bottom:1.5em;
 	border-bottom: 1px solid #ddd;
	background: #fcfcfc; */
}
/*
.newsBlock TIME, .newsBlock .time, .newsBlock > H4 { font-weight: bold; }
.newsBlock TIME, .newsBlock .time { display:block; margin-bottom: .2em; letter-spacing: .05em; }
.newsBlock .time + H4 { margin-top: .2em; }
.newsBlock > H4   { letter-spacing: .1em; }
.newsBlock DIV    { margin-bottom: 1.3em; }
.newsBlock DIV:last-child { margin-bottom: 0; }
.newsBlock DIV H4 { font-size: 1.2em; line-height:1.1em; margin-bottom:.3em; }
*/
#ticketFeedClient H4, #newsFeedClient H4, .newsFeedClient H4 {
	background: none;
	margin-top: 0;
	margin-bottom: -.3em;
	padding-left: .8em;
	line-height: 1.15em;	
}
#ticketFeedClient TIME + H4, #newsFeedClient TIME + H4, .newsFeedClient TIME + H4 { margin-top: -.4em; }
#ticketFeedClient H4 { margin-bottom: .6em; margin-top: -.3em; line-height: 1.15em;  }
#newsFeedClient P, .newsFeedClient P { margin-bottom: 1em; }
#newsFeedClient P:last-child, .newsFeedClient P:last-child { margin-bottom: 0; }
#newsFeedClient  DIV + DIV, .newsFeedClient  DIV + DIV  { margin-top: 1em; }




.newsFeed {
	background: url('/i/stripes01.png') repeat;
	color:#444;
	padding:.3em;
	font-weight:bold;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.newsInfoBox {
	font-size: 1em;
	margin: .6em 0 .9em 0;
	padding-left:.4em;
}
.newsInfoBox .date {
	color: #333;
	font-weight:bold;	
}
.newsInfoBox H4 {
	font-size: 1.2em;
	margin:.2em 0 .2em 0;
	line-height: 1.1em;
}

.newsInfoBox P {	
	margin:.2em 0;
	line-height:1.1em;
}


.fadeDIV DIV {
    color: #444;
    transition: opacity 0.8s ease 0s;
} 
.fadeDIV :hover DIV {
   opacity:.4; 
} 
.fadeDIV DIV :hover {
    opacity: 1;
    color:#444;
}


.socialMedia {
	background: url('/i/stripes01.png') repeat #ded;
	color:#444;
	padding:.3em;
	font-weight:bold;
	border-top: 1px solid #9c9;
	border-bottom: 1px solid #9c9;	
}


/*************** Calendar ************/

.monProj, .monProjLogo { 
	letter-spacing: .03em;	
	font-size: .9em; 
	text-align: center; 
	width: 11em; 
	line-height: 1.1em; 
	padding:.3em; 
}
.monProjMain { font-weight:bold; margin-bottom:0em; letter-spacing: .06em; }

.ticketCell    { vertical-align: middle; text-align:center; color: #fff; padding: .5em 1em .5em 0; }
.ticketCell .buttonMain     { text-decoration:none; color:#444; padding: .2em 0; }
.ticketCell .soldOut     { background:#444;color:#fff;padding:.2em 0; font-size:.9em; }
.ticketCell .freeEntry { background:#9f9;color:#333;padding:.2em 0; font-size:.9em; }


/*
.tagBox { display: flex; justify-content: space-evenly; }
.tagBox SPAN { font-size:14px; background:#fff; color:#444; border-radius:2px; padding: 4px; margin-right:3px; }
.tagBox SPAN A { text-decoration: none !important; }
*/
.smBox     { display: flex; justify-content: space-between; flex-wrap: nowrap; }
.smBox IMG { max-width: 100%; background: #333; border-radius: 50%; padding: 4px; }
.smBox A   { flex-basis: 15%; }

.ftBox { display: inline-flex; gap: 30px; align-items: stretch; justify-content: space-between; flex-wrap: nowrap; }
.ftBox .ft1 { flex: 1 1 0; align-self: center; }
.ftBox .ft2 { flex: 3 2 0; align-self: center; }
.ftBox .ft3 { flex: 3 1 0; }



.monContent.specialCSS { background: #fff; border-left: 5px solid #00b5e3; }

/*

.calAbgesagt .monContent H1 { font-size: 18px;  }
.calAbgesagt .monContent A.monLink, .calAbgesagt .monContent A.monLink:visited, .calAbgesagt .monContent A.monLink:active, .calAbgesagt .monContent A.monLink:focus, .calAbgesagt .monContent A.monLink:hover { color: #000;  }
.calAbgesagt .monContent A.monLink:focus, .calAbgesagt .monContent A.monLink:hover { background: #ccc;  }

.calAbgesagtTitle .outerDateCell TABLE { display:none; }

.calMotzart .monContent { background: #d3e88e; border-left: 5px solid #99c018; }
.calMotzartTitle .outerDateCell TABLE { display:none; }
.calMotzartTitle .monContent { background: #d3e88e; border-left: 5px solid #d3e88e; }
.calMotzartTitle .outerDateCell {	
	background: #d3e88e url(/projekte/2020/motzart/loewe.png) no-repeat bottom right;    
	background-size: contain;	
}

.calFempowa .monContent { background: #f39696; border-left: 5px solid #ee1e1e; }
.calFempowa .monContent .tagLocation { background: #ee1e1e; color:#fff; }
.calFempowa .monContent A.monLink, .calFempowa .monContent A.monLink:visited { color:#c21919; }
.calFempowa .monContent A.monLink:active, .calFempowa .monContent A.monLink:focus, .calFempowa .monContent A.monLink:hover { background:#ee1e1e; color:#fff; }

.creativeALPS, .calCreativeALPSTitle .monContent, .calcreativeALPS .monContent { background: #d7e9ff; border-left: 5px solid #1e87ee; }
.calCreativeALPSTitle .monContent .tagLocation, .calcreativeALPS .monContent .tagLocation { background: #1e87ee; color:#fff; }
.calCreativeALPSTitle .monContent A.monLink, .calCreativeALPSTitle .monContent A.monLink:visited, .calcreativeALPS .monContent A.monLink, .calcreativeALPS .monContent A.monLink:visited { color:#1e87ee; }
.calCreativeALPSTitle .monContent A.monLink:active, .calCreativeALPSTitle .monContent A.monLink:focus, .calCreativeALPSTitle .monContent A.monLink:hover, .calcreativeALPS .monContent A.monLink:active, .calcreativeALPS .monContent A.monLink:focus, .calcreativeALPS .monContent A.monLink:hover { background:#1e87ee; color:#fff; }
.calCreativeALPSTitle .outerDateCell TABLE { display:none; }
.calCreativeALPSTitle .monContent { background: #d7e9ff; border-left: 5px solid #d7e9ff; }
.calCreativeALPSTitle .outerDateCell {	
	background: #d7e9ff url(/projekte/2019/creativealps/logo_creativealps_s.png) no-repeat bottom right;    
	background-size: contain;	
}

.calPerfTage .monContent { background: #f5bf06; border-left: 5px solid #d28603; }
.calPerfTage .monContent .tagLocation { background: #d28603; color:#fff; }
.calPerfTage .monContent A.monLink, .calPerfTage .monContent A.monLink:visited { color:#9f6603; }
.calPerfTage .monContent A.monLink:active, .calPerfTage .monContent A.monLink:focus, .calPerfTage .monContent A.monLink:hover { background:#9f6603; color:#fff; }

.calOpenMind .monContent { background: #d3edf3; border-left: 5px solid #00b5e3; }
.calOpenMind .monContent .tagLocation { background: #00b5e3; color:#fff; }
.calOpenMind .monContent A.monLink, .calOpenMind .monContent A.monLink:visited { color:#1693b3; }
.calOpenMind .monContent A.monLink:active, .calOpenMind .monContent A.monLink:focus, .calOpenMind .monContent A.monLink:hover { background:#1693b3; color:#fff; }

.calSzene .monContent { background: #e3000b; border-left: 5px solid #990000; border-top: 1px solid #f00; }
.calSzene .monContent .tagSerie { background: #eaa; color:#000; }
.calSzene .monContent .tagSerieInfo { background: #900; color:#fff; }
.calSzene .monContent .tagLocation { background: #500; color:#fff; }
.calSzene .monContent A.monLink, .calSzene .monContent A.monLink:visited { color:#fff; }
.calSzene .monContent A.monLink:active, .calSzene .monContent A.monLink:focus, .calSzene .monContent A.monLink:hover { background:#e3000b; color:#fff; }
.calSzene .monContent H2 { color: #fdd; }
.calSzene .outerDateCell { background: #fdd; border-top: 1px solid #f00; }

.calJTheaterTitle .monContent, .calJTheater .monContent { background: rgba(255, 174, 66, 0.66); border-left: 5px solid #ec8615; padding: .3em .5em; }
.calJTheaterTitle .monContent .tagLocation, .calJTheater .monContent .tagLocation { background: #ec8615; color:#fff; }
.calJTheaterTitle .monContent A.monLink, .calJTheaterTitle .monContent A.monLink:visited, .calJTheater .monContent A.monLink, .calJTheater .monContent A.monLink:visited { color: #d74c00; }
.calJTheaterTitle .monContent A.monLink:active, .calJTheaterTitle .monContent A.monLink:focus, .calJTheaterTitle .monContent A.monLink:hover, .calJTheater .monContent A.monLink:active, .calJTheater .monContent A.monLink:focus, .calJTheater .monContent A.monLink:hover { background: #d74c00; color: #fff; }
.calJTheater .monContent H1 { font-size: 1.6em; }
.calJTheater .monContent H2 { font-size: 1em; }
.calJTheaterTitle .outerDateCell, .calJTheater .outerDateCell { background: #edc; }
.calJTheater .innerDateCell { padding: .2em 0; }
.calJTheaterTitle .dateTime { display: none; }

.calSCIFI .monContent, .calSCIFI .monContent { background: #d7e9ff; border-left: 5px solid #000; }
.calSCIFITitle .monContent .tagLocation, .calSCIFI .monContent .tagLocation { background: #000; color:#fff; }
.calSCIFITitle .monContent A.monLink, .calSCIFITitle .monContent A.monLink:visited, .calSCIFI .monContent A.monLink, .calSCIFI .monContent A.monLink:visited { color:#000; }
.calSCIFITitle .monContent A.monLink:active, .calSCIFITitle .monContent A.monLink:focus, .calSCIFITitle .monContent A.monLink:hover, .calSCIFI .monContent A.monLink:active, .calSCIFI .monContent A.monLink:focus, .calSCIFI .monContent A.monLink:hover { background:#000; color:#fff; }
.calSCIFITitle .outerDateCell TABLE { display:none; }
.calSCIFITitle .monContent { background: #d7e9ff; border-left: 5px solid #000; }
.calSCIFITitle .outerDateCell {	
	background: #d7e9ff url(/projekte/2019/sciencemeetsfiction/logo_sciencemeetsfiction_s.png) no-repeat bottom right;    
	background-size: contain;	
}

.calTanzhouseTitle .monContent, .calTanzhouse .monContent { background: rgba(191,0,66,0.1); border-left: 1px solid rgb(191,0,66); border-top: 1px solid rgb(191,0,66); }
.calTanzhouseTitle .monContent .tagSerie,     .calTanzhouse .monContent .tagSerie { background: rgb(191,0,66); color:#fff; }
.calTanzhouseTitle .monContent .tagSerieInfo, .calTanzhouse .monContent .tagSerieInfo { background: rgb(120,0,40); color:#fff; }
.calTanzhouseTitle .monContent .tagLocation,  .calTanzhouse .monContent .tagLocation { background: rgb(80,0,20); color:#fff; }
.calTanzhouseTitle .monContent A.monLink, .calTanzhouseTitle .monContent A.monLink:visited, .calTanzhouse .monContent A.monLink, .calTanzhouse .monContent A.monLink:visited { color: rgb(0,0,0); }
.calTanzhouseTitle .monContent A.monLink:active, .calTanzhouseTitle .monContent A.monLink:focus, .calTanzhouseTitle .monContent A.monLink:hover, .calTanzhouse .monContent A.monLink:active, .calTanzhouse .monContent A.monLink:focus, .calTanzhouse .monContent A.monLink:hover { background:rgb(191,0,66); color:#fff; }
.calTanzhouseTitle .monContent H2, .calTanzhouse .monContent H2 { color: rgb(191,0,66); }
.calTanzhouse .outerDateCell { background: rgb(243,241,237); border-top: 1px solid rgb(191,0,66); }
.calTanzhouseTitle .outerDateCell TABLE { display:none; }
.calTanzhouseTitle .outerDateCell {	
	border-top: 1px solid rgb(240,0,90);
	background: rgb(243,241,237) url(/projekte/2019/tanz_house/2019_tanz_house_s.jpg) no-repeat bottom right;    
	background-size: contain;	
}


.calOMF19 .monContent { background: rgb(238,45,36); border-left: 1px solid #000; border-top: 0; border-bottom: 0; padding-top: .5em; padding-bottom: .5em; }
.calOMF19 .monContent .tagSerie { background: rgba(255,255,255,1); color:#000; }
.calOMF19 .monContent .tagSerieInfo { background: rgba(0,0,0,.5); color:#fff; }
.calOMF19 .monContent .tagLocation { background: rgba(0,0,0,.95); color:#fff; }
.calOMF19 .monContent A.monLink, .calOMF19 .monContent A.monLink:visited { color:#fff; }
.calOMF19 .monContent A.monLink:active, .calOMF19 .monContent A.monLink:focus, .calOMF19 .monContent A.monLink:hover { background:#fff; color:rgb(238,45,36); }
.calOMF19 .monContent H2 { color: #fff; }
.calOMF19 .outerDateCell { background: rgb(237,232,10); border-top: 0; border-bottom: 0; } 
.calOMF19Title .outerDateCell { background: rgb(237,232,10) url(/projekte/2019/openmindfestival/2019_omf_s.png) no-repeat bottom right; 	background-size: contain; border-top: 0; border-bottom: 0; } 
.calOMF19Title .outerDateCell TABLE { display:none; }

.calOMF19Abgesagt .monContent H1 { font-size: 18px;  }


.calOMF20 .monContent { background: #d0ecc6; border-left: 2px solid #8acd73; border-top: 0; border-bottom: 0; padding-top: .5em; padding-bottom: .5em; }
.calOMF20 .monContent .tagSerie { background: rgba(255,255,255,1); color:#000; }
.calOMF20 .monContent .tagSerieInfo { background: rgba(0,0,0,.5); color:#fff; }
.calOMF20 .monContent .tagLocation { background: rgba(0,0,0,.95); color:#fff; }
.calOMF20Title .outerDateCell TABLE { display:none; }
.calOMF20Abgesagt .monContent H1 { font-size: 18px;  }
.calOMF20Abgesagt .monContent A.monLink, .calOMF20Abgesagt .monContent A.monLink:visited, .calOMF20Abgesagt .monContent A.monLink:active, .calOMF20Abgesagt .monContent A.monLink:focus, .calOMF20Abgesagt .monContent A.monLink:hover { color: #666;  }

.calDS20 .monContent, .calDS20 .monContent { background: #b0cfd9; border-left: 5px solid #8caeb5; }
.calDS20Title .monContent .tagLocation, .calDS20 .monContent .tagLocation { background: #c46b67; color:#fff; }
.calDS20Title .monContent A.monLink, .calDS20Title .monContent A.monLink:visited, .calDS20 .monContent A.monLink, .calDS20 .monContent A.monLink:visited { color:#000; }
.calDS20Title .monContent A.monLink:active, .calDS20Title .monContent A.monLink:focus, .calDS20Title .monContent A.monLink:hover, .calDS20 .monContent A.monLink:active, .calDS20 .monContent A.monLink:focus, .calDS20 .monContent A.monLink:hover { background:#ccc; color:#333; }
.calDS20Title .outerDateCell TABLE { display:none;  }
.calDS20Title .monContent { background: #b0cfd9; border-left: 5px solid #8caeb5; }
.calDS20Title .outerDateCell {	background: #b0cfd9; }
.calDS20 .monContent H1, .calDS20Title .monContent H1 { font-size: 18px; }


.calPerfTage20 .monContent { background: #FC8A17; color:#fff; border-left: 5px solid #d28603; }
.calPerfTage20 .monContent  A.monLink, .calPerfTage20 .monContent A.monLink:visited { color: #fff; }
.calPerfTage20 .monContent .tagLocation { background: #d28603; color:#fff; }
.calPerfTage20 .monContent A.monLink, .calPerfTage20 .monContent A.monLink:visited { color:#fff; }
.calPerfTage20 .monContent A.monLink:active, .calPerfTage20 .monContent A.monLink:focus, .calPerfTage20 .monContent A.monLink:hover { background:#9f6603; color:#fff; }
.calPerfTage20Title .outerDateCell TABLE { display:none;  }
.calPerfTage20Title .monContent { background: #FC8A17; border-left: 5px solid #FC8A17; }
.calPerfTage20Title .outerDateCell {	background: #FC8A17; }

.calPerfTage20Abg .monContent { background: #FFC890; color:#333; border-left: 5px solid #d28603; }
.calPerfTage20Abg .monContent  A.monLink, .calPerfTage20Abg .monContent A.monLink:visited { color: #333; }
.calPerfTage20Abg .monContent .tagLocation { background: #e8b867; color:#333; }
.calPerfTage20Abg .monContent A.monLink, .calPerfTage20Abg .monContent A.monLink:visited { color:#333; }
.calPerfTage20Abg .monContent A.monLink:active, .calPerfTage20Abg .monContent A.monLink:focus, .calPerfTage20Abg .monContent A.monLink:hover { background:#9f6603; color:#fff; }
.calPerfTage20Abg .monContent H1 { font-size: 18px; }


.calTanz20 .monContent { background: #5da380; border-left: 2px solid #8acd73; border-top: 0; border-bottom: 0; padding-top: .5em; padding-bottom: .5em; }
.calTanz20 .monContent  A.monLink, .calTanz20 .monContent A.monLink:visited, .calTanz20Title .monContent  A.monLink, .calTanz20Title .monContent A.monLink:visited { color: #fff; }
.calTanz20 .monContent .tagSerie { background: rgba(255,255,255,1); color:#000; }
.calTanz20 .monContent .tagSerieInfo { background: rgba(0,0,0,.5); color:#fff; }
.calTanz20 .monContent .tagLocation { background: rgba(0,0,0,.95); color:#fff; }
.calTanz20Title .outerDateCell TABLE { display:none; }

.calMotzart21 .monContent { background: #fcd828; border-left: 5px solid #e1bd0e; }
.calMotzart21Title .outerDateCell TABLE { display:none; }
.calMotzart21Title .monContent { background: #fcd828; border-left: 5px solid #e1bd0e; }
.calMotzart21Title .outerDateCell {	
	background: url(/projekte/2021/motzart/loewe.png) no-repeat bottom right;    
	background-size: contain;	
}
*/



/*************** home 

#divRss .feedEkList LI { list-style-image:none !important; list-style-type:none !important; margin-left:0 !important; margin-bottom: 1em; }
#divRss .feedEkList LI .itemTitle { font-size:1.1em !important; font-weight:bold;   line-height: 1.2em; }
#divRss .feedEkList LI P { margin-bottom:0 !important; }
#divRss .feedEkList DIV { margin-bottom:.2em; }

************/


/********** buttons ******************/

/*
.flex01 DIV.buttonMain, .flex01 DIV.buttonNeutral, .flex01 DIV.buttonPrint, .flex01 DIV.buttonRefresh, .flex01 DIV.buttonCancel, .flex01 DIV.buttonNew, .flex01 DIV.buttonDelete, .flex01 DIV.buttonNav, .flex01 DIV.buttonCart
{
	flex: 1;
}


.buttonMain, .buttonNeutral, .buttonPrint, .buttonRefresh, .buttonCancel, .buttonNew, .buttonDelete, .buttonNav, .buttonCart
{
	padding: .3em;
	text-align: center;	
	cursor: pointer;
}

.buttonMain, .buttonMain:hover, .buttonMain:Active ,
.buttonNeutral, .buttonNeutral:hover, .buttonNeutral:Active,
.buttonPrint, .buttonPrint:hover, .buttonPrint:Active,
.buttonRefresh, .buttonRefresh:hover, .buttonRefresh:Active,
.buttonCancel, .buttonCancel:hover, .buttonCancel:Active,
.buttonNew, .buttonNew:hover, .buttonNew:Active,
.buttonDelete, .buttonDelete:hover, .buttonDelete:Active,
.buttonNav, .buttonNav:hover, .buttonNav:Active,
.buttonCart, .buttonCart:hover, .buttonCart:Active 
{
	transition: background 1s ease, color 1s ease, border 1s ease;
    -webkit-transition: background 1s ease, color 1s ease, border 1s ease;
	-moz-transition: background 1s ease, color 1s ease, border 1s ease;
	-o-transition: background 1s ease, color 1s ease, border 1s ease;
}

.buttonMain {
	border: 1px solid #cc0;
	background: #ff0;
}
.buttonMain:hover, .buttonMain:Active {
	border: 1px solid #444;
	background: #ff9;
}

.buttonNeutral {
	border: 1px solid #aaa;
	background: #ccc;
}
.buttonNeutral:hover, .buttonNeutral:Active {
	background: #ddd;
}

.buttonPrint {
	border: 1px solid #0c0;
	background: #8f8;	
}
.buttonPrint:hover, .buttonPrint:Active {
	background: #dfd;	
}

.buttonRefresh {
	border-radius: 4px;
	border: 1px solid rgb(var(--colSecDk));
	background: rgb(var(--colSecLt));
	color: rgb(var(--colFnt));
}
.buttonRefresh:hover, .buttonRefresh:Active {
	background: #77f;	
}

.buttonCancel {
	border: 1px solid #f00;
	background: #c00;
	color: #fff;	
}
.buttonCancel:hover, .buttonCancel:Active {
	background:#f00;
	color: #fff;
}

.buttonNew {
	border: 1px solid #c60;
	background: #f90;
	color:#fff;
}
.buttonNew:hover, .buttonNew:Active {
	background: #fb3;
}

.buttonDelete {
	border: 1px solid #f00;
	background: #333;
	color: #eee;
}

.buttonDelete:hover, .buttonDelete:Active {
	background: #833;
}

.buttonNav {
	border: 1px solid #f7f;
	background: #c4f;
	color: #eee;
}
.buttonNav:hover, .buttonNav:Active {
	background: #e3e;
}


.buttonCart {
	border: 1px solid #ccc;
	background: #eee;
}
.buttonCart:hover, .buttonCart:Active {
	background: #fff;
}

.buttonMain:Active, .buttonNeutral:Active, .buttonPrint:Active, .buttonRefresh:Active, .buttonCancel:Active, .buttonNew:Active, .buttonNav:Active {
	color: #f00 !important;
}
.buttonNeutral A, .buttonPrint A, .buttonNew A,
A.buttonNeutral, A.buttonPrint, A.buttonNew,
A .buttonNeutral, A .buttonPrint, A .buttonNew
{	color: #000 !important;	text-decoration: none !important; }

.buttonNav A, .buttonDelete A, .buttonRefresh A,
A.buttonNav, A.buttonDelete, A.buttonRefresh,
A .buttonNav, A .buttonDelete, A .buttonRefresh,
A.buttonCancel, .buttonCancel A, A .buttonCancel
{ color: #fff !important; text-decoration: none !important; }
*/


/*
#content4 .buttonMain A:Link, #content4 .buttonMain A:visited, #content4 .buttonMain A:Active, #content4 .buttonMain A:Hover { text-decoration:none; background:none; color:#000; }
*/
.dotCol { color: #e09; }

/*************** Peanuts ************/

.futureDate { background: #6f6 !important; }

/*************** Log ************/

/*
.logTable		{ display: table; margin: 0; padding: 0; width: 100%;  border-collapse: collapse; border-top: 1px solid #c00; }
.logTableRow	{ display:table-row; }
.logTableCol1	{ display: table-cell; margin:0; padding:.4em; width: 25%; }
.logTableCol2	{ display: table-cell; margin:0; padding:.4em; width: 75%; }
.logTableCol2 H4	{ background: #ddd none repeat scroll 0 0; width:50%; font-size: 1em; padding:.2em; }
.logTableDate	{ background: #fff; margin-top: 0; padding: 0.3em; }
.logTableUser	{ }
.logTable .logTable { border:0; }


.logAboComplete, .logAboSingle { width: 100%; }
.logAboComplete TD, .logAboSingle TD { padding: 2px; border: 0; }
.logAboComplete .buttonBar, .logAboSingle .buttonBar { font-size:1.5em; padding: 0.1em 0.2em; color: rgb(255, 255, 255); }
.logAboComplete .buttonDef, .logAboSingle .buttonDef {  margin: 0px 0.3em; padding: 0.1em 0.6em; background: rgb(190, 50, 50);color: rgb(255, 255, 255); }

.logAboSingleHeader, .logAboSingle TD { background: #fdd; padding: 3px; text-align: center; }
.logAboSingle .buttonBar { font-size:1em; background: #944; color: rgb(255, 255, 255); }
*/

.logCancel {
	display: grid;
	grid-template-columns: auto auto;
	gap: .2rem;
	grid-auto-flow: column;
}
.logCancel .btnBar {
  grid-column: 1;
  grid-row: 1 / 3;
  font-size: 1.5em;
}
.logCancel .btnCan { }


/******* Seats ******************/

.seat TH { background: white; font-size: 1.2em; }
#svg-container .Selected,	#SeatPlan .Selected		{  fill: orange !important;  }	.seat .Selected	{ background: orange; }
#svg-container .Free,		#SeatPlan .Free			{   fill: #bbb;   }				.seat .Free		{ background: #d9d9d9;   }
#svg-container .Blocked,	#SeatPlan .Blocked		{   fill: #333;  }				.seat .Blocked	{ background: #333; color: #fff; }
#svg-container .Covid,		#SeatPlan .Covid		{   fill: #dd0;  }				.seat .Covid  	{ background: #ee0;  }
#svg-container .Reserved,	#SeatPlan .Reserved		{   fill: #d00;  }				.seat .Reserved	{ background: #f44545; color: #fff; }
#svg-container .Sold,		#SeatPlan .Sold			{   fill: #090;  }				.seat .Sold		{ background: #57dd57;; color: #000; }
#svg-container .Waitlist,	#SeatPlan .Waitlist		{   fill: #090;  }				.seat .Waitlist	{ background: #5e9dff; color: #fff; }
#svg-container .Deleted,	#SeatPlan .Deleted		{   fill: transparent;  }
  
.SelectableElement  {
	stroke: #009;
	stroke-width: 0;
	fill: transparent;
}

.SelectableElementLight  {
	stroke: #009;
	stroke-width: 0.1;
	fill: transparent;
}

.SelectedElement
{
	stroke: #c00;
	stroke-width: 5;
	fill: transparent;
}
.PlusMinusButton:hover  {   opacity: 1;  }

.StageObject
{
	stroke: #111;
	stroke-width: 2;
	fill: #ddd;
}

.StageObjectLabel
{
	font-family: sans-serif;
	fill: #111;
}

.EllipseObject
{
	stroke: #111;
	stroke-width: 2;
	fill: #ddd;
}

.EllipseObjectLabel
{
	font-family: sans-serif;
	fill: #111;
}

.price-default { fill: transparent; }
.price-1 {       fill: rgba(var(--colPriDk),var(--tra15)); }
.price-2 {       fill: rgba(var(--colPriDk),var(--tra60)); }
.price-3 {       fill: rgba(var(--colPriDk),var(--tra45)); }
.price-4 {       fill: rgba(var(--colPriDk),var(--tra60)); }
.price-5 {       fill: rgba(var(--colPriDk),var(--tra75)); }
.price-6 {       fill: rgba(var(--colBckDk),var(--tra15)); }
.price-7 {       fill: rgba(var(--colBckDk),var(--tra30)); }
.price-8 {       fill: rgba(var(--colBckDk),var(--tra45)); }
.price-9 {       fill: rgba(var(--colBckDk),var(--tra60)); }
.price-10 {      fill: rgba(var(--colBckDk),var(--tra75)); }

.noHyph { hyphens: none; -moz-hyphens: none; }

/********************************/

.eTicketList LI { margin-bottom: 2px; }
.eTicketSeat { border-radius: 3px;border:1px solid #333;background:#fff;padding-right:3px; padding-left: 3px; margin-right:3px; }

.grid_TicketReservationList {
	display: grid;
	grid-template-columns: min-content auto min-content;
}

.ticketSaleDetail, .ticketWaitDetail, .ticketSeatDetail {
	border: 2px solid rgb(var(--colBckDk));
	margin-bottom: 2rem;
	width: 100%;
}
.ticketSaleDetail TD, .ticketSaleDetail TH, .ticketWaitDetail TD, .ticketWaitDetail TH, .ticketSeatDetail TD, .ticketSeatDetail TH {  
	border: 1px solid rgb(var(--colBckDk));
	padding: .1rem .2rem;
	text-align: right;
}
.ticketSaleDetail TH {
	background: rgb(var(--colSec));
}
.ticketSaleDetail TFOOT TD {
	background: rgb(var(--colSecLt));
}
.ticketSaleDetail .noWrap TD {
	white-space: nowrap;
}

.ticketWaitDetail TH {
	background: rgb(0, 183, 255);
	color: white;
}

.ticketSeatDetail .free		{ font-variation-settings: "wght" 650; }
.ticketSeatDetail .sold, #TicketOrderList .tckColl TD:first-child		{ background: rgb(211, 255, 0); }
.ticketSeatDetail .covid	{ background: rgb(202, 124, 255); color: white; }
.ticketSeatDetail .blocked	{ background: rgb(0, 0, 0); color: white; }
.ticketSeatDetail .reserved, #TicketOrderList .tckRes TD:first-child  { background: rgb(255, 108, 108); color: white; }
.ticketSeatDetail .hiL		{ background: white; }

#TicketOrderList .etckColl TD:first-child { background: rgba(255, 211, 0, .4); }
#TicketOrderList .etckPaid TD:first-child { background: rgba(211, 255, 0, .4); }
#TicketOrderList .tckDel TD:first-child { background: rgba(0, 0, 0, .7); color: white; }


.grid_TicketReservationForm {
	display: grid;
	grid-template-columns: min-content auto min-content;
	gap: 3em;
}

HEADER.m0 H1, HEADER.m0 H2, HEADER.m0 H3, HEADER.m0 H4, HEADER.m0 H5  {
	margin-bottom: .2em;
	margin-top: .2em;
}




/********************************/

.fullscreenBG:before {
    content: "";
    position: fixed;
    top: 50%;
    left: 0px;
    right: 0px;
    opacity: 0.4;
    background-color: #151515;
    height: 200px;
    margin-top: -117px;
    box-shadow: 0px 0px 50px 50px #151515;
}
.fullscreenBG {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    transition: opacity 0.25s ease-out 0s;
}

.e404 { font-size: 20em; color: #999; text-shadow:2px 1px 2px #999; margin-bottom:0; }

.userGroup LI { margin-bottom: .7em;  }
.userGroup LI SPAN { display:block; font-size:smaller; line-height: 130%; }
.userGroup LI LI  { font-size: .85em; margin-bottom: .1em; }
.userGroup UL { margin-top: .2em; margin-bottom: .4em; }

.paginationCount, .pagination    { /* font-family: monospace; font-size:1.2em; */  font-weight:bold; padding: .4em; display: inline-block; position: relative; background: #eee; border-radius: 2px;  border: 1px solid #aaa; background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.85), rgba(247, 247, 247, 0.85)); }
.pagination A, .pagination SPAN { text-decoration: none;  padding: .1em; margin-left: .3em; margin-right: .3em; }
.pagination SPAN { background: #777; color: #fff; padding-left: .5em; padding-right: .5em; border-radius: 2px; }
.paginationCount { font-weight: normal; }

.svgP1 { margin: 1em 0 .5em 0; }
.svgP1 POLYGON, #svgP1 { fill:yellow; }
.svgL1 { fill:#666; }

/*
#content1 .content1_img, .content1_img { display:table-cell; }
#content1 .content1_cart, .content1_cart { display:table-cell;vertical-align:middle;padding-right:1em; }
#content1 .content1_cart DIV, .content1_cart DIV { color:#fff;width:54px;height:32px;margin: auto 0 auto auto; }
#content1 .content1_cart DIV DIV, .content1_cart DIV DIV {
	width:54px;
	height:32px;
	background:url(/i/warenkorb.png);
	text-align:center;
	vertical-align:middle;
	color:#7f7;
	font-size:1.3em;
	text-decoration:none; 
	line-height: .9em;
	font-weight: bold;
}
.topMenu .content1_cart { float:right; }
*/



.cartError { color: red; }
.omfHeader { color: #aaa; }

.logoPos { float:left;margin-right:5px;padding:10px;display:table; }
.logoPos IMG { display: block; }

.email:before {
    content: "\006a\0068\006f\006e\0040\0067\006d\0061\0069\006c\002e\0063\006f\006d";
}
.e-mail:before {
            content: attr(data-website) "\0040" attr(data-user);
            unicode-bidi: bidi-override;
            direction: rtl;
        }

#InfoPanel .ui-state-highlight, #InfoPanel .ui-state-error { margin: 0 0 1em 0; padding: .5em; }
#InfoPanel .ui-icon { float: left; margin-right: .3em; margin-top: .13em !important; }

.errorBorder  { border: 2px solid #c00 !important; }

.boxPresse { margin-bottom: 5rem; }
.boxPresse H2, .boxPresse H3 { margin-top: 0; }
.boxPresse .boxTitle { margin-bottom: .5em; }
.boxPresse .boxItemCont{ 
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.boxPresse .boxItem{ /* float:left;margin-right:5px;height:170px;padding:10px; */ display:table; }
.boxPresse .boxTextItem { font-size:.8em;font-weight:normal;line-height:1em; }
.boxPresse .boxDescItem { background:#eee;padding:1px;margin:0;text-align:center;width:8%; }
.boxPresse .boxDescItem1 { font-size:.8em;line-height:1em; }
.boxPresse .boxItemHeigt { height:100px;display:block; }
.boxPresse .boxItemBorder { border:1px solid #f09; }

.prItem { margin-bottom: 5rem; }
.prFile {
	display: grid;
	gap: .6em;
}	
.prFileLine {
	display: flex;
	align-items: center;
	gap: .4em;	
}
.prFileLineSz { width: 10em; }


.iframeOSM {
	width: 100%;	
	height: 500px;	
	background: #ccc;	
}
.iframeOSM IFRAME { height: 100%; width: 100%; border: 0; }

.iframewrapper         {width:100%; max-width: 1024px; height:100%; margin:0 auto; background:#CCC}
.iframeinsideStandard  {position:relative; padding-top: 56%;}
.iframeinsidePartner    {position:relative; padding-top: 70%;}
.iframeinsideStandard iframe, .iframeinsidePartner iframe {position:absolute;top:0;left:0;width:100%; height:100%;}
.iframewrapper iframe { border: 0; }

/**** specials ****/


@keyframes pulse {
    0% {  background-color: rgb(50,140,255); }    
	50% {  background-color: rgb(0,0,255); }	
    100% {  background-color: rgb(50,140,255); }
}

.waitListPulse {    
    background-color: rgba(50,140,255,100);
    animation: pulse 3s infinite ease-in-out;
	color: #fff;
}
.btn.evLst.waitListPulse { color: #fff; }






.newsKrilit { position: relative; }
.newsKrilit IMG { width: 100%; position:relative; z-index:1; opacity: 0.6; }
.newsKrilit .d { position:absolute;z-index:2;top: 1em;left: 10px;background: rgba(230,230,230,.5);padding: .2em; }
.newsKrilit .t { position: absolute;z-index: 2;bottom: .5em;left: 10px;background: rgba(230,230,230,.7);padding: .2em .2em .4em .2em;font-size: 1.3em;line-height: 100%;margin-right: .5em;hyphens: none !important; }

.tag { /* width: 100%;  */ margin-bottom: 5px; }

.tag.active     { background: #6e6; padding: 2px 3px 4px 3px; border: 1px solid black; }
.tag.inactive { background: #eee; padding: 2px 3px 4px 3px; border: 1px solid black; }
.tag.active:DISABLED { background: #afa; color: #777; }
.tag.inactive:DISABLED { background: #ddd; color: #999; }

.tlsHint { background: #fdd; color: #c00; padding: 2px; border-radius: 5px; margin-top: -15px; }
.glowThis { 
  background-color: #004A7F; 
  -webkit-border-radius: 5px;   
  border-radius: 5px;
  border: none;
  color: #FFFFFF !important;
  /*  cursor: pointer;
  display: inline-block; */
  padding: 3px 10px;
  text-align: center;
  margin: 3px 7px 3px 1px;
  font-weight: bold;
  text-decoration: none !important;
 }
 
 @-webkit-keyframes glowThis {
  0% { background-color: #B20000; box-shadow: 0 0 0px #B20000; }
  10% { background-color: #B20000; box-shadow: 0 0 1px #B20000; }
  20% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 8px #FF0000; }
  90% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  100% { background-color: #B20000; box-shadow: 0 0 0px #B20000; }
}

@-moz-keyframes glowThis {
  0% { background-color: #B20000; box-shadow: 0 0 0px #B20000; }
  10% { background-color: #B20000; box-shadow: 0 0 1px #B20000; }
  20% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 8px #FF0000; }
  90% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  100% { background-color: #B20000; box-shadow: 0 0 0px #B20000; }
}

@-o-keyframes glowThis {
  0% { background-color: #B20000; box-shadow: 0 0 0px #B20000; }
  10% { background-color: #B20000; box-shadow: 0 0 1px #B20000; }
  20% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 8px #FF0000; }
  90% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  100% { background-color: #B20000; box-shadow: 0 0 0px #B20000; }
}

@keyframes glowThis {
  0% { background-color: #B20000; box-shadow: 0 0 0px #B20000; }
  10% { background-color: #B20000; box-shadow: 0 0 1px #B20000; }
  20% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 8px #FF0000; }
  90% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  100% { background-color: #B20000; box-shadow: 0 0 0px #B20000; }
}
.glowThis {
  -webkit-animation: glowThis 1500ms infinite;
  -moz-animation: glowThis 1500ms infinite;
  -o-animation: glowThis 1500ms infinite;
  animation: glowThis 1500ms infinite;
}



@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.pulse01 {
   -webkit-animation: flickerAnimation 2s infinite;
   -moz-animation: flickerAnimation 2s infinite;
   -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite;
	
	
	background: #c00;
	padding: 2px 4px;
	color: #fff;
}

.highlightYou { background: #fc0 !important; }

h1 {
	/* --delay: 1000ms;  calc((var(--char-index) + 1) * 400ms); */
	
	
/*	animation: breathe 4000ms;  */     /*  infinite both; */
/*	animation-delay: 1000ms; */
}
h1:hover {
	animation-play-state: paused;
}
@keyframes breathe {
	0% {
		font-variation-settings: 'wght' 500, 'wdth' 85;
		/* font-size: 10vw; */
	}
	50% {
		font-variation-settings: 'wght' 100, 'wdth' 85;
		/* font-size: 10vw; */
	}
	
	100% {
		font-variation-settings: 'wght' 500, 'wdth' 85;
		/* font-size: 10vw; */
	}
}


.evMain {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
	column-gap: 20px;		
	row-gap: 20px;
	margin-top: 1rem;
}

.evMain > DIV {	
	position: relative;	
	/* justify-self: stretch; */
}

.evMain IMG {
	max-width: 100%;
	width: 100%;
	border-radius: 4px;
}



.evItem { 
	display: grid;
	grid-template-columns: 220px auto 150px;
	column-gap: 15px;
	
	border-radius: 4px;
	border: 2px solid #f0f0f0;
	background: #fdfdfd;
	padding: 5px;
	
 }
.evItem > DIV {	position: relative;	}
.evItem.evSecret { background: rgba(var(--colBckDk),var(--tra10)); }

.evEdit {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
	column-gap: 5px;	
	width: 100%;
	row-gap: 5px;
	
    align-self: start;	
}
.evEdit > DIV {
	padding: 2px;
	text-align: center;
	/* align-self: center; */
	border-radius: 4px;	
}
.evEdit .clk {
	background: rgba(41, 188, 250, .6);	
	border: 2px solid rgba(41, 188, 250, .2); 
}
/*
@keyframes plsWait {
  0%   { border-color: rgba(41, 188, 250, .2); } 
  50%  { border-color: rgba(0, 0, 250, 1); }  
  100% { border-color: rgba(41, 188, 250, .2); } 
}
.clk.plsWait {
  animation: plsWait 3000ms infinite;
}
*/



.btnStack {
  font-family: Oswald;
  background-color: orange;
  color: white;
  text-decoration: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

a.btnStack:hover {
  background-color: #000;
}

.btn.hid {
	display: none;
	visibility: hidden;
}

.btn.evLst, .btn.evLst:link {
	background: rgba(41, 188, 250, .2);	
	border: 2px solid rgba(41, 188, 250, .7);	
}
.btn.evLst:HOVER {
	background: rgba(41, 188, 250, .6);
} 

.btn.evRes, .btn.evRes:link {
	background: rgba(255, 215, 0, .3);
	border: 2px solid rgba(149, 118, 0, .2);
}
.btn.evRes:HOVER {
	background: rgba(255, 215, 0, .9);
} 

.btn.evPrn, .btn.evPrn:link {
	background: rgba(139, 255, 0, .3);
	border: 2px solid rgba(109, 149, 0, 0.2);
}
.btn.evPrn:HOVER {
	background: rgba(139, 255, 0, .9);
} 

.btn.evRev, .btn.evRev:link {	
	background: rgba(80, 190, 0, .4);
	border: 2px solid rgba(109, 149, 0, 0.6);
}
.btn.evRev:HOVER {
	background: rgba(80, 190, 0, 1);
} 

.btn.evRep, .btn.evRep:link {	
	background: rgba(21, 158, 200, .5);	
	border: 2px solid rgba(21, 158, 200, .7);
}
.btn.evRep:HOVER {
	background:rgba(21, 158, 200, .8);
}

.btn.evEdt, .btn.evEdt:link {	
	background: rgba(215, 215, 215, .4);
	border: 2px solid rgba(180, 180, 180, .8);	
}
.btn.evEdt:HOVER {
	background: rgba(215, 215, 215, 1);
} 

.btn.evNew, .btn.evNew:link {	
	background: rgba(255, 120, 0, .4);
	border: 2px solid rgba(255, 120, 0, .7);	
}
.btn.evNew:HOVER {
	background: rgba(255, 120, 0, .9);
		
}
.btn.evNtr, .btn.evNtr:link {	
	background: rgba(255, 255, 255, .6);
	border: 2px solid rgba(200, 200, 200, .6);	
}
.btn.evNtr:HOVER {
	background: rgba(245, 245, 245, .9);
}

.btn.evAct, .btn.evAct:link {	
	background: rgba(0, 255, 0, .6);
	border: 2px solid rgba(0, 200, 0, .6);	
}
.btn.evAct:HOVER {
	background: rgba(245, 245, 245, .9);
}

.btn.evIna, .btn.evIna:link {	
	background: rgba(255, 0, 0, .6);
	border: 2px solid rgba(200, 0, 0, .6);	
}
.btn.evIna:HOVER {
	background: rgba(245, 100, 100, .9);
}


.btn.evCnc, .btn.evCnc:link {	
	background: rgba(0, 0, 0, .3);
	border: 2px solid rgba(0, 0, 0, .4);
    
}
.btn.evCnc:HOVER {
	background: rgba(0, 0, 0, .95);
	border: 2px solid rgba(150, 0, 0, .8);
} 

.btn.evIna:HOVER, .btn.evAct:HOVER, .btn.evLst:HOVER, .btn.evRes:HOVER, .btn.evPrn:HOVER, .btn.evRev:HOVER, .btn.evRep:HOVER, .btn.evEdt:HOVER, .btn.evNew:HOVER, .btn.evNtr:HOVER {
	/* font-variation-settings: "wght" 600; */
	color: rgb(var(--colFntDk));	
}

.btnList {
	display: grid;
	grid-template-columns: 1fr;
	gap: 5px;	
	grid-auto-rows: min-content;
    margin-bottom: 2em;	
}



.evEdit > DIV.tck { 
	border: 2px solid #999; 
	border-radius: 0px; 
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

#content4 .evEdit > DIV A { display: block; height: 100%; width: 100%; text-decoration: none !important; background-image: none !important; }

.evText, .evData {
	display: flex;
	justify-content: space-between;
	flex-direction: column;		
	gap: 10px;
	
}
.evData { gap: 10px; justify-content: start; }
.evText { line-height: 1.1em; }

.evTitle .evTag { font-size: 15px; margin-bottom: 5px; }
.evTitle .evTitleXL {
	font-size: 25px;
	line-height: 1em;
	font-variation-settings: "wght" 500;
	margin-bottom: 5px;
}
.evSecret .evTitle { opacity: .7; }
.evSecret H2, .evSecret H4 { font-variation-settings: "wght" 400; }

.inlBlck { display: inline-block; }

.evLastChanged SPAN { padding: 2px; }

.evPrice {
	display: grid;
	grid-template-columns: auto min-content;
	column-gap: 0;	
	width: 100%;
	row-gap: 5px;
	line-height: 1em;
}
.evPrice DIV { 
	padding: 2px;	
	align-self: stretch;	
}
.evPrice DIV:nth-child(2n+1) {
	border-radius: 4px 0 0 4px;
	background: rgba(220, 220, 220, .7);	
	border: 2px solid rgba(200, 200, 200, .7);
	border-right: none;
}
.evPrice DIV:nth-child(2n) {
	text-align: right;	
	border-radius: 0 4px 4px 0;
	background: rgba(240, 240, 240, .7);	
	border: 2px solid rgba(200, 200, 200, .7);
	border-left: none;
}

.evPriceFree {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 0;
	width: 100%;
	row-gap: 0;	
}
.evPriceFree DIV { 
	padding: 2px;	
	align-self: stretch;
	text-align: center;
}
.evPriceFree DIV:nth-child(2n+1) {
	border-radius: 4px 4px 0 0;
	background: rgba(220, 220, 220, .7);
	border: 2px solid rgba(220, 220, 220, .7);
	border-bottom: none;
}
.evPriceFree DIV:nth-child(2n) {	
	border-radius: 0 0 4px 4px;
	background: rgba(240, 240, 240, .7);
	border: 2px solid rgba(220, 220, 220, .7);
	border-top: none;
		
	font-size: 1rem;
	container-type: inline-size;
}
.evPriceFree DIV P { 
/*	font-size: clamp(1.05rem, 2.5cqw, 2rem);
	line-height: clamp(1.35rem, 3.5cqw, 1.9rem);
*/
	font-size: clamp(.5rem, 10cqw, 1rem);
	line-height: clamp(.6rem,12cqw, 1rem);
	margin:0;
}

.evPriceInvisible {
	padding: 2px;
	border-radius: 4px;
	background: rgba(80, 0, 0, .7);	
	border: 2px solid rgba(200, 0, 0, .7);
	
	color: #fff;
	text-align: center;
	font-size: .8rem;	
}

.cst { 
	padding: 2px;
	border-radius: 4px;
	background: rgba(240, 240, 240, .7);	
	border: 2px solid rgba(200, 200, 200, .7);
}

.miss {
	text-align: center;
	padding: 4px;
	border-radius: 4px;
	background: rgba(250, 188, 31, .3);	
	border: 2px solid rgba(250, 188, 41, .7);
	
	font-size: .9em;
	line-height: 1.1em;
	
}
.exis {	
	text-align: center;
	padding: 4px;
	border-radius: 4px;
	background: rgba(188, 250, 41, .5);	
	border: 2px solid rgba(120, 210, 31, .5);
	
	font-size: .9em;
	line-height: 1.1em;
}
.evTag .evExt {
	
	text-align: center;
	padding: 4px;
	border-radius: 4px;
	background: rgb(var(--colBckDk));		
	color: rgb(var(--colFntLt));
	
	font-size: .9em;
	line-height: 1.1em;
	
}


.evDataCont {
	display: inline-grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 5px;
	
	font-size: 15px;
	margin-top: 10px;
}
.evDataCont DIV { 	
	align-self: center;
	border-radius: 4px;
	padding: 2px;
}

.navInt {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 5px;	
	width: 350px;
	row-gap: 5px;
	
    align-self: start;

	font-size: .9rem;	
}
.navInt DIV {
	display: flex;
	align-items: center;
	justify-content: center;
}
/*
.navInt .btn:link {
	background: rgba(41, 188, 250, .6);	
	border: 2px solid rgba(41, 188, 250, .2); 
}
*/
.navInt .navYear { font-size: 1.4rem; font-weight: bold; }
.navInt .btn.navCur:link, .navInt .navCur { background-color: rgb(var(--colPri));  }

.headerFl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: end;
	row-gap: 20px;
	column-gap: 20px;	
	
	padding: 20px;
	border-radius: 4px;	
	position: sticky;
	top: 0;
	z-index:100;
	background: rgba(238, 238, 238, 0.95);
	border: 2px solid rgba(220,220,220,.95);
}

/* button reset */
BUTTON { 
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  border: 0;
  background: none;	
}
BUTTON:hover {  
  cursor: pointer; /* Mouse behavior like link */
}

/* default button & A default button */
A.btn, A.btn:LINK, BUTTON, INPUT.btn,
A.btnInv, A.btnInv:LINK, INPUT.btnInv {
	background-color: rgb(var(--colSec));
	color: rgb(var(--colFntDk));
	
	padding: .3em;
	text-align: center;
	
	border-radius: 5px;	
/*	border: 2px solid rgb(var(--colSecDk)); 
*/
	border: none;
	background-image: none;
	
	white-space: nowrap;
    vertical-align: middle;
	align-self: center;
	
	display: inline-block;
	
	text-decoration: none;
	
	cursor: pointer;
}
A.btn:HOVER, BUTTON:hover, BUTTON.tag.inactive:hover, BUTTON.tag.inactive:ACTIVE
A.btn:ACTIVE, BUTTON:active,
INPUT.btn:HOVER, INPUT.btn:ACTIVE /* , INPUT.btn:FOCUS  A.btn:FOCUS, BUTTON:focus, */
{
	background-color: rgb(var(--colBckDk));
	
	color: rgb(var(--colFntLt));
}

/* default inv button */
A.btnInv, A.btnInv:LINK, INPUT.btnInv {
	background-color: rgb(var(--colPri));
	color: rgb(var(--colFntLt));
}
A.btnInv:HOVER, A.btnInv:FOCUS, A.btnInv:ACTIVE,
INPUT.btnInv:HOVER, INPUT.btnInv:ACTIVE, INPUT.btnInv:FOCUS
{
	background-color: rgb(var(--colPriLt));
	border-color: rgb(var(--colPri));
}

.evTags BUTTON { padding: .2rem; }
.evTags BUTTON:hover, .evTags BUTTON:focus, .evTags BUTTON:active {  
	background-color: rgb(var(--colBckDk));
	border-color: rgb(var(--colPri));
	color: rgb(var(--colFntLt));
	
	padding: .2rem;
}
A.btn.blck, A.btn.blck:LINK, BUTTON.blck, INPUT.btn.blck { display: block; }


.calSearch INPUT, .evSrch INPUT { border-radius: 4px; }


BUTTON.outL:DISABLED, INPUT.outL:DISABLED
{
  background: white !important;
  color: black !important;
  
  padding: .3em;
  border: 1px solid black !important;
  
  cursor: help !important;
    
}

INPUT.outL[readonly], INPUT.outL[readonly=readonly], INPUT.outL[readonly=readonly]:HOVER, TEXTAREA.outL[readonly] { 
    background: white;
	color:black;
	border:none;
	box-shadow: none;
	cursor:help !important;
}


/*
.calSearch BUTTON, .evSrch BUTTON { 
	padding: 2px;
	text-align: center;	
	border-radius: 4px;
	background: rgba(41, 188, 250, .6);	
	border: 2px solid rgba(41, 188, 250, .2); 
}
*/

.evSrch LABEL { display: block; }



.mnWrap010, .mnWrap111 {
	
	display: grid;
	/* gap: 20px; */
	grid-template-areas:     
    "content"    
    "footer";
	
	/* overflow: auto; */
	padding: 12rem 2rem 2rem 2rem;
	
	gap: 4em 0;
}
.mnWrap111_fsIMG {
	display: grid;
	grid-gap: 7rem;
	margin-bottom: 4rem;
	
	grid-template-areas:			 
			"carousel carousel carousel"
			"marquee marquee marquee"
			". calendar ."
			". carousel_s ."
			". genres ."			
			"newsletter newsletter newsletter"
			". announcements .";
			
	grid-template-columns: minmax(auto, 1fr) minmax(700px, 1400px) minmax(auto, 1fr);
	/*
	grid-template-columns: minmax(270px, 1fr) minmax(700px, 1400px) minmax(auto, 1fr);
	*/	
}


@media (max-width: 1000px) {
	.mnWrap111_fsIMG { 
		display: grid;
		grid-gap: 3rem;
		
		grid-template-areas: "carousel" "marquee" "calendar" "carousel_s" "genres"	"newsletter" "announcements";
		grid-template-columns: 1fr;
				
		margin-top: 6em;		
		margin-bottom: 0;
		
		padding: 0 1em;
	}
}


.mnWrap111_fsEv {
	display: grid;
	
		
	grid-template-areas:			 
			"fsEv fsEv fsEv"			
			"articleEv articleEv articleEv"			
			". footer .";
			
	grid-template-columns: minmax(auto, 1fr) minmax(700px, 1400px) minmax(auto, 1fr);
}
@media (max-width: 720px) {
	.mnWrap111_fsEv {
		grid-template-areas: "fsEv"	"articleEv articleEv articleEv"	"footer";
		grid-template-columns: 1fr;
	}
}

@media (min-width: 1600px) {
		/*  .mnWrap {
			grid-template-columns: 1fr 4fr 1fr;
			grid-template-areas:
			  "header header  header"
			  "nav    content side01"
			  "nav    content side02"
			  "footer footer  footer"
		   }   
		 */
		 
	.mnWrap111 {
	  grid-template-columns: minmax(auto, 1fr) minmax(700px, 1400px) minmax(auto, 1fr);
	  grid-template-rows: auto 1fr auto;
	  
		/*
		grid-template-columns: minmax(270px, 1fr) minmax(700px, 1400px) minmax(auto, 1fr);
		grid-template-columns: minmax(auto, 1fr) minmax(200px , 1400px) minmax(auto, 1fr); */
    
		grid-template-areas:			  
			"content content content"      
			". footer .";
   } 
   
   .mnWrap010 {
		grid-template-columns: minmax(auto, 1fr) minmax(700px, 1400px) minmax(auto, 1fr);
		grid-template-rows: auto 1fr auto;    
		grid-template-areas:		
		". content ."      
		". footer .";
   } 
}


/*** main nav ***/

.mnHead {	
	width: 100%;
	/*height: var(--hghtHdr);
	 max-width: 800px; */
	display: grid;
	grid-template-columns: auto 1fr 1fr; /* auto  calc(var(--hghtHdr) + 10px) calc(6.6 * var(--hghtHdr)) auto 150px; */
	column-gap: 30px;
	
	align-items: center;
	
	position: sticky; /* issues see https://www.designcise.com/web/tutorial/how-to-fix-issues-with-css-position-sticky-not-working */
	top: 0;
	z-index: 110;
	
	font-size: var(--fnt);	
	
	background: rgb(var(--colBck));
	
	padding: .1rem 0 .5rem 0;
}
.mnHead {
	position: fixed;	
	padding: 0;
	
	margin-left: auto;
	margin-right: auto;
	
}

.mnHead {
  z-index: 900;
  position: fixed;
  padding: .4rem;
  
  min-width: 22em;
  width: 82em;
  max-width: 100%;
  
  top: 1em;
  left: 50%;  
  transform: translate(-50%, 0);
  
  background: rgba(255,255,255,.9);
  border-radius: 5px;
}

.mnHead .logo {
	font-size: var(--fntH2); 
	display:flex;
	column-gap: .2rem;
	line-height: 1em;
}
.mnHead .logo svg { height: 100%; max-height: 1em; margin-right: .2em; }

.mnHead .logo STRONG { 
	font-variation-settings: 'wght' 800; 
}
.mnHead .cart  { 
	text-align: right; 
	padding-right: 1em; 
}


@media (min-width: 600px) {
	.mnHead .logo DIV {	
		position: relative;
	}
	.mnHead .logo DIV .kultur {	
		font-size: .6em;
		top: -0.2em;
		position: absolute;
		left: 4.3em;
		font-variation-settings: "wght" 100;
	}
	.mnHead .logo DIV .salzburg {	
		font-size: .26em;
		position: absolute;
		left: 10em;
		bottom: -1em;
		letter-spacing: .35em;
		font-variation-settings:"wght" 200;"
	}
}

@media (max-width: 600px) {
	.mnHead { 
		grid-template-columns: auto 1fr;
		min-width: unset;
		column-gap: 1em;
	}	
	
	.mnHead .logo {
		font-size: inherit;
		line-height: 2em;
		height: 2em;		
	}
	.mnHead .logo svg {
		max-height: 100%;
		margin-right: .2em;		
	}	 
	
	.mnHead .logo DIV {		
		display: grid;
		grid-template-areas: "a b" "a c";
		grid-template-columns: auto auto;		
		height: 2rem;
		column-gap: .2em;		
	}
	.mnHead .logo DIV STRONG {
		grid-area: a;	
		font-size: 2rem;			
		height: 2rem;
		align-self: center;
		justify-self: center;	
	}
	.mnHead .logo DIV .kultur {
		grid-area: b;
		font-size: 1rem;		
		font-variation-settings: "wght" 100;		
		line-height: 1.3em;		
		height: 1.5rem;
		align-self: center;
	}
	.mnHead .logo DIV .salzburg {
		grid-area: c;	
		font-size: .45rem;
		letter-spacing: .35em;
		font-variation-settings: "wght" 200;
		line-height: .2em;
		height: .5rem;
		align-self: center;		
	}	
}




/*
.mnHead .cart {
	width: 29px;
	height: 25px;
	background-size: 100%;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 344"><path d="M6 1c-7 2-8 11-2 15l2 1h74l2 1c3 1 6 4 7 7a54828 54828 0 0 1 52 241c-35 12-36 62-2 75 35 13 68-25 49-56l-1-3a4111 4111 0 0 1 109 2c-6 9-7 26-1 37 16 32 62 29 73-5 9-27-14-55-41-51H161l-7-27-6-27h89l89-1 2-1c5-1 10-5 12-9 2-2 59-133 59-136 2-7-1-14-8-17H250l-138-1-3-13c-4-14-5-17-8-21-4-5-10-9-16-11H6m376 63-57 128-1 1H144L116 64a7872 7872 0 0 1 266 0M158 282c18 1 25 28 10 40-18 14-43-4-36-25 3-9 13-16 20-16l6 1m177 0c16 3 23 22 14 35a23 23 0 0 1-40-5c-5-13 5-30 17-30h9" fill-rule="evenodd" fill-opacity="0.6"/></svg>');
		
}
.mnHead .cart A { height: 100%; width: 100%; }
*/






/************** Carousel **********************/

.carousel, .carousel_s {
  grid-area: carousel;

  position: relative;
  width: 100%;  
  height: var(--carousel-height_fs);
  margin: 0 auto;    
}
.carousel_s { 
	grid-area: carousel_s; 
	height: var(--carousel-height_s);
}
.carousel.noH { height: unset; }


/** Previous/next buttons ********/
.previous, .next, .previous_s, .next_s {
  display: flex;
  justify-content: center;
  align-items: center;
  
  padding: 5px 10px;
  position: absolute;
  /* top: calc(50% - 16px); */
  cursor: pointer;
  font-size: 5em;
  
  top: 0;
  bottom: 0;
  
  border: 0;
  background: none;
  z-index: 200;
  width: 100px;
}

.previous, .previous_s { left: 0; }
.next, .next_s { right: 0; }

@media (max-width: 800px) {
	.previous, .next, .previous_s, .next_s {
		display: none;		
	}
}

/** Slides track ***************/
.slides, .slides_s {
  list-style: none;
  padding: 0;
  margin: 0;
  
  display: flex;
  width: 100%;
  overflow: hidden;
  position: relative;
  
  
  overflow-x: scroll;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

/** Individual slides ***********/
.slide, .slide_s {
  flex: 0 0 100%;
  
  height: var(--carousel-height_fs);
  
  display: flex;
  align-items: center;
  
  font-size: 18px;
  line-height: 26px;
  
  position: relative;
  z-index: 100;
  
  width: 100%;
  
  justify-content: center;
  
  scroll-snap-align: start;
}
.slide_s {
	flex: 0 0 calc(100% / 2.5); /* - 10px); */
	height: var(--carousel-height_s);
}
.slide_s h1 { 
	font-size: 1.5rem;
	line-height: 1.3em;
	text-align: center;
}
@media (max-width: 800px) {
	.slide_s {
		flex: 0 0 calc(100% / 1.5);
	}
}


.slide DIV, .slide_s DIV { 
	position: absolute;
	bottom: 100px;
	padding-left: 100px;
	padding-right: 100px;
}
.slide_s DIV { 
	bottom: 0;
	padding: 0 1em;
}

.slide IMG, .slide > A, .slide_s IMG, .slide_s > A	{ 
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.slide_s IMG, .slide_s > A {
	height: 100%;
}


  @media screen and (max-width: 1000px) {
    .slide, .slide_s {
      font-size: 14px;
      line-height: 18px;
      align-items: flex-start;
    }
	
    .carousel, .slide {
      height: unset;
    }
	.slide IMG {
		height: unset;
		object-fit: unset;
	}
}


  .slide a {
    color: black;
    font-weight: bold;
  }


/** Slide dots ******************/
.navigation {
  position: absolute;
  left: 0;
  bottom: 40px;
  
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  
  z-index: 200;
}

.navigation li {
	display: inline-block;
}
.navigation LI::before
{
	content: '';
	padding-right: 0;
}

.navigation li button {
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border: 5px solid rgb(100,100,100);
	border-radius: 100px;
	background-color: rgb(var(--colPri));
	cursor: pointer;
}

.navigation li button:hover {
	border: 5px solid rgb(var(--colBckDk));
	background-color: rgb(var(--colFntLt));
}

.navigation li button:focus {
	outline-offset: 4px;
}

/** Active slide dot */
.navigation li button[aria-current="true"] {
	border: 5px solid rgb(var(--colPri));
	background-color: rgb(var(--colBckDk));
	width: 15px;
	height: 15px;
}

@media (max-width: 800px) {
	.navigation {
		bottom: -40px;		
	}
}




[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

.sr-only {
	border: 0;
	clip: rect(0,0,0,0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.fa-chevron-left::before {
	content: "<";
}

.fa-chevron-right::before {
	content: ">";
}

.fa, .fas {
	font-weight: 900;
}

.fa, .fab, .fad, .fal, .far, .fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	
	background: rgba(var(--colPri),.9);
	padding: 5px;
	border-radius: 5px;
}

.fa:hover, .fab:hover, .fad:hover, .fal:hover, .far:hover, .fas:hover {
	background: rgba(var(--colFntDk),.6);
}
BUTTON:hover .fas {
	background: rgba(var(--colFntDk),.6);
}









/****** asocial media ********/

.asm {  
  gap: .6rem;
  opacity: .6;
  flex-wrap: nowrap;
  display: flex;
  justify-self: end;
  align-items: center;
  margin-right: .6em;
}
.asm A {  
  width: 2.5em;
  display: flex;
}
.asm IMG {
  width: 100%;
}

@media (max-width: 600px) {	
	.asm { display: none; }
}


.mnCont {
	grid-area: content;	
}
.mnSide {
	grid-area: sidebar;
	background: #966;	
}

/*** default footer ****/

.mnFoot {
	grid-area: footer;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin: 1rem auto 1rem auto;
	max-width: 50rem;
	justify-content: space-between;
	width: 100%;
	
	
/*
	grid-area: footer;
		
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 50px;
	row-gap: 20px;
	grid-template-areas:
		"sm sm sm"
		"c1 c1 c1";
		
	margin-bottom: 1rem;
*/	
	
/*		
	 background: rgb(var(--colBckMd));
	 border-radius: 4px 4px 0 0;
	 padding: 30px;
	 font-size: 1.4em;
*/
}
@media (max-width: 600px) {
	.mnFoot { justify-content: center; margin-bottom: 8rem; }
}

.mnFoot .sm, .mnFoot .c1 { 
	display: flex;
	justify-content: center;	
		
}
.mnFoot .sm { grid-area: sm; gap: 1rem; opacity: .6; flex-wrap: nowrap; }
.mnFoot .sm A { min-width: 0; }
.mnFoot .sm IMG { height: 2rem; }


.mnFoot .c1 { grid-area: c1; gap: .3rem 1rem; flex-wrap: wrap; }
/*
.mnFoot .c1 li:before { content: '\00a0\2022\00a0\00a0';  }
.mnFoot .c1 li:first-child:before { content: ''; }
*/
.mnFoot .c2 { grid-area: c2; }
.mnFoot .c3 { grid-area: c3; }

/* .mnFoot .jobs,
{	beat 2s linear infinite; }

 */ 
.pulse02 {	
	animation: lightPulse 4s infinite ease-in-out;
}
.pulse02:HOVER { animation: none; }

@keyframes beat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(0.9);
  }
  21% {
    transform: scale(1.1);
  }
  28% {
    transform: scale(1);
  }
  35% {
    transform: scale(1);
  }
}

@keyframes lightPulse {
  0% {  background-color: rgba(var(--colPri)); }    
  50% {  background-color: rgba(var(--colBck)); }	
  100% {  background-color: rgba(var(--colPri)); }
}

/*** ********** ****/


.mnCont > P, .mnCont FORM > P,
.mnCont > UL, .mnCont FORM > UL,
.mnCont > H1, .mnCont FORM > H1,
.mnCont > H2, .mnCont FORM > H2,
.mnCont > H3, .mnCont FORM > H3,
.mnCont > H4, .mnCont FORM > H4,
.mnCont > H5, .mnCont FORM > H5,
.mnCont > DIV.con, .mnCont FORM > DIV.con,
.mnCont > .boxRow,
.mnCont > DETAILS, .mnCont FORM > DETAILS   {
	margin-left: auto;
	margin-right: auto;
	width: min(50rem,100%);
}

.mnWrap010.m0l .mnCont > P, .mnWrap010.m0l .mnCont FORM > P,
.mnWrap010.m0l .mnCont > UL, .mnWrap010.m0l .mnCont FORM > UL,
.mnWrap010.m0l .mnCont > H1, .mnWrap010.m0l .mnCont FORM > H1,
.mnWrap010.m0l .mnCont > H2, .mnWrap010.m0l .mnCont FORM > H2,
.mnWrap010.m0l .mnCont > H3, .mnWrap010.m0l .mnCont FORM > H3,
.mnWrap010.m0l .mnCont > H4, .mnWrap010.m0l .mnCont FORM > H4,
.mnWrap010.m0l .mnCont > H5, .mnWrap010.m0l .mnCont FORM > H5,
.mnWrap010.m0l .mnCont > DIV.con, .mnWrap010.m0l .mnCont FORM > DIV.con,
.mnWrap010.m0l .mnCont > .boxRow,
.mnWrap010.m0l .mnCont > DETAILS, .mnWrap010.m0l .mnCont FORM > DETAILS   {
	margin-left: 0;
}

.mnCont > P, .hyp {
	text-align: justify;
	text-justify: inter-character;
	hyphens: auto;
	hyphenate-limit-chars: auto 10;
	hyphenate-limit-lines: 2;
}


/**** Landing Page ****/

.marquee {
	grid-area: marquee;
		/*	width: 300px;the plugin works for responsive layouts so width is not necessary
		*/
	overflow: hidden;	
	font-size: var(--fntH3);	
}
.marquee A {	
	border-radius: 5px;
}

/* https://web.dev/articles/prefers-reduced-motion?hl=de */

@media (prefers-reduced-motion: reduce) {
  .marquee {
	width: min(50rem,100%);
	margin: auto;
	font-size: var(--fntH5);
  }

}




.announcements {
	grid-area: announcements;
	/*
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	*/
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	
	
	gap: 1rem;
	
	max-width: 100%;
}
.announcements DIV {
	flex: 0 0 calc(33% - 1rem);
	
	border-radius: 5px;
	border: .1rem solid rgb(var(--colBckDk));
	text-align: center;
	padding: 1rem;
	
	display: grid;
	grid-template-rows: auto auto min-content;
	gap: 1rem;
}
.announcements DIV H2 {
	margin: 0;
}
.announcements DIV BUTTON {
  padding: 1rem;
  font-size: 1.5em;
}

@media (max-width: 1400px) {
	.announcements DIV { flex: 0 0 calc(50% - 1rem); }
}

@media (max-width: 800px) {
	.genres LI { text-align: center; }

	.newsletter P { text-align: center; }
	
	.announcements { flex-direction: column; }
	.announcements DIV { flex: unset; }

	.newsletter A.btn { white-space: break-spaces; }
}


.mnWrap111_fsIMG .genres {
	grid-area: genres;
	
	display: flex;
	flex-direction: column;
	
	gap: 2rem;
	
	align-items: center;
	justify-content: center;
	
	padding: 2rem;		
	
}
.mnWrap111_fsIMG .genres UL {
	font-size: clamp(1.5rem, 1.25rem + 1vw, 2.5rem);
	
	display: flex;
	flex-wrap: wrap;
	gap: .2rem 2rem;
	
	align-items: center;
	justify-content: center;
}
.mnWrap111_fsIMG .genres UL LI::before {
	content: none;
}
.mnWrap111_fsIMG .genres H3 { margin: 0; }
		
@media (min-width: 1000px) {
	.mnWrap111_fsIMG .genres UL LI { white-space: nowrap; }	
}


.mnWrap111_fsIMG .newsletter {
	grid-area: newsletter;

	background: rgb(var(--colPri));
	border-radius: 5px;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
	padding: 1rem;
	padding-bottom: 2rem;

}
.mnWrap111_fsIMG .newsletter H1 {
	font-size: 6rem;
	margin:0;
}
.mnWrap111_fsIMG .newsletter P {
	font-size: 1.5rem;
}
.mnWrap111_fsIMG .newsletter A {
	border: 1px solid black;
	font-size: 2rem;
	margin-top: 1rem;
}

@media (max-width: 1000px) {
	.mnWrap111_fsIMG .newsletter H1 { font-size: 13cqw; }
}




	
details {
  margin-bottom: .3rem;
}
details SUMMARY {
	font-size: 1.2rem;
	cursor: pointer;
	transition: margin 250ms ease-out;		
	display: inline-block;
}

details[open] {
	margin-bottom: .2rem;	
	padding-bottom: .2rem;
	padding-right: .2rem;
}
details[open] > SUMMARY {
	
	margin-bottom: .5rem;
}
DETAILS > :not(SUMMARY) {
	margin-left: 2rem;	
}

summary::marker { content: ''; }


.eTicket H4, .eTicket H5 { margin-bottom: .2rem; }
.eTicket H5 { margin-top: 0;  }


/*
.mnCont > UL LI, .mnCont FORM > UL LI { list-style: circle; margin-left: 1rem;   }
*/

.tagSeries { margin-top: 3rem; margin-bottom: 1rem; }

/*
FIGURE.flR, ASIDE.flR {
	float: right;
	margin: 1rem 0 1rem 2rem;	
}
*/

FIGURE IMG, ASIDE IMG { width: 100%; }

ASIDE H4:first-child { margin-top: 0; }

.fw40 { width: 40%; }
.fw20 { width: 20%; }

.grid-a-1 {
	display: grid;
	grid-template-columns: none;
	grid-auto-flow: row;	
	width:100%;
	gap: 2rem;
/*
	repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	grid-template-columns: minmax(auto, 1fr) minmax(min-content, 300px);
	
	.grid-2-1 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 600px;
}
	*/
}
@media (min-width: 800px) {
	.grid-a-1 { 
		grid-template-columns: auto fit-content(30%); 
	}
}	




.flex-fit, .flex-fit-nowrap { 
	display: flex;
	flex-wrap: wrap; 
	gap: 1.5em 2em;
	width: fit-content;
}

.flex-fit > *, .flex-fit-nowrap > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: fit-content;
  
  
}
.flex-fit-nowrap { flex-wrap: nowrap; }
@media (max-width: 800px) {
	.flex-fit-nowrap { 
		flex-wrap: wrap; 
	}
}

.box-bw-10, .flex-bw-10 > DIV {
  border: 1px solid rgb(var(--colBckDk));
  border-radius: 5px;
  padding: 1em;
}

.grid011-fit-nowrap {
		display: grid;	
		gap: 1.5em 2em;
		width: 100%;
}
@media (min-width: 800px) {
	.grid011-fit-nowrap {
		/* grid-template-columns: minmax(0, 1fr) fit-content(40rem) minmax(300px, 1fr); */
		grid-template-columns: minmax(0, calc((100% - 50rem - 4em) / 2)) fit-content(50rem) minmax(300px, 1fr);
		
	}
}

.grid-f-a {
	display: grid;
	/* grid-template-columns: min-content auto; */
	gap: 2rem;
	grid-template-columns: 4fr 1fr;
}







/* .quote + :not(.quote ) { margin-top: 3em; } 

 display: flex;
    flex-flow: column;
    padding: 5px;
    max-width: 220px;
    margin: auto;
}
*/
/*
.gridFloatAside {
	display: grid;
	grid-auto-columns: auto;
	grid-template-columns: [left] 1fr [right] 30%;		
}
.gridFloatAside P { grid-area: auto / left; }
.gridFloatAside ASIDE { grid-column: right;
	grid-row-start: 1;
	grid-row-end: span 100;
	
	margin-left: 20px;
	padding: 10px;
	background: rgba(var(--colPri),var(--tra20));
}
*/





/************ calendar ext ********************/

.mnContCalExt {
  display: grid;
  grid-template-columns: minmax(auto, 1fr) minmax(700px, 1400px) minmax(auto, 1fr);
  /* grid-template-columns: minmax(250px, 1fr) minmax(700px, 1400px) minmax(auto, 1fr);
  /* grid-template-columns: minmax(auto, 1fr) minmax(200px , 1400px) minmax(auto, 1fr); */
  gap: 5rem 1.5rem;
}

.evMonHid { display: none; }

.calNav {
	grid-column: 2;	
	
	font-size: calc(var(--fntH4));
	
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.calSearch {
	grid-column: 2;
	margin-bottom: 50px;
}
.calSearch DIV {
	display: grid;
	grid-template-columns: min-content min-content;  
	width: fit-content;
	gap: 10px;
}

@media (max-width: 1000px) {
	.calSearch DIV {
		grid-template-columns: auto min-content;
		width: 100%;
	}
}

.calSearch SPAN { grid-column: span 2; }

.evDateData { 
	grid-column: 2;
	
	display: grid;
	grid-template-columns: 120px auto; 
	
	gap: 0 20px;
}

.calNav UL { list-style: none; }
.calNav LI {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;		
}
.calNav LI::before { 
	content: none;
	padding: 0;
	color: unset;
}


/*
.evExtCal {	
	grid-area: calCont;
	
	display: grid;
	grid-template-columns: auto 120px 1240px;
	
	padding: 20px;	
	// max-width: 1300px; 
	width: 100%;
	gap: 60px 20px;
}


.evExtCal {
	display: grid;
	grid-template-columns: 200px 120px auto;
	
	padding: 20px;	
	max-width: 1300px;
	width: 100%;
	gap: 60px 20px;
}
*/


.evMon, .evDay {
	display: flex;
	gap: 0 .8rem;	
	flex-wrap: wrap;
}
.evDay { gap: .5rem; }
.evDayHol { 
	background: #ddd;
	padding: 0px 4px;
}
.evMon .evMonSel { font-variation-settings: "wght" 700; }
.evDay A { font-variation-settings: "wght" 700; }

.mnContCalExt .evIMG {
	 grid-column: 1;
	/*
	object-fit: cover;
	border-radius: 4px;
	*/
	/*
	height: 100%;
	background-size: cover;
	background-position: center;
	*/
	border-radius: 4px;
	
}
/*
.mnContCalExt IMG {
	max-width: 100%;
	width: 100%;
	border-radius: 4px;
}
*/
.mnContCalExt .evDate { 	
	display: flex;
	align-items: start;
	flex-direction: column;
	gap: 4px;	
	/* justify-content: space-between; */
	
	font-size: var(--fntXS);
	line-height: 1.2em;
}
/* .mnContCalExt .evDate STRONG { font-size: var(--fnt); } */
.mnContCalExt .evDate TIME {
	display: grid;
	/* grid-template-columns: auto auto;
	 justify-content: space-between;
	flex-wrap: wrap; */
	gap: .3rem;
	align-items: baseline;
	grid-auto-flow: row;
}
.mnContCalExt .evDate TIME .weekday {
 /* grid-column: span 2; */
 font-size: .9em;
}

.mnContCalExt .evDate TIME .date { font-size: 2em; }

.mnContCalExt .evDate TIME :not(:first-child) {
	
}


A.btn.evAss { align-self: start; }

@media (max-width: 1000px) {
  A.btn.evAss
  {	  
    font-size: var(--fntH3);
	align-self: center;
  }
}

.tagSerie, .tagSerieInfo, .tagLocation { 
	/* letter-spacing:.05em;  */
	border-radius:2px;
	margin-right:3px; 	
}
.tagSerieInfo { 
	margin-right: 6px; 
	padding:2px 4px; 
	color: rgb(var(--colFntDk)); 
	
}
.tagSerie, .tagLocation, #ShowAllMonths {
	border: none;
	/* background-color: rgba(var(--colPri));
	*/
}
 
.tagSeries .tagSerie { padding: .5rem; }
 
.resBtn, .freeBtn { margin-bottom: .7rem; }
.evSel, .evOth {
	border: 1px solid rgb(var(--colBckDk));
	padding: .5rem;
	border-radius: 5px;
	white-space:nowrap;
}
.evOth {
	border: none;
}
 
/* .tagLocation  { background-color: rgb(var(--colBckMd)); padding: 2px 4px; } */


.evMon #ShowAllMonths { 
	font-variation-settings: "wght" 300;
	font-size: 90%;
	background-position: 0 1em;
	padding: 0;
}

.mnContCalExt .evData H1 { 
	font-size: var(--fntH2);
	line-height: 1.25em;
	margin: 0;
	font-variation-settings: "wght" 550;
}
.mnContCalExt .evData H2 { 
	font-size: var(--fntH5);
	line-height: 1.1em;
	margin: 0 0 5px 0;
	font-variation-settings: "wght" 300;
}


/*
.clk.evAss A, .clk.evAss A:LINK, .clk.evAss A:VISITED { background-image: none; }
.clk.evAss:HOVER, .clk.evAss:FOCUS { background-image: none; background: rgb(var(--colSecDk)); color: rgb(var(--colFntLt)); }
.clk.evAss A:HOVER, .clk.evAss A:FOCUS { background: none; }
*/

/* .tagSerie { letter-spacing:.05em; padding-left: 0; padding-right: 0; margin-right: 3px; } */


.evItem.calMotzart22Title { border-left: 5px solid rgba(255,0,0,.8); }
.evItem.calMotzart22Title::before {
	
	position: absolute;
	background: #fee;
	padding: 2px 4px;
	z-index: 120;
	transform: translateX(-11px) rotate(-90deg);
	bottom: 0;
	border: 1px solid red;
	font-size: 12px;
	line-height: 1.1em;
	border-radius: 4px;
	transform-origin: 0 0;
}


.calHint_abgesagt, .calHint_ausverkauft, .calHint_verschoben, .calHint_restkartenalarm, .calHint_nurabendkassa, .calHint_eintrittfrei, .calHint_szene, .calHint_salzburgcongress, .calHint_premiere, .calHint_salzburgpremiere, .calHint_oesterreichpremiere, .calHint_wiederaufnahme, .calHint_digitalesfoyer, .calHint_stream, .calHint_OMF, .calHint_FEM, .calHint_FLI, .calHint_MOT, .calHint_ROT, .calHint_DIG, .calHint_STA, .calHint_PER, .calHint_TAN, .calHint_salzburgcongress_premiere, .calHint_paywhatyoucan, .calHint_lastminute {
	justify-self: end;
	align-self: center;
	
		
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: flex-end;
	
}
.calHint_abgesagt SPAN, .calHint_ausverkauft SPAN, .calHint_verschoben SPAN, .calHint_restkartenalarm SPAN, .calHint_nurabendkassa SPAN, .calHint_eintrittfrei SPAN, .calHint_szene SPAN, .calHint_salzburgcongress SPAN, .calHint_premiere SPAN, .calHint_salzburgpremiere SPAN, .calHint_oesterreichpremiere SPAN, .calHint_wiederaufnahme SPAN, .calHint_digitalesfoyer SPAN, .calHint_stream SPAN, .calHint_OMF SPAN, .calHint_FEM SPAN, .calHint_FLI SPAN, .calHint_MOT SPAN, .calHint_ROT SPAN, .calHint_DIG SPAN, .calHint_STA SPAN, .calHint_PER SPAN, .calHint_TAN SPAN, .calHint_salzburgcongress_premiere SPAN, .calHint_paywhatyoucan SPAN, .calHint_lastminute SPAN {        
	padding: 5px;
	
	border: 1px solid rgb(var(--colBckDk));
	border-radius: 5px;

	
}

.calHint_verschoben + .evDateData H1, .calHint_abgesagt + .evDateData H1 { 
	font-size: var(--fntH4);
	/* font-variation-settings: "wght" 150; */
}

/*
.calHint_restkartenalarm, .calHint_nurabendkassa, .calHint_eintrittfrei { background: rgb(var(--colBck)); color: rgb(var(--colFntDk)); }

.calHint_szene, .calHint_salzburgcongress { background: rgba(var(--colPriLt),var(--tra60)); color: rgb(var(--colFntDk)); }

.calHint_premiere, .calHint_salzburgpremiere, .calHint_oesterreichpremiere, .calHint_wiederaufnahme { background: rgba(var(--colPriLt),var(--tra60)); color: rgb(var(--colFntDk)); }
.calHint_digitalesfoyer, .calHint_stream, .calHint_OMF, .calHint_FEM, .calHint_FLI, .calHint_MOT, .calHint_ROT, .calHint_DIG, .calHint_STA, .calHint_PER, .calHint_TAN { background: rgb(var(--colPriLt)); color: rgb(var(--colFntDk)); }
*/


.datepicker { width: 6em; }
#CustomerDiscountsTable TD INPUT { margin:.2em; }



/*************** event details ****************/

.detailGrid {	
	display: grid;
	grid-template-columns: min-content auto;
	gap: 3rem;
	
	margin-left: 1rem;
	
	
}



.ticketHub {
	display: flex;	
	column-gap: 1rem;
	row-gap: 1rem;
	width: min(50rem,100%);
	margin-top: 3rem;
	flex-wrap: wrap;
	justify-content: flex-start;
	flex-direction: column;
}

@media (max-width: 800px) {
	.detailGrid { grid-template-columns: none; }
	.ticketHub { flex-direction: row; }
	
}


/************ calendar int ********************/

.evIntCal H4, .evIntCal H5 { margin: 0;   }
.evIntCal H4 { margin-bottom: 1rem; }
.evIntCal H5 { font-variation-settings: "wght" 500; }


/************ res list int ********************/

.resListBtnsTD { min-width: 9em;}

.resListBtns {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  column-gap: 5px;
  width: 100%;
  row-gap: 5px;
  
  font-size: .8em;
}
.resListNotes { display: grid; }

/************ salesrep int ********************/

.headerRep {
	margin-top: .5em;
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
	gap: 1em;	
	
}
.headerRep H3 { margin: 0; }
.headerRep > DIV:last-child {
	display: flex;
	gap: 5px;  
  flex-wrap: nowrap;
  align-items: center;
  
  align-content: end;
  
  justify-content: end;
}

.totalSum {  
	margin-top: 2em;
	padding: .5em;
	display: grid;
	gap: 1em;
	grid-template-columns: 1fr 1fr;
	border: 1px solid rgb(var(--colBckDk));
	font-size: var(--fntL);
}
.totalSum DIV:last-child { text-align: right; }



/************ eventupdate int ********************/

.tags { display: flex; flex-wrap: wrap; gap: .3em; margin-bottom: 1em; }
#TicketPriceOldDiv { display: none; }

/************ nl management ********************/

.nlDon { background: #92dd92 !important; }
.nlOut TD:nth-child(1), .nlOut TD:nth-child(2), .nlOut TD:nth-child(3) { background: #ddd892; }
.nlAct { background: #dda492 !important; }
.nlNo TD { background: #d2d2d2 !important; font-size: .85em; }
.nlYs TD {  }

/***** NAV button ******/

.main-nav button {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  border: 0;
  background: none;
    
  height: 3em;
  width: 3em;
}

.main-nav button:hover {
  cursor: pointer;
}

.main-nav button:hover,
.main-nav button:focus,
.main-nav button:active {
  background: none;
  border-color: inherit;
  border-radius: 0;
}

.main-nav .sr-only, .skip-link {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.main-nav .icon {
  display: inline-block;
  /* width: 1em;
  height: 1em; */
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  /* width: 1.375em; */
  width: 100%;
}

.main-nav {
  position: relative;
  width: fit-content;
}

.main-nav ul {
  position: absolute;
  max-width: fit-content;
  list-style-type: none;
/*
  display: flex;
  flex-direction: column;
*/
	display: grid;
	grid-template-rows: repeat(8, 1fr);
	grid-auto-flow: column;
	max-width: 100%;

  margin: 0;
  padding: 0;
  z-index: 1;
  
  /*	
	
	display: grid;
grid-template-columns: repeat(2, 1fr);
max-width: 100%;
	
  */
  
}
.main-nav.main-navR UL { right: 0; }

.main-nav li {
  position: relative;
  white-space: nowrap;
  font-size: var(--fntXS);
  background: rgb(var(--colPri));
}

.main-nav a,
.main-nav .menu-trigger {
  display: block;
  /* margin-block-end: 1ch;
  margin-inline-end: 1ch; */
  padding: 0.3rem 0.5rem;  
  /*
  border-top: 3px solid rgb(var(--colSecDk));
  border-right: 3px solid rgb(var(--colSecDk));
  border-left: 3px solid rgb(var(--colSecDk));
  background: rgb(var(--colSec));
  */
  color: rgb(var(--colFntDk));
  text-decoration: none;
}
/* .main-nav BUTTON 
.main-nav LI:last-child A {  border-bottom: 3px solid rgb(var(--colSecDk)); }
*/
.main-nav A {
	display: flex;
	align-items: center;
	gap: 10px;		
}


.main-nav a:hover,
.main-nav a:focus,
.main-nav .menu-trigger:hover,
.main-nav .menu-trigger:focus {
  background: rgb(var(--colBckDk));
  color: rgb(var(--colFntLt));  
}

.main-nav .soc A:hover,
.main-nav .soc A:focus {
  background: none;
}

.main-nav ul.hide {
  display: none;
}

.main-nav .xs { font-size: var(--fnt);  }
.main-nav .icoYou A:before { content: '\1F642'; padding-right: 5px; filter: grayscale(1); }
.main-nav .icoBas A:before { content: '\1F6D2'; padding-right: 5px; filter: grayscale(1); }
/*
.main-nav .icoLogout A:before { content: '\1F511'; padding-right: 5px;  }


.main-nav .icoYou A:before { content: '\1F642'; padding-right: 5px;  }
.main-nav .icoBas A:before { content: '\1F6D2'; padding-right: 5px;  }
.main-nav .icoKal A:before { content: '\1F4C5'; padding-right: 5px;  }
.main-nav .icoRes A:before { content: '\1F3E2'; padding-right: 5px;  }
.main-nav .icoPer A:before { content: '\1F46A'; padding-right: 5px;  }
.main-nav .icoDow A:before { content: '\1F4E5'; padding-right: 5px;  }
.main-nav .icoKas A:before { content: '\1FA99'; padding-right: 5px;  }
.main-nav .icoMai A:before { content: '\1F4E7'; padding-right: 5px;  }
.main-nav .icoPre A:before { content: '\1F4F0'; padding-right: 5px;  }
.main-nav .icoPas A:before { content: '\1F7B9'; padding-right: 5px;  }

.main-nav .icoLogin A:after { content: '\1F511'; padding-right: 5px;  }
.main-nav .icoLogout A:after { content: '\1F511'; padding-right: 5px;  }

.main-nav .icoArge A:before { 
	content: '';
	background: url('/i/footer_pfeil.png');
	background-size: 1.5em 1.5em;
	height: 1.5em;
	width: 1.5em;
}
*/
.icoKal + .icoKal A, .icoRes + .icoRes A, .icoPer + .icoPer A, .icoDow + .icoDow A, .icoKas + .icoKas A, .icoPre + .icoPre A { border-top: 0; }


/********************************/


.side-nav button {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  border: 0;
  background: none;
}

.side-nav button:hover {
  cursor: pointer;
}

.side-nav button:hover,
.side-nav button:focus,
.side-nav button:active {
  background: none;
  border-color: inherit;
  border-radius: 0;
}

.side-nav .sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.side-nav .icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  width: 1.375em;
}

.side-nav {
  position: relative;
  width: fit-content;
}

.side-nav ul {
  position: absolute;
  max-width: fit-content;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  z-index: 1;
}

.side-nav li {
  position: relative;
}

.side-nav a,
.side-nav .menu-trigger {
  display: block;
  /* margin-block-end: 1ch;
  margin-inline-end: 1ch; */
  padding: 0.3rem 0.5rem;
  border: 3px solid rgb(var(--colSecDk));
  color: rgb(var(--colFntDk));
  text-decoration: none;
  background: rgb(var(--colSec));
}

.side-nav a:hover,
.side-nav a:focus,
.side-nav .menu-trigger:hover,
.side-nav .menu-trigger:focus {
  background: rgb(var(--colSec));
  color: rgb(var(--colFntLt));
  border-color: rgb(var(--colSec));
}

.side-nav ul.hide {
  display: none;
}



/************* grids ************/

.gridStream {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  grid-gap: 1.5rem;
  grid-auto-flow: dense;
  position: relative;
}


.gridHome {
  /*
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  grid-gap: 1rem;
  grid-auto-flow: dense;
  */
  position: relative;
}


.gridStream .grid__item { 
	border-radius: .3rem;
	overflow: hidden;
}

.gridStream h2, .gridStream h3 {
	margin: 0;
}
.gridStream .flex_past h2, .gridStream .flex_past h3 {
	margin: .4rem;
}
 
.gridStream h2+p, .gridStream h3+p {
  margin:0;
  background: rgba(255,255,255,.95);
  padding: .2rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* title item */
.streamTitle SVG {
  width: 100%;
}


.gridHome .grid__item--fixed, .gridStream .grid__item--fixed {
   
  display: flex;
  align-items: center;
  justify-content: center;  
  flex-direction: column;
  align-content: space-around;
 
  padding: 1em;
}



.grid__item.gif_back_full {
	display: flex;
	padding: 0;
	font-size: 1.2rem;
	color: #333;
	position: relative;
	overflow: hidden;	
	justify-content: space-between;
	flex-direction: column;	
	/* align-items: end; */
	gap: 10px;
	min-height: 400px;
	
	border-radius: 5px;
}
.grid__item.gif_back_full.flex_e { justify-content: flex-end; }

/* with gif background */

.grid__item.flex_past, .grid__item.gif_back_full {
	position: relative;
	
	filter: grayscale(.3);
	transition: filter 1s ease-in-out;
}
.grid__item.flex_past:HOVER, .grid__item.gif_back_full:HOVER {
	filter: none;
	transition: filter .5s ease-in-out;
}

.grid__item.gif_back_full IMG, .grid__item.flex_past IMG {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	/*
	filter: grayscale(1);	
    transition: filter 1s ease-in-out;	
	*/
}

.grid__item.gif_back_full:HOVER IMG, .grid__item.flex_past:HOVER IMG, .grid__item.flex_past:HOVER {
	filter: none;
	transition: filter .5s ease-in-out;
/* 	animation: colorize 500ms infinite; */
}

.gridHome .flex_past DIV:first-of-type {
	padding: 5px;
	background: rgb(var(--colPri));
	color: #fff;		
	/* text-transform: uppercase; */
}

.gridStream .evUpcoming DIV:first-of-type {
	
}
.gridStream .flex_past DIV:first-of-type { 
	background: rgb(var(--colBckDk));
	color: rgb(var(--colFntLt));
	border-radius: 5px;
	margin: 5px;
	padding: 2px;
}


.grid__item.gif_back_full .evText {
	position: relative;
	padding: 20px;
	background: rgba(255, 255, 255, 0.8);
}
.gridStream .grid__item.evUpcoming {
	/* box-shadow: 0 0 10px 1px rgba(0,0,0,.3); */
	
	display: flex;
	gap: 1em;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.grid__item.gif_back_full :not(IMG), .grid__item.flex_past :not(IMG)
{
	z-index: 20;
}

.grid__item.flex_past {
	display: flex;
	flex-direction: column;
	gap: 1px;
	
	justify-content: space-between;
	align-items: end;

	background-repeat: no-repeat;
	background-size: cover;

	padding: 2px; /* 15px */
	overflow: hidden;

	min-height: 300px;
	border-radius: 5px;
}
.grid__item.flex_past DIV:last-of-type
{  
	align-self: stretch;
/*
	padding: 5px;
	background: rgba(255,255,255,.85);
*/
}
.grid__item.flex_past H2 { 
	font-size: 1.3em; 
}


.grid__item--title_n {
		display: grid;
		align-content: center;
		grid-column: 1 / span 2;
}


@media (max-width: 800px) {
	.grid__item--title {
		grid-column: 1/-1;
		order: -1;
	}
	
	.grid__item--title_n {
		grid-column: 1/-1;
		
	}
	
	.streamingStatus {		
		grid-column: 1/-1;	
	}
	
	.gridStream {	  
	  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));	  
	}
}

.grid_mnAmn {
	display: grid;
	grid-template-columns: min-content auto 10rem;
	gap: 1em .3em;
}
.grid_ma {
	display: grid;
	grid-template-columns: min-content auto;
	gap: .3em;	
}	
.grid_am {
	display: grid;
	grid-template-columns: auto min-content;
	gap: .3em;	
}

.grid_m_m {
	display: grid;
	grid-template-columns: min-content;
	grid-template-rows: min-content;
	gap: .3em;
	height: min-content;
}	

.grid_span_all {	
	grid-column: 1/-1;
}

/********************************/


/* embedded video */
.grid__item .video_front-16-9 {
	padding:56.25% 0 0 0;
	position:relative;
}
.grid__item .video_front-16-9 IFRAME{ 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.grid__item.spielplan H2 {
	font-size: var(--fntH4);
	font-variation-settings: "wght" 200;
}
.grid__item.spielplan H1 {
	flex: 1 100%;
	text-align:center;
	margin: 10px 0 0 0;
	font-size:var(--fntH1);
	line-height: 1em;
	font-variation-settings: "wght" 500;	
}	
.grid__item.featured H1 {
	font-variation-settings: "wght" 300;
	font-size: var(--fntH2);
	margin: 0 0 10px 0;
	line-height: 1.1em;
}

.grid__item.foyFolder {  
	background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)),url(/projekte/2022/foyer/2022-folder-01.jpg);
	background-repeat: no-repeat;
	background-size: cover;  
	color: #333;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 15px;
}



.gridHome h2 {
	margin: 0;
	font-size: var(--fntH5);
}
.gridHome h3 {
  margin: 0;
  font-size: var(--fnt);
}
.gridHome h2+p, .gridHome h3+p {
  /* margin-top: 10px; */
}
.gridHome P:last-child {
	margin-bottom: 0;	
}




@media (min-width: 800px) {
	.grid .grid__item--fixed {
		/* grid-row: 1; */
		grid-column: 3/-1;
	}
	
	.grid__item--marquee { grid-column: 1/-1; }
}
@media (max-width: 600px) {
	.grid .grid__item--fixed {
		grid-row: 1 / -1;
		order: 1;
	}
}

@media (min-width: 800px) {

	.grid__item--wide {
	  grid-column-end: span 2;
	}

	.grid__item--big {
	  grid-column-end: span 2;
	  grid-row-end: span 2;
	}
	
	.grid__item--tall {
		grid-row-end: span 2;
	}
	
	.grid__item--verytall {
		grid-row-end: span 3;
	}
	
	.gridFoyer .grid__item--fixed {
		grid-row: 3;
		grid-column: 2/-1;
	}

}

/********************************/







@media (max-width: 1000px) {
  
  .calNav {
	  margin: 0 0 2em 0;	  
  }
  
  .mnContCalExt {
    display: block;
    /* 
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%)));
    grid-gap: 40px;
	 */
	 
  }
  /* 
  .calNav, .calSearch, .evDateData { 
	grid-column: 1;
  }
  */
  
  
	.mnContCalExt .evDate { 		
		align-items: center;
    flex-direction: row;
    justify-content: start;
    font-size: var(--fnt);
    gap: 1em;
	}
	.mnContCalExt .evDate TIME {
		flex-wrap: nowrap;		
	}
	.mnContCalExt .evDate STRONG { font-size: inherit; }
	
  
  
  .mnContCalExt .evDateData {
	  grid-auto-flow: row;
	  grid-template-columns: none;
	  margin-bottom: 4rem;
	  gap: 1rem; 
}
  .mnContCalExt .evIMG { margin-bottom: .4rem;}
  
  .calSearch { margin: 4rem 0; width: 100%; }
  .calSearch INPUT, .calSearch BUTTON { width: 100%; }
  
  .evIMG { flex-direction: row; }
  
  
}


/***** migrated from 1024 *****/

ARTICLE .tabs LI::before {
		content: none;
		padding-right: 0;
}

.tabfolder .tabs { 
	margin-bottom: 0;
	
	display: flex;
	flex-direction: row;
	width: min-content;
 }
/*
.tabfolder .tabs::AFTER {
 visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
 */
 
.tabfolder .tabs LI {
	flex: auto;
	
	margin-left: .2em;
	margin-bottom: 0;
	
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
    border-bottom: 0 none;

    list-style: none outside none;

    white-space: nowrap;
	
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

}
.tabfolder .tabs LI:first-child {  }
.tabfolder .tabs LI A {
	background-color: unset;
    padding: 0.3em .75em;
    text-decoration: none;
}
.tabfolder .tabs LI A:HOVER {
	color: unset;
}
.tabfolder .tabs LI.arsCellSelected { 
	margin-bottom: -1px; 
	border-bottom: 1px solid #ffe; 
	background: #ffe; 
	font-weight:bold;
	font-size: 1.3em;
}
.tabfolder .tabs LI.arsCellInactive 
{ 
	margin-top: 10px;
	background: #ffc;	
}
.tabfolder .tabs LI.arsCellInactive A
{
	padding-top: .1em; 
	padding-bottom: .1em;  
}

.tabfolder H4 { margin:0 0 .5em 0; }
	
	
.arsCellContent  {
	display:block;
	background: #ffe;
	padding: 1em;
	border: 1px solid #666;
	border-radius: 4px;
}

.evExp TD { border-bottom: 1px solid black; }


.custNcode {
	width:min(50rem,100%);
	display:grid;
	grid-template-columns: 1fr 2fr;
	gap: 2rem;
}
@media (max-width: 700px) {
	.custNcode {
		grid-template-columns: 1fr;
	}
	.custNcode DIV:first-child {
        order: 2;
		padding-left: 3rem;
	}
	.custNcode H4 {
		margin-top: 0;
	}
	
}

.priceDetail, .eventPriceDetail,
.priceDetail th, .eventPriceDetail th,
.priceDetail td, .eventPriceDetail td {
  border: 1px solid black;
}

.priceDetail th, .eventPriceDetail th {
  font-weight: bold;
}

.priceDetail td, .priceDetail th {
  padding: .3em;
}

.eventPriceDetail td, .eventPriceDetail th {
  padding: .3em;
}