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

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

html {
	font-size: 1.0em;
	line-height: 1.4;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

body {
	background: #f3f3f3;
	text-align: center;
	width: 100%;
	margin: 0 0 1px 0;
	scroll-behavior: smooth;
}

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: 64px;
}
.header .clck-right {
	font-family: 'Square';
	display: inline-block;
    width: 7%;
    text-align: right;
	vertical-align: 0.4em;
	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.4em;
	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.aktiv {
	/*background-color: #333333;*/
	border-bottom: 3px solid #fff533;
	color: #fff533;
}

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

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

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

.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; 
}

.container {
	height: auto;
	margin-top: 0;
	display: inline-block;
	padding-bottom: 1.5em ; 
}

.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: right;
	width: 100%; 
}

.cardtop {
	width: 100%;
  	height: auto;
	background: url("../image/logo/logo.svg"), url("../scripts/image.php");
	background-color: #057cd8;
	background-repeat: no-repeat, no-repeat;
	background-size: 80px 36px, 240px 18px;
	background-position: 0.6% 10%, 100% 38.6%;
	margin: 0px 0px 0px 0px;
	padding-top: 1.0em;
  	box-sizing: border-box;
	text-align: center;
}

.cardtop h1 {
	width: 98%;
	text-align: center;
	margin: auto;
	font-size: 1.7em;
	font-weight: normal;
	color: #fff;
	padding-top: 0.01em;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #ebebeb; 
}

.cardtop h3 {
	margin: 0.4em 0;
	padding: 0;
	color: #515151; 
}

.card {
	display: inline-block;
	background: #fff;
	padding: 1em 1em 1em 1em;
	margin-top: 8px;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	text-align: center;
	box-shadow: 0px 0px 6px 0px #c9c9c9; 
}

.card img {
	max-width: 98%; 
}

.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;
}

.nav {	
	color: #515151;
	font-size:1.5em;
	vertical-align: -3px;
	font-weight: normal;
}

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

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

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;
}
li a:hover {
	background-color: #666;
	color: #fff;
	text-decoration: none;
}
li a.active {
	width: 134px;
	background-color: #666;
	color: #fff;
	text-decoration: none;
}
li a.activ {
	width: 80px;
	/* background-color: #666; */
	background-image: linear-gradient(#ffed79, #ffe271, #ffd86b, #ffe171, #ffeb77);
	color: #000;
	text-decoration: none;
}


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

a:hover {
	background-color: #057cd8;
	color: #000000;
	text-decoration: underline;
	text-decoration-style: dotted;
	-webkit-text-decoration-color: #ffffff; /* Safari */    
	text-decoration-color: #ffffff;
}

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:active {
	color: #057cd8;
}

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

a.a {
	display: inline-block;
	padding: 0px;
	color: #515151;
	font-size: 0.9em;
	border: 1px solid #666;
	text-decoration: none;
	width: 84px;
	line-height: 20px;
}

a.z {
	display: inline-block;
	padding: 0px;
	color: #515151;
	font-size: 0.9em;
	border: 1px solid #666;
	text-decoration: none;
	width: 84px;
	line-height: 20px;
	background-image: linear-gradient(#ffed79, #ffe271, #ffd86b, #ffe171, #ffeb77);
}

a.a:hover {
	background-color: #666;
	color: #ffffff;
	text-decoration: none;
}

a.z:hover {
	color: #ee0000;
	text-decoration: none;
}

.month {
	color: #515151;
	display: inline-block;
	padding: 0 0.3em 0 0.3em;
	margin: 16px 11px 8px 11px;
	border: 1px solid #ebebeb;
	font-weight: normal;
	font-size: 1.1em;
}

.month p {
	margin: 0.2em;
	padding: 0;
}

.month .f3 {
	color: #d9d9d9;
}

.month.olympia {
	background: url("../image/evtcal/bg_olymp_ring.png");
	/* background-color: #a70bde; */
	background-repeat: no-repeat, no-repeat;
	background-size: 120px;
	background-position: center 35%;
}

.month.fnrdski24 {
	background: /* url("../image/evtcal/bg_planica_wm.png"), url("../image/evtcal/bg_ski_wm.png"), */ url("../image/evtcal/bg_ibu.svg");
	/* background-color: #a70bde; */
	background-repeat: /* no-repeat, no-repeat,  */no-repeat;
	background-size: /* 120px, 35px, */ 58px;
	background-position: /* center 80%, 8% 42%, */ 43% 39%;
}

.month.fnrdski {
	background: url("../image/evtcal/bg_planica_wm.png"), url("../image/evtcal/bg_ski_wm.png"), url("../image/evtcal/bg_ibu.svg");
	/* background-color: #a70bde; */
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 120px, 35px, 58px;
	background-position: center 80%, 8% 42%, 43% 39%;
}

.month.mnrdski {
	background: url("../image/evtcal/bg_planica_wm.png");
	/* background-color: #a70bde; */
	background-repeat: no-repeat, no-repeat;
	background-size: 120px;
	background-position: center 25%;
}

.f3 {
	/* color: #d9d9d9; */
	opacity: 0.3;
}

.wk {
	display: inline-block;
	text-align: right;
	font-size: 0.8em;
}

.sa {
	color: orange;
}

.so {
	color: red;
}

.sam {
	color: #ffedcc;
}

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

/*footer {
	width: 100%;
	height: auto;
	background: #057cd8;
	color: #ffffff;
	text-align: right;
	border-bottom: 2px solid #fff533;	
}*/
/*
.seal {
	display: inline-block;
	text-align: left;
	/*margin: 8em 0 0 0;*//*
	padding-top: 0.4em;
}*/

.right {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	margin: 0 1% 0 20%;
	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 20% 0 1%;
}

div#DigiCertClickID_XieDTsLCSeal img {
	width: 100px !important;
}
/*	
.right {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	margin: 0 26% 0 48%; /*0 15% 0 60%*//*
	padding: 0.4em 0 0 0;
	font-size: 0.8em;
	color: #ffffff;
}*/

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

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


/* ####### @media >> ####### */
@media only screen	/*####### iPhone 7 Hochformat #######*/
and (min-device-width : 375px) 
and (max-device-width : 668px) 
and (orientation : portrait) {
.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: 16% !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;
}

}

@media only screen	/*####### iPhone 7 Querformat #######*/
and (min-device-width : 375px) 
and (max-device-width : 668px) 
and (orientation : landscape) {
.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;
}

}

@media (max-width: 1549px) and (min-width: 1210px) {
  .container {
    width: 60% !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 ####### */