@charset "utf-8";
@import "./square.css";
@import "./events_kw.css";

.fa-flag-checkered {
  -webkit-transform: rotate(13deg);
          transform: rotate(13deg); }

html, body {
	scroll-behavior: smooth;
}
form {
	float: right;
	display: block;
	margin-right: 1.5em;
}
input[type="search"],
input[type="submit"] {
	font-family: "Lato", Arial, Sans-Serif;
	font-size: 0.7em;
	border: 1px solid #7A7A7A;
	transition: box-shadow 0.3s;
	vertical-align: 1px;
}
input[type="search"]:focus,
input[type="submit"]:focus {
	border: 0;
	outline: 0;
	/* Chromium */
	border: 1px solid #0078D7;
	box-shadow: 0px 0px 4px 0px #2284e6;
}
ul.pill-nav a.pill, ul.pill-nav a.pill.tdy {
	display: inline-block;
	width: 128px;
	color: #000;
	text-align: center;
	margin: 0.3em;
	padding: 0 5px;
	font-size: 1.2em;
	text-decoration: none;
	border: 1px solid #666;
	transition: all 0.5s;
	/*border-radius: 5px;*/
}
ul.pill-nav a.pill.cdwn {
	display: inline-block;
	width: fit-content;
	color: #000;
	text-align: center;
	margin: 0.05em 0 0 0;
	padding: 0 5px;
	font-size: 0.88em;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #666;
	transition: all 0.5s;
}
ul.pill-nav a.pill.cdwn.gro {
	background: #e73268;	/* ff286e */
	color: #fff;
}
ul.pill-nav a.pill.cdwn.gro:hover {
	background: #666;
	color: #fff;
}
ul.pill-nav a.pill.cdwn.grod, ul.pill-nav a.pill.cdwn.tdfd, ul.pill-nav a.pill.cdwn.lvd {
	background: #000;
	color: #fff533;
}
ul.pill-nav a.pill.cdwn.grod:hover, ul.pill-nav a.pill.cdwn.tdfd:hover, ul.pill-nav a.pill.cdwn.lvd:hover {
	background: #000;
	color: #fff533;
}
ul.pill-nav a.pill.cdwn.lema {
	background: #112f9c;
	color: #ff8c92;
}
ul.pill-nav a.pill.cdwn.lemac {
	background: #112f9c;
	color: #fff533;
}
ul.pill-nav a.pill.cdwn.lema:hover {
	background: #666;
	color: #fff;
}
ul.pill-nav a.pill.cdwn.tdf {
	background: #ffed00;	/* ffff00 */
}
ul.pill-nav a.pill.cdwn.tdf:hover {
	background: #666;
	color: #fff;
}
ul.pill-nav a.pill.cdwn.lv {
	background: #e63021;	/* e42313 */
	color: #fff;
}
ul.pill-nav a.pill.cdwn.lv:hover {
	background: #666;
	color: #fff;
}

ul.pill-nav a.pill:hover {
	background-color: #666;
	color: #fff;
}
ul.pill-nav a.tdy:hover {
	background-image: linear-gradient(#ffed79, #ffe271, #ffd86b, #ffe171, #ffeb77);
	color: #000;
}
ul.pill-nav a.pill:hover, ul.pill-nav a.pill:active { 
/* CSS-Eigenschaften;  */
	background-color: #666;
	color: #fff;
	-webkit-user-select: none; 
	-webkit-touch-callout: none;
}
ul.pill-nav a.tdy:hover, ul.pill-nav a.tdy:active { 
/* CSS-Eigenschaften;  */
	background-image: linear-gradient(#ffed79, #ffe271, #ffd86b, #ffe171, #ffeb77);
	color: #000;
	-webkit-user-select: none; 
	-webkit-touch-callout: none;
}

ul.pill-nav a.pill.active {
	/* background-color: #666; */
	background-image: linear-gradient(#ffed79, #ffe271, #ffd86b, #ffe171, #ffeb77);
	color: #000;
}
/* .pilldum */
ul.pill-nav .pilldum {
	display: inline-block;
	width: 128px;
	margin: 0.3em;
	padding: 0 5px;
	font-size: 1.2em;
	text-decoration: none;
	border: 1px solid #666;
	transition: all 0.5s;
	color: transparent;
}
ul.pill-nav a.pilldum:hover {
	background-color: transparent;
	color: transparent;
}
ul.pill-nav a.pilldum:hover, ul.pill-nav a.pilldum:active {
	background-color: transparent;
	color: transparent;
}
li a {
	display: inline-block;
	width: 80px;
	color: #000;
	text-align: center;
	margin: 0.2em;
	padding: 0 3px;
	font-size: 1.1em;
	text-decoration: none;
	border: 1px solid #666;
	transition: all 0.5s;
	/*border-radius: 5px;*/
}
li a:hover {
	background-color: #666;
	color: #fff;
	text-decoration: none;
}
li a:hover, li a:active { 
/* CSS-Eigenschaften;  */
	background-color: #666;
	color: #fff;
	text-decoration: none;
	-webkit-user-select: none; 
	-webkit-touch-callout: none;
}
li a.active {
	width: 134px;
	background-color: #666;
	color: #fff;
	text-decoration: none;
}
li a.activ {
	width: 80px;
	background-image: linear-gradient(#ffed79, #ffe271, #ffd86b, #ffe171, #ffeb77);
	color: #000;
	text-decoration: none;
}
.toppy {
	padding: 0;
	position: fixed;
	left: 5px;
	bottom: 1.5em;
	font-weight: bold;
	line-height: 0.9;
	text-decoration: none;
	font-size: 2.0em;
	color: #666;
	background: #fff;
	border: 1px solid #8daed980;
	animation-name: blink;
	animation-timing-function: ease-in;
	animation-duration: 5s; 
    animation-iteration-count: infinite;
}
.toppy:hover {
	background: #fff;
	color: red;
}
.topy {
	padding: 0;
	position: fixed;
	right: 5px;
	bottom: 1.5em;
	font-weight: bold;
	line-height: 0.9;
	text-decoration: none;
	font-size: 2.0em;
	color: #666;
	background: #fff;
	border: 1px solid #8daed980;
	animation-name: blink;
	animation-timing-function: ease-in;
	animation-duration: 5s; 
    animation-iteration-count: infinite;
}
.topy:hover {
	background: #fff;
	color: red;
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0.05; }
	100% { opacity: 1; }    
}	

html {
  font-size: 1.0em;
  line-height: 1.4;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  box-sizing: border-box; 
}

body {
  background: #f3f3f3;
  text-align: center;
  /*width: 100%;*/
  margin: 0;
}

header {
  /*border-top: 2px solid #fff533;
  background: #05c2d8;*/
  background: #f3f3f3;
  color: #fff;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px; 
}

header h1 {
    margin: 2.9em 0;
    text-align: center; 
}
.container-fix {
	display: inline-block;
	text-align: left;
	padding-top: 0.5em;
	width: 100%;
}
.header .h-left {
	/* font-family: 'Square Bold';
	font-size: 2.0em; */
	color: #0000ff;
    display: inline-block;
    width: 44.8%;
    text-align: left;
	padding: 0;
	margin-left: 5%;
}
.header .h-left img {
	margin: 0;
	padding: 0;
	width: auto;
	height: 44px;
}
.header .clck-right {
	font-family: 'Square';
	display: inline-block;
    width: 7%;
    text-align: right;
	vertical-align: -0.7em;
	padding: 0;
	margin-right: 5%;
}
.header .clck-right h2 {
	font-size: 1.1em;
}
.header .date-right {
	font-family: 'Square';
	display: inline-block;
    width: 37.6%;
    text-align: right;
	vertical-align: -0.7em;
	padding: 0;
}
.header .date-right h2 {
	font-size: 1.1em;
}
.zent {margin: auto;}
#navbar {
	overflow: hidden;
	background-color: #000;
}

#navbar a {
	float: none;
	display: inline-block;
	color: #ffffff;
	text-align: center;
	padding: 6px 10px 2px 10px;
	text-decoration: none;
	font-size: 0.88em;
	font-weight: bold;
}

#navbar a:hover {
	background-color: #333333;
	color: #fff533;
}
#navbar a:hover, #navbar a:active { 
/* CSS-Eigenschaften;  */
	background-color: #333333;
	color: #fff533;
	text-decoration: none;
	-webkit-user-select: none; 
	-webkit-touch-callout: none;
}

#navbar a.aktiv {
	/*background-color: #333333;*/
	border-bottom: 3px solid #fff533;
	color: #fff533;
}

.sl {
	font-size: 0.9em;
	padding-right: 0.1em;
}

.sticky {
	position: sticky;
	top: 0px;
	/* width: 100%; */
	z-index: 2;
}

/* .sticky + .cardh1 {
  padding-top: 33px;
} */

.container {
  height: auto;
  margin-top: 0;
  display: inline-block;
  padding-bottom: 0.2em; 
}
  .container .left {
    display: inline-block;
    width: 590px;
    vertical-align: top;
    margin-right: 1.5em; 
  }
  .container .right {
    display: inline-block;
    width: 860px; 
  }
  .container .center {
    display: inline-block;
    width: 87%; 
  } 

.container-fix {
  display: inline-block;
  text-align: center;
  width: 100%; 
}

.cardh1 h1 {
	/* width: 98%; */
	text-align: left;
	margin: 0.7em 0 0 1.5em;
	font-size: 1.5em;
	font-weight: 700;
	color: #515151;
	/*color: #fff;*/
	padding: 0;
	border-bottom: 1px solid #ebebeb; 
}

.card {
  display: inline-block;
  background: #fff;
  padding: 0.5em 1.0em 1.0em 1.0em;
  margin-top: 8px;
  box-sizing: border-box;
  width: 96%;
  height: auto;
  text-align: center;
  box-shadow: 0px 0px 6px 0px #c9c9c9; }
  .card img {
    max-width: 98%;
  }
  .card span.ch1 {
	display: block;
    width: 98%;
    text-align: center;
    margin: auto;
    font-size: 1.5em;
    font-weight: normal;
    color: #515151;
    padding-left: 0px ;
    border-bottom: 1px solid #ebebeb; 
  }
  .card h1 {
	width: 98%;
    text-align: center;
    margin: auto;
    font-size: 1.5em;
    font-weight: normal;
    color: #515151;
    padding-left: 0px ;
    border-bottom: 1px solid #ebebeb; 
  }
  .card h2 {
	width: 98%;
    text-align: center;
    margin: auto;
    font-size: 1.5em;
    font-weight: normal;
    color: #515151;
    padding-left: 0px ;
    border-bottom: 1px solid #ebebeb; 
  }
  .card h3 {
    margin: 0.4em 0;
    padding: 0;
    color: #515151; 
  }

nav {
	color: #ffffff;
	margin: 1px 0px 0px 0px;
	width: 100%;
	display: inline-block;
}

ul {
	list-style-type: none;
	padding: 0px;
	margin: auto;
	background-color: #f3f3f3;
	width: 100%;
}

.ul {
	list-style-type: none;
	padding: 2px 0px 4px 0px;
	margin: auto;
	background-color: #f3f3f3;
	width: 100%;
}

li {
    display: inline;
	text-align: center;
}

a {
    padding: 0px 8px;
    font-size: 1.2em;
    color: #515151;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: #057cd8;
	transition: all 0.5s;
}

footer a {
	padding: 0;
    font-size: 1.1em;
    color: #fff533;
	text-decoration: none;
    transition: all 0.5s;
}

footer a:hover {
    background-color: transparent;
    color: #fffcc2;
	text-decoration: none;
}

a:hover {
	background-color: #057cd8;
	color: #ffffff;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: #ffffff;
}

a:hover, a:active { 
	background-color: #057cd8;
	color: #ffffff;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: #ffffff;
	text-decoration: none;
	-webkit-user-select: none; 
	-webkit-touch-callout: none;
}

.active {
	color: #ffffff;
	background-color: #057cd8;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: #ffffff;
}

.wday {
	float: left;
	font-weight: 700;
	display: block;
	width: 13.73%;
	margin: 0.75em 1.9px 0 1.9px;
	padding: 0 1px;
	font-size: 0.85em;
	border: 1px solid #8daed9;	/* #86a2c8 */
	background-image: linear-gradient(#dee8f6, #d4e1f2, #c9d9ee, #bfd2ea, #b5cae6);	/* #a5bfe1 */
}
/* .ftb {
	color: #00f;
	border: 1px solid #8daed9;
	background-image: ;
	margin: 0 auto;
	padding: 0.25em 0em;
	width: 96%;
	display: block;
	border-radius: 3px;
	line-height: 1;
	transition: all 0.5s;
	overflow: hidden;
}
 */
.wd {
	background-image: linear-gradient(#ffed79, #ffe271, #ffd86b, #ffe171, #ffeb77);
}

.sa.wd {
	background-image: linear-gradient(#ffed79, #ffe271, #ffd86b, #ffe171, #ffeb77);
	color: #e08600;
}

.wday, .wday.sa, .wday.so {
	position: sticky;
	top: 30px;
	z-index: 9;
}

.calmonth {
	float: left;
	width: 13.86%;
	/* height: 660px; */
	margin: 2px 1px 2px 1px;
	padding: 1px;
	border: 1px solid #8daed9;
	font-weight: normal;
	font-size: 0.9em;
}

.calmonth img {
	width: 14px;
	height: 9px;
	border: 1px solid #fff;
}

.empty { 
    float: left;
    width: 13.86%;
    /* height: 660px; */
    margin: 2px 1px 2px 1px;
    padding: 1px;
    border: 1px solid #8daed980;
    font-weight: normal;
	font-size: 0.9em;
}

.empty img {
	width: 14px;
	height: 9px;
	border: 1px solid #fff;
}

.calmonthz {
	float: left;
	width: 13.86%;
	/* height: 660px; */
	margin: 2px 1px 2px 1px;
	padding: 1px;
	border: 1px solid #eb9800;
	background-color: #fffbde;
	font-weight: normal;
	font-size: 0.9em;
}

.calmonthz img {
	width: 14px;
	height: 9px;
	border: 1px solid #fff;
}

.emptyz { 
    float: left;
    width: 13.86%;
    /* height: 660px; */
    margin: 2px 1px 2px 1px;
    padding: 1px;
    border: 1px solid #eb890080;
    background-color: #fffbde70; /* e6edf770 */
	font-weight: normal;
	font-size: 0.9em;
}

.emptyz img {
	width: 14px;
	height: 9px;
	border: 1px solid #fff;
}

.w {
	cursor: pointer;
}

/* .w:hover {
	background: url("../../image/evtcal/kw.png");
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: 0% 50%;
} */
/* .w:hover span {display:none} */
.a {
	margin: 0 0 1px 0;
	padding: 0.1em 0em;
	color: #515151;
	font-size: 1.1em;
	font-style: italic;
	font-weight: 700;
	background: #a5bfe1;
	width: 100%;
	display: block;
}

.apn {
	margin: 0 0 1px 0;
	padding: 0.1em 0em;
	color: #51515180;
	font-size: 1.1em;
	font-style: italic;
	font-weight: 700;
	background: #a5bfe180;
	width: 100%;
	display: block;
}

.z {
	margin: 0 0 1px 0;
	padding: 0.1em 0em;
	color: #515151;
	font-size: 1.1em;
	font-style: italic;
	font-weight: 700;
	background-image: linear-gradient(#ffed79, #ffe271, #ffd86b, #ffe171, #ffeb77);
	width: 100%;
	display: block;
}

.zpn {
	margin: 0 0 1px 0;
	padding: 0.1em 0em;
	color: #51515180;
	font-size: 1.1em;
	font-style: italic;
	font-weight: 700;
	background-image: linear-gradient(#ffed7980, #ffe27180, #ffd86b80, #ffe17180, #ffeb7780);
	width: 100%;
	display: block;
}

.sa {
	color: #e08600;
}

.so {
	color: #ff0000;
}

.sapn {
	color: #e0860090;
}

.sopn {
	color: #ff000080;
}
/* .w::before {
	content:"KW44";
	font-size: 0.7em;
	padding-left: 0.1em;
	float: left;
	position: relative;
	top: 0.2em;
	display: inline-block;
	z-index: 99999;
	}
.w:hover, .w:active { 
	text-decoration: none;
	-webkit-user-select: none; 
	-webkit-touch-callout: none;
}
 */.gld {
	background-image: linear-gradient(90deg, #ffd700, #c0c0c0, #d05918);
	color: #000;
	border-radius: 10px;
	line-height: 1.3;
}
/* #d05918,  */
.gldgb {
	background-image: linear-gradient(90deg, #ffd700, #ffd700, #c0c0c0, #c0c0c0, #ffd700, #ffd700);
	color: #000;
	border-radius: 10px;
	line-height: 2.4;
}
.f1, .r24, .gp, .sbk, .bk, .bkg, .bkv, .bkt, .ic, .bia, .biaf, .biaolymp, .skijmp, .skijmpolymp, .skijmpnrdski, 
.nokom, .nokomf, .nokomolymp, .nokomnrdski, .skiing, .skiingolymp, .skiingnrdski, .skialpin, .skialpinf, 
.skialpolymp, .skialpfolymp, .rodel, .rodelf, .rodel2, .rodel2f, .rodelt, .bob, .bobf, .bob1, .bob1f, 
.bob2, .bob2f, .olymp, .skiflywm, .lm, .nbr {
	margin: 0;
	padding: 0.05em 0em;
	width: 99%;
	display: block;
	border-radius: 6px;
	line-height: 0.95;
	transition: all 0.5s;
}

.ft:hover, .ftb:hover, .f1:hover, .r24:hover, .gp:hover, .sbk:hover, .bk:hover, .bkg:hover, .bkv:hover, .bkt:hover, 
.bia:hover, .biaf:hover, .ic:hover, .biaolymp:hover, .skijmp:hover, .skijmpolymp:hover, .skijmpnrdski:hover, 
.nokom:hover, .nokomf:hover, .nokomolymp:hover, .nokomnrdski:hover, .skiing:hover, .skiingolymp:hover, 
.skiingnrdski:hover, .skialpin:hover, .skialpinf:hover, .skialpolymp:hover, .skialpfolymp:hover, 
.rodel:hover, .rodelf:hover, .rodel2:hover, .rodel2f:hover, .rodelt:hover, .bob:hover, .bobf:hover, .bob1:hover, 
.bob1f:hover, .bob2:hover, .bob2f:hover, .olymp:hover, .skiflywm:hover, .lm:hover, .nbr:hover {
	transform: scale(1.5);
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.ftg {
	color: transparent;
	font-size: 0px;
	display: none;
	overflow: hidden;
}
.ft {
	color: #f00;
	border: 1px solid #8daed9;
	background-image: linear-gradient(#dee8f6, #d4e1f2, #c9d9ee, #bfd2ea, #b5cae6);
	margin: 0 auto;
	padding: 0.25em 0em;
	width: 96%;
	display: block;
	border-radius: 3px;
	line-height: 1;
	transition: all 0.5s;
	overflow: hidden;
}
.ftb {
	color: #00f;
	border: 1px solid #8daed9;
	background-image: linear-gradient(#dee8f6, #d4e1f2, #c9d9ee, #bfd2ea, #b5cae6);
	margin: 0 auto;
	padding: 0.25em 0em;
	width: 96%;
	display: block;
	border-radius: 3px;
	line-height: 1;
	transition: all 0.5s;
	overflow: hidden;
}

.r24 {
	color: #000;
	border: 1px solid #800000;
	background-image: url("../../image/evtcal/r24.png");
	background-color: #f9f906;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 2% 4%;
}

.nbr {
	color: #000;
	border: 1px solid #800000;
	background-image: url("../../image/evtcal/porsche.png");
	background-color: rgba(7,213,0);
	background-repeat: no-repeat;
	background-size: 56px;
	background-position: 1px 1px;
}

.lm {
	color: #000;
	border: 1px solid #800000;
	background-image: url("../../image/evtcal/alpine.png");
	background-color: rgba(73,204,235);
	background-repeat: no-repeat;
	background-size: 56px;
	background-position: 1px 1px;
}

.f1 {
	color: #fff;
	border: 1px solid #800000;
	background: url("../../image/evtcal/f1.png");
	background-color: #ee0000;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 2% 4%;
}

.gp {
	color: #fff;
	border: 1px solid #001a00;
	background: url("../../image/evtcal/gp.png");
	background-color: #006078;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 2% 4%;
}

.sbk {
	color: #fff;
	border: 1px solid #391313;
	background: url("../../image/evtcal/gp.png");
	background-color: #993333;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 2% 4%;
}

.bk {
	color: #fff;
	border: 1px solid #040462;
	background: url("../../image/evtcal/bk.png");
	background-color: #0808dd;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 1% 5%;
}

.bkt {
	color: #0e0e0e;
	border: 1px solid #808000;
	background: url("../../image/evtcal/bkt.png");
	background-color: #ffff00;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 1% 5%;
}

.bkg {
	color: #fff;
	border: 1px solid #b3003b;
	background: url("../../image/evtcal/bk.png");
	background-color: #ff286e;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 1% 5%;
}

.bkv {
	color: #fff;
	border: 1px solid #5e0f08;
	background: url("../../image/evtcal/bk.png");
	background-color: #c60b1e;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 1% 5%;
}

.ic {
	color: #fff;
	border: 1px solid #0070cc;
	background: url("../../image/evtcal/snwflk.png");
	background-color: #4daeff;
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 1% 5%;
}

.bia.wm {
	color: #fff;
	border: 1px solid #004299;
	background: url("../../image/evtcal/biathlon.png"), url("../../image/evtcal/ibu.svg");
	background-color: #177cff;
	background-repeat: no-repeat, no-repeat;
	background-size: 24px, 64px;
	background-position: 1% 1%, center center;
}

.bia {
	color: #fff;
	border: 1px solid #004299;
	background: url("../../image/evtcal/biathlon.png");
	background-color: #177cff;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 1% 1%;
}

.biaf {
	color: #fff;
	border: 1px solid #004299;
	background: url("../../image/evtcal/biathlon.png");
	background-color: #637dff;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 1% 1%;
}

.biaf.wm {
	color: #fff;
	border: 1px solid #004299;
	background: url("../../image/evtcal/biathlon.png"), url("../../image/evtcal/ibu.svg");
	background-color: #637dff;
	background-repeat: no-repeat, no-repeat;
	background-size: 24px, 64px;
	background-position: 1% 1%, center center;
}

.biaolymp {
	color: #fff;
	border: 1px solid #004299;
	background: url("../../image/evtcal/biathlon.png"), url("../../image/evtcal/olymp_ring.png");
	background-color: #177cff;
	background-repeat: no-repeat, no-repeat;
	background-size: 24px, contain;
	background-position: 1% 1%, center center;
}

.skiflywm {
	color: #000;
	border: 1px solid #0070cc;
	background: url("../../image/evtcal/skijump.png"), url("../../image/evtcal/skiflywm24.webp");
	background-color: #4daeff;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px, 40px;
	background-position: 1% 5%, center right;
	/* background-blend-mode: normal, luminosity; */
}
.skijmp.wm {
	color: #fff;
	border: 1px solid #0070cc;
	background: url("../../image/evtcal/skijump.png"), url("../../image/evtcal/nswm25.svg");
	background-color: #4daeff;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px, 58px;
	background-position: 1% 1%, center right;
}

.skijmp {
	color: #fff;
	border: 1px solid #0070cc;
	background: url("../../image/evtcal/skijump.png");
	background-color: #4daeff;
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 1% 5%;
}
.skijmp.wf {
	background-color: #ff4dd2;
}

.skijmpolymp {
	color: #fff;
	border: 1px solid #0070cc;
	background: url("../../image/evtcal/skijump.png"), url("../../image/evtcal/olymp_ring.png");
	background-color: #4daeff;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px, contain;
	background-position: 1% 5%, center center;
}
.skijmpolymp.wf {
	background-color: #ff4dd2;
}

.skijmpnrdski {
	color: #fff;
	border: 1px solid #800080;
	background: url("../../image/evtcal/skijump.png"), url("../../image/evtcal/planica_wm.png");
	background-color: #b300b3;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px, 110px;
	background-position: 1% 5%, center center;
}
.skijmpnrdski.wf {
	background-color: #ff4dd2;
}

.nokom.wm {
	color: #fff;
	border: 1px solid #0e00cc;
	background: url("../../image/evtcal/nkombi.png"), url("../../image/evtcal/nswm25.svg");
	background-color: #4336ff;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px, 58px;
	background-position: 1% 1%, center right;
}

.nokom {
	color: #fff;
	border: 1px solid #0e00cc;
	background: url("../../image/evtcal/nkombi.png");
	background-color: #4336ff;
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 1% 1%;
}

.nokomf {
	color: #fff;
	border: 1px solid #401c7d;
	background: url("../../image/evtcal/nkombi.png");
	background-color: #6e36d2;
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 1% 1%;
}

.nokomolymp {
	color: #fff;
	border: 1px solid #0e00cc;
	background: url("../../image/evtcal/nkombi.png"), url("../../image/evtcal/olymp_ring.png");
	background-color: #4336ff;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px, contain;
	background-position: 1% 1%, center center;
}

.nokomnrdski {
	color: #fff;
	border: 1px solid #800040;
	background: url("../../image/evtcal/nkombi.png"), url("../../image/evtcal/planica_wm.png");
	background-color: #993293;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px, 110px;
	background-position: 1% 1%, center center;
}

.skiing.wm {
	color: #fff;
	border: 1px solid #5b067a;
	background: url("../../image/evtcal/skiing.png"), url("../../image/evtcal/nswm25.svg");
	background-color: #a70bde;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px, 58px;
	background-position: 1% 1%, center right;
}

.skiing {
	color: #fff;
	border: 1px solid #5b067a;
	background: url("../../image/evtcal/skiing.png");
	background-color: #a70bde;
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 1% 1%;
}

.skiingolymp {
	color: #fff;
	border: 1px solid #5b067a;
	background: url("../../image/evtcal/skiing.png"), url("../../image/evtcal/olymp_ring.png");
	background-color: #a70bde;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px, contain;
	background-position: 1% 1%, center center;
}

.skiingnrdski {
	color: #fff;
	border: 1px solid #80002a;
	background: url("../../image/evtcal/skiing.png"), url("../../image/evtcal/planica_wm.png");
	background-color: #b3003b;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px, 110px;
	background-position: 1% 1%, center center;
}

.skialpin {
	color: #fff;
	border: 1px solid #004d39;
	background: url("../../image/evtcal/skialpin.png");
	background-color: #00b386;
	background-repeat: no-repeat;
	background-size: 19px;
	background-position: 1% 1%;
}

.skialpin.wm {
	color: #fff;
	border: 1px solid #004d39;
	background: url("../../image/evtcal/skialpin.png"), url("../../image/evtcal/bg_skiwm.png");
	background-color: #00b386;
	background-repeat: no-repeat, no-repeat;
	background-size: 19px, 40px;
	background-position: 1% 1%, center right;
}

.skialpin.wm25 {
	color: #fff;
	border: 1px solid #004d39;
	background: url("../../image/evtcal/skialpin.png"), url("../../image/evtcal/alwm25.svg");
	background-color: #00b386;
	background-repeat: no-repeat, no-repeat;
	background-size: 19px, 40px;
	background-position: 1% 1%, top right;
}

.skialpinf {
	color: #fff;
	border: 1px solid #145214;
	background: url("../../image/evtcal/skialpin.png");
	background-color: #2eb82e;
	background-repeat: no-repeat;
	background-size: 19px;
	background-position: 1% 1%;
}

.skialpinf.wm {
	color: #fff;
	border: 1px solid #145214;
	background: url("../../image/evtcal/skialpin.png"), url("../../image/evtcal/bg_skiwm.png");
	background-color: #2eb82e;
	background-repeat: no-repeat, no-repeat;
	background-size: 19px, 40px;
	background-position: 1% 1%, center right;
}

.skialpinf.wm25 {
	color: #fff;
	border: 1px solid #145214;
	background: url("../../image/evtcal/skialpin.png"), url("../../image/evtcal/alwm25.svg");
	background-color: #2eb82e;
	background-repeat: no-repeat, no-repeat;
	background-size: 19px, 40px;
	background-position: 1% 1%, top right;
}

.skialpolymp {
	color: #fff;
	border: 1px solid #004d39;
	background: url("../../image/evtcal/skialpin.png"), url("../../image/evtcal/olymp_ring.png");
	background-color: #00b386;
	background-repeat: no-repeat, no-repeat;
	background-size: 19px, contain;
	background-position: 1% 1%, center center;
}

.skialpfolymp {
	color: #fff;
	border: 1px solid #145214;
	background: url("../../image/evtcal/skialpin.png"), url("../../image/evtcal/olymp_ring.png");
	background-color: #2eb82e;
	background-repeat: no-repeat, no-repeat;
	background-size: 19px, contain;
	background-position: 1% 1%, center center;
}

.rodel {
	color: #fff;
	border: 1px solid #ff6600;
	background: url("../../image/evtcal/rodel.png");
	background-color: #ff8e42;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 1% 1%;
}

.rodelf {
	color: #fff;
	border: 1px solid #ff6600;
	background: url("../../image/evtcal/rodel.png");
	background-color: #ffab73;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 1% 1%;
}

.rodel2 {
	color: #fff;
	border: 1px solid #ff6600;
	background: url("../../image/evtcal/rodel2.png");
	background-color: #ff8e42;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 1% 1%;
}

.rodel2.mf {
	background-color: #ff6b40;
}

.rodel2f {
	color: #fff;
	border: 1px solid #ff6600;
	background: url("../../image/evtcal/rodel2.png");
	background-color: #ffab73;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 1% 1%;
}

.rodelt {
	color: #fff;
	border: 1px solid #ff6600;
	background: url("../../image/evtcal/rodel.png"), url("../../image/evtcal/rodel2.png");
	background-color: #ff6b40;
	background-repeat: no-repeat, no-repeat;
	background-size: 24px, 24px;
	background-position: 1% 1%, 1% 40%;
}

.bob {
	color: #fff;
	border: 1px solid #e00038;
	background: url("../../image/evtcal/bob.png");
	background-color: #ff207a;
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 1% 1%;
}

.bobf {
	color: #fff;
	border: 1px solid #e00038;
	background: url("../../image/evtcal/bob.png");
	background-color: #ff688c;
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 1% 1%;
}

.bob2 {
	color: #fff;
	border: 1px solid #e00038;
	background: url("../../image/evtcal/bob2.png");
	background-color: #ff207a;
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 1% 1%;
}

.bob2f {
	color: #fff;
	border: 1px solid #e00038;
	background: url("../../image/evtcal/bob2.png");
	background-color: #ff688c;
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 1% 1%;
}

.bob1 {
	color: #fff;
	border: 1px solid #e00038;
	background: url("../../image/evtcal/bob1.png");
	background-color: #ff207a;
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 1% 1%;
}

.bob1f {
	color: #fff;
	border: 1px solid #e00038;
	background: url("../../image/evtcal/bob1.png");
	background-color: #ff688c;
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 1% 1%;
}

.olymp {
	color: #fff;
	border: 1px solid #0000e6;
	background: url("../../image/evtcal/olymp_ring.png");
	background-color: #99ccff;/* 7979ff */
	/* background: linear-gradient(
    90deg,
    rgba(0, 129, 200, 1) 10%,
    rgba(252, 177, 49, 1) 25%,
    rgba(252, 177, 49, 1) 35%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 166, 81, 1) 65%,
    rgba(0, 166, 81, 1) 75%,
    rgba(238, 51, 78, 1) 85%
	); */
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.olymp.wo {
	color: #fff;
	border: 1px solid #0000e6;
	background: url("/* ../../image/evtcal/olymp_ring.png */");
	background-color: #7979ff;
	background-repeat: no-repeat;
	background-size: 70px;
	background-position: center center;
}

.inact:hover {
	vertical-align: 0px;
	background-color: transparent;
	color: #000000;
	text-decoration: none;
	cursor: auto;
}

.cuhp {
	cursor: help;
}

.ang {
	color: #515151;
	font-size: 1.2em;
}

table td {
	font-weight: normal;
	font-size: 0.75em;
}

footer {
	/*display: inline-block;*/
	width: 100%;
	height: auto;
	background: #666;
	color: #ffffff;
	/*text-align: right;
	border-bottom: 3px solid #fff533;*/
}

.right {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	margin: 0 11% 0 22.5%;
	padding: 0.4em 0 0 0;
	font-size: 0.8em;
	color: #ffffff;
}

.seal {
	display: inline-block;
	text-align: left;
	padding: 0.4em 0 0 0;
	margin: 0 24% 0 10%;
}

div.lft {
	display: inline-block;
	text-align: left;
	padding: 0.4em 0 0 0;
	margin: 0 24% 0 10%;
	/*float: right;
	margin: 0 0 0.3em 0;*/
}

div#DigiCertClickID_XieDTsLCSeal img {
	width: 100px !important;
}

footer div.container div.right {
    text-align: right;
}

footer div.container div.left {
    text-align: left;
}

.snfl {
	vertical-align: 0.95em;
	font-size: 0.6em;
	margin-left: 0.17em;
	color: #4FCBF9;
}

.dotout {
	font-size: 0.5em;
	vertical-align: 0.35em;
	padding: 0 0.9em 0 1.3em;
}
.scala {
	width: 600px;
	height: 24px;
}
h2 img {
	height: 18px !important;
}
.cardh1 p img {
	height: 16px !important;
	margin: 0 3px;
}
.cardh1 p {
	text-align: left;
	font-size: 1.2em;
	float: left;
}




/* ####### @media >> ####### */
@media only screen	/*####### iPhone 7 Querformat #######*/
and (min-device-width : 375px) 
and (max-device-width : 668px) 
and (orientation : landscape) {
input[type="search"],
input[type="submit"] {
	font-size: 0.6em !important;
}
#navbar a {
	font-size: 0.75em !important;
	line-height: 0 !important;
}
ul.pill-nav a.pill, ul.pill-nav a.pill.tdy {
	font-size: 0.75em !important;
}
li a {
	font-size: 0.75em !important;
}
.header .clck-right {
	width: 7% !important;
}
.header .clck-right h2 {
	font-size: 0.9em !important;
	color: #111 !important;
	}
.header .date-right {
	width: 36% !important;
}
.header .date-right h2 {
	font-size: 0.9em !important;
	color: #111 !important;
}
.header .h-left img {
	width: auto !important;
	height: 40px !important;
}
.card {
  width: 98% !important;
  padding: 0.5em 0.2em 1.0em 0.2em !important;
}
.wday {
	width: 13.0% !important;
	font-size: 0.7em !important;
	top: 45px !important;
}
.calmonth {
	width: 13.3% !important;
	/* height: 640px !important; */
	font-size: 0.75em !important;
}
.empty { 
    width: 13.3% !important;
	/* height: 640px !important; */
	font-size: 0.75em !important;
}
.calmonthz {
	width: 13.3% !important;
	/* height: 640px !important; */
	font-size: 0.75em !important;
}
.emptyz { 
    width: 13.3% !important;
	/* height: 640px !important; */
	font-size: 0.75em !important;
}
.a {
	font-size: 0.8em !important;
}
.z {
	font-size: 0.8em !important;
}
.apn {
	font-size: 0.8em !important;
}
.zpn {
	font-size: 0.8em !important;
}
.f1, .r24, .gp, .sbk, .bk, .bkg, .bkv, .bkt, .ic, .bia, .biaf, .biaolymp, .skijmp, .skijmpolymp, .skijmpnrdski, 
.nokom, .nokomf, .nokomolymp, .nokomnrdski, .skiing, .skiingolymp, .skiingnrdski, .skialpin, .skialpinf, 
.skialpolymp, .skialpfolymp, .rodel, .rodelf, .rodel2, .rodel2f, .rodelt, .bob, .bobf, .bob1, .bob1f, 
.bob2, .bob2f, .olymp {
	font-size: 0.85em !important;
	line-height: 0.95 !important;
}
.f1:hover, .f1:active, .r24:hover, .r24:active, .gp:hover, .gp:active, .sbk:hover, .sbk:active, 
.bk:hover, .bk:active, .bkg:hover, .bkg:active, .bkv:hover, .bkv:active, .bkt:hover, .bkt:active, 
.bia:hover, .bia:active, .biaf:hover, .biaf:active, .biaolymp:hover, .biaolymp:active, 
.skijmp:hover, .skijmp:active, .skijmpolymp:hover, .skijmpolymp:active, 
.skijmpnrdski:hover, .skijmpnrdski:active, .nokom:hover, .nokom:active, .nokomf:hover, .nokomf:active, 
.nokomolymp:hover, .nokomolymp:active, .nokomnrdski:hover, .nokomnrdski:active, .skiing:hover, .skiing:active, .skiingolymp:hover, .skiingolymp:active, .skiingnrdski:hover, .skiingnrdski:active, 
.skialpin:hover, .skialpin:active, .skialpinf:hover, .skialpinf:active, .skialpolymp:hover, .skialpolymp:active, 
.skialpfolymp:hover, .skialpfolymp:active, .rodel:hover, .rodel:active, .rodel2:hover, .rodel2:active, 
.rodelf:hover, .rodelf:active, .rodel2f:hover, .rodel2f:active, .rodelt:hover, .rodelt:active, 
.bob:hover, .bob:active, .bobf:hover, .bobf:active, .bob1:hover, .bob1:active, .bob1f:hover, .bob1f:active, 
.bob2:hover, .bob2:active, .bob2f:hover, .bob2f:active, .olymp:active { 
/* CSS-Eigenschaften;  */
	transform: scale(2) !important;
	-webkit-user-select: none !important; 
	-webkit-touch-callout: none !important;
}
.gp {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.sbk {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.r24 {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.f1 {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.biaolymp {
	background-size: 20px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skijmpolymp {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.nokomolymp {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skiingolymp {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skijmpnrdski {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.nokomnrdski {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skiingnrdski {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skialpin {
	background-size: 16px !important;
}
.skialpinf {
	background-size: 16px !important;
}
.skialpolymp {
	background-size: 16px, 46px !important;
}
.skialpfolymp {
	background-size: 16px, 46px !important;
}
.olymp {
	background-size: 16px, 46px !important;
}
/* box for title text */
[lv-title]:after {
    content: attr(lv-title);
  	/* position for title view box */
  	position: absolute;
  	/* bottom: -1.4em;  	
    left: 100%; */
    bottom: -0.1em;  	
    right: 150%;
    z-index: 99999;
    visibility: hidden;
    /* optional */
    white-space: nowrap;
  	/* stilization */
    background-color: #e42313;
    color: #fff;
    font-size: 0.5em !important;
	line-height: 1.3;
    padding: 0 4px;
    box-shadow: 1px 1px 3px #666666;
    opacity: 0;
    border: 1px solid #8e160b;
}


}



@media only screen	/*####### iPhone 7 Hochformat #######*/
and (min-device-width : 375px) 
and (max-device-width : 668px) 
and (orientation : portrait) {
input[type="search"],
input[type="submit"] {
	font-size: 0.6em !important;
}
#navbar a {
	font-size: 0.75em !important;
	line-height: 0 !important;
}
ul.pill-nav a.pill, ul.pill-nav a.pill.tdy {
	font-size: 0.75em !important;
	width: 100px !important;
}
li a {
	font-size: 0.75em !important;
}
.header .h-left {
	width: 90px !important;
	margin: 0 0 0 0.5% !important;
	
	display: inline !important;
}	
.header .h-left img {
	width: 90px !important;
	height: auto !important;
}	
.header .clck-right {
	width: 9% !important;
}
.header .clck-right h2 {
	font-size: 0.8em !important;
	color: #111 !important;
	}
.header .date-right {
	width: 50% !important;
}
.header .date-right h2 {
	font-size: 0.8em !important;
	color: #111 !important;
}
.card {
  width: 99% !important;
  padding: 0.5em 0.1em 1.0em 0.1em !important;
}
.wday {
	width: 12.57% !important;
	font-size: 0.55em !important;
	top: 90px !important;
	margin: 0.75em 1px 0 1px !important;
}
.calmonth {
	width: 12.57% !important;
	font-size: 0.7em !important;
	/* height: 640px !important; */
}
.empty { 
    width: 12.57% !important;
	font-size: 0.7em !important;
	/* height: 640px !important; */
}
.calmonthz {
	width: 12.57% !important;
	font-size: 0.7em !important;
	/* height: 640px !important; */
}
.emptyz { 
    width: 12.57% !important;
	font-size: 0.7em !important;
	/* height: 640px !important; */
}
.a {
	font-size: 0.55em !important;
}
.z {
	font-size: 0.55em !important;
}
.apn {
	font-size: 0.55em !important;
}
.zpn {
	font-size: 0.55em !important;
}
.f1, .r24, .gp, .sbk, .bk, .bkg, .bkv, .bkt, .ic, .bia, .biaf, .biaolymp, .skijmp, .skijmpolymp, .skijmpnrdski, 
.nokom, .nokomf, .nokomolymp, .nokomnrdski, .skiing, .skiingolymp, .skiingnrdski, .skialpin, .skialpinf, 
.skialpolymp, .skialpfolymp, .rodel, .rodelf, .rodel2, .rodel2f, .rodelt, .bob, .bobf, .bob1, .bob1f, 
.bob2, .bob2f, .olymp {
	font-size: 0.75em !important;
	line-height: 0.95 !important;
}
.f1:hover, .f1:active, .r24:hover, .r24:active, .gp:hover, .gp:active, .sbk:hover, .sbk:active, 
.bk:hover, .bk:active, .bkg:hover, .bkg:active, .bkv:hover, .bkv:active, .bkt:hover, .bkt:active, 
.bia:hover, .bia:active, .biaf:hover, .biaf:active, .biaolymp:hover, .biaolymp:active, 
.skijmp:hover, .skijmp:active, .skijmpolymp:hover, .skijmpolymp:active, 
.skijmpnrdski:hover, .skijmpnrdski:active, .nokom:hover, .nokom:active, .nokomf:hover, .nokomf:active, 
.nokomolymp:hover, .nokomolymp:active, .nokomnrdski:hover, .nokomnrdski:active, .skiing:hover, .skiing:active, .skiingolymp:hover, .skiingolymp:active, .skiingnrdski:hover, .skiingnrdski:active, 
.skialpin:hover, .skialpin:active, .skialpinf:hover, .skialpinf:active, .skialpolymp:hover, .skialpolymp:active, 
.skialpfolymp:hover, .skialpfolymp:active, .rodel:hover, .rodel:active, .rodel2:hover, .rodel2:active, 
.rodelf:hover, .rodelf:active, .rodel2f:hover, .rodel2f:active, .rodelt:hover, .rodelt:active, 
.bob:hover, .bob:active, .bobf:hover, .bobf:active, .bob1:hover, .bob1:active, .bob1f:hover, .bob1f:active, 
.bob2:hover, .bob2:active, .bob2f:hover, .bob2f:active, .olymp:active { 
/* CSS-Eigenschaften;  */
	transform: scale(2) !important;
	-webkit-user-select: none !important; 
	-webkit-touch-callout: none !important;
}
.gp {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.sbk {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.r24 {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.f1 {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.biaolymp {
	background-size: 20px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skijmpolymp {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.nokomolymp {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skiingolymp {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skijmpnrdski {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.nokomnrdski {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skiingnrdski {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skialpin {
	background-size: 16px !important;
}
.skialpinf {
	background-size: 16px !important;
}
.skialpolymp {
	background-size: 16px, 46px !important;
}
.skialpfolymp {
	background-size: 16px, 46px !important;
}
.olymp {
	background-size: 16px, 46px !important;
}
/* box for title text */
[lv-title]:after {
    content: attr(lv-title);
  	/* position for title view box */
  	position: absolute;
  	/* bottom: -1.4em;  	
    left: 100%; */
    bottom: -0.1em;  	
    right: 150%;
    z-index: 99999;
    visibility: hidden;
    /* optional */
    white-space: nowrap;
  	/* stilization */
    background-color: #e42313;
    color: #fff;
    font-size: 30% !important;
	line-height: 1.3;
    padding: 0 4px;
    box-shadow: 1px 1px 3px #666666;
    opacity: 0;
    border: 1px solid #8e160b;
}


}



@media only screen	/*####### iPAD Querformat #######*/
and (min-device-width : 766px)
and (max-device-width : 1028px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) {
.card {
  width: 99% !important;
  padding: 0.5em 0.1em 1.0em 0.1em !important;
}
#navbar a {
	font-size: 0.75em !important;
	line-height: 0 !important;
}
ul.pill-nav a.pill, ul.pill-nav a.pill.tdy {
	font-size: 0.75em !important;
	width: 100px !important;
}
li a {
	font-size: 0.75em !important;
}

.wday {
	width: 13.46% !important;
	font-size: 0.7em !important;
	top: 45px !important;
}
.calmonth {
	width: 13.65% !important;
	/* height: 640px !important; */
	font-size: 0.8em !important;
}
.empty { 
    width: 13.65% !important;
	/* height: 640px !important; */
	font-size: 0.8em !important;
}
.calmonthz {
	width: 13.65% !important;
	/* height: 640px !important; */
	font-size: 0.8em !important;
}
.emptyz { 
    width: 13.65% !important;
	/* height: 640px !important; */
	font-size: 0.8em !important;
}
.a {
	font-size: 0.95em !important;
}
.z {
	font-size: 0.95em !important;
}
.apn {
	font-size: 0.95em !important;
}
.zpn {
	font-size: 0.95em !important;
}
.f1, .r24, .gp, .sbk, .bk, .bkg, .bkv, .bkt, .ic, .bia, .biaf, .biaolymp, .skijmp, .skijmpolymp, .skijmpnrdski, 
.nokom, .nokomf, .nokomolymp, .nokomnrdski, .skiing, .skiingolymp, .skiingnrdski, .skialpin, .skialpinf, 
.skialpolymp, .skialpfolymp, .rodel, .rodelf, .rodel2, .rodel2f, .rodelt, .bob, .bobf, .bob1, .bob1f, 
.bob2, .bob2f, .olymp {
	font-size: 0.9em !important;
	line-height: 1.0 !important;
}
.f1:hover, .f1:active, .r24:hover, .r24:active, .gp:hover, .gp:active, .sbk:hover, .sbk:active, 
.bk:hover, .bk:active, .bkg:hover, .bkg:active, .bkv:hover, .bkv:active, .bkt:hover, .bkt:active, 
.bia:hover, .bia:active, .biaf:hover, .biaf:active, .biaolymp:hover, .biaolymp:active, 
.skijmp:hover, .skijmp:active, .skijmpolymp:hover, .skijmpolymp:active, 
.skijmpnrdski:hover, .skijmpnrdski:active, .nokom:hover, .nokom:active, .nokomf:hover, .nokomf:active, 
.nokomolymp:hover, .nokomolymp:active, .nokomnrdski:hover, .nokomnrdski:active, .skiing:hover, .skiing:active, 
.skiingolymp:hover, .skiingolymp:active, .skiingnrdski:hover, .skiingnrdski:active, .skialpin:hover, .skialpin:active, 
.skialpinf:hover, .skialpinf:active, .skialpolymp:hover, .skialpolymp:active, 
.skialpfolymp:hover, .skialpfolymp:active, .rodel:hover, .rodel:active, .rodel2:hover, .rodel2:active, 
.rodelf:hover, .rodelf:active, .rodel2f:hover, .rodel2f:active, .rodelt:hover, .rodelt:active, 
.bob:hover, .bob:active, .bobf:hover, .bobf:active, .bob1:hover, .bob1:active, .bob1f:hover, .bob1f:active, 
.bob2:hover, .bob2:active, .bob2f:hover, .bob2f:active, .olymp:active { 
/* CSS-Eigenschaften;  */
	transform: scale(2) !important;
	-webkit-user-select: none !important; 
	-webkit-touch-callout: none !important;
}
.gp {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.sbk {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.r24 {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.f1 {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.biaolymp {
	background-size: 20px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skijmpolymp {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.nokomolymp {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skiingolymp {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skijmpnrdski {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.nokomnrdski {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skiingnrdski {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skialpin {
	background-size: 16px !important;
}
.skialpinf {
	background-size: 16px !important;
}
.skialpolymp {
	background-size: 16px, 46px !important;
}
.skialpfolymp {
	background-size: 16px, 46px !important;
}
.olymp {
	background-size: 16px, 46px !important;
}
/* box for title text */
[lv-title]:after {
    content: attr(lv-title);
  	/* position for title view box */
  	position: absolute;
  	/* bottom: -1.4em;  	
    left: 100%; */
    bottom: -0.1em;  	
    right: 150%;
    z-index: 99999;
    visibility: hidden;
    /* optional */
    white-space: nowrap;
  	/* stilization */
    background-color: #e42313;
    color: #fff;
    font-size: 60% !important;
	line-height: 1.3;
    padding: 0 4px;
    box-shadow: 1px 1px 3px #666666;
    opacity: 0;
    border: 1px solid #8e160b;
	}

}



@media only screen	/*####### iPAD Mini 4 Hochformat #######*/ 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {
#navbar a {
	font-size: 0.75em !important;
	line-height: 0 !important;
}
ul.pill-nav a.pill, ul.pill-nav a.pill.tdy {
	font-size: 0.75em !important;
	width: 100px !important;
}
li a {
	font-size: 0.75em !important;
}
.header .h-left {
	width: 90px !important;
	margin: 0 0 0 0.5% !important;
	
	display: inline !important;
}	
.header .h-left img {
	width: 112px !important;
	height: auto !important;
}	
.header .clck-right {
	width: 9% !important;
	vertical-align: -5px;
}
.header .clck-right h2 {
	font-size: 1.0em !important;
	color: #111 !important;
	}
.header .date-right {
	width: 70% !important;
	vertical-align: -5px;
}
.header .date-right h2 {
	font-size: 1.0em !important;
	color: #111 !important;
}
.card {
  width: 99% !important;
  padding: 0.5em 0.1em 1.0em 0.1em !important;
}
.wday {
	width: 13.15% !important;
	font-size: 0.7em !important;
	top: 45px !important;
	margin: 0.75em 2px 0 2px !important;
}
.calmonth {
	width: 13.4% !important;
	font-size: 0.7em !important;
	/* height: 100% !important; */
}
.empty { 
    width: 13.4% !important;
	font-size: 0.7em !important;
	/* height: 100% !important; */
}
.calmonthz {
	width: 13.4% !important;
	font-size: 0.7em !important;
	/* height: 100% !important; */
}
.emptyz { 
    width: 13.4% !important;
	font-size: 0.7em !important;
	/* height: 100% !important; */
}
.a {
	font-size: 0.9em !important;
}
.z {
	font-size: 0.9em !important;
}
.apn {
	font-size: 0.9em !important;
}
.zpn {
	font-size: 0.9em !important;
}
.f1, .r24, .gp, .sbk, .bk, .bkg, .bkv, .bkt, .ic, .bia, .biaf, .biaolymp, .skijmp, .skijmpolymp, .skijmpnrdski, 
.nokom, .nokomf, .nokomolymp, .nokomnrdski, .skiing, .skiingolymp, .skiingnrdski, .skialpin, .skialpinf, 
.skialpolymp, .skialpfolymp, .rodel, .rodelf, .rodel2, .rodel2f, .rodelt, .bob, .bobf, .bob1, .bob1f, 
.bob2, .bob2f, .olymp {
	font-size: 0.9em !important;
	line-height: 1.0 !important;
}
.f1:hover, .f1:active, .r24:hover, .r24:active, .gp:hover, .gp:active, .sbk:hover, .sbk:active, 
.bk:hover, .bk:active, .bkg:hover, .bkg:active, .bkv:hover, .bkv:active, .bkt:hover, .bkt:active, 
.bia:hover, .bia:active, .biaf:hover, .biaf:active, .biaolymp:hover, .biaolymp:active, 
.skijmp:hover, .skijmp:active, .skijmpolymp:hover, .skijmpolymp:active, 
.skijmpnrdski:hover, .skijmpnrdski:active, .nokom:hover, .nokom:active, .nokomf:hover, .nokomf:active, 
.nokomolymp:hover, .nokomolymp:active, .nokomnrdski:hover, .nokomnrdski:active, .skiing:hover, .skiing:active, .skiingolymp:hover, .skiingolymp:active, .skiingnrdski:hover, .skiingnrdski:active, 
.skialpin:hover, .skialpin:active, .skialpinf:hover, .skialpinf:active, .skialpolymp:hover, .skialpolymp:active, 
.skialpfolymp:hover, .skialpfolymp:active, .rodel:hover, .rodel:active, .rodel2:hover, .rodel2:active, 
.rodelf:hover, .rodelf:active, .rodel2f:hover, .rodel2f:active, .rodelt:hover, .rodelt:active, 
.bob:hover, .bob:active, .bobf:hover, .bobf:active, .bob1:hover, .bob1:active, .bob1f:hover, .bob1f:active, 
.bob2:hover, .bob2:active, .bob2f:hover, .bob2f:active, .olymp:active { 
/* CSS-Eigenschaften;  */
	transform: scale(2) !important;
	-webkit-user-select: none !important; 
	-webkit-touch-callout: none !important;
}
.gp {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.sbk {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.r24 {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.f1 {
	background-size: 12px !important;
	background-position: 1% 1% !important;
}
.biaolymp {
	background-size: 20px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skijmpolymp {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.nokomolymp {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skiingolymp {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skijmpnrdski {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.nokomnrdski {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skiingnrdski {
	background-size: 18px, 46px !important;
	background-position: 1% 1%, center center !important;
}
.skialpin {
	background-size: 16px !important;
}
.skialpinf {
	background-size: 16px !important;
}
.skialpolymp {
	background-size: 16px, 46px !important;
}
.skialpfolymp {
	background-size: 16px, 46px !important;
}
.olymp {
	background-size: 16px, 46px !important;
}
/* box for title text */
[lv-title]:after {
    content: attr(lv-title);
  	/* position for title view box */
  	position: absolute;
  	/* bottom: -1.4em;  	
    left: 100%; */
    bottom: -0.1em;  	
    right: 150%;
    z-index: 99999;
    visibility: hidden;
    /* optional */
    white-space: nowrap;
  	/* stilization */
    background-color: #e42313;
    color: #fff;
    font-size: 52% !important;
	line-height: 1.3;
    padding: 0 4px;
    box-shadow: 1px 1px 3px #666666;
    opacity: 0;
    border: 1px solid #8e160b;
}


}


@media only screen	/*####### HD TV #######*/
and (min-device-width : 1201px) 
/* and (max-device-width : 1250px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  */ {
.wday {
	width: 13.599% !important;
	margin: 0.75em 1.9px 0 1.9px;
	}
.wday, .wday.sa, .wday.so {
	position: sticky !important;
	top: 31px !important;
	}
.empty { 
    width: 13.75% !important;
    margin: 2px 1px 2px 1px;
	}
.emptyz { 
    width: 13.75% !important;
    margin: 2px 1px 2px 1px;
	}
.calmonth {
	width: 13.75% !important;
	margin: 2px 1px 2px 1px;
	}
.calmonthz {
	width: 13.75% !important;
	margin: 2px 1px 2px 1px;
	}
#navbar a {
	padding: 6px 6px 2px 6px !important;
	}







}




.lead { background: url(../events/image/sprite10.png) no-repeat 0 0; display: inline-block;}
.lead.yw.w28 { background-position:-180px -19px; width: 18px; height: 18px; vertical-align: ; margin-right: 0.2em; }

.icon { background: url(../events/image/sprite10.png) no-repeat 0 0; display: inline-block;}
.icon.profile.p1 { background-position:-180px -90px; width: 14px; height: 14px; vertical-align: -2px; }
.icon.profile.p1.w12 { background-position:-180px -110px; width: 12px; height: 12px; }
.icon.profile.p1.w10 { background-position:-180px -130px; width: 10px; height: 10px; }
.icon.profile.p1.w8 { background-position:-180px -150px; width: 8px; height: 8px; }
.icon.profile.p2 { background-position:-200px -90px; width: 14px; height: 14px; vertical-align: -2px; }
.icon.profile.p2.w12 { background-position:-200px -110px; width: 12px; height: 12px; }
.icon.profile.p2.w10 { background-position:-200px -130px; width: 10px; height: 10px; }
.icon.profile.p2.w8 { background-position:-200px -150px; width: 8px; height: 8px; }
.icon.profile.p3 { background-position:-220px -90px; width: 14px; height: 14px; vertical-align: -2px; }
.icon.profile.p3.w12 { background-position:-220px -110px; width: 12px; height: 12px; }
.icon.profile.p3.w10 { background-position:-220px -130px; width: 10px; height: 10px; }
.icon.profile.p3.w8 { background-position:-220px -150px; width: 8px; height: 8px; }
.icon.profile.p4 { background-position:-260px -90px; width: 14px; height: 14px; vertical-align: -2px; }
.icon.profile.p4.w12 { background-position:-260px -110px; width: 12px; height: 12px; }
.icon.profile.p4.w10 { background-position:-260px -130px; width: 10px; height: 10px; }
.icon.profile.p4.w8 { background-position:-260px -150px; width: 8px; height: 8px; }
.icon.profile.p5 { background-position:-240px -90px; width: 14px; height: 14px; vertical-align: -2px; }
.icon.profile.p5.w12 { background-position:-240px -110px; width: 12px; height: 12px; }
.icon.profile.p5.w10 { background-position:-240px -130px; width: 10px; height: 10px; }
.icon.profile.p5.w8 { background-position:-240px -150px; width: 8px; height: 8px; }

.etap { background: url(../events/image/sprite24.png) no-repeat 0 0; display: inline-block;}
.etap.profil.fle { background-position:-100px -330px; width: 24px; height: 24px; vertical-align: -3px; }
.etap.profil.hug { background-position:-130px -330px; width: 24px; height: 24px; vertical-align: -3px; }
.etap.profil.hba { background-position:-160px -330px; width: 24px; height: 24px; vertical-align: -3px; }
.etap.profil.geb { background-position:-190px -330px; width: 24px; height: 24px; vertical-align: -3px; }
.etap.profil.gba { background-position:-210px -330px; width: 24px; height: 24px; vertical-align: -3px; }

.etap { background: url(../events/image/sprite.png) no-repeat 0 0; display: inline-block; margin-right: 0.2em; }
.etap.fle.w28 { background-position:-10px -10px; width: 28px; height: 28px; vertical-align: -6px; margin-right: 0.2em; }
.etap.fle.w26 { background-position:-10px -40px; width: 26px; height: 26px; vertical-align: -4.5px; margin-right: 0.2em; }
.etap.fle.w24 { background-position:-10px -70px; width: 24px; height: 24px; vertical-align: -3px; margin-right: 0.2em; }
.etap.fle.w22 { background-position:-10px -100px; width: 22px; height: 22px; vertical-align: -3px; margin-right: 0.2em; }
.etap.fle.w20 { background-position:-10px -130px; width: 20px; height: 20px; vertical-align: -2px; margin-right: 0.2em; }
.etap.fle.w18 { background-position:-10px -160px; width: 18px; height: 18px; vertical-align: -1px; margin-right: 0.2em; }
.etap.fle.w16 { background-position:-10px -190px; width: 16px; height: 16px; margin-right: 0.2em; }
.etap.fle.w14 { background-position:-10px -210px; width: 14px; height: 14px; vertical-align: -2px; margin-right: 0.2em; }
.etap.fle.w12 { background-position:-10px -230px; width: 12px; height: 12px; margin-right: 0.2em; }
.etap.fle.w10 { background-position:-10px -250px; width: 10px; height: 10px; margin-right: 0.2em; }
.etap.fle.w8 { background-position:-10px -270px; width: 8px; height: 8px; margin-right: 0.2em; }
.etap.hug.w28 { background-position:-40px -10px; width: 28px; height: 28px; vertical-align: -6px; margin-right: 0.2em; }
.etap.hug.w26 { background-position:-40px -40px; width: 26px; height: 26px; vertical-align: -4.5px; margin-right: 0.2em; }
.etap.hug.w24 { background-position:-40px -70px; width: 24px; height: 24px; vertical-align: -3px; margin-right: 0.2em; }
.etap.hug.w22 { background-position:-40px -100px; width: 22px; height: 22px; vertical-align: -3px; margin-right: 0.2em; }
.etap.hug.w20 { background-position:-40px -130px; width: 20px; height: 20px; vertical-align: -2px; margin-right: 0.2em; }
.etap.hug.w18 { background-position:-40px -160px; width: 18px; height: 18px; vertical-align: -1px; margin-right: 0.2em; }
.etap.hug.w16 { background-position:-40px -190px; width: 16px; height: 16px; margin-right: 0.2em; }
.etap.hug.w14 { background-position:-40px -210px; width: 14px; height: 14px; vertical-align: -2px; margin-right: 0.2em; }
.etap.hug.w12 { background-position:-40px -230px; width: 12px; height: 12px; margin-right: 0.2em; }
.etap.hug.w10 { background-position:-40px -250px; width: 10px; height: 10px; margin-right: 0.2em; }
.etap.hug.w8 { background-position:-40px -270px; width: 8px; height: 8px; margin-right: 0.2em; }
.etap.hba.w28 { background-position:-70px -10px; width: 28px; height: 28px; vertical-align: -6px; margin-right: 0.2em; }
.etap.hba.w26 { background-position:-70px -40px; width: 26px; height: 26px; vertical-align: -4.5px; margin-right: 0.2em; }
.etap.hba.w24 { background-position:-70px -70px; width: 24px; height: 24px; vertical-align: -3px; margin-right: 0.2em; }
.etap.hba.w22 { background-position:-70px -100px; width: 22px; height: 22px; vertical-align: -3px; margin-right: 0.2em; }
.etap.hba.w20 { background-position:-70px -130px; width: 20px; height: 20px; vertical-align: -2px; margin-right: 0.2em; }
.etap.hba.w18 { background-position:-70px -160px; width: 18px; height: 18px; vertical-align: -1px; margin-right: 0.2em; }
.etap.hba.w16 { background-position:-70px -190px; width: 16px; height: 16px; margin-right: 0.2em; }
.etap.hba.w14 { background-position:-70px -210px; width: 14px; height: 14px; vertical-align: -2px; margin-right: 0.2em; }
.etap.hba.w12 { background-position:-70px -230px; width: 12px; height: 12px; margin-right: 0.2em; }
.etap.hba.w10 { background-position:-70px -250px; width: 10px; height: 10px; margin-right: 0.2em; }
.etap.hba.w8 { background-position:-70px -270px; width: 8px; height: 8px; margin-right: 0.2em; }
.etap.geb.w28 { background-position:-100px -10px; width: 28px; height: 28px; vertical-align: -6px; margin-right: 0.2em; }
.etap.geb.w26 { background-position:-100px -40px; width: 26px; height: 26px; vertical-align: -4.5px; margin-right: 0.2em; }
.etap.geb.w24 { background-position:-100px -70px; width: 24px; height: 24px; vertical-align: -3px; margin-right: 0.2em; }
.etap.geb.w22 { background-position:-100px -100px; width: 22px; height: 22px; vertical-align: -3px; margin-right: 0.2em; }
.etap.geb.w20 { background-position:-100px -130px; width: 20px; height: 20px; vertical-align: -2px; margin-right: 0.2em; }
.etap.geb.w18 { background-position:-100px -160px; width: 18px; height: 18px; vertical-align: -1px; margin-right: 0.2em; }
.etap.geb.w16 { background-position:-100px -190px; width: 16px; height: 16px; margin-right: 0.2em; }
.etap.geb.w14 { background-position:-100px -210px; width: 14px; height: 14px; vertical-align: -2px; margin-right: 0.2em; }
.etap.geb.w12 { background-position:-100px -230px; width: 12px; height: 12px; margin-right: 0.2em; }
.etap.geb.w10 { background-position:-100px -250px; width: 10px; height: 10px; margin-right: 0.2em; }
.etap.geb.w8 { background-position:-100px -270px; width: 8px; height: 8px; margin-right: 0.2em; }
.etap.gba.w28 { background-position:-130px -10px; width: 28px; height: 28px; vertical-align: -6px; margin-right: 0.2em; }
.etap.gba.w26 { background-position:-130px -40px; width: 26px; height: 26px; vertical-align: -4.5px; margin-right: 0.2em; }
.etap.gba.w24 { background-position:-130px -70px; width: 24px; height: 24px; vertical-align: -3px; margin-right: 0.2em; }
.etap.gba.w22 { background-position:-130px -100px; width: 22px; height: 22px; vertical-align: -3px; margin-right: 0.2em; }
.etap.gba.w20 { background-position:-130px -130px; width: 20px; height: 20px; vertical-align: -2px; margin-right: 0.2em; }
.etap.gba.w18 { background-position:-130px -160px; width: 18px; height: 18px; vertical-align: -1px; margin-right: 0.2em; }
.etap.gba.w16 { background-position:-130px -190px; width: 16px; height: 16px; margin-right: 0.2em; }
.etap.gba.w14 { background-position:-130px -210px; width: 14px; height: 14px; vertical-align: -2px; margin-right: 0.2em; }
.etap.gba.w12 { background-position:-130px -230px; width: 12px; height: 12px; margin-right: 0.2em; }
.etap.gba.w10 { background-position:-130px -250px; width: 10px; height: 10px; margin-right: 0.2em; }
.etap.gba.w8 { background-position:-130px -270px; width: 8px; height: 8px; margin-right: 0.2em; }

/* use for any tag on your page */
[lv-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
	}
/* box for title text */
[lv-title]:after {
    content: attr(lv-title);
  	/* position for title view box */
  	position: absolute;
  	/* bottom: -1.4em;  	
    left: 100%; */
    bottom: -0.1em;  	
    right: 150%;
    z-index: 99999;
    visibility: hidden;
    /* optional */
    white-space: nowrap;
  	/* stilization */
    background-color: #e42313;
    color: #fff;
    font-size: 75%;
	line-height: 1.3;
    padding: 0 4px;
    box-shadow: 1px 1px 3px #666666;
    opacity: 0;
    border: 1px solid #8e160b;
	border-radius: 4px;
	}

[lv-title] {
    position: relative;
	cursor: help;
	}

[gir-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
	}

[gir-title]:after {
    content: attr(gir-title);
  	position: absolute;
  	bottom: -0.02em;  	
    right: 100%;
    z-index: 99999;
    visibility: hidden;
    white-space: nowrap;
  	background-color: #e6e6e6;
    color: #ff286e;
    font-size: 75%;
	line-height: 1.0;
    padding: 0 3px 2px 3px;
    box-shadow: 1px 1px 3px #666666;
    opacity: 0;
    border: 1px solid #b3003b;
	border-radius: 4px;
	}

[gir-title] {
    position: relative;
	cursor: help;
	}

[gro-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
	}

[gro-title]:after {
    content: attr(gro-title);
  	position: absolute;
  	bottom: -0.1em;  	
    right: 150%;
    z-index: 99999;
    visibility: hidden;
    white-space: nowrap;
  	 background-color: #ff286e;
    color: #e6e6e6;
    font-size: 75%;
	line-height: 1.3;
    padding: 0 4px;
    box-shadow: 1px 1px 3px #666666;
    opacity: 0;
    border: 1px solid #b3003b;
	border-radius: 4px;
	}

[gro-title] {
    position: relative;
	cursor: help;
	}

[tdf-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
	}

[tdf-title]:after {
    content: attr(tdf-title);
  	position: absolute;
  	bottom: -0.1em;  	
    right: 150%;
    z-index: 99999;
    visibility: hidden;
    white-space: nowrap;
  	background-color: #fff533;
    color: #000;
    font-size: 75%;
	line-height: 1.3;
    padding: 0 4px;
    box-shadow: 1px 1px 3px #666666;
    opacity: 0;
    border: 1px solid #000;
	border-radius: 4px;
	}

[tdf-title] {
    position: relative;
	cursor: help;
	}

[bk-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
	}

[bk-title]:after {
    content: attr(bk-title);
  	position: absolute;
  	bottom: -0.1em;  	
    right: 120%;
    z-index: 99999;
    visibility: hidden;
    white-space: nowrap;
  	background-color: #ffffe6;
    color: #000;
    font-size: 75%;
	line-height: 1.3;
    padding: 0 4px;
    box-shadow: 1px 1px 3px #99ebff;
    opacity: 0;
    border: 1px solid #006680;
	border-radius: 4px;
	}

[bk-title] {
    position: relative;
	cursor: help;
	}
/* @media (max-width: 1549px) and (min-width: 1210px) {
  .container {
    width: 1200px !important; }
    .container .left {
      width: 450px !important;
      margin-right: 0.8em !important; }
    .container .right {
      width: 700px !important; }
}
@media (max-width: 1209px) and (min-width: 1010px) {
  .container {
    width: 920px !important; }
    .container .left {
      width: 290px !important;
      margin-right: 0.8em !important; }
    .container .right {
      width: 580px !important; }
}
@media (max-width: 1009px) {
  .container {
    width: 100% !important; }
    .container .left {
      width: 100% !important;
      margin: 0 !important; }
    .container .right {
      width: 100% !important; }
} */
/* ####### << @media ####### */