@charset "utf-8";
/* CSS Document */

/* saira-300 - latin */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/saira-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/saira-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/saira-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/saira-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/saira-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/saira-v14-latin-300.svg#Saira') format('svg'); /* Legacy iOS */
}

/* saira-regular - latin */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/saira-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/saira-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/saira-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/saira-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/saira-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/saira-v14-latin-regular.svg#Saira') format('svg'); /* Legacy iOS */
}

/* saira-500 - latin */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/saira-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/saira-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/saira-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/saira-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/saira-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/saira-v14-latin-500.svg#Saira') format('svg'); /* Legacy iOS */
}

body {
 cursor: url("/images/cursor.png"), auto;
}

.content {
  max-width: 650px;
  align: center;
  margin-left: auto;
  margin-right: auto;
}

.panel {
  margin-top: 50px;
  margin-bottom: 40px;
}


.w3-button{
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  padding-left: 16px;
  float: left;
  width: auto;
  border: none;
  display: block;
  outline: 0;
  text-align: left;
  color: #000;
  font-size: 1.1em;
  text-decoration: none;
}

.w3-button:hover {
 text-decoration: underline;
}

.active {
 color: #999999;
}

a {
  color: #000;
}

 a:hover{
  color: #000;
  cursor: url("/images/cursor_link.png"), auto;
}


.w3-padding-32 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  margin-top: 15px;
}

.w3-center {
  text-align: center !important;
}

.main {
 padding-left: 16px;
 min-height: 450px;
}

.text-align-center {
 text-align: center;
}

.w3-container, .w3-panel {
  max-width: 620px;
  align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  border-top: 1px solid #555;
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  font-size: 0.87em;
}


/* Modal */

button {
 color: #000;
 background-color: #fff;
 border: none;
 font-family: 'Saira';
 font-style: normal;
 font-weight: 400;
 font-size: 0.87em;
}

button:hover {
 text-decoration: underline;
 cursor: url("/images/cursor_link.png"), auto;
}

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

.w3-modal{
  z-index:1000;
  display:none;
  padding-top:100px;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.4)
}
.w3-modal-content {
  margin: auto;
  background-color: #fff;
  position: relative;
  padding: 0;
  outline: 0;
  width: 100%;
  max-width: 650px;
  padding: 16px;
}

html{
  box-sizing:border-box;
}


.w3-display-topright {
  position: absolute;
  right: 16px;
  top: 0px;
}

.w3-button-modal{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  font-size: 1.7em;
 }
 
.w3-container-modal {
  padding: 0.01em 16px;
}

.modalfett {
 font-family: 'Saira';
 font-style: normal;
 font-weight: 500;
 font-size: 1.1em;
}

h1 {
 font-family: 'Saira';
 font-style: normal;
 font-weight: 500;
 font-size: 1.6em;
}
	
h2 {
 font-family: 'Saira';
 font-style: normal;
 font-weight: 500;
 font-size: 1.4em;
}

h3 {
 font-family: 'Saira';
 font-style: normal;
 font-weight: 500;
 font-size: 1.15em;
 margin: 0;
 padding: 0;
}

@media (max-width: 750px) {
	
.panel {
  margin-top: 25px
}
}