/**************************************FuturaPT****************************************/
@font-face {
font-family: 'FuturaPT';
src: url('https://www.emobility-svizzera.ch/assets/fonts/FuturaPT-ExtraBold.woff2') format('woff2'),
url('https://www.emobility-svizzera.ch/assets/fonts/FuturaPT-ExtraBold.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
/**************************************ARIMO*******************************************/
/*Arimo Bold Italic*/
@font-face {
font-family: 'Arimo';
src: url('https://www.emobility-svizzera.ch/assets/fonts/Arimo-BoldItalic.woff2') format('woff2'),
url('https://www.emobility-svizzera.ch/assets/fonts/Arimo-BoldItalic.woff') format('woff');
font-weight: 800;
font-style: italic;
font-display: swap;
}
/*Arimo Bold*/
@font-face {
font-family: 'Arimo';
src: url('https://www.emobility-svizzera.ch/assets/fonts/Arimo-Bold.woff2') format('woff2'),
url('https://www.emobility-svizzera.ch/assets/fonts/Arimo-Bold.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
/*Arimo Regular Italic*/
@font-face {
font-family: 'Arimo';
src: url('https://www.emobility-svizzera.ch/assets/fonts/Arimo-RegularItalic.woff2') format('woff2'),
url('https://www.emobility-svizzera.ch/assets/fonts/Arimo-RegularItalic.woff') format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
/*Arimo Regular*/
@font-face {
font-family: 'Arimo';
src: url('https://www.emobility-svizzera.ch/assets/fonts/Arimo-Regular.woff2') format('woff2'),
url('https://www.emobility-svizzera.ch/assets/fonts/Arimo-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}

body {
background:#008eda;
font-family: Arimo, Arial, sans-serif;
font-size: 16px;
line-height: 24px; /*%1em1,5*/
color:#232323;
margin: 0;
padding: 0;
letter-spacing: 0.012em;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}

:focus      {outline:0}
:hover      {outline:0}

.hide {display:none  !important;}
.view {display:block !important;}

ol, ul, li {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  list-style: none;
  list-style-type: none;
}

sub {
	line-height:0px;
}

a {
  color: rgba(0, 149, 216, 1.0);
  text-decoration: none;
  cursor:pointer;
}

a:hover {
  color: rgba(0, 149, 216, 1.0);
  text-decoration:underline !important;
}

h1, h2 ,h4 {
	font-style: normal;
	font-weight: 800;
	padding:0px;
	border:none;
	color:#000;
	text-align:left;
}
h1 {font-size:42px; line-height: 1.2; margin:-1px 0px 1px 0px;}
h2 {font-size:24px; line-height:30px; margin:6px 0px 12px 0px;}
/*h2 {font-size:28px; line-height:33px; margin: 4px 0px 12px 0px;}*/
h4 {font-size:28px; line-height:33px; margin:0px 0px 0px 0px;}

h2 a {
  color: rgba(0, 0, 0, 1.0);
  text-decoration: none;
  cursor:pointer;
}

h2 a:hover {
  color: rgba(0, 149, 216, 1.0);
  text-decoration:underline;
}

p {
	margin:15px 0px 0px 0px;
	text-align:left;
	display: inline-block;
    vertical-align: top;
}
p.art {
	margin:9px 0px 0px 0px;
	font-size:16px;
	line-height:27px; /*24px*/
	text-align:left;
}

.grecaptcha-badge{
	visibility: collapse !important;  
}

.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
	vertical-align:middle;
}

/* START HEADER */
.advi {
    width:100%;
	display:block;
	pointer-events:none;
}


#wheader {
    width:100%;
	overflow:hidden;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
	background:#FFF;
	margin-bottom:9px;
}

#header {
    width:100%;
    overflow:hidden;
    max-width:1298px;
    margin:0 auto;
}

#nav {display:inline-block; float:right; overflow:hidden;}

.nav {
margin-top:18px;
padding:18px 0px 18px 27px;
float:right;
line-height:1;
color: rgba(0, 149, 216, 1.0);
text-decoration: none;
cursor:pointer;
}
.nav.sel {
color: rgba(0, 0, 0, 1.0) !important;
}
.nav:hover:not(#nav_language):not(#nav4) {
color: rgba(0, 149, 216, 1.0);
text-decoration:underline;
}

.nav a {
  color: rgba(0, 149, 216, 1.0);
  text-decoration: none !important;
  cursor:pointer;
}

.nav a:hover {
  color: rgba(0, 149, 216, 1.0);
  text-decoration:underline !important;
}

.nav_mob {
cursor:pointer;
width:100%;
max-width:24px;
max-height:48px;
float:right;
display:none;
}

#wmob {
width:100%;
overflow:hidden;
display:none;
}

#mob {
width:100%;
overflow:hidden;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.mob {
border: 0px solid #fff;
margin:0px 0px 9px 0px;
text-align:center;
background: #fff;
color: rgba(0, 149, 216, 1.0);
line-height:30px;
padding:9px;
border-radius: 6px 6px 6px 6px;
cursor:pointer;
font-size: 16px;
}
.mob.sel {
color: rgba(0, 0, 0, 1.0);
}
.mob:hover, .mob:hover a, .mob.sel:hover, .mob.sel:hover a {
background: rgba(0, 149, 216, 1.0);
color: rgba(255, 255, 255, 1.0);
}
.mob a {
text-decoration: none !important;
display: block !important;
}
.mob a:hover {
color: rgba(255, 255, 255, 1.0);
text-decoration: none !important;
display: block !important;
}

a .mob {
  color: rgba(51, 51, 51, 1.0);
  text-decoration: none;
  cursor:pointer;
}

a:hover .mob {
  color: rgba(255, 255, 255, 1.0);
  text-decoration:none;
}
/* END HEADER */

.submit {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.c_label, .c_label_white {
width:100%;
overflow:hidden;
margin:0 auto;
position:relative;
text-align:left;
}

.c_label_white {
max-width: 906px;
}

.c_label div {
padding:10px 9px 19px 9px; /*padding:10px 9px 28px 9px;*/
background-image:url(../img/bg.png);
background-repeat:repeat-x;
font-size:16px;
line-height:16px;
color:#fff;
font-style: normal;
font-weight: 800;
text-shadow: 1px 1px 2px rgba(0,0,0,.3);
-moz-text-shadow: 1px 1px 2px rgba(0,0,0,.3);
-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,.3);
-o-text-shadow: 1px 1px 2px rgba(0,0,0,.3);
-ms-text-shadow: 1px 1px 2px rgba(0,0,0,.3);
}

.c_label.bgs div {
/*background-image:url(../img/bgs.png);*/
letter-spacing:0px;
}

/*.c_label_white div { OLD
padding:10px 9px 10px 9px;
font-size:16px;
line-height:16px;
color:#aaa;
font-style: normal;
font-weight: 400;
}*/

.c_label_white div {
    padding: 16px 9px 6px 9px;
    font-size: 14px;
    line-height: 14px;
    color: #aaa;
    font-weight: regular;
}

.art_b {
padding:10px 9px 10px 9px;
background:#0696d3;
background-image:url(../img/bg.png);
background-repeat:repeat-x;
font-size:16px;
line-height:16px;
color:#fff;
font-style: normal;
font-weight: 800;
}

.article {
width:100%;
max-width:906px;
overflow:hidden;
margin:0 auto;
position:relative;
text-align:left;
}

.art_i {
width:100%;
margin:0px 0px 0px 0px;
display: block;
}
.art_i2 {
width: 100%;
padding: 6px 0px 13px 0px;
display: block;
}

.art_t {
margin: 0px 0px 12px 0px; /*9*/
padding:0px;
}

.art_n {
margin: 0px 0px -6px 0px;
font-size: 14px;
line-height: 21px;
color: #aaa;
}

.line {
    margin: 18px 9px 18px 9px;
}

.line > div {
	border-top:1px dashed #ccc;
	height:0px;
	margin: 0 auto;
	max-width: 888px;
}

.vline {
	color: #bfbfbf; /*100 aaa 75 bfbfbf 50 d4d4d4*/
    font-size: 16px;
}

i {
  border: solid rgba(0, 149, 216, 1.0);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.right {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} 
.left  {transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.up    {transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.down  {transform: rotate(45deg); -webkit-transform: rotate(45deg);}

.content, .content2, .content3 {
width:100%;
max-width:924px;
overflow:hidden;
margin:0 auto;
position:relative;
margin-top:9px;
margin-bottom:9px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
text-align:center;
}

.content  {min-height:412px;}
.content2 {min-height:352px;}

.swiper-slide.vdm {
background-position: center;
background-size: cover;
width: 210px;
height: 298px;
border:1px solid #999; 
}
.swiper-slide.doc {
background-position: center;
background-size: cover;
width: 210px;
height: 298px;
border:1px solid #999; 
}
.swiper-slide.lnk {
background-position: center;
background-size: cover;
width: 318px;
height: 238px;
border:1px solid #999;
}

#doc_menu, #lnk_menu, #vdm_menu {
overflow:visible;
text-align:center;
position:absolute;
top:0px;
left:0;
right:0;
}

#doc_select, #lnk_select, #vdm_select {
padding:18px;
display:inline-block;
vertical-align:top;
}

#doc_value, #lnk_value, #vdm_value {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:0px;
outline:0px;
padding:9px;
width:100%;
max-width:552px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size:14px; margin-top:18px; cursor:pointer;
}

select option {
    background:#e0f2fa !important;
}

#vdm_next, #doc_next, #lnk_next {
  width:32px;
  height:64px;
  line-height:64px;
  color:#fff;
  position:absolute;
  top: 174px;
  top: -webkit-calc(50% - 32px);
  top: expression(50% - 32px);
  top: -moz-calc(50% - 32px);
  top: -o-calc(50% - 32px);
  top: calc(50% - 32px);
  right:0;
  z-index:2;
  border-radius: 6px 0px 0px 6px ;
  -moz-border-radius: 6px 0px 0px 6px ;
  -webkit-border-radius: 6px 0px 0px 6px ;
  cursor:pointer;
  background-image:url(../img/next_x.png);
  pointer-events: auto;
}

#vdm_prev, #doc_prev, #lnk_prev {
  width:32px;
  height:64px;
  line-height:64px;
  color:#fff;
  position:absolute;
  top: 174px;
  top: -webkit-calc(50% - 32px);
  top: expression(50% - 32px);
  top: -moz-calc(50% - 32px);
  top: -o-calc(50% - 32px);
  top: calc(50% - 32px);
  left:0;
  z-index:2;
  border-radius: 0px 6px 6px 0px ;
  -moz-border-radius: 0px 6px 6px 0px ;
  -webkit-border-radius: 0px 6px 6px 0px ;
  cursor:pointer;
  background-image:url(../img/back_x.png);
  pointer-events: auto;
}

.doc_download, .lnk_download, .vdm_download,
.doc_d, .lnk_d, .vdm_d {
position:absolute;
bottom:-41px;
left:0px;
width: 100%;
overflow:hidden;
display:none;
}

.vdm_order {
background: #0096d7;
width:100%;
max-width:480px;
margin:auto;
overflow:hidden;
height:32px;
line-height:32px;
color:#fff;
text-align:center !important;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
cursor:pointer;
}

.doc_lng, .doc_d > div,
.vdm_lng, .vdm_d > div {
background: #0096d7;
float:left;
width:32px;
height:32px;
margin:2px;
line-height:32px;
color:#fff;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
cursor:pointer;
}

.lnk_lng, .lnk_d > div {
background: #0096d7;
height:32px;
line-height:32px;
display: table;
margin: 0 auto;
color:#fff;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
cursor:pointer;
padding: 0px 18px 0px 18px;
}

.doc_lng:hover, .lnk_lng:hover, .vdm_lng:hover, .vdm_order:hover,
.doc_d > div:hover, .lnk_d > div:hover, .vdm_d > div:hover, .vdm_order:hover{
background:#0078ac;
}

.sel {
display:block !important;
}

.subtitle {
width:100%;
/*height:32px;
background:#eee;
line-height:32px;*/
margin-top:36px;
background:#eee;
font-style: normal;
font-weight: 800;
font-size:18px;
color:#999;
}

.p9  {padding: 9px;}
.p18 {padding:18px;}
.p27 {padding:27px 27px 27px 27px;}
.p36 {padding:36px;}

.confirm {
width:100%;
max-width:204px;
padding:18px;
margin-bottom:12px;
background-color:#0096d7;
color:#fff;
border-radius: 0px 9px 9px 9px ;
-moz-border-radius: 0px 9px 9px 9px ;
-webkit-border-radius: 0px 9px 9px 9px ;
margin:auto;
}

#copyrights {
margin-top:12px;
overflow:hidden;
color:#FFF;
float:right;
}

.cadv {
  padding: 27px 9px 27px 9px;
  max-width: 942px;
  margin:0 auto;
}

.adv_720x90 {
  width:100%;
  max-width:720px;
  max-height: 90px;
  overflow:hidden;
  background:#fff;
  margin:0 auto;
  text-align:center;
  cursor:pointer;
}

.adv_728x90 {
  width:100%;
  max-width:726px;
  max-height: 88px;
  overflow:hidden;
  background:#fff;
  margin:0 auto;
  text-align:center;
  cursor:pointer;
  border:1px solid #5e666b;
}

.adv_250x300 {
  width:250px;
  height:300px;
  background:#fff;
  text-align:center;
  padding-top:0px;
  display:inline-block;
  vertical-align:top;
  cursor:pointer;
  border:1px solid #5e666b;
  margin:9px;
}

.adv_250x300x {
  width:250px;
  height:300px;
  background:#fff;
  text-align:center;
  padding-top:0px;
  display:inline-block;
  vertical-align:top;
  cursor:pointer;
  border:1px solid #5e666b;
  margin:9px;
}

.adv_250x300_empty {
  width:250px;
  height:300px;
  background:#fff;
  text-align:center;
  display:inline-block;
  vertical-align:top;
  border:1px solid #5e666b;
  margin:9px;
}

.adv_300x250 {
  width:300px;
  height:158px;
  background:#fff;
  text-align:center;
  padding-top:92px;
  display:inline-block;
  vertical-align:top;
  cursor:pointer;
  border:1px solid #5e666b;
  margin:9px;
}

.adv_300x250x {
  width:300px;
  height:250px;
  background:#fff;
  text-align:center;
  padding-top:0px;
  display:inline-block;
  vertical-align:top;
  cursor:pointer;
  border:1px solid #5e666b;
  margin:9px;
}

.adv_300x250_empty {
  width:300px;
  height:250px;
  background:#fff;
  text-align:center;
  display:inline-block;
  vertical-align:top;
  border:1px solid #5e666b;
  margin:9px;
}

.xmail {
  width:100%;
  max-width:480px;
  margin:auto;
}

#mc_embed_signup       { padding:9px; font-size:12px; line-height:18px; text-align:left; }

.mc-field-group        { margin-top:9px;}

.mc-field-group label {
    background: #fff;
	border: none;
    display: inline-block;
    vertical-align: top;
    width: 30%;
    line-height: 32px;
    height: 32px;
}

.mc-field-group input {
    background: #e0f2fa;
	border: none;
    display: inline-block;
    vertical-align: top;
    width: 70%;
    line-height: 32px;
    font-size: 14px;
    padding-left: 7px;
}

.mc-field-group select {
    background: #e0f2fa;
	border: none;
    display: inline-block;
    vertical-align: top;
    width: 70%;
    height: 32px;
    cursor: pointer;
    line-height: 21px;
    font-size: 14px;
    font-weight: normal;
}

.nws {
    cursor:default;
	border:none;
	width:300px;
	height: auto !important; 
	overflow:hidden !important;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
    -moz-box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
    box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
}

.mc-field-group label, .mc-field-group input, .mc-field-group select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#mc-embedded-subscribe {
	background: #0096d7;
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:18px;
	height:32px;
	border:none;
	font-size:14px;
	color: #fff;
    text-align: center !important;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    cursor: pointer; 0078ac
}

#mc-embedded-subscribe:hover {
	background: #0078ac;
}

.splitter {
	width:100px;
	height:9px;
}

/**************************************************************/
@media (min-width: 961px) {
.nav_logo {
cursor:pointer;
width:100%;
max-width:320px;
float:left;
overflow:hidden;
display:block;
}

.pad {
padding:27px 9px 9px 45px;
}

#coautori {
padding:36px 36px 0px 36px;
}

#vdm_t, #doc_t, #lnk_t {
width:100%;
max-width:296px;
position:relative;
}
	
#vdm_t {
min-height: 411px;
}

#vdm_s, #doc_s, #lnk_s {
width:100%;
overflow:hidden;
position:absolute;
right:0;
top:0;
pointer-events: none;
}

.vdms, .docs, .links {
width: 100%;
max-width:552px;
position:relative;
float:right;
padding-top:36px;
padding-bottom:75px;
margin-right:54px;
pointer-events: auto;
}

#vdm_i, #doc_i, #lnk_i {
width:100%;
max-width:296px;
position:relative;
}

#doc_i > div {padding:9px 27px 27px 45px; text-align:left; font-size:16px; line-height:1.5;}
#lnk_i > div {padding:9px 27px 27px 45px; text-align:left; font-size:16px; line-height:1.5;}

}
/**************************************************************/

/**************************************************************/
@media (max-width: 960px) {
.nav_logo {
cursor:pointer;
width:70%;
max-width:320px;
float:left;
overflow:hidden;
display:block;
}

.pad {
padding:27px 18px 9px 18px;
}

#coautori {
padding:36px 18px 0px 18px;
}

#vdm_t, #doc_t, #lnk_t {
width:100%;
position:relative;
}
	
#vdm_t {
min-height: auto;
}

#vdm_s, #doc_s, #lnk_s {
width:100%;
overflow:hidden;
position:relative;
}

.vdms, .docs, .links {
width: 100%;
max-width:552px;
position:relative;
margin:0 auto;
padding-top:27px;
padding-bottom:48px;
}

#vdm_i, #doc_i, #lnk_i {
width:100%;
position:relative;
}

#doc_i > div {padding:9px 18px 27px 18px; text-align:center; font-size:16px;}
#lnk_i > div {padding:9px 18px 27px 18px; text-align:center; font-size:16px;}


#nav {display:none;}
.nav_mob {display:block;}

#wmob {
width:100%;
overflow:hidden;
display:block;
}

.p27 {padding:27px 27px 0px 27px;}

.confirm {
width:100%;
max-width:444px;
padding:18px;
margin-bottom:12px;
background-color:#0096d7;
color:#fff;
border-radius: 0px 9px 9px 9px ;
-moz-border-radius: 0px 9px 9px 9px ;
-webkit-border-radius: 0px 9px 9px 9px ;
margin:auto;
}

}
/**************************************************************/

/**************************************************************/
@media (min-width: 481px) {
	.art_wi {
		width: 33.775%;
		/*width: 100%;*/
		max-width: 306px;
		display: inline-block;
		vertical-align: top;
	}

	.art_wc {
		width: 66.225%;
		/*width: 100%;
		max-width: 600px;*/
		display: inline-block;
		vertical-align: top;
	}
}
/**************************************************************/

/**************************************************************/
@media (max-width: 480px) {
.art_wi {
width:100%;
display:inline-block;
vertical-align:top;
}
.art_wc {
width:100%;
display:inline-block;
vertical-align:top;
}
}
/**************************************************************/

/**************************************************************/
@media (hover:none) {/* No hover support */}
@media (hover:on-demand) {/* Touch screen devices */}
@media (hover:hover) {/* Mouse devices */}
/**************************************************************/

.w100 {
width : 100%;
margin: 0;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
padding:9px;
outline: none;
border:none;
border: 1px solid #ccc;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.w85 {
width : 85%;
margin: 0;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
padding:10px;
outline: none;
border:none;
border: 1px solid #ccc;
border-radius: 6px 0px 0px 6px;
-moz-border-radius: 6px 0px 0px 6px;
-webkit-border-radius: 6px 0px 0px 6px;
}

.wCaptcha {
width : 50%;
margin: 0;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
padding:9px;
outline: none;
border: 1px solid #ccc;
border-radius: 6px 0px 0px 6px;
-moz-border-radius: 6px 0px 0px 6px;
-webkit-border-radius: 6px 0px 0px 6px;
display:inline-block;
vertical-align:top;
}

.captcha {
width : 50%;
height:36px;
margin: 0;
outline: none;
border:none;
border-radius: 0px 6px 6px 0px;
-moz-border-radius: 0px 6px 6px 0px;
-webkit-border-radius: 0px 6px 6px 0px;
display:inline-block;
vertical-align:top;
}

.bar {
height:36px;
line-height:36px;
}

.submit {
min-width:120px;
padding:0px 18px 0px 18px;
height:36px;
line-height:36px;
color:#fff;
background: rgba(0, 0, 0, 0.20);
text-align:center;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size:14px;
border:none;
}
.submit:hover {
color:#fff;
background:#0096d7;
}

.check {
width:15%;
padding:0px 0px 0px 0px;
height:36px;
line-height:36px;
color:#fff;
background: rgba(0, 0, 0, 0.20);
background-image:url(../img/send.png);
background-repeat:no-repeat;
background-position: center;
text-align:center;
border-radius: 0px 6px 6px 0px;
-moz-border-radius: 0px 6px 6px 0px;
-webkit-border-radius: 0px 6px 6px 0px;
border:none;
cursor:pointer;
}
.check:hover {
background:#0096d7;
background-image:url(../img/send.png);
background-repeat:no-repeat;
background-position: center;
}

#online_form {
width:100%;
max-width:550px !important;
overflow:hidden;
text-align:left;
background: rgba(0, 0, 0, 0.20);
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}

/* START LANGUAGE */
#de, #it, #fr, #en {
background:#fff;
color:#0096dc;
font-weight:normal;
padding:15px;
text-align:center;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
#de:hover, #it:hover, #fr:hover, #en:hover {
background:#0096dc;
color:#fff;
}
#it, #fr, #en, #de {
margin-top:5px;
}

.lg {
vertical-align: middle;
max-width: 100%;
}

#lgw{
background: rgba(0, 0, 0, 0.5);
width:100%;
height:100vh;
z-index:9999;
position:fixed;
top:0px;
left:0px;
display:none;
}

#lgc{
position: fixed;
top:0px;
right: 0;   
left: 0;
bottom:0;
margin:auto;
width:200px;
height:200px;
overflow:hidden;
z-index:9999;
}
/* END LANGUAGE */

/* START XMAIL */	
#wmail{
background: rgba(0, 0, 0, 0.5);
width:100%;
height:100vh;
z-index:9999;
position:fixed;
top:0px;
left:0px;
display:none;
}
#cmail{
position: fixed;
top:0px;
right: 0;   
left: 0;
bottom:0;
margin:auto;
width:100%;
max-width:284px;
height:100vh;
max-height:90px;
padding:18px;
overflow:hidden;
background:#fff;
z-index:9999;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
#wmail #cmail #tmail {
font-size:16px;
font-style: normal;
font-weight: 800;
background:#fff;
padding:0px !important;
border:none !important;
margin:0px 0px 9px 0px !important;
} 
/* END MAIL */

/* START CONFIRM */	
#wconfirm {
background: rgba(0, 0, 0, 0.5);
width:100%;
height:100vh;
z-index:9999;
position:fixed;
top:0px;
left:0px;
display:none;
}
#cconfirm {
position: fixed;
top:0px;
right: 0;   
left: 0;
bottom:0;
margin:auto;
width:100%;
max-width:284px;
height:100vh;
max-height:69px; /* old 39 */
padding:18px;
overflow:hidden;
background-color:#0096d7;
z-index:9999;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
#wconfirm #cconfirm #tconfirm {
font-size:16px;
font-style: normal;
font-weight: 800;
color:#fff;
text-align:center;
padding:0px !important;
border:none !important;
margin:0px 0px 9px 0px !important;
}
/* END CONFIRM */
    
/* PARTNERS */
.partner {
/*width:100%;
max-width:177px;*/
margin: 0;
border:none;
outline: none;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
display:inline-block;
vertical-align:top;
}

input {
    font-size:14px;
}

#vdm_value, #doc_value, #lnk_value {
    background:#e0f2fa !important;
    /*background: rgba(255, 255, 255, 1.0) !important;*/
    /*background: rgba(241, 209, 186, 1.0) !important;*/
}

.uns {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.hide {
  display: none;
}

#wrapper {
  overflow:hidden;
  position:relative;
  margin:0 auto;
  padding-bottom: 27px;
  text-align:center;
  background:#b6bdc0;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
  -moz-box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
  box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
  background-image: url(../img/bgp.png);
}

#wadvert {
  display:inline-block;
  vertical-align:top;
  width:336px;
}

.wcontent, #wcontent {
  display:inline-block;
  vertical-align:top;
  width:100%;
  max-width:960px;
  margin:0 auto;
}

.mcontent {
  width:100%;
  max-width:942px;
  margin:0 auto;
  margin-top:9px;
  margin-bottom:9px;
  background:#fff;
  display:inline-block;
  vertical-align:top;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
  -moz-box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
  box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
}

#wnews {
  display:inline-block;
  vertical-align:top;
  width:100%;
  max-width:320px;
}

#wnews2 {
  display:inline-block;
  vertical-align:top;
  width:100%;
  max-width:320px;
}

@media (max-width: 1316px) {
#wrapper {
  width:100%;
  overflow:hidden;
  position:relative;
  margin:0 auto;
  text-align:center;
}

#wadvert {
  display:inline-block;
  vertical-align:top;
  width:100%;
}

.wcontent, #wcontent {
  display:inline-block;
  vertical-align:top;
  width:100%;
  max-width:960px;
  margin:0 auto;
}

.mcontent {
  width:100%;
  max-width:942px;
  margin:0 auto;
  margin-top:9px;
  margin-bottom:9px;
  background:#fff;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
  -moz-box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
  box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
}

#wnews {
  display:inline-block;
  vertical-align:top;
  width:100%;
  max-width:100%;
}

#wnews2 {
  display:inline-block;
  vertical-align:top;
  width:100%;
  max-width:100%;
}

}

.shine-me {
    width:100%; /*Make sure the animation is over the whole element*/
	background-color:#FF9;
    -webkit-animation-name: ShineAnimation;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1; /* infinite */
    -webkit-animation-timing-function: cubic-bezier(.12,.89,.98,.47);
	-webkit-animation-delay: 6s; /* Safari 4.0 - 8.0 */
    animation-delay: 6s;
}

@-webkit-keyframes ShineAnimation{
    from {
        background-repeat:no-repeat;
        background-image:-webkit-linear-gradient(
            top left,
            rgba(255, 255, 255, 0.0) 0%,
            rgba(255, 255, 255, 0.0) 45%,
            rgba(255, 255, 255, 0.5) 48%,
            rgba(255, 255, 255, 0.8) 50%,
            rgba(255, 255, 255, 0.5) 52%,
            rgba(255, 255, 255, 0.0) 57%,
            rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%,
			rgba(255, 255, 255, 0.0) 100%
        );
        background-position:-728px -728px;
        background-size: 1092px 1092px
    }
    to {
        background-repeat:no-repeat;
        background-position:728px 728px;
    }
}

.wblog {
    width:100%; max-width:960px; margin:0 auto; background:#FFF;
}

.sel_doc {
  background-image:url(../img/sel_doc.png);
  background-repeat:no-repeat;
  position:absolute; top:18px;
  right:0px;
  z-index:9999;
  width:35px;
  height:35px;
}

.sel_lnk {
  background-image:url(../img/sel_lnk.png);
  background-repeat:no-repeat;
  position:absolute; top:18px;
  right:0px;
  z-index:9999;
  width:35px;
  height:35px;
}

.selx {
  background-image:url(../img/selx.png);
  background-repeat:no-repeat;
  position:absolute; top:18px;
  right:0px;
  z-index:9999;
  width:35px;
  height:35px;
  pointer-events: none;
}

.goup {
  width:48px;
  height:48px;
  overflow:hidden;
  margin:0 auto;
  margin-top:18px;
  margin-bottom:18px;
  text-align:center;
  cursor:pointer;
}


#btn_archive {
	position:absolute;
	top:6px;
	right:6px;
	padding: 3px 5px 3px 5px !important;
	border: 1px solid #fff;
	font-size:14px;
	color: rgba(255, 255, 255, 1.0);
	cursor:pointer;
	font-weight: 400;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	text-shadow: 0px 0px 0px rgba(0,0,0,.0);
	-moz-text-shadow: 0px 0px 0px rgba(0,0,0,.0);
	-webkit-text-shadow: 0px 0px 0px rgba(0,0,0,.0);
	-o-text-shadow: 0px 0px 0px rgba(0,0,0,.0);
	-ms-text-shadow: 0px 0px 0px rgba(0,0,0,.0);
}

#btn_archive:hover {
  color: rgba(0, 149, 216, 1.0);
  background:#fff;
}

/*PRIVACY POLICY*/ 
.ln {
    width: 100%;
    overflow: hidden;
}
.ln > div {
    height: 1px;
    margin: 18px 0px 18px 0px;
    background: #dedede;
}
#bpp {
	padding:9px 18px 9px 18px;
	color:#e0f2fa;
	cursor:pointer;
	font-weight: normal;
	text-decoration: none;
	font-size: 15px;
}
#bpp:hover {
	text-decoration: underline;
}
.f18b { font-size:18px; font-weight:bold; }
.f21b { font-size:21px; font-weight:bold; }
.f24b { font-size:24px; font-weight:bold; }
.pw {
	width:100%;
	height:100vh;
	z-index:9999;
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	background-color:rgba(0,0,0,0.75);
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.5);
	font-size:18px;
	line-height:1.5;
}	
.pw > div {
	position: fixed;
	top:0px;
	right: 0;   
	left: 0;
	bottom:0;
	margin:auto;
	border:none;
	z-index:9999;
	background-color:rgba(255,255,255,1.0);
	cursor: default;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	width:100%; /*IE*/
}	
#cpp { width:540px; padding:15px 18px 15px 18px; max-height:600px; font-size:15px; } 	
.cscroll {
    height:100%;
	overflow:scroll;
	overflow-x:hidden;
	margin-right:-6px;
}
.cscroll::-webkit-scrollbar {
    width: 6px;
}
.cscroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(255,255,255,0.0); 
	-webkit-border-radius: 3px;
    border-radius: 3px;
}
.cscroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.18); 
}
.cscroll::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.0); 
}
.b_close {
	position: absolute;
    top: -21px;
    right: -21px;
    width: 27px;
    height: 27px;
    line-height: 27px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://www.sia2060.ch/assets/img/b_close_w.png);
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	pointer-events: none;
}
@media (max-width: 586px) {
	#cpp  { width:270px; padding:9px 18px 9px 18px; max-height:540px; } 
}

/*COOKIE*/
#cookie-message {
    width: 100%;
    background-color: #008eda;
    color: #fff;
    z-index: 9999;
    text-align: center;
    font-size: 15px;
    position: fixed;
    bottom: 0px;
    left: 0px;
}
	
#cookie-message > div {
    padding:27px;
	line-height: 42px;
}
	
#cookie-message > div > span {
    text-decoration:underline;
	color:#FFF;
	cursor:pointer;
}

#cookie-chiudi {
    background-color: #fff;
    color: #008eda;
    border: none;
	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 15px;
	font-weight: bold;
	/*line-height: 42px;*/
    margin-left: 18px;
    cursor: pointer;
    height: 42px;
    width: 42px;
}
#cookie-chiudi:hover {
    background-color: #000;
    color: #fff;
}

/*STOLPERSTEINE*/
#stp {
    cursor:default;
	border:none;
	width:300px;
	height: auto !important; 
	overflow:hidden !important;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
    -moz-box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
    box-shadow: 0px 0px 4px 0px rgba(16, 61, 90, 0.33);
	position: relative; 
}
#stp > div {
	padding:9px;
}	
#stp_c, #stp_i, #stp_t, #stp_b {
	cursor: pointer;
	overflow: hidden;
}	
#stp_i {
	max-height:158px;
	margin:9px 9px 9px 9px;
	overflow: hidden;
	height: 0;
	padding-top: 56.25%;
	background: url(../img/stolpersteine.jpg);
	background-size: cover;
	/*-webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;*/
	-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
}
#stp_t {
	margin: 9px 9px 9px 9px;
	font-size: 21px;
	font-family: FuturaPT;
}
#stp_c:hover #stp_i {
	-webkit-box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.33);
	box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.33);
}
#stp_c:hover #stp_t {
	text-decoration: underline;
	color:#008eda;
}	
#stp_b {
    margin: 9px;
}
#stp_b > div {
    background: #0096d7;
    width: 100%;
    height: 32px;
	line-height: 32px;
    color: #fff;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}	
#stp_b > div:hover {
    background: #0078ac;
}	
#stp_info {
	background: url(../img/info_n.png);
	width:22px;
	height:22px;
	padding: 0px;
	position: absolute;
	right:6px;
	top:6px;
	border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
	border: 1px solid #fff;
	cursor: pointer;
}
#stp_info:hover {
	background: url(../img/info_h.png);
}

/*IFRAME ADVERTS*/
.ifn {
    margin:0;
	padding:0;
	border:none;
	width:300px;
	height:250px;
	pointer-events:none;
}
.ifw {
    margin:0;
	padding:0;
	border:none;
	width:728px;
	height:90px;
	pointer-events:none;
}
.ifw360 {
    margin:0;
	padding:0;
	border:none;
	width:720px;
	height:90px;
	pointer-events:none;
}