/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
    font-display: swap;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
    font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;  
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
    font-display: swap;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
    font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
    font-display: swap;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
    font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;  font-display: swap;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: local('Dosis Light'), local('Dosis-Light'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHDKeCLMItyTA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: local('Dosis Light'), local('Dosis-Light'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHDKeCFMIs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v7/HhyaU5sn9vOmLzlmC_W6EQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v7/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: local('Dosis Bold'), local('Dosis-Bold'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHTLuCLMItyTA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: local('Dosis Bold'), local('Dosis-Bold'), url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHTLuCFMIs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;  font-display: swap;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,labels,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgrofoup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
*{word-wrap:break-word}
hr{border:0;border-bottom:solid 1px #a7a7a7}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
blockquote,q{quotes:none;margin:1em 0}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
.active .topPriceInfoBox{z-index:1}
.inActive .topPriceInfoBox{z-index:-1}
.errorMessage, .errorMessage p{color:red!important}
.bx-wrapper .bx-pager {z-index: 99;}
.bx-wrapper .bx-controls-direction a {z-index: 99;}
table{border-collapse:collapse;border-spacing:0;margin:0 0 20px}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
*,:before,:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;-o-box-sizing:inherit;box-sizing:inherit}
body{font-size:16px;font-family:'Robot',sans-serif;font-stretch:normal;font-weight:300;color:#6c6c6c;-webkit-font-smoothing:antialiased}
.clearfix:after{content:" ";clear:both;display:block;visibility:hidden;height:0;}
.clear{clear:both}
.no_margin_top{margin-top:0!important}
.half{width:45%;margin:0 5% 0 0}
.quarter{width:20%;margin:0 1% 0 0;top:145px;right:0}
.one_third{width:31.3%;margin:0 3% 0 0;float:left}
.last_third{margin:0}
a,button,input,select,textarea,.search_close,.search_open,.emphasis_title,.quicklink,a img,.pin_post,.infoBox,.bottomInfo,.topPriceInfoBox{transition:all .3s ease-in,all .3s ease-out;-moz-transition:all .3s ease-in,all .3s ease-out;-ms-transition:all .3s ease-in,all .3s ease-out;-o-transition:all .3s ease-in,all .3s ease-out;-webkit-transition:all .3s ease-in,all .3s ease-out}
img{border:0;height:auto}
td{display:table-cell;vertical-align:top;color:#6d6d6d;height:30px;font-weight:300;line-height:23px;padding:0 10px 0 0}
a:link,a:visited,a:active{color:#34529a;text-decoration:none}
a:hover{color:#000}
.img_left{margin:15px 25px 5px 0}
.img_right{margin:15px 0 5px 20px}
.no_margin{margin:0!important}
.center{max-width:1015px;margin:0 auto}
#emphasis img:last-child{margin-right:0}
#emphasis img{margin:10px 0;margin-right:40px}
#logo img{margin:0 40px 10px 0}
.center a img:hover{opacity:.7}
.img_left,.one_third,.quarter,.half,.wrapper{float:left}
a.underline{text-decoration:underline;}
table,.wrapper,.wide{width:100%}
a.button,button.button{color:#fff;padding:10px 25px;text-align:center;display:inline-block;margin:0 0 15px;text-decoration:none;border:1px solid #34529a;vertical-align:middle;font-size:1em;line-height:1;background-color:#34529a;border-radius:0 0 5px 5px;box-shadow:0 4px #193882;position:relative;transition:none}
a.button:hover,button.button:hover{box-shadow:0 2px #0f2b6d;top:1px}
a.button:active,button.button:active{top:2px;box-shadow:none}
small{font-size:80%}
.blogpages a{color:#fff;padding:10px 25px;text-align:center;display:inline-block;margin:0 0 15px;text-decoration:none;border:1px solid #34529a;vertical-align:middle;font-size:1em;line-height:1;background-color:#34529a;border-radius:0 0 5px 5px;box-shadow:0 4px #193882;position:relative;transition:none}
.blogpages a:hover{box-shadow:0 2px #0f2b6d;top:1px}
.button + .button{margin-left:20px}
.button i{padding-right:5px}
.spendenButton{position:absolute;right:100px;top:21px;width:256px;height:111px;padding:20px 0;font-size:22px;text-align:center;line-height:60px;font-weight:700;color:#34529a}
.spendenButton:hover > span:nth-child(1){opacity:0}
.spendenButton:hover > span:nth-child(2){opacity:1;color:#34529a}
.spendenButton > span{position:absolute;left:0;right:0;transition:opacity .3s ease}
.spendenButton > span:nth-child(2){opacity:0;font-size:20.56px;line-height:26px}
.spendenButton > span:nth-child(2) small{font-size:20.56px;text-transform:none}
a.adressbutton{margin-top:-70px;float:right}
.vorstand-div{height:250px;max-width:145px;display:inline-table;margin-right:55px}
.vorstand-div .jbImg{width:160px;height:225px}
.vorstand-div p{font-size:14px}
.adressList{width:400px}
.button{cursor:pointer}
#headerwrapper{z-index:999;min-height:100px;position:fixed;top:0}
#headertop{height:35px;background-color:#34529a}
#logo{margin:35px 0 0;float:left;position:absolute;z-index:9999}
#quicklinks{margin:3px 0 0;float:right}
#header{background-color:#fff;padding:0 0 15px}
#header_socialmedia{color:#bfbfbf;font-size:1.125em;margin:20px 0 0}
#header_socialmedia a{color:#bfbfbf;display:inline-block;margin: 0px 0 0 10px;}
#header_socialmedia a:hover,.search_close:hover,.search_open:hover{color:#34529a}
#header_socialmedia .socialmedia{float:right;min-height:25px}
#search_general{float:right}
.search_input,.search_close,.search_button{display:none}
.search_close,.search_open{cursor:pointer;float:right}
.search_button{background:none;border:none;color:#bfbfbf;font-size:1.125em;float:left}
.search_input{float:left;margin:0 10px 0 5px;height:25px;width:150px;border:none;padding:0;border-radius:0;background:none;border-bottom:1px solid #bfbfbf;padding-left:0}
.search_close{font-size:1.125em}
#header_socialmedia .login{float:right}
#navi{float:right;margin:8px 0 0}
#responsive_navi{display:none}
#shadow{background:url(https://www.autismus.ch/images/layout/shadow.png) no-repeat center top;height:35px}
#bannerwrapper{height:385px;background-size:cover;position:relative;overflow:hidden;margin:129px 0 0}
.donateWrapper,.donateOverlay{height:525px!important}
#overlay{background:url(https://www.autismus.ch/images/layout/overlay.png) no-repeat center;height:385px;position:absolute;top:0;left:0;background-size:cover;z-index:0}
#banner{display:block;position:relative;top:25px;box-sizing:border-box;font-family:'Dosis',sans-serif;overflow:hidden}
#banner_content_home h3{color:#fff}
#banner_content_home{color:#fff;width:350px;position:relative;left:100px;top:100px}
#banner hr{content:" ";width:35%;color:#454446;border:1px solid #454446;margin-bottom:25px}
#banner_content{display:block;position:relative;float:right;width:400px;background:rgba(255,255,255,0.8);padding:30px 10px}
#donateWrapper h3{font-size:26px;font-weight:500;line-height:28px;text-align:center}
#donateWrapper em{position:absolute;top:15px;font-size:20px;left:25px;font-style:normal}
#donateWrapper p,#donateWrapper h3{text-align:center;color:#454446;margin:0}
.priceBox p{text-align:center;font-size:50px}
.priceBox{float:left;width:50%;position:relative;margin-bottom:15px}
.infoBox{opacity:0;position:absolute;top:0;left:0;width:100%;height:auto;background:rgba(52,82,154,0.9);box-sizing:border-box;padding:10px}
#donateWrapper .infoBox p{color:#fff;font-size:17px;width:85%;text-align:left;font-weight:400;line-height:20px}
#donateWrapper a.button{margin:15px 0 0}
.priceBox:hover .infoBox{opacity:1}
.infoIcon{width:25px;height:25px;border:2px solid #fff;border-radius:50%;text-align:center;position:absolute;right:2px;top:2px}
.infoIcon i{color:#fff;top:2px;position:relative;font-style:italic;right:1px}
.leftDonate,.rightDonate{float:left}
.leftDonate{width:60%;margin-right:10%}
.leftDonate p{width:95%}
.leftDonate hr{content:" ";width:90%;border:2px solid #34529a;margin:25px 0 0;text-align:left}
.rightDonate{width:30%}
.borderBox{border:1px solid #34529a;box-sizing:border-box;margin-bottom:20px;padding:20px 20px 0}
#emphasiswrapper{margin:10px 0 20px}
.emphasis{position:relative}
.emphasis.one_third{width:24%;margin:0 1% 0 0}
.emphasis.last_third{margin:0}
.emphasis a{display:block}
.emphasis img{width:100%;height:auto;position:relative;z-index:0}
.emphasis_title{background:rgba(0,0,0,0.4);position:absolute;bottom:12px;left:0;padding:10px}
.emphasis_title h4,.emphasis a{color:#fff;margin:0;font-size:16px;}
.emphasis:hover .emphasis_title{background:rgba(0,0,0,0.7)}
#contentwrapper{margin:25px 0}
#contentwrapper.no_banner, #emphasiswrapper.no_banner{margin-top:175px}
.main{width:65%;float:left}
#main.wide{width:100%}
#pinboard{width:30%;float:right;min-height:555px;box-sizing:border-box;padding:10px 20px;background: none!important;background-color: #cdcdcd!important;background-size:12px 12px}
#pinboard.pinboard2{width:100%;display:none}
#pinboard h1,#pinboard h2,#pinboard h3{color:#fff}
#pinboard .button{float:right}

#sidebar{width:35%;float:left;box-sizing:border-box;padding:0 25px 0 0}
#sidebar h3{margin:0 0 25px}

.sidebar{width:35%;float:left;box-sizing:border-box;padding:0 25px 0 0}
.sidebar h3{margin:0 0 25px}
.pin_post{background-color:#fff;padding:15px;color:#848484;margin:0 0 20px;position:relative}
.pin_post:hover{box-shadow:0 0 10px 0 #121212}
.pin_post p{margin:0}
.pin_post_date{font-size:.875em;display:block;margin:0 0 10px}
h6.pin_title{color:#585858;font-weight:500;}
.pin{background:url(https://www.autismus.ch/images/layout/pin.png) no-repeat;position:absolute;width:22px;height:33px;right:0;top:-10px}
#pinsummay .pin{display:none}
.event_post_date{font-size:.875em;display:inline;margin:0 0 10px;color:#c4c4c4}
h6.event_title{margin:5px 0;display:inline-block}
#footwrapper{background-color:#34529a;padding:60px 0 15px}
#footwrapper h1,#footwrapper h2,#footwrapper h3,#footwrapper h4,#footwrapper h5,#footwrapper h6{color:#fff}
#footwrapper h3{margin:0 0 40px}
#footwrapper h5{margin:0 0 5px}
#footwrapper p{color:#c4c4c4;margin:0 0 15px}
#footwrapper a{color:#fff}
.quicklink{border-bottom:1px solid #5a72ad;margin:0 0 20px;position:relative}
#info_1 .quicklink{cursor:pointer}
#info_1 .quicklink:hover,#info_2 .quicklink:hover{border-color:#fff}
#info_1 .quicklink img{float:left;margin:5px 15px 50px 0}
#info_2 .quicklink{margin:0 0 20px}
#info_3 img{float:right;margin:0 45px 0 0}
.last_quarter.quicklink,.info .quicklink:last-child{border:none;margin:0}
.last_quarter p{margin:0}
#aktverwrapper{margin:25px 0;border-top:20px solid #ececec}
div#hc1wrapper{margin: 25px 0;border-top: 20px solid #ececec;}
div#hc1 {padding: 0 15px;}
#blogwrapper{margin:25px 0;border-top:20px solid #ececec}
.blog_post,.aktveranstaltung_post{margin:25px 0 0;border-bottom:1px solid #d4d4d4;padding-bottom:25px;}
.blog_corona {padding-bottom: 0px;margin-bottom: 20px;}
.aktveranstaltung_post{margin:25px 0 0}
.aktveranstaltung_post .more_button{margin:20px 0 0}
.blog_post:first-child{margin:10px 0 0}
.blog_img{width:33%;float:left;position:relative;margin-right:2%}
.blog_img img{width:100%;height:auto}
.blog_img iframe{width:100%}
.blog_content{width:65%;float:right}
#blog_content h2{padding-top:20px}
#aktveranstaltung_content h2, #hc1wrapper h2{padding-top:20px}
a.more_button{margin:0 0 25px}
.blog_post_date{font-size:.875em;display:block;margin:0 0 10px}
.blog_post_hidden{display:none}
#more_blog_posts{margin:25px 0 0;height:65px;cursor:pointer;text-align:center;/*background:url(https://www.autismus.ch/images/layout/arrow-down.png) no-repeat bottom center*/}
/*#blog_archive{display:none}*/
.blog_main_img{margin:0 0 15px}
#partnerwrapper{border-top:20px solid #ececec;padding:20px 0}
#partners{text-align:center}
#partners h3{text-align:left}
#footerwrapper{background-color:#ececec}
#footerwrapper a,#footerwrapper h4{color:#fff}
#footerwrapper h4{margin:0 0 35px}
#footerwrapper p,#footerwrapper label,#footerwrapper input{font-size:.875em}
#footer{padding:45px 0}
h1,h2,h3,h4,h5,h6{margin:0 0 15px;line-height:1.2;color:#34529a;font-family:'Dosis',sans-serif;font-weight:700}
h2.geschaeftsstelle{margin-top: 25px;}
h1{font-size:2.2em;margin:0 0 25px}
.subTitle{font-size:2.2em}
h2{font-size:2em}
h3{font-size:1.875em}
h4{font-size:1.375em}
h5{font-size:1.25em;margin:0 0 10px}
h6{font-size:1.125em;margin:0 0 5px}
p{margin:0 0 20px;line-height:1.7;padding:0}
strong{color:#34529a}
strong,b{font-weight:700}
em,i{font-style:italic}
#main ul,#main ol{line-height:1.5;margin:0 0 25px 45px}
#main ul.pdf{list-style:none;margin:0 0 25px}
.pdf a{padding-left:10px}
.flex-pdf li a {
    display: flex;
    align-items: baseline;
}
.flex-pdf li a i {
    margin-right: 10px;
}
#main ul li,#main ol li{padding:0 0 5px 15px}
#main ul li ul{margin:10px 0 0 15px}
#main ul li:last-child{padding-bottom:0}
#main table{margin:0 0 25px}
#main tr{background-color:#f5f6f7}
#main .normal tr{background-color:#fff}
#toweb{float:right;font-size:90%;color:#c4c4c4}
#toweb a{color:#fff}
#toweb a:hover{text-decoration:underline}
.vdetail{display:inline-block;margin:20px 60px 0 0;min-height:100px}
.vdetail:last-child{margin-right:0}
a.vbdetail{margin-top:20px}
#main .quicklink{border:medium none;cursor:pointer;margin:20px 0;width:100%;background-color:#E8E9EA;padding:0 5px}
#main .quicklink:hover{opacity:.7}
#main .quicklink p{margin:5px 0}
#event-datediv{display:inline-block;width:15%}
#basket{display:inline-block;float:right}
#vertitle{display:inline-block;width:47%}
#verort{display:inline-block}
#main h6.date_title{color:#000}
#vertitle p,#verort p{color:#555656}
#submenu a.sonstige, #submenu a.zusammenarbeit{font-weight:700;border:none!important;font-size:1.25em}
#addressmenu a.sonstige, #addressmenu a.zusammenarbeit{/*font-weight:700;border:none!important;font-size:1.25em*/}
.footkontakt{display:none}
p.rememberme label{display:block;text-align:center}
p.rememberme input{height:20px;margin-bottom:0}
p.login{margin-bottom:0}
.firstPartner{width:80%!important}
#partners{display:block;padding-bottom:30px; position:relative;}
#partner {position:relative;top:-98px;}
.zusammenarbeit p {
    line-height:17px;
}
.zusammenarbeit .organisationImg {
    max-height: 55px;
    max-width: 230px;
}
.thirds > div {width:33.33%;}
.fourths > div {width:25%;}
.fifths > div {width:20%;}
.sixths > div {width: 16.66%;}
.sevenths > div {width:14.28%;}
.octet > div {width:12.5%;}
.partnerLineHolder {
    border-bottom: 2px solid grey;
    margin-bottom: 20px;
}
.partnerLineHolder::after {
    content: "";
    display: table;
    clear:both;
}
.partnerimg a {
    display:block;
    width:100%;
    height:100%;
    position:relative;
}
.partnerimg{display:block;width:25%;vertical-align:middle;padding:0 15px;height:150px;position:relative;float:left;}
.organisationImg{max-width:100%;height:auto}
.partnerimg p{text-align:center;vertical-align:bottom;font-weight:700;position:absolute;bottom:0;left:0;right:0}
.partnerSmallImg img{width:80%}
.partnerimg img{max-width:100%;max-height:100%; position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.lastRow img {
    max-width: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.kontaktstelle {
    display: inline-block;
    padding:10px 0;
    width:49%;
    vertical-align:top;
}
.bigLogo{width:20%}
.bigLogo img{width:100%}
.login,.chat{display:none}
.tooltip{font-family:'Open Sans',sans-serif;font-weight:300;position:relative;font-size:1em}
.tooltip:hover:after{background:rgba(0,0,0,1);border-radius:5px;bottom:40px;color:#fff;content:attr(title);left:97%;line-height:1.4;padding:5px 15px;position:absolute;z-index:98;font-size:.75em;width:205px;word-break:keep-all}
.tooltip:hover:before{border:solid;border-color:#333 transparent;border-width:6px 6px 0;bottom:34px;content:"";left:97.8%;position:absolute;z-index:99;font-size:.75em}
.scrolltop {cursor: pointer;background-color: #000;display: inline-block;color:#fff;padding: 5px;border-radius: 3px;box-shadow: 0 15px 15px 0 rgba(#000, .15);  position: fixed;  right: 30px;bottom: -40px;z-index: 100;transition: all .3s ease-in-out;padding: 10px;opacity: .3;}
.scrolltop.active {bottom: 30px;}
.scrolltop:hover {opacity:1;}
#main .quicklink a,#main .quicklink abbr{position:absolute;height:100%;width:100%;z-index:1;top:0;left:0}
#main .quicklink{position:relative}
#main a{word-break:break-word}
#main .vorstand-div a{word-break:unset;}
.emptyshop{float:left}
.emptyshop p{font-weight:700;font-style:italic;margin-top:20px}
.blogpages{margin-bottom:20px;/*position:relative;*/text-align:center;}
.pagecount{position:relative;right:0;top:0}
.blog_content ul{line-height:25px;margin-bottom:25px;padding-left:25px}
#mehr{color:#34529A}
.anchor{display:block;height:99px;margin-top:-99px;visibility:hidden}
.illustration{font-size:14px}
.blogBild{width:50%;height:auto;float:left}
.table{display:table;width:100%}
.t-row{display:table-row}
.t-row:nth-child(even){background-color:#E8E9EA}
.t-cell{display:table-cell}
.t-cell p{margin-bottom:0;padding:5px}
#priceWrapper{font-family:'Dosis',sans-serif;position:relative;overflow:visible;margin-top:25px}
.bottomInfo hr{background:#6c6c6c;border:medium none;content:"";height:3px;margin:15px auto;width:70%}
.bottomInfo p{font-size:15px}
#priceWrapper em{font-size:20px;left:5px;font-style:normal;position:relative;top:23px}
#priceWrapper p{text-align:center;line-height:20px;margin:0}
.detailImage{float:left;margin-right:20px;width:200px}
.detailImage img{width:100%;height:auto}
#priceWrapper .detaiLText p,#priceWrapper .detaiLText h4{text-align:left}
#priceWrapper .bigP{font-size:50px;line-height:50px}
.topPriceInfoBox{width:100%;position:absolute;top:0;left:0;padding:15px;box-shadow:0 0 25px 0 #6c6c6c}
.bottomPriceInfoBox{float:left;width:16.665%}
.bottomInfo{margin-top:185px;box-sizing:border-box;padding:0 10px 20px;min-height:205px}
.active .bottomInfo,.bottomInfo:hover{background-color:#34529a;color:#fff;cursor:pointer}
.bottomInfo:hover hr,.active .bottomInfo hr{background:#fff}
.inActive .topPriceInfoBox{opacity:0}
.active .topPriceInfoBox{opacity:1}
.shopLink{bottom:0;position:absolute;right:10px}
#main .shopLink a{color:#fff}
.soldOut{position:absolute;top:0;font-weight:700;color:#34529a;font-size:26px;font-family:'Dosis',sans-serif;left:0;right:0;background:rgba(255,255,255,0.45)}
.soldOut p{text-align:center;margin:0;padding:15px 0}
@media screen and (max-width: 1016px) {
.anchor{display:block;height:0;margin-top:0;visibility:hidden}
}
.smallHome{font-size:1.875em}
.bx-wrapper{position:relative;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}
.bx-wrapper img{width:100%;display:block}
.bxslider{margin:0;padding:0}
ul.bxslider{list-style:none}
.bx-viewport{-webkit-transform:translateZ(0)}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(../../css/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;font-size:20px;font-family:Arial;font-weight:700;color:#34529a;padding-top:0;position:absolute;top:95%;width:70px;left:0;right:0;margin:0 auto;/*z-index:99999999*/}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000}
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0}
.bx-wrapper .bx-prev{left:5%}
.bx-wrapper .bx-next{right:5%}
.bx-wrapper .bx-controls-direction a{position:absolute;top:98%;margin-top:-16px;outline:0;width:auto;/*z-index:9999;*/font-size:18px;font-weight:700}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../../css/images/controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../../css/images/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,0.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 1;
}
.bx-wrapper .bx-next {
    right: 10px;
    background: url(/uploads/images/controls.png) -43px -32px no-repeat;
}
.bx-wrapper .bx-prev {
    left: 10px;
    background: url(/uploads/images/controls.png) 0 -32px no-repeat;
}
video{margin-bottom:25px;}
div#medienstelleBox{float: right;width: 100%;max-width: 400px;border: 1px solid rgba(133, 133, 133, .15);background-color: #fff;-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .09);    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .09);box-shadow: 0 0 8px rgba(0, 0, 0, .09);margin-left: 20px;margin-bottom: 30px;padding: 20px 40px;position:relative;overflow: hidden;}
.medienstelleImg {text-align: center;margin-bottom: 20px;}
.medienstelleImg img {width: 100px;}
div#mediaBox1Wrapper .socialmedia i {font-size: 28px;margin-right: 15px;}
div#mediaBox1Wrapper .socialmedia {margin-bottom: 30px;}
div#mediaBox1Wrapper ul, div#mediaBox1Wrapper ol, div#mediaBox2Wrapper ul, div#mediaBox2Wrapper ol {margin-left: 17px;}
.faq-accordion .tab {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  color: #fff;
  /*overflow: hidden;*/
  min-height: 39px;
}
.faq-accordion .tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.faq-accordion .tab label {
  position: relative;
  display: block;
  padding: 10px 2em 10px 1em;
  background: #34529a;
  font-weight: bold;
  line-height: 1.2;
  cursor: pointer;
  margin-bottom: 0;
  width: 100%;
  margin-right: 0;
  height: auto;
}
.blue label {
  background: #2980b9;
}
.faq-accordion h3 {
    margin-top: 40px;
}
.faq-accordion .tab-content {
  max-height: 0;
  overflow: hidden;
  background: #9AA9CD;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  width:100%;
}
.blue .tab-content {
  background: #3498db;
}
.faq-accordion .tab-content p, .tab-content ul {
  margin: 1em;
}
/* :checked */
.faq-accordion .tab input:checked ~ .tab-content {
  max-height: 1000vh;
}
/* Icon */
.faq-accordion .tab label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 1.2;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    padding: 10px;
}
.faq-accordion .tab input[type=checkbox] + label::after {
  content: "+";
}
.faq-accordion .tab input[type=radio] + label::after {
  content: "\25BC";
}
.faq-accordion .tab input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.faq-accordion .tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

@media screen and (min-width: 1216px) {
.slicknav_menu{display:none}
}
@media screen and (max-width: -width: 1015px) {
.slicknav_menu{display:block}
}
.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;cursor:pointer}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{margin-top:.188em}
.slicknav_menu{*zoom:1}
.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}
.slicknav_menu .slicknav_icon{float:left;margin:5px 0 0 10px}
.slicknav_menu .slicknav_no-text{margin:0}
.slicknav_menu .slicknav_icon-bar{display:block;height:2px;margin-bottom:6px;width:28px}
.slicknav_menu:before{content:" ";display:table}
.slicknav_menu:after{content:" ";display:table;clear:both}
.slicknav_nav{clear:both}
.slicknav_nav ul{display:block}
.slicknav_nav li{display:block!important}
.slicknav_nav ul li a{color:#34529a}
.slicknav_row:hover,.slicknav_row li a{color:#34529a!important}
.slicknav_nav .slicknav_arrow{font-size:16px;margin:0 0 0 .4em;float:right}
.slicknav_nav .slicknav_item{cursor:pointer}
.slicknav_nav .slicknav_item a{display:inline}
.slicknav_nav .slicknav_row{display:block}
.slicknav_nav a{display:block}
.slicknav_nav .slicknav_parent-link a{display:inline}
.slicknav_brand{float:left}
.slicknav_menu{font-size:16px;box-sizing:border-box;background:#fff;padding:5px}
.slicknav_menu *{box-sizing:border-box}
.slicknav_menu .slicknav_menutxt{color:#34529A;font-size:23px;font-weight:300}
.slicknav_menu .slicknav_icon-bar{background-color:#34529A}
.slicknav_btn{margin:5px 5px 6px;text-decoration:none}
.slicknav_nav{color:#fff;font-size:20px;font-weight:300;list-style:outside none none}
.slicknav_nav ul{list-style:none;overflow:hidden;padding:0;margin:0 0 0 20px}
.slicknav_nav .slicknav_row{padding:10px;margin:2px 5px}
.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#34529A!important;color:#fff}
.slicknav_nav .slicknav_row:hover a{color:#fff}
.slicknav_nav .unli a:hover a.sonstige{color:#fff}
.slicknav_nav a.menuactive{color:#fff!important;background-color:#34529a!important;border-radius:6px}
li.menuactive a.slicknav_row{color:#fff;background-color:#34529a;border-radius:6px}
.slicknav_nav a{color:#fff;font-size:20px;font-weight:300;margin:2px 5px;padding:10px;text-decoration:none}
.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#34529A;color:#fff!important}
.slicknav_nav .slicknav_txtnode{margin-left:15px}
.slicknav_nav .slicknav_item a{padding:0;margin:0}
.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}
.slicknav_brand{color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}
li.menuactive li.menuactive a.slicknav_item{background-color:#34529A!important;color:#fff!important}
li.menuactive li.menuparent a.slicknav_item{background-color:#fff;color:#34529A}
.barometer {
      width: 100%;
      /* padding: 25px; */
      /* background-color: #34529a; */
    }
  
    .barometer * {
      /* color: #ffffff; */
    }
  
    .barometer a:not(.button) {
      color: #45a7d9!important;
    }
  
    .barometer img {
      display: block;
      margin: 0 auto;
      max-width: 100%;
    }
  
    .barometer img.timo {
      width: 100%;
      max-width: 500px;
    }
  
    .barometer #stats img {
      margin-right: 15px;
      height: 30px;
      display: block;
      margin: 0 auto;
    }
  
    .barometer #bar {
      width: 100%;
      background-color: #ffffff;
      height: 15px;
      border: solid 3px #34529a;
      position: relative;
    }
  
    .barometer #bar #progress {
      width: 0%;
      background-color: #45a7d9;
      height: 100%;
      transition: width 0.8s;
      text-align: right;
      position: relative;
    }
  
    .barometer #bar #train {
      position: absolute;
      /* right: -20px; */
      transition: left 0.8s;
      top: -12px;
      left: 0;
      z-index: 9;
      height: 35px;
    }
  
    .barometer .bahnhof {
      position: absolute;
      top: -53px;
      right: -20px;
    }
  
    .barometer #bar .stops {
      position: absolute;
      top: 0;
      height: 100%;
      background-color: #555;
      width: 3px;
      z-index: 9;
    }
  
    .barometer .mt-25 {
      margin-top: 25px;
    }
  
    .barometer #bar {
      margin-top: 65px;
    }
  
    .barometer #stats::after {
      content: '';
      clear: both;
      display: table;
    }
  
    .barometer #stats p {
      width: 50%;
      float: left;
      padding: 15px;
      text-align: center;
      font-size: 22px;
    }
  
    .barometer #stats p small {
      font-size: 20px;
    }
  
    .faq-accordion {
      margin-top: 25px;
    }
  
    .faq-accordion .tab input {
      width: auto!important;
    }
  
  .flip-card {
    background-color: transparent;
    width: 100%;
    max-width: 500px;
    height: 325px;
    perspective: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    display: block;
    margin: 0 auto;
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #9AA9CD;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  
  .flip-card-front {
    color: black;
  }
  
  .flip-card-back {
    background-color: dodgerblue;
    color: white;
    transform: rotateY(180deg);
    padding: 15px;
  }
  
  .adskurzportait img{
      width:360px;
      float:left;
      padding: 10px;
  }
  .adsdiv{
      margin-bottom:100px;
  }
  .secondDiv{
      position: absolute;
    width: 450px;
    top: 120px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    padding: 12px;
}
.firstDiv{
    position: relative;
}
      
  @media only screen and (max-width: 900px) {
  .secondDiv{
      position:static;
      margin-left: auto;
    margin-right: auto;
  }
  }
    @media (max-width: 768px) {
      .barometer #stats p {
        width: 100%;
      }
    }
  
    @media (max-width: 550px) {
      .flip-card {
        height: 370px;
      }
    }

    @media (max-width: 420px) {
      .flip-card {
        height: 450px;
      }
    }

    @media (max-width: 350px) {
      .flip-card {
        height: 530px;
      }
      .smallhome-img{
          width: 150px;
      }
    }
    
    .bxslider.autism-day img {
        max-height: 600px;
        height: auto;
        width: auto;
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }
    .img-impressionen-l, .img-portrait {
        float: left;
        margin-right: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .img-portrait {
        max-width: 300px;
        margin-bottom:15px;
        margin-right:0px;
        margin-top:5px;
        width:100%;
    }
    .img-impressionen-r {
        float: right;
        margin-left: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .ngl {
        margin-left: 0px !important;
    }
    .npl {
        padding-left:0px !important;
    }
    .npr {
        padding-right:0px !important;
    }
    .nmb {
        margin-bottom:0px !important;   
    }
    
    .pt15 {
        padding-top:15px !important;
    }
    .resp-audio {margin-top: 15px;width: 100%;}
    
    .platform-vid {width: calc(100% - 10px);height: auto;}
    iframe.platform-vid {height: 184px;}
    
    .smallhome-img{
        width: 450px;
        margin-left: 120px;
    }
    #hc1wrapper{
        display:none;
    }
    
    #footwrapper #info_1 .quicklink {
        float:left;
        width:100%;
    }
    
.addresses {
  display: flex;
  flex-wrap: wrap;
  gap:1%;
}

.address-wrapper {
    flex-basis: 32%;
    margin-bottom: 10px;
}

.address-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom:30px;
  border: 1px solid #e7e7e7;

}

/* Adjust the styling as per your requirements */
.adddress-img img {
    max-width: 100%;
    height: 200px;
    width: 100%;
    object-position: center;
    object-fit: cover;
}

.address-title {
  font-weight: bold;
  margin-top: 10px;
  padding:10px 20px 0px;
  color: #34529a;
}

.address-content {
  flex-grow: 1;
  margin-top: 10px;
  padding:10px 20px 0px;
}

#main .address-content ul {
    margin-left: 0px;
    list-style:none;
    margin-bottom:0;
}

#main .address-content ul li {
    position: relative;
}



.adddress-img img {
    max-width: 100%;
    height: 300px;
    width: 100%;
    object-position: center;
    object-fit: cover;
}

#main .address-content ul li:before {
    content: "";
    font-size: 12px;
    width: 5px;
    height: 5px;
    background: #34529a;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 10px;
}

#main .address-content ul.has-images li:before {
    display: none;
    
}

#main .address-content ul.has-images li {
    padding-left:0;
}

#main .address-content ul.has-images li img {
    margin-right: 5px;
    border-radius: 100%;
    width: 30px;
    vertical-align: middle;
    height: 30px;
    border: 1px solid #ccc;
}

#main .address-content ul li a {
    display: block;
}

#main .address-content ul.has-images li:nth-child(even) {
    background: #fdfdfd;
}

#main .address-content ul.has-images li {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
}

.adddress-img {
    overflow: hidden;
}

.adddress-img img {
    transition:all .3s ease-in,all .3s ease-out;
    -moz-transition:all .3s ease-in,all .3s ease-out;
    -ms-transition:all .3s ease-in,all .3s ease-out;
    -o-transition:all .3s ease-in,all .3s ease-out;
    -webkit-transition:all .3s ease-in,all .3s ease-out
}


#main .address-content ul.has-images li:hover {
    background: #e3e3e3;
}

.no-item-warning {
    display:none;
    font-size: 14px;
    line-height: 16px!important;
    background: #34529a;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    position: absolute;
    top: -60px;
    left: 0;
    max-width: 320px;
}


video#videonews {
    width: 100%;
    height: auto;
}

@media(max-width:767px) {
.addresses {
    gap:0;
    }
    
.address-wrapper {
    flex-basis: 100%;
    margin-bottom: 10px;
}

}
/* Stylesheet: Autismus CSS Modified On 2023-08-17 11:28:56 */
.primary-nav li li{
    padding-left:20px !important;
    font-size:13px;
    display:block;
}
.primary-nav, .primary-nav ul {
	list-style-type: none;
	position: relative;
	z-index: 999;
	padding: 0;
}
.primary-nav li {
	display: inline-block;
	padding: 0;
}
.primary-nav li a {
	border: none;
	display: block;
    color: #555;
    padding: 5px 10px;
    line-height: 1.25;
    font-weight: bold;
}
.primary-nav > li:last-child a {
    padding-right: 0;
}
.primary-nav li a:hover {
   color: #34529a;
}
.primary-nav li a.menuactive, .primary-nav li a.menuactive:hover {
	color: #34529a;
}
#submenu ul li.menuactive > ul {
    display: block;
}
#quicklinks .primary-nav li a {
    color: #fff;
    padding: 8px 37px 5px 30px;
    font-size: 0.8125em; /* 13px */
    font-weight: normal;
}
#quicklinks .primary-nav li:last-child a {
    padding-right: 0;
}
#quicklinks .primary-nav li a:hover {
    opacity: 0.7;
}
#quicklinks .primary-nav li a.spenden {
    background: url(https://www.autismus.ch/images/layout/donate-icon.png) no-repeat center left;
}
#quicklinks .primary-nav li a.mitglied-werden {
    background: url(https://www.autismus.ch/images/layout/adduser-icon.png) no-repeat center left;
}
#quicklinks .primary-nav li a.veranstaltung-buchen {
    background: url(https://www.autismus.ch/uploads/images/icons/event.png) no-repeat center left;
}
#quicklinks .primary-nav li a.downloads {
    background: url(https://www.autismus.ch/images/layout/download-icon.png) no-repeat center left;
}
#quicklinks .primary-nav li a.zum-shop {
    background: url(https://www.autismus.ch/images/layout/cart-icon.png) no-repeat center left;
}
#quicklinks .primary-nav li a.kontakt {
    background: url(https://www.autismus.ch/images/layout/envelope-icon.png) no-repeat center left;
}
#quicklinks .primary-nav li a.login {
    background: url(https://www.autismus.ch/images/layout/login.png) no-repeat center left;
}
#quicklinks .primary-nav li a.chat {
    background: url(https://www.autismus.ch/images/layout/chat-bubbles.png) no-repeat center left;
}
#quicklinks .primary-nav li a.zusammenarbeit {
    background: url(https://www.autismus.ch/images/layout/handshake.png) no-repeat center left;
}
#quicklinks .primary-nav li a.medien-link {
    background: url(https://www.autismus.ch/images/layout/newspaper-light.png) no-repeat center left;
}
#quicklinks .primary-nav li a.haeufig-gestellte-fragen {
        background: url(https://www.autismus.ch/images/layout/question-solid.png) no-repeat 1px 5px;
    background-size: 13px;
    padding-left: 23px;
}
#submenu .primary-nav li {
    float: left;
    width: 100%;
}
#submenu .primary-nav {
    z-index: 998;
}
#submenu .primary-nav li a {
    padding: 15px 15px 15px 0;
    border-bottom: 1px solid #e3e3e3;
    font-weight: normal;
    background-position: 50% center;
}
/*#submenu .primary-nav li a:hover {
    background: url(https://www.autismus.ch/images/layout/arrow.png) no-repeat right center;
    border-color: #bbb;
}*/

#submenu a {
    cursor:pointer;
}
#submenu ul li ul {
    display:none;
}
#submenu li a.menuparent {
    position:relative;
}
#submenu li a.menuparent::before {
    position:absolute;
    right:0;
}
#submenu li a.menuparent::before {
    content:'+';
}
#submenu li a.toggle.menuparent::before {
    content:'-';
}

/*-----------------------------*/

#addressmenu ul li.menuactive > ul {
    display: block;
}
#addressmenu .primary-nav li {
    /*float: left;*/
    width: 100%;
}
#addressmenu .primary-nav {
    z-index: 998;
}
#addressmenu .primary-nav li a {
    padding: 15px 15px 15px 0;
    border-bottom: 1px solid #e3e3e3;
    font-weight: normal;
    background-position: 50% center;
}
#addressmenu a {
    cursor:pointer;
}
#addressmenu ul li ul {
    display:none;
}
#addressmenu li a.menuparent {
    position:relative;
}
#addressmenu li a.menuparent::before {
    position:absolute;
    right:0;
}
#addressmenu li a.menuparent::before {
    content:'+';
}
#addressmenu li a.toggle.menuparent::before {
    content:'-';
}
#addressmenu,.adressaccordion {display:none;}

/*---------------------------*/
#sonstigemenu ul li.menuactive > ul {
    display: block;
}
#sonstigemenu .primary-nav li {
    /*float: left;*/
    width: 100%;
}
#sonstigemenu .primary-nav {
    z-index: 998;
}
#sonstigemenu .primary-nav li a {
    padding: 15px 15px 15px 0;
    border-bottom: 1px solid #e3e3e3;
    font-weight: normal;
    background-position: 50% center;
}
#sonstigemenu a {
    cursor:pointer;
}
#sonstigemenu ul li ul {
    display:none;
}
#sonstigemenu li a.menuparent {
    position:relative;
}
#sonstigemenu li a.menuparent::before {
    position:absolute;
    right:0;
}
#sonstigemenu li a.menuparent::before {
    content:'+';
}
#sonstigemenu li a.toggle.menuparent::before {
    content:'-';
}
#sonstigemenu,.adressaccordion {display:none;}
/* Stylesheet: Autsimus Navi CSS Modified On 2020-11-12 17:50:36 */
.formbuilderform{width:100%}
.formbuilderform strong{margin:0 0 15px;display:inline-block}
.form-further,.form-back{margin:15px 0 0;display:inline-block}
div.error_message h4,.errorSpan{color:#E54040!important;margin:0 0 25px}
input,select,textarea{font-family:'Roboto',sans-serif;height:60px;background-color:#eee;border:none;font-weight:300;font-size:16px;margin:0 0 15px;border:none;color:#73797c;border-radius:4px;padding:18px 23px;border:2px solid #eee;width:100%}
input:focus,select:focus,textarea:focus{border-color:#95b2c0}
input[type=checkbox]{width:25px;height:25px;}
input[type=checkbox] + label {height:25px;width:auto;margin-right:15px;}
.nexttosubmit,#footer .captcha input{width:63%;float:left}
label{width:100%;line-height:1.4em;font-size:16px;float:left;margin:0 0 15px}
.select label{display:block}
textarea{height:125px;resize:none}
select{height:52px;padding:12px 23px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(https://www.autismus.ch/images/layout/Arrow_point_to_down_16.png) 98% center no-repeat #eee}
select::-ms-expand{display:none}
option{margin-left:4px}
.submit{color:#273d83;display:inline-block;width:auto;height:55px;margin:0 15px 25px 0;background-color:#fff;border:2px solid #273d83;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-appearance:none;-moz-appearance:none}
.fbsubmit{color:#273d83;padding:15px 25px;text-align:center;display:inline-block;width:auto;height:55px;line-height:23px;font-size:15px;letter-spacing:1px;border:none;text-transform:uppercase;background-color:transparent;vertical-align:middle;cursor:pointer}
.submit:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background-color:#273d83;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.fbsubmit:hover,.fbsubmit:focus,.fbsubmit:active{color:#fff}
.submit:hover:before,.submit:focus:before,.submit:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}
.fbsubmit:active{margin:-1px 0 0}
.captcha{line-height:23px}
.captcha img{width:288px;float:left;margin:0 0 5px}
#content .captcha img{margin:0 15px 0 0;height:78px}
.captcha input,#footer .captcha input{margin:5px 0}
#content .captcha input{width:64%}
div.fb_invalid input,div.fb_invalid select,div.fb_invalid textarea{border:1px solid #D1001E}
.errorSpan{display:block}
fieldset#wohnung{display:none}
fieldset.fieldset{border:1px solid #1e6383;padding:30px;margin:0 0 15px}
legend{padding:0 15px;font-weight:700}
fieldset#form-left,fieldset#form-right{border:0;width:48%;height:auto;position:relative;float:left}
fieldset#form-right{margin:0 2%}
.radio{float:left}
.radio label{display:block;border:none;margin:0 0 5px;padding:0;margin:15px 0 10px;padding:10px 0 0;border-top:1px solid #e5e5e5}
.radio div{height:auto;width:50%;float:left}
.radio div label{width:auto;display:inline;font-weight:400;max-width:80%;margin:0;padding:0;border:none}
.radio div input,.radio input{width:auto;margin:0 20px 5px 0;border:0;height:20px;float:left;background:none}
#main .radio div input:focus{border:none;box-shadow:none}
.radio div input:focus{background:none!important}
.dsgvo label{display: block;float: left;width: 90%;}
.dsgvo input{width: 25px;float: left;vertical-align: top;margin-right: 10px;height: 30px;}
/* Stylesheet: Autismus Form CSS Modified On 2023-08-17 11:26:44 */
    .app .accordion .tab .tab-header a {
    font-size: 13px;
    padding-left: 5px;
    font-weight: bold;
    display:block;
}
   
@media screen and (max-width: 1748px) {
.spendenButton{top:120px;transition:left .3s ease}
}
@media screen and (max-width: 1090px) {
.tooltip:before,.tooltip:after{display:none}
}
@media screen and (max-width:1216px) {
.spendenButton{top:72px}
#headerwrapper{position:relative}
#bannerwrapper{margin:-50px 0 0}
#headertop{background-color:#fff;height:25px}
#headertop #quicklinks{display:none}
#headertop_content #logo{position:absolute;margin:-17px 15px 0}
#headertop_content #quicklinks{float:right;margin-right:15px}
#header_socialmedia{margin:20px -15px 0}
.slicknav_nav .slicknav_arrow {
    position: absolute;
    right: 0px;
    font-size: 24px;
    bottom: 0px;
    padding: 15px 15px 0px;
    margin: 0;
}

.slicknav_item {
    position:relative;
}

.slicknav_nav .slicknav_item a{
    display: inline-block;
    padding-right: 43px!important;
}
#quicklinks .primary-nav,.primary-nav ul{padding:0}
.primary-nav li li {padding-left: 10px!important;}
#content{padding:0 15px}
.pagesbanner{display:none}
#footwrapper{padding:15px}
#partners{padding:0 15px}
#blog{padding:0 15px}
#aktveranstaltung{padding:0 15px}
#contentwrapper{margin:0}
/*#contentwrapper.no_banner, #emphasiswrapper.no_banner{margin-top:0!important}*/
.sidebar{display:none}
#addressmenu,.adressaccordion, #sonstigemenu{display:block}
#navi{display:none}
#main.wide{width:100%}
.footkontakt{display:block;border-top:1px solid #5a72ad!important;padding-top:15px}
#emphasis img{margin:10px 0}
#logo img{margin:10px 40px 10px 0}
.slicknav_nav ul.unli{margin:0}
#toweb{margin-top:250px}
.login,.chat{display:block}
.primary-nav > li:last-child > a {
    padding: 10px;
}
#responsive_navi .info > a {
    display:none;
}
#responsive_navi li.info li {
    padding-left:0!important;
}
iframe.platform-vid {height: 363px;}
}
@media screen and (max-width: 995px) {
.emphasis.one_third{margin-left:1%;width:48%}
}
@media screen and (max-width: 980px) {
.main{width:100%;padding:0 0 25px}
#sidebar{width:100%}
.formbuilderform{width:80%!important}
#pinboard{float:left;width:304.5px}
#pinboard.pinboard1{display:none}
#pinboard.pinboard2{display:block}

iframe.platform-vid {height: 300px;}

}
@media screen and (max-width: 960px) {
#event-datediv{width:100%!important}
#vertitle{width:60%}
#main .quicklink{padding:10px 10px 0}
#bannerwrapper{background-image:none!important;background:#4B5EE8!important}
}
@media screen and (max-width: 880px) {
#info_3 img{display:none}
}
@media screen and (max-width: 850px) {
#footwrapper .one_third{width:100%}
#info_1 .quicklink img{float:left;margin:5px 15px 44px 0}
#info_2{padding-top:30px}
#info_3{padding-top:30px}
#toweb{margin-top:35px}
div#medienstelleBox {float: none;margin: 0 auto 30px;}
}
@media screen and (max-width: 775px) {
#vertitle{width:100%}
.spendenButton{transform:scale(0.5);transform-origin:top center;top:78px;left:auto;right:-57px}
.partnerimg, .fifths > div, .thirds > div, .fourths > div, .sixths > div, .octet > div{width:50%;float:left;padding:15px;}
.fifths > div, .sixths > div,.sevenths > div, .partnerLineHolder.lastRow > div, .octet > div{
    width:33.33%;
}
.faq-accordion h3 {
    font-size: 24px;
}
.partnerLineHolder {
    padding-bottom: 15px;
}

.img-impressionen-l {
    float: none;
    width: 100%;
    max-width: 500px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
}
.img-impressionen-r {
    float: none;
    width: 100%;
    max-width: 500px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
}

}
@media screen and (max-width: 674px) {
.emphasis_title h4{font-size:1em}
}
@media screen and (max-width: 650px) {
a.adressbutton{float:none;margin:0 0 15px}
.adressList{width:85%}
}
@media screen and (max-width: 630px) {
#chatarea{width:100%}
#chatform input{width:100%}
.smallhome-img{margin-left: 50px}
}
@media screen and (max-width: 550px) {
#banner_content h1,#banner_content h2,#banner_content h3,#banner_content h4,#banner_content h5,#banner_content h6,#banner_content p,#banner_content ul{margin:0 0 0 15px;width:75%}
#banner_content_home{left:0;padding-left:15px;box-sizing:border-box}
.bx-wrapper .bx-controls-direction a{top:100%}
}
@media screen and (max-width: 500px) {
.emphasis.one_third{margin-left:3%;width:94%}
.emphasis_title h4{font-size:1.375em}
.blog_img{float:left;width:100%}
.blog_content{float:right;width:100%}
.blog_img iframe,.blog_img img{padding:0 0 25px}
.partnerimg,.fifths > div, .sixths > div, .partnerLineHolder.lastRow > div,.octet > div, .thirds > div, .fourths > div, .sevenths > div{width:100%; max-width: 300px; float:none;margin:0 auto;height:100px;}
#partners h3 {
    text-align: center;
}
.partnerSmallImg img{width:auto}
.partnerimg img {
    left: 50%;
    transform:translate(-50%,-50%);
}
.kontaktstelle {
    width:100%;
    display:block;
}

.barometer a.button {
	display: block !important;
	margin-left: 0px !important;
}
iframe.platform-vid {height: 200px;}

.smallhome-img{
    width: 300px;
}

}
@media screen and (max-width: 420px) {
#quicklinks .primary-nav li a{padding:8px 10px 5px 30px}
.t-cell{display:inline-block;width:100%}
}
@media screen and (max-width: 400px) {
#pinboard{width:100%}
.formbuilderform{width:100%!important}
#verort{width:100%}
#basket{float:none}
.blogBild{width:100%;float:none}
}
@media screen and (max-width: 380px) {
#header{padding:50px 0 5px}
#header_socialmedia{margin:20px -15px 0}
#logo img{margin:10px 10px 10px 9%}
#banner_content_home{width:100%}
.spendenButton{top:118px}
.scroll1 .spendenButton{top:-8px;position:fixed}
}
@media screen and (max-width: 360px) {
.emphasis_title h4{font-size:1em}
.smallhome-img{
   margin-left:0px;
}
}
@media screen and (max-width: 355px) {
.blog_img{float:left;width:100%}
.blog_img iframe{padding:0 0 25px!important}
.blog_img img{padding:0 0 25px!important}
.blog_content{float:right;width:100%}
}
@media screen and (max-width: 320px) {
#quicklinks .primary-nav li a{padding:8px 5px 5px 30px}
.smallhome-img{
    width:250px;
}
}
@media screen and (min-width:1216px) {
#navi .primary-nav li{position:relative}
#navi .primary-nav li li a{color:#fff}
#navi .primary-nav li li a:hover{color:#fff;text-decoration:underline}
#navi .primary-nav li li a.menuactive{color:#d3d3d3}
#navi .primary-nav li li a.menuactive:hover{color:#d3d3d3}
#navi .primary-nav li ul{background:#fff;line-height:40px;min-width:200px;width:auto;visibility:hidden;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);position:absolute;top:170%;left:-19px;-webkit-transform:translateY(-2em);-moz-transform:translateY(-2em);-ms-transform:translateY(-2em);-o-transform:translateY(-2em);transform:translateY(-2em);z-index:-1;-webkit-transition:all .3s ease-in-out 0s,visibility 0 linear 0.3s,z-index 0 linear .01s;-o-transition:all .3s ease-in-out 0s,visibility 0 linear 0.3s,z-index 0 linear .01s;-moz-transition:all .3s ease-in-out 0s,visibility 0 linear 0.3s,z-index 0 linear .01s;transition:all .3s ease-in-out 0s,visibility 0 linear 0.3s,z-index 0 linear .01s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#34529a;padding:10px 0}
#navi .primary-nav li ul:before{content:'';width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #34529a;position:absolute;top:-14px;left:30%;margin-left:-15px}
#navi .primary-nav li:hover ul{visibility:visible;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);z-index:1;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);-webkit-transition-delay:0s,0s,.3s;-moz-transition-delay:0s,0s,.3s;-ms-transition-delay:0s,0s,.3s;-o-transition-delay:0s,0s,.3s;transition-delay:0s,0s,.3s}
}
@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
#navi .primary-nav li ul{top:110%}
}
/* Stylesheet: Autismus CSS Responsive Modified On 2023-07-27 13:05:33 */
/* General */

.app {
    display: block;
}

.app hr {
    margin: 1.5rem 0;
}

.app .shadow {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.app .wrapper {
    float: none;
}

.app .stretched-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    background-color: rgba(0,0,0,0);
}

.app .img-fluid {
    max-width: 100%;
    height: auto;
}

.app .hover {
    transition: none;
}

.app .hover:hover {
    opacity: .5;
}

@media (min-width: 1215px) {
    
    .app .back-to-overview {
        display: none;
    }
}

/* Grid */

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

.justify-content-around {
    justify-content: space-around;
}

.app .row {
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
    flex-wrap: wrap;
}

.app .col-4,
.app .col-6,
.app .col-lg-3,
.app .col-lg-4,
.app .col-lg-6,
.app .col-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.app .col-4 {
    width: 33.333333%;
}

.app .col-6 {
    width: 50%;
}

@media (min-width: 576px) {
    .app .col-sm-4 {
        width: 33.333333%;
    }
}

@media (min-width: 768px) {
    .app .col-md-3 {
        width: 25%;
    }
    
    .app .col-md-4 {
        width: 33.333333%;
    }
}

@media (min-width: 1215px) {
    .app .col-lg-3 {
        width: 25%;
    }
    
    .app .col-lg-4 {
        width: 33.333333%;
    }
    
    .app .col-lg-6 {
        width: 50%;
    }
}

/* Buttons */

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    /*white-space: nowrap;*/
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-decoration: none;
    font-weight: bold;
}

.btn-primary {
    color: #fff !important;
    background-color: #34529a;
    border-color: #34529a;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(51,71,119,.5);
}

.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #334777;
    border-color: #334777;
}

.btn:not(:disabled):not(.disabled).active, 
.btn:not(:disabled):not(.disabled):active {
    background-image: none;
}

/* Information summary */

.app .summary .item {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}

.app .summary .item .image {
    height: 150px;
    background: no-repeat center;
    background-size: cover;
    border: 1px solid #d5d6d8;
}

.app .summary .item .content {
    padding: 15px;
    border: 1px solid #d5d6d8;
    border-top: 0;
    flex-grow: 1;
}

.app .summary .item .content h3 {
    font-size: 1.3rem;
}

.app .summary .item .content a {
    font-weight: bold;
}

.app .summary .item .content a::after {
    content: '';
    position: absolute;
    height: 100%;
    left: 15px;
    right: 15px;
    top: 0;
}

/* Accordion */

.app .accordion .tab {
    margin-bottom: 1.5rem;
}

.app .accordion .tab .tab-header,
.app .accordion .tab .tab-content {
    padding: 10px;
}

.app .accordion .tab .tab-header {
    padding-right: 30px;
    position: relative;
    background-color: #34529a;
    color: #FFF;
}

.app .accordion .tab .tab-header .tab-trigger {
    background-color: transparent;
    border: 0;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    text-align: left;
}

.app .accordion .tab .tab-header .tab-trigger::before {
    content: '+';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.app .accordion .tab .tab-header .tab-trigger.active::before {
    content: '-';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.app .accordion .tab .tab-header .tab-trigger::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.app .accordion .tab .tab-content {
    display: none;
    background-color: #ebf1ff;
}

.app .accordion .tab .tab-content.wrapper {
    background: transparent;
    padding-right: 0;
    padding-top: 1.5rem;
}

.app .accordion .tab .tab-content.active {
    display: block;
}

/* Lotterie Logos */

.app .lotterie-logos .item {
    margin-bottom: 1.2rem;
    text-align: center;
}

/* Print */

@media print {
    
    #headerwrapper,
    .slicknav_menu,
    #bannerwrapper,
    #footwrapper,
    .scrolltop,
    #emphasis {
        display: none;
    }
    
    #contentwrapper.no_banner {
        margin-top: 50px;
    }
    
    #pinboard {
        width: 100%;
        float: none;
        padding: 0; 
        background-color: #FFF;
        clear: both;
    }

}
/* Stylesheet: App Modified On 2022-08-17 11:40:25 */
/**/

#mobilemenu {
    display:none;
}

.col-33 {
    width:100%;
    max-width:33.33%;
    padding:0 30px;
    position:relative;
}



#footwrapper .col-33.contact .quicklink.last {
    border-bottom: none!important;
}

#footwrapper .col-33.contact .quicklink.last:after {
  display:none;
}

.search_open i {
    background: #34529a;
    color: #fff;
    padding: 5px;
    border-radius: 100%;
    font-size: 20px;
}

.search_button {
    color: #34529a;
}

.search_input:focus {
    outline: none;
}

img.donate-contact {
    position: absolute;
    top: -5px;
    left: 0;
    max-width: 40px;
}



#footwrapper .col-33.contact h3 {
    margin-top: 30px;
}

#footwrapper h5.title-with-icon {
    margin-top: 30px;
    padding-left: 50px;
    margin-bottom: 20px;
}

.col-33 img {
    margin-bottom: 30px;
}

.col-33.contact .map-contanct {
    position: absolute;
    top: 50px;
    right: 30px;
}

.quicklink.calendar h5 {
    padding-top: 15px;
}

span.notice-footer {
    line-height: 17px;
    display: block;
    margin-top: 10px;
    color: #fff;
    background: #2c4581;
    padding: 10px;
}

#footwrapper p {
    font-size:14px;
}

#footwrapper p i {
    color:#fff;
    width:20px;
}

#footwrapper p, #footwrapper p a {
    color:#c4c4c4;
}

#footwrapper #info_1 .quicklink {
    padding-left:50px;
}

.quicklink.calendar {
    min-height: 100px;
}

#footwrapper #info_1 .quicklink img {
    position: absolute;
    left: 0;
    margin: 0;
    top: 3px;
    width: 100%;
    max-width: 40px;
}

#footwrapper {
    padding:60px 20px 15px;
}

#footwrapper .quicklink {
    border-bottom:none!important;
    margin-bottom:0px;
}

#footwrapper .col-33.contact .quicklink, div#footwrapper div#infos {
    border-bottom: 1px solid #4a65a5!important;
}



#footwrapper .col-33.contact .quicklink:after, div#footwrapper div#infos:after{
    content: "";
    height: 1px;
    width: 100%;
    background: #2c4581;
    display: block;
}

div#footwrapper div#infos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;

}

#navi .primary-nav li ul:after {
    content: "";
    position: absolute;
    top: -30px;
    height: 30px;
    width: 100%;
}


header#header-redesign {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
}

nav#nav-top {
    padding-left: 100px;
}

.header-content {
    width: 100%;
    /*max-width: 1015px;*/
    margin: 0 auto;
    display:flex;
    justify-content: center;
    align-items: center;
}

.header-content-middle .btn-nav a img {
    max-width: 20px;
    vertical-align: middle;
}

.header-content-middle .btn-nav.btn-right a:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    height:100%;
    background-image:url(https://www.autismus.ch/uploads/images/layout/right-bg.png);
        background-repeat: no-repeat;
    background-size: auto 100%;
    width: 26px;
}

div#logo-redesign {
    padding-left: 50px;
}


div#logo-redesign img {
    width:100%!important;
    margin-top:-20px;
    padding-bottom:10px;
    max-width:240px;
}

.header-content-middle {
       width: 100%;
    margin: 0 auto;
    display:flex;
    justify-content: space-between;
    align-items: center; 

}



.nav-top-full {
background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 22%, rgba(224,242,252,1) 97%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 22%, rgba(224,242,252,1) 97%);
background: linear-gradient(90deg, rgba(255,255,255,1) 22%, rgba(224,242,252,1) 97%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e0f2fc",GradientType=1);
}

nav#nav-top li a {
    font-weight: 400;
    font-size: 14px;
    padding: 10px 5px;
}

.primary-nav li a {
    color: #34529a;
}

.header-content-middle .btn-nav a:hover {
    background-color: #2b4687;
}

.header-content-middle .btn-nav a {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    height:100%;
    padding:0 30px;
    position:relative;
        padding-left:70px;
        padding-right:70px;
}
.header-content-middle .btn-nav {
    align-self: stretch;
    background: #34529a;
    position:relative;
}

.header-content-middle .btn-nav a {
    color:#fff;
}

/*
.header-content-middle .btn-nav.btn-left a:before {
    content: "";
    width: 50px;
    height: 50%;
    background: #34529a;
    position: absolute;
    right: -26px;
    top: 12px;
    transform: rotate(50deg);
}


.header-content-middle .btn-nav.btn-left a:after {
    content: "";
    width: 50px;
    height: 50%;
    background: #34529a;
    position: absolute;
    right: -26px;
    bottom: 12px;
    transform: rotate(-50deg);
}

.header-content-middle .btn-nav.btn-right a:before {
    content: "";
    width: 50px;
    height: 50%;
    background: #34529a;
    position: absolute;
    left: -26px;
    top: 12px;
    transform: rotate(-50deg);
}


.header-content-middle .btn-nav.btn-right a:after {
    content: "";
    width: 50px;
    height: 50%;
    background: #34529a;
    position: absolute;
    left: -26px;
    bottom: 12px;
    transform: rotate(50deg);
}
*/
#bannerwrapper {
    margin-top:90px;
}

.left-header {
    width:100%;
    max-width:20%;
}

nav#nav-top {
    padding-right: 25px;
}

nav#nav-top li {
    padding:5px 5px;
}

.header-content-middle .btn-nav a:hover img {
    transform: rotate(45deg);
}

div#copyright-left {
    width: 100%;
    max-width: 60%;
}

div#copyright-links {
    width: 100%;
    max-width: 40%;
    text-align:right;
}

div#copyright-left, div#copyright-links {
    display: inline;
    float: left;
    padding: 20px;
    font-size: 14px;
    color: #fff;
}

@media(min-width:1017px){
    #search_mobile {
        display:none;
    }
    .text-button-mobile {
        display:none;
    }
    
    
    #footwrapper h5.last-block-footer {
        margin-top: 106px;
    }

}

@media(max-width:1016px){
    
    div#search_mobile .search_button {
    position: absolute;
    top: 50px;
    right: -10px;
    z-index: 9999999;
    color: #fff;
    background: #34529a;
    padding: 5px 7px;
    border-radius: 100%;
}

div#search_mobile input {
    position: absolute;
    top: 40px;
    background: white;
    z-index: 99999;
    min-height: 50px;
    min-width: 320px;
    padding: 10px;
    padding-right: 80px;
    right: calc(100% - 70px);
}

div#search_mobile .search_close {
    position: absolute;
    right: -35px;
    top: 55px;
    z-index: 999999;
}

div#search_mobile {
    position: relative;
}

    .text-button-desktop {
        display:none;
    }
.nav-top-full {
    display:none;
}    

div#logo-redesign img {
    margin-top:0;
}
.left-header {
    max-width:50%;
}

.header-content-middle .btn-nav {
    max-width:25%;
}

div#search_mobile {
    position: relative;
    padding-left: 10px;
}

span.text-button-mobile {
    font-size: 12px;
    margin-top: 5px;
}

.primary-nav, .primary-nav ul {
    position:inherit;
    z-index:inherit;
}

.hc-nav-trigger.hc-nav-1 {
    display: block;
    width: 20%;
    right:-20px!important;
}

div#logo-redesign {
    padding-left:15px;
}

#bannerwrapper {
    margin-top:70px;
}

.header-content-middle .btn-nav a {
    padding-left:30px;
    padding-right:10px;
}

}

@media(max-width:992px){
div#copyright-left, div#copyright-links  {
    display:block;
    text-align:center;
    max-width:100%;
}
.col-33 {max-width:100%;padding:0;}
#banner_content_home {
    padding:20px;
    top:0;
}

div#contentwrapper.pages {
    margin-top: 100px;
}

}

html.hc-nav-yscroll{overflow-y:scroll}body.hc-nav-open{overflow:visible;position:fixed;width:100%;min-height:100%}.hc-offcanvas-nav{visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999;text-align:left}.hc-offcanvas-nav.is-ios *{cursor:pointer !important}.hc-offcanvas-nav .nav-container{position:fixed;z-index:9998;top:0;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:transform .4s ease}.hc-offcanvas-nav .nav-wrapper{width:100%;height:100%;box-sizing:border-box;-ms-scroll-chaining:none;overscroll-behavior:none}.hc-offcanvas-nav .nav-content{height:100%}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav ul{list-style:none;margin:0;padding:0}.hc-offcanvas-nav li{position:relative;display:block}.hc-offcanvas-nav li.level-open>.nav-wrapper{visibility:visible}.hc-offcanvas-nav li:not(.custom-content) a{position:relative;display:block;box-sizing:border-box;cursor:pointer}.hc-offcanvas-nav li:not(.custom-content) a[disabled]{cursor:not-allowed}.hc-offcanvas-nav li:not(.custom-content) a,.hc-offcanvas-nav li:not(.custom-content) a:hover{text-decoration:none}.hc-offcanvas-nav input[type="checkbox"]{display:none}.hc-offcanvas-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}.hc-offcanvas-nav .nav-item-wrapper{position:relative}.hc-offcanvas-nav .nav-item-link{position:relative;display:block;box-sizing:border-box}.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus{outline:none}.hc-offcanvas-nav .nav-close:focus,.hc-offcanvas-nav .nav-next:focus,.hc-offcanvas-nav .nav-back:focus{z-index:10}.hc-offcanvas-nav.disable-body::after,.hc-offcanvas-nav .nav-wrapper::after{content:'';z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}.hc-offcanvas-nav.disable-body::after{position:fixed}.hc-offcanvas-nav .nav-wrapper::after{position:absolute}.hc-offcanvas-nav.disable-body.nav-open::after,.hc-offcanvas-nav .sub-level-open::after{visibility:visible;opacity:1;transition-delay:.05s}.hc-offcanvas-nav:not(.nav-open)::after{pointer-events:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after{display:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0{max-height:100vh}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;visibility:hidden;overflow:hidden;transition:height 0s ease .4s}.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none;overflow:visible;visibility:visible}.hc-offcanvas-nav.nav-levels-overlap .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper{max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,transform .4s ease}.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{position:static}.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transform:translate3d(0, 0, 0);transition:transform .4s ease}.hc-offcanvas-nav.nav-position-left{left:0}.hc-offcanvas-nav.nav-position-left .nav-container{left:0}.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%, 0, 0)}.hc-offcanvas-nav.nav-position-right{right:0}.hc-offcanvas-nav.nav-position-right .nav-container{right:0}.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%, 0, 0)}.hc-offcanvas-nav.nav-position-top{top:0}.hc-offcanvas-nav.nav-position-top .nav-container{top:0;width:100%}.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, -100%, 0)}.hc-offcanvas-nav.nav-position-bottom{top:auto;bottom:0}.hc-offcanvas-nav.nav-position-bottom .nav-container{top:auto;bottom:0;width:100%}.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, 100%, 0)}.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container{transform:translate3d(0, 0, 0)}.hc-offcanvas-nav.rtl{text-align:right;direction:rtl}.hc-nav-trigger{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:0px;right:15px;z-index:9980;width:30px;min-height:24px}.hc-nav-trigger span{width:30px;top:50%;transform:translateY(-50%);transform-origin:50% 50%}.hc-nav-trigger span,.hc-nav-trigger span::before,.hc-nav-trigger span::after{display:block;position:absolute;left:0;height:4px;background:#34495E;transition:all .2s ease}.hc-nav-trigger span::before,.hc-nav-trigger span::after{content:'';width:100%}.hc-nav-trigger span::before{top:-10px}.hc-nav-trigger span::after{bottom:-10px}.hc-nav-trigger.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}.hc-nav-trigger.toggle-open span::before{transform:translate3d(0, 10px, 0)}.hc-nav-trigger.toggle-open span::after{transform:rotate(-90deg) translate3d(10px, 0, 0)}.hc-offcanvas-nav{font-family:sans-serif}.hc-offcanvas-nav::after,.hc-offcanvas-nav .nav-wrapper::after{background:rgba(0,0,0,0.3)}.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul{background:#34529a}.hc-offcanvas-nav .nav-content>h2,.hc-offcanvas-nav .nav-content>h3,.hc-offcanvas-nav .nav-content>h4,.hc-offcanvas-nav .nav-content>h5,.hc-offcanvas-nav .nav-content>h6{font-size:19px;font-weight:normal;padding:20px 17px;color:#fff}.hc-offcanvas-nav .nav-content>h2:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h3:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h4:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h5:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h6:not(.nav-title):not(.level-title){font-size:16px;padding:15px 17px;background:#34529a}.hc-offcanvas-nav .nav-item-link,.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav .nav-back a{padding:14px 17px;font-size:13px;font-weight:normal;color:#fff!important;z-index:1;background:rgba(0,0,0,0);border-bottom:1px solid #2c5d8f;transition:background .1s ease}.hc-offcanvas-nav .nav-item-link:focus,.hc-offcanvas-nav .nav-item-link:focus-within,.hc-offcanvas-nav li.nav-close a:focus,.hc-offcanvas-nav li.nav-close a:focus-within,.hc-offcanvas-nav .nav-back a:focus,.hc-offcanvas-nav .nav-back a:focus-within{z-index:10}.hc-offcanvas-nav .nav-item-link[disabled],.hc-offcanvas-nav li.nav-close a[disabled],.hc-offcanvas-nav .nav-back a[disabled]{color:rgba(255,255,255,0.5)}.hc-offcanvas-nav div.nav-back+ul>li:first-child>.nav-item-wrapper>.nav-item-link{border-top:none !important}.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{background:#2c4685;color:#fff}.hc-offcanvas-nav .nav-custom-content{padding:14px 17px;font-size:14px;border-bottom:1px solid #2c5d8f}.hc-offcanvas-nav .nav-highlight{background:#2e6296}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a{border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child){border-bottom:2px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h6{margin-top:-2px}.hc-offcanvas-nav .nav-wrapper>.nav-content>h2+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h3+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h4+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h5+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h6+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h6,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h6,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h6{border-top:1px solid #2c5d8f}.hc-offcanvas-nav li{color:#fff}.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child{padding-right:58px}.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child){margin-right:45px}.hc-offcanvas-nav .nav-close-button span,.hc-offcanvas-nav .nav-parent .nav-next,.hc-offcanvas-nav .nav-back span{width:45px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;transition:background .1s ease}.hc-offcanvas-nav .nav-close-button{position:relative;display:block}.hc-offcanvas-nav .nav-close-button span::before,.hc-offcanvas-nav .nav-close-button span::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff}.hc-offcanvas-nav .nav-close-button span::before{margin-left:-9px;transform:rotate(135deg)}.hc-offcanvas-nav .nav-close-button span::after{transform:rotate(-45deg)}.hc-offcanvas-nav .nav-content>.nav-close{position:relative;z-index:2}.hc-offcanvas-nav .nav-content>.nav-close a{font-size:14px;color:#fff;background:rgba(0,0,0,0);z-index:1;text-decoration:none;box-sizing:border-box}.hc-offcanvas-nav .nav-content>.nav-close a:not(.has-label){height:50px}.hc-offcanvas-nav .nav-content>.nav-close a.has-label{padding:14px 17px;border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-content>.nav-close a:hover{border:none;background:radial-gradient(farthest-corner at top right, rgba(0,0,0,0.1), rgba(0,0,0,0))}.hc-offcanvas-nav .nav-content>.nav-close.has-label+ul{margin-top:-1px}.hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content>.nav-close{margin-bottom:-1px}.hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){position:absolute;width:45px;height:66px;line-height:66px;top:-66px;right:0}.hc-offcanvas-nav.nav-close-button-empty .nav-title{padding-right:55px}.hc-offcanvas-nav li.nav-close a:not(.has-label){height:49px}.hc-offcanvas-nav .nav-content>.nav-close:first-child a,.hc-offcanvas-nav .nav-title+.nav-close a.has-label,.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav .nav-back a{background:#2c4685;border-top:1px solid #2b5a8b;border-bottom:1px solid #2b5a8b}.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover,.hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover,.hc-offcanvas-nav li.nav-close a:hover,.hc-offcanvas-nav .nav-back a:hover{background:#2e6195}.hc-offcanvas-nav li.nav-close:not(:first-child) a,.hc-offcanvas-nav li.nav-back:not(:first-child) a{margin-top:-1px}.hc-offcanvas-nav a.nav-next{border-left:1px solid #2c5d8f;border-bottom:1px solid #2c5d8f}.hc-offcanvas-nav .nav-next span::before,.hc-offcanvas-nav .nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;transform-origin:center}.hc-offcanvas-nav .nav-next span{position:absolute;top:0;right:0;left:0;bottom:0}.hc-offcanvas-nav .nav-next span::before{transform:translate(-50%, -50%) rotate(135deg)}.hc-offcanvas-nav .nav-back span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-right .nav-next span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-right .nav-back span::before{margin-left:-2px;transform:translate(-50%, -50%) rotate(135deg)}.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-position-top .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-bottom .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none ul .nav-wrapper{box-shadow:none;background:transparent}.hc-offcanvas-nav.nav-levels-expand li.level-open,.hc-offcanvas-nav.nav-levels-none li.level-open{background:#2e6296}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a{border-bottom:1px solid #295887}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:hover,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:hover{background:#2c4685}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a>.nav-next span::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link{padding-left:calc(17px + 20px * 1)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link{padding-left:calc(17px + 20px * 2)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link{padding-left:calc(17px + 20px * 3)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link{padding-left:calc(17px + 20px * 4)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link{padding-left:calc(17px + 20px * 5)}.hc-offcanvas-nav.rtl a.nav-next{border-left:none;border-right:1px solid #2c5d8f}.hc-offcanvas-nav.rtl .nav-title+.nav-close a:not(.has-label),.hc-offcanvas-nav.rtl .nav-close-button span,.hc-offcanvas-nav.rtl .nav-next,.hc-offcanvas-nav.rtl .nav-back span{left:0;right:auto}.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child{padding-left:58px;padding-right:17px}.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child){margin-left:45px;margin-right:0}.hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 1)}.hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 2)}.hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 3)}.hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 4)}.hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 5)}



/* Stylesheet: Redesign Modified On 2023-07-21 10:28:22 */