/*     --hidden Sprunglinks
------------------------------------------------- */
.bk-skiplinks{position: absolute; float: left; display:block; font-size: 13px; line-height:1rem;}
.bk-skip{top:-1000px; left:-1000px; position: absolute; display: block; float: left; padding: 0px 5px 0px 5px;width:200px;}
.bk-skip:focus {top:-10px; left:20px;  outline: #ddd dotted 1px; background:#ddd; color:#000;}

/*     --headlines
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {padding: 0; line-height: 1.4em; margin-bottom: 0.6em; font-family: 'Ubuntu', sans-serif; color: #ddd; font-weight: 400;}
h1 {font-size: 2.368rem; margin-bottom: 0.0em;}
h2 {font-size: 1.7rem; }
h3 {font-size: 1.7rem; margin-top: 15px; margin-bottom: 0.0em;}
h4 {font-size: 1.4rem; }
h5 {font-size: 1.4rem}
h6 {font-size: 1.2rem}

.zurich h1 {color: #01bdff; }
/*.zurich h2 {color: #01bdff; }*/
.zurich h3 {color: #01bdff; }
.basel h1 {color: #f8b216; }
/*.basel h2 {color: #f8b216; }*/
.basel h3 {color: #f8b216; }
.stiftung h1 {color: #fff055; }
/*.stiftung h2 {color: #fff055; }*/
.stiftung h3 {color: #fff055; }

/* headlines should look visually like: ... */
.visually-standard h1, .visually-standard h2, .visually-standard h3, .visually-standard h4, .visually-standard h5, .visually-standard h6,
h1.visually-standard, h2.visually-standard, h3.visually-standard, h4.visually-standard, h5.visually-standard, h6.visually-standard {
  color: #fbfbfb; font-weight: 400; font-family: "Roboto",Arial,sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 15px; margin-top: 0;
}
.visually-standard-text h1, .visually-standard-text h2, .visually-standard-text h3, .visually-standard-text h4, .visually-standard-text h5, .visually-standard-text h6,
h1.visually-standard-text, h2.visually-standard-text, h3.visually-standard-text, h4.visually-standard-text, h5.visually-standard-text, h6.visually-standard-text {
  color: #fbfbfb; font-weight: 400; font-family: "Roboto",Arial,sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 0; margin-top: 0;
}
.visually-h4 h1,.visually-h4 h2, .visually-h4 h3, .visually-h4 h5, .visually-h4 h6,
h1.visually-h4, h2.visually-h4, h3.visually-h4, h5.visually-h4, h6.visually-h4 { font-size: 1.4rem !important; color: #ddd !important; margin-bottom: 0.6em !important; margin-top: 0 !important; }

#right h3 {font-size: 1.4rem; margin-top: 10px; margin-bottom: -0.5em;}
#right h4 {font-size: 1.2rem; }

.submenu h1 {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

/*     --TinyMCEStyles
------------------------------------------------- */
.subtitle { color:#ddd !important; font-weight:700 !important;}
.underlinelink a { color:#fbfbfb!important; text-decoration: underline;}
.underlinelink a:hover { color:#f18f4e!important;}

/*     --Links
------------------------------------------------- */
#container #main h2{ margin-bottom: 0.6em; }
#container #main a { text-decoration: underline; color:#ddd; }
#container #main a:hover { color: #fff; }
#container #main a:focus { color: #fff; outline: 1px dotted #fff; }
#container #main a:active { color: #fff; outline: 0; }

.zurich .ce_text a:hover, .zurich .ce_text a:focus {color: #01bdff!important; }
.basel .ce_text a:hover, .basel .ce_text a:focus {color: #f8b216!important; }
.stiftung .ce_text a:hover, .stiftung .ce_text a:focus {color: #fff055!important; }

.neutral #container #main a { text-decoration: none;}
.neutral #container #main a:hover, .neutral #container #main a:focus { text-decoration: underline; color:#ddd;}

.pdf_link {float:right;}
.pdf_link a:hover{ outline: 1px dotted #fff;}
.pdf_link a:focus{ outline: 1px dotted #fff;}


/*     --hyperlinks + buttons
------------------------------------------------- */
.button, .ce_hyperlink a, .back, .submit {color:#fbfbfb!important; font-size: 1rem!important; color: #fbfbfb; border-radius: 40px; font-weight: 400!important; padding: 13px 18px; text-align: center; display: inline-block; margin-bottom: 4px; background: transparent; white-space:nowrap; border: 2px solid #F18F4E; }
.button, .ce_hyperlink a, .back, .submit {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.button:hover, .ce_hyperlink a:hover, .back:hover , .submit:hover {background: #000!important; opacity: 1.0; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.button:hover, .ce_hyperlink a:hover, .back:hover , .submit:hover {background: #000!important; opacity: 1.0; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}

/* sizes */
.back, .submit { background: transparent!important;}
.button, .back, .submit{padding: 4px 14px; color:#fbfbfb!important;}
.button.small, .back, .submit {padding: 4px 14px; color:#fbfbfb;}
.button.big {padding: 15px 18px; font-size: 18px; line-height: 33px; vertical-align: middle;}

.neutral .button{border-color: #ddd; padding: 10px 18px; text-align: center; }
.neutral .button:hover{border-color: #ad1f65;}
.neutral .button:focus{outline: #ddd dotted 1px;}

.zurich .button, .zurich .back, .zurich .submit, .zurich .ce_hyperlink .hyperlink_txt {border-color: #015f80;}
.basel .button, .basel .back, .basel .submit, .basel .ce_hyperlink .hyperlink_txt {border-color: #7c590b;}
.stiftung .button, .stiftung .back, .stiftung .submit, .stiftung .ce_hyperlink .hyperlink_txt {border-color: #80782b;}

.zurich .button a:hover, .zurich .back a:hover, .zurich .submit a:hover, .zurich .ce_hyperlink .hyperlink_txt  a:hover{color: #01bdff!important;}
.basel .button a:hover, .basel .back a:hover, .basel .submit a:hover, .basel .ce_hyperlink .hyperlink_txt  a:hover{color: #f8b216; }
.stiftung .button a:hover, .stiftung .back a:hover, .stiftung .submit a:hover, .stiftung .ce_hyperlink .hyperlink_txt  a:hover{color: #fff055;}

.button a:focus, a.button.small:focus, .back a:focus, .submit a:focus, .ce_hyperlink .hyperlink_txt  a:focus{outline: #ddd dotted 1px;}
.button a {padding: 8px 14px;}
.button {padding: 4px 0px;}

.button a:active, a.button.small:active, .back a:active, .submit a:active, .ce_hyperlink .hyperlink_txt  a:active{outline: none!important;}
.button.active{outline: none!important;}

.tableres .button a{color: #000!important;}

.zurich a.button.small:hover{color: #01bdff!important;}
.basel a.button.small:hover{color: #f8b216!important; }
.stiftung a.button.small:hover{color: #fff055!important;}

.zurich .button:hover a {color: #01bdff!important;}
.basel .button:hover a{color: #f8b216!important; }
.stiftung .button:hover a{color: #fff055!important;}

.zurich .hyperlink_txt:hover{color: #01bdff!important;}
.basel .hyperlink_txt:hover{color: #f8b216!important; }
.stiftung .hyperlink_txt:hover{color: #fff055!important;}

.zurich .submit:hover {color: #01bdff!important;}
.basel .submit:hover {color: #f8b216!important; }
.stiftung .submit:hover {color: #fff055!important;}

.zurich #right a:hover{color: #01bdff!important;}
.basel #right a:hover{color: #f8b216!important; }
.stiftung #right a:hover{color: #fff055!important;}

#right .zurich a.button.small:focus {color: #01bdff!important;}
#right .basel a.button.small:focus {color: #f8b216!important; }
#right .stiftung a.button.small:focus  {color: #fff055!important;}

#right .button {margin-top:20px; text-decoration: underline;}
#main .button {text-decoration: underline;}

/*     --logo
------------------------------------------------- */
.logo {width: 140px!important; height: 163px!important; display: table-cell; vertical-align: middle; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.logo img{width: 140px!important; height: 163px!important;}
.logo a {display: block; height: 100%; width: 100%; color: #fff; }
.logo a:hover {outline: none!important;}
.logo a:focus {outline: #ddd dotted 1px;}

/*     --SmartMenu
------------------------------------------------- */

#header nav.block { overflow: visible; }
.mainsmart .sm-simple { position: relative; float: left; display: block; left: 24.3%; top: 12px; }

.mainsmart .sm-simple a { padding-left: 15px!important; padding-right: 15px!important;}
.mainsmart .sm-simple a:hover { padding-left: 15px!important; padding-right: 15px!important;}
.mainsmart .sm-simple a:focus { padding-left: 15px!important; padding-right: 15px!important;}

.sm-simple ul a { background: #201010; -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

/*     --SecondNavBlock
------------------------------------------------- */

.secondnavblock { position: relative; display: block; float: right; width: 328px; top: 12px; padding: 8px; background: #0a0a0a; -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border-color: #000000;}

/*     --IndMenu
------------------------------------------------- */

.secondind { position: relative; display: block; float: left; padding: 5px 10px 10px 10px; display:block; line-height: 1em!important; font-size: 13px;}
.secondind li { float: left; }
.secondind a, .secondind a:hover, .secondind a:focus, .secondind a:active { padding: 0px 10px 0px 10px; color: #ffffff; font-family: "Ubuntu", Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 14px; text-decoration: none; }
.secondind a:hover, .secondind a:focus { text-decoration: underline; }
.secondind a.active {text-decoration: underline; }

/*     --Header search
------------------------------------------------- */
#header .search_trigger {position: relative; float: left; display: block; left: 0%; top: 0px;}
#header .search_trigger {margin-top: -2px; padding-left: 17px; color: rgba(255,255,255,0.7); cursor: pointer; line-height: 26px; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
#header .search_trigger:hover {color: #F18F4E;}
#header .search_trigger:focus {color: #F18F4E;}
#header .mod_search {position: relative; left: 0px; top: 1px; width:100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width:300px;}
#header .mod_search form {margin-top: -60px; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
#header .mod_search input:not(.captcha) {width: 300px!important; padding: 10px; color: #000; background: #F18F4E; font-size: 0.8rem;font-family: "Ubuntu", Arial, sans-serif; font-size: 13px; font-weight: normal; }
#header .mod_search .text{padding-left:20px!important; }
#header .mod_search.search_show form {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
#header .mod_search.search_show form {margin-top: 0px;}

/*     --Content_search
------------------------------------------------- */
.mod_search .even, .mod_search .odd { border-bottom:1px dotted #323232 ; }
.mod_search .relevance {float: right; font-size: 12px;}
.mod_search  span.current{background:#ddd!important;color:#0a0a0a!important;}
.mod_search  .header{padding-bottom:20px; padding-top:30px;}
#main .mod_search .pagination{font-size: 1.2rem;}
#main .mod_search a.last, #main .mod_search a.next, #main .mod_search a.link, #main .mod_search span.current {font-size: 1.2rem!important;margin-right:10px;margin-top:10px;}

.mod_search input.text { margin:5px; -webkit-border-radius: 20px!important; -moz-border-radius: 20px!important; border-radius: 20px!important;}
#main .mod_search input.text:focus, #off_canvas .mod_search input.text:focus { outline: #ddd dotted 1px;}
#main .mod_search input.text:active, #off_canvas .mod_search input.text:active { outline: none!important;}

#main .mod_search a{color:#fbfbfb!important; font-size: 1.4rem!important; font-weight: 400!important;  background: transparent; white-space:nowrap;}
#main .mod_search a:hover{color:#F18F4E!important;}
#main .mod_search a:active{outline: none!important;}
#main .mod_search a:focus{outline: #ddd dotted 1px;color:#F18F4E!important;}
#main .mod_search p{color:#ddd;}

.mod_search .highlight { background-color: #fff055; color: #000; display: inline-block; padding-left: 5px; padding-right: 5px; }
.mod_search p.url { display: none; }

/* Search submit button  */
.mod_search .submit {color:#fbfbfb!important; font-size: 1rem!important; border-radius: 40px; font-weight: 400!important; padding: 13px 18px; text-align: center; display: inline-block; margin-top: 7px; background: transparent; white-space:nowrap; border: 2px solid #323232; }
.mod_search .submit {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.mod_search .submit:hover, .mod_search .submit:focus {background: #323232!important; opacity: 1.0; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.mod_search .submit { background: transparent!important; }
.mod_search .submit{padding: 4px 14px; color:#fbfbfb!important;}
.mod_search .submit:focus {outline: #ddd dotted 1px;}


/*     --Sprachenwechsler
------------------------------------------------- */
#header .mod_changelanguage { display:table; position: relative; float: right; border: 0px #000 solid; margin: 12px 0px 0 5px; padding: 0; color: #fbfbfb;}
#header .mod_changelanguage li { float: left; display:table; border-left: 0px #888888 solid; padding: 0 8px; font-family: "Ubuntu", Arial, sans-serif; font-size: 13px;}
#header .mod_changelanguage .active {  text-decoration: underline;  color: #fbfbfb;}
#header .mod_changelanguage a { text-decoration: none; color: #fbfbfb;}
#header .mod_changelanguage a:hover { text-decoration: underline;}
#header .mod_changelanguage a:focus { text-decoration: underline;}
#header .mod_changelanguage .lang-de { border: 0px; }
#header .mod_changelanguage .lang-it { display:none; }

/*     --submenu-sidebar
------------------------------------------------- */

#right .mod_navigation { position:relative; margin: 0px 0px 40px 0px!important;}

#right .submenu { display: block; margin: 0px 0px 40px 0px; background: rgba(80,40,40,0.4); -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
#right .submenu a { font-family: 'Ubuntu', Arial, sans-serif!important; font-size: 1rem; font-weight:400; display: block; color: #fbfbfb;padding: 4px 12px 4px 12px!important; margin-bottom: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border-color: #000000; -webkit-transition: All 0.1s ease; -moz-transition: All 0.1s ease; -o-transition: All 0.1s ease; -ms-transition: All 0.1s ease; transition: All 0.1s ease; }
#right .submenu a:hover, #right .submenu a.active , #right .submenu a:focus{ color: #000000!important; background: #ddd; }
#right .submenu  a.active { color:#0a0a0a; }
#right .submenu .zurich a.active { background: #01bdff; }
#right .submenu .basel a.active { background: #f8b216; }
#right .submenu .stiftung a.active { background: #fff055; }

/*     --off canvas  / mod_customnav
------------------------------------------------- */
/*#off_canvas .level_1 ul {display: none;}*/
#off_canvas .mod_navigation {margin-bottom: 0rem;}
#off_canvas .mod_navigation a {font-size: 1.7rem; font-weight: 200; text-transform: none; padding: 5px 50px 10px 12px; position: relative; cursor: pointer;}
#off_canvas .mod_navigation .level_2 a {font-size: 1rem; padding: 3px 0 3px 10px;}
#off_canvas a:hover, #off_canvas a.active, #off_canvas a.trail {color: #F18F4E; background: transparent;}

/*     --pushy
------------------------------------------------- */
.pushy {width: 330px;}
.container-push, .push-push{-webkit-transform: translate3d(330px,0,0); -moz-transform: translate3d(330px,0,0); -ms-transform: translate3d(330px,0,0); -o-transform: translate3d(330px,0,0); transform: translate3d(330px,0,0);}
.pushy-active .site-overlay {left: 330px;}
.pushy-left {-webkit-transform: translate3d(-330px,0,0); -moz-transform: translate3d(-330px,0,0); -ms-transform: translate3d(-330px,0,0); -o-transform: translate3d(-330px,0,0); transform: translate3d(-330px,0,0);}
body.pushy-active .pushy {overflow-x: hidden; overflow-y: scroll;}
body.pushy-active #contentwrapper {position: fixed !important; display: block; top: 0; z-index: -1; height: 100%;}
body.pushy-active .site-overlay {z-index: 10; background: white; left:0; opacity: 0.65;}

/* trigger */
#nav-open-btn {z-index: 1000; display: table-cell; vertical-align: middle; text-align: right; cursor: pointer; width: 47px; position: absolute; top: 50%; right: 30px; height: 47px; margin-top: -12px; display: none;}
#nav-open-btn.menu-btn img{width:47px!important; height:47px!important;}
#nav-open-btn.menu-btn a img:hover {outline: none!important; background:#000;}
#nav-open-btn.menu-btn a:focus img{outline: #ddd dotted 1px!important; background:#000;}

/*     --html - font-size
------------------------------------------------- */
html {font-family: 'Roboto', Arial, sans-serif; font-size: 15px;   line-height: 24px;}

/*     --body
------------------------------------------------- */
body {padding-top: 0px; color: #fbfbfb; overflow-x: hidden; background-repeat: repeat; background-position: top left; background-attachment: fixed!important; background-color: #000000; font-weight: 400;}

/*     --header
------------------------------------------------- */
#header {background-repeat: repeat; position: relative; background: rgba(182,3,3,0.0); z-index: 5000; left: 0; -webkit-backface-visibility: hidden;}

#header .inside {padding: 20px 40px; display: table; width: 100%; line-height: 0;}

#header .image_container {margin: 0;}
/*     --Content Wrapper

------------------------------------------------- */
#contentwrapper { background: rgba(0,0,0,0.8); -webkit-border-bottom-right-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-bottomright: 25px; -moz-border-radius-bottomleft: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;}

/*     --container
------------------------------------------------- */
#container { position: relative; width: 100%; margin: 0; background: rgba(0,0,0,0.0); padding: 50px 40px 40px 40px; }
#container #main .inside{ margin-left:62px; }
#container #main .ce_text{ padding-right:50px; }

/*     --sidebar_right

------------------------------------------------- */
body.sidebar_right #main {overflow: hidden; width:74%; float:left; position:relative;}
body.sidebar_right #right {overflow: hidden; margin-left: 2%; width:24%; float:left; position:relative; box-shadow: -19px 0px 16px -20px rgba(0, 0, 0, 0.2);}
body.sidebar_right #right .inside {padding-left: 16%; padding-bottom: 45px; padding-top: 63px;}

/*     --Footer
------------------------------------------------- */
#footer { background: rgba(0,0,0,0.4); border-top: 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#footer, #footer a { color: #959595; }
#footer a:hover, #footer a:focus { text-decoration: underline; }
#footer .inside { margin: 0 auto; padding: 40px 40px 10px 40px; line-height: 22px; font-size: 0.9rem; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-bottom: 1rem; color: #fff; }
#footer h1 { font-size: 1.4rem; }
#footer h2 { font-size: 0.9rem; line-height: 22px; color: #959595; font-family: 'Roboto', Arial, sans-serif; }
#footer h6 { font-size: 0.8rem; letter-spacing: 2px; line-height: 33px; }

#footer .inside{ margin-left:62px; }

#footer ul { padding: 0; }
#footer li { list-style: none; }
#footer a { color:#959595!important; text-decoration: none;}
#footer a:hover { color:#f18f4e;}

/*     --Bottom / Copyright
------------------------------------------------- */
#bottom { background: rgba(0,0,0,0.1); -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px font-size: 0.7em;
color: #838383; text-transform: uppercase; margin-bottom: 20px; }
#bottom .inside { max-width: 1290px; margin: 0 auto; padding: 10px 0 10px 0; text-align: center; overflow: hidden; }
#bottom a {color: #838383;}
#bottom a:hover, #bottom a:focus {text-decoration: underline;}
#bottom .totop {line-height: 25px; margin-bottom: 15px;}

/*     --linktotop
------------------------------------------------- */
#linktotop {position: fixed; bottom: 10px; right: 10px; width: 50px; height: 40px; background: rgba(0,0,0,0.5); display: none; text-align: center; cursor: pointer; z-index: 1000;}
#linktotop:before {font-family: "icons"; content: "\e767"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; font-size: 30px; color: #fff; line-height: 40px;}

/*     --hr divider
------------------------------------------------- */
#main hr {margin: 20px 0px; border:1px dotted #323232; }

/*     --spenden Circle
------------------------------------------------- */
#spendenX {position:absolute; background:transparent; width: 100%; height:200px; top:0; z-index:10!important;}
.spenden {
	overflow: visible;
  	position:absolute;
	z-index:1000!important;
  	top: 170px;
  	right: 20px;
    height: 120px;
    width: 120px;
    background-color: #fff055;
    border-radius: 250px; -webkit-border-radius: 250px; -moz-border-radius: 250px;
    border-top: 10px solid #fff055; -webkit-border-top: 10px solid #fff055; -moz-border-top: 10px solid #fff055;

    border-left: 10px solid #fff055; -webkit-border-left: 10px solid #fff055; -moz-border-border-left: 10px solid #fff055;
    border-right: 10px solid #fff055; -webkit-border-right: 10px solid #fff055; -moz-border-border-right: 10px solid #fff055;
    border-bottom: 10px solid #fff055; -webkit-border-bottom: 10px solid #fff055; -moz-border-border-bottom: 10px solid #fff055;
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
}
.spenden .text{ position:relative; left:0%; top:35px; font-size:1.3em;line-height:1.25em;text-align:center;font-weight: normal; color:#000000; }
.spenden:hover{ background-color: #0a0a0a; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.spenden:hover .text{ color:#ffffff; }
a:focus .spenden { background-color: #0a0a0a; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.3s ease;}

.mod_article .spenden {position:relative; float:left; top: 0px; left: 40px;}
.mod_article .spenden .text {text-decoration: none!important; }
.mod_article .spenden a { text-decoration:none!important; }
.mod_article .spenden a:focus .text{ background-color: #0a0a0a; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.3s ease;}

.startpage .mobilegutschein .spenden{display:none; text-decoration: none!important;}


/*     --Gutschein Circle
------------------------------------------------- */
#gutschein {position:absolute; background:transparent; width: 100%; height:200px; top:0;}
.gutschein {
	overflow: visible;
  	position:absolute;
	z-index:1000!important;
  	top: 20px;
  	right: 20px;
    height: 120px;
    width: 120px;
    background-color: #ad1f65;
    border-radius: 250px; -webkit-border-radius: 250px; -moz-border-radius: 250px;
    border-top: 10px solid #ad1f65; -webkit-border-top: 10px solid #ad1f65; -moz-border-top: 10px solid #ad1f65;

    border-left: 10px solid #ad1f65; -webkit-border-left: 10px solid #ad1f65; -moz-border-border-left: 10px solid #ad1f65;
    border-right: 10px solid #ad1f65; -webkit-border-right: 10px solid #ad1f65; -moz-border-border-right: 10px solid #ad1f65;
    border-bottom: 10px solid #ad1f65; -webkit-border-bottom: 10px solid #ad1f65; -moz-border-border-bottom: 10px solid #ad1f65;
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
}
.gutschein .text{ position:relative; left:0%; top:20px; font-size:0.8em;line-height:1.25em;text-align:center;font-weight: normal; color:#fbfbfb; }
.gutschein:hover{ background-color: #0a0a0a; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
a:focus .gutschein { background-color: #0a0a0a; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.3s ease;}

.mod_article .gutschein {position:relative; float:left; top: 0px; left: 40px;}
.mod_article .gutschein .text {text-decoration: none!important; }
.mod_article .gutschein a { text-decoration:none!important; }
.mod_article .gutschein a:focus .text{ background-color: #0a0a0a; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.3s ease;}

.startpage .mobilegutschein .gutschein{display:none; text-decoration: none!important;}

/*     --Circles Home
------------------------------------------------- */
.circle_zurich {
	float:left;
	overflow: visible;
	margin-left:8%;
  	margin-top:5%;
    height: 200px;
    width: 200px;
    background-color: #000;
    border-radius: 250px; -webkit-border-radius: 250px; -moz-border-radius: 250px;
    border-top: 10px solid #01bdff; -webkit-border-top: 10px solid #01bdff; -moz-border-top: 10px solid #01bdff;
    border-left: 10px solid #01bdff; -webkit-border-left: 10px solid #01bdff; -moz-border-border-left: 10px solid #01bdff;
    border-right: 10px solid #01bdff; -webkit-border-right: 10px solid #01bdff; -moz-border-border-right: 10px solid #01bdff;
    border-bottom: 10px solid #01bdff; -webkit-border-bottom: 10px solid #01bdff; -moz-border-border-bottom: 10px solid #01bdff;
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
}
.circle_zurich .text{ color:#fbfbfb; position:relative; left:10%; top:35%; font-size: 20px; font-weight: normal; line-height: 22px;}
.circle_zurich:hover{ color:#fbfbfb; background-color: #01bdff; border-color: #ddd;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.3s ease;}
.circle_zurich:hover .text{ color:#0a0a0a; }

a:focus .circle_zurich { color:#fbfbfb; background-color: #01bdff; border-color: #ddd;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.3s ease;}
a:focus .circle_zurich .text { color:#0a0a0a; }

.circle_basel {
	float:left;
	overflow: visible;
	margin-left:5%;
  	margin-top:15%;
  	margin-bottom:5%;
    height: 200px;
    width: 200px;
    background-color: #000;
    border-radius: 250px; -webkit-border-radius: 250px; -moz-border-radius: 250px;
    border-top: 10px solid #f8b216; -webkit-border-top: 10px solid #f8b216; -moz-border-top: 10px solid #f8b216;
    border-left: 10px solid #f8b216; -webkit-border-left: 10px solid #f8b216; -moz-border-border-left: 10px solid #f8b216;
    border-right: 10px solid #f8b216; -webkit-border-right: 10px solid #f8b216; -moz-border-border-right: 10px solid #f8b216;
    border-bottom: 10px solid #f8b216; -webkit-border-bottom: 10px solid #f8b216; -moz-border-border-bottom: 10px solid #f8b216;
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
}
.circle_basel .text{ color:#fbfbfb; position:relative; left:10%; top:35%; font-size: 20px; font-weight: normal; line-height: 22px; }
.circle_basel:hover { color:#fbfbfb; background-color: #f8b216; border-color: #ddd; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.circle_basel:hover .text{ color:#0a0a0a; }


a:focus .circle_basel { color:#fbfbfb; background-color: #f8b216; border-color: #ddd; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
a:focus .circle_basel .text{ color:#0a0a0a; }

.circle_stiftung {
	float:left;
	overflow: visible;
	z-index:10!important;
	margin-left:10%;
    margin-top:0%;
    height: 180px;
    width: 180px;
    background-color: #000;
    border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px;
    border-top: 10px solid #fff055; -webkit-border-top: 10px solid #fff055; -moz-border-top: 10px solid #fff055;
    border-left: 10px solid #fff055; -webkit-border-left: 10px solid #fff055; -moz-border-border-left: 10px solid #fff055;
    border-right: 10px solid #fff055; -webkit-border-right: 10px solid #fff055; -moz-border-border-right: 10px solid #fff055;
    border-bottom: 10px solid #fff055; -webkit-border-bottom: 10px solid #fff055; -moz-border-border-bottom: 10px solid #fff055;
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
}
.circle_stiftung  .text{ color:#fbfbfb; position:relative; left:10%; top:35%;  font-size: 20px; font-weight: normal; line-height: 22px;}
.circle_stiftung:hover { color:#fbfbfb; background-color: #fff055; border-color: #ddd;  -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.circle_stiftung:hover .text{ color:#0a0a0a; }

a:focus .circle_stiftung { color:#fbfbfb; background-color: #fff055; border-color: #ddd;  -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
a:focus .circle_stiftung .text{ color:#0a0a0a; }

/*     --ce_accordion
------------------------------------------------- */
.ce_accordion .accordion {border: 0; background: rgba(0,0,0,0.5);  padding: 0px 20px 10px 42px;}
.ce_accordion .accordion > div {padding-top: 15px; }
.ce_accordion .toggler { border-radius:40px; border:2px solid #ddd; margin-bottom:10px; font-size: 1.4rem!important;line-height: 20px; padding: 1rem 0; color: #fff; cursor: pointer;}
.ce_accordion .toggler:hover, .ce_accordion .toggler:focus {color: #01bdff;}
.ce_accordion .toggler h3 { font-size: 1.4rem !important; line-height: 20px; margin-bottom: 0; margin-top: 0; color: #fff; }
.ce_accordion .toggler:hover h3, .ce_accordion .toggler:focus h3, .ce_accordion .toggler h3:hover, .ce_accordion .toggler h3:focus {color: #01bdff;}

.ce_accordion .toggler:hover, .ce_accordion .toggler h3:hover {outline: 0!important;}
.ce_accordion .toggler:focus, .ce_accordion .toggler h3:focus {outline: 0px dotted #ddd; overflow: hidden; }
.ce_accordion .toggler:active, .ce_accordion .toggler h3:active {outline: 0!important;}

.ce_accordion .toggler:before {font-size: 1.4rem!important; display: inline-block; font-family: 'icons'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 15px; height: 15px; width: 25px; text-align: center; text-decoration: inherit; border-radius: 25px; padding: 0; float: left; clear:both; margin-left: 15px; margin-right: 15px; margin-top: 3px; content: '\2b';}
.ce_accordion .toggler.ui-state-active:before {content: '\2d'; }
.ce_accordion .toggler:after {display: none;}
.ce_accordion p{color: #ddd; }

.ce_accordion .toggler { width:800px;}

.zurich .ce_accordion .ui-state-default, .zurich .ce_accordion .ui-state-default h3 {color:#ddd; border-color:#015f80;}
.zurich .ce_accordion .ui-state-active, .zurich .ce_accordion .ui-state-active h3 {color:#01bdff;}
.zurich .ce_accordion .ui-state-hover, .zurich .ce_accordion .ui-state-hover:focus,
.zurich .ce_accordion .ui-state-hover h3, .zurich .ce_accordion .ui-state-hover:focus h3, .zurich .ce_accordion .ui-state-hover h3:focus {color:#01bdff;}

.basel .ce_accordion .ui-state-default, .basel .ce_accordion .ui-state-default h3 {color:#ddd; border-color:#7c590b;}
.basel .ce_accordion .ui-state-active, .basel .ce_accordion .ui-state-active h3 {color:#f8b216;}
.basel .ce_accordion .ui-state-hover, .basel .ce_accordion .ui-state-hover:focus,
.basel .ce_accordion .ui-state-hover h3, .basel .ce_accordion .ui-state-hover:focus h3, .basel .ce_accordion .ui-state-hover h3:focus  {color:#f8b216;}

.stiftung .ce_accordion .ui-state-default, .stiftung .ce_accordion .ui-state-default h3 {color:#ddd; border-color:#80782b;}
.stiftung .ce_accordion .ui-state-active, .stiftung .ce_accordion .ui-state-active h3 {color:#fff055;}
.stiftung .ce_accordion .ui-state-hover, .stiftung .ce_accordion .ui-state-hover:focus,
.stiftung .ce_accordion .ui-state-hover h3, .stiftung .ce_accordion .ui-state-hover:focus h3, .stiftung .ce_accordion .ui-state-hover h3:focus {color:#fff055;}

.zurich .ce_accordion .toggler:focus, .zurich .ce_accordion .toggler:focus h3 {color:#01bdff!important;}
.basel .ce_accordion .toggler:focus, .basel .ce_accordion .toggler:focus h3 {color:#f8b216!important;}
.stiftung .ce_accordion .toggler:focus, .stiftung .ce_accordion .toggler:focus h3 {color:#fff055!important;}

/*     --faq-titles in list (accordion) should look like normal, bold text
------------------------------------------------- */
.faq-title-list li h1, .faq-title-list li h2, .faq-title-list li h3, .faq-title-list li h4, .faq-title-list li h5, .faq-title-list li h6 {
  color: #fbfbfb; font-weight: 700; font-family: "Roboto",Arial,sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 0; margin-top: 0;
}

/*     --Bildergalerie
------------------------------------------------- */
.ce_gallery li a { display: inline-block; max-width: 100%; }
.ce_gallery li a:focus { outline: 1px dotted #ddd; outline-offset: 1px; }

/*     --Bilder mit Links in Main
------------------------------------------------- */
#main .image_container a img:hover{border:dotted #fff 0px!important;}
#main .image_container a:focus img{border:dotted #fff 1px!important;}


/*     --nachrichtenliste
------------------------------------------------- */
.nachrichtenliste {margin-bottom: 55px; margin-top: 0px;}
.nachrichtenliste .subline { color: #ddd; padding-left: 28px; border-left: 10px solid #F18F4E; margin-top: 20px; font-weight:700; }
.nachrichtenliste .date, .nachrichtenliste h3, .nachrichtenliste h4 {border-top: 1px dotted #5f6061; padding-top: 25px; }
.nachrichtenliste h3 { font-size: 1.4rem; margin-top: 0; margin-bottom: 0.6em; }
.nachrichtenliste .image_container {margin: 20px 0;}

.nachrichtenliste .container_left {font-size: 0.85rem; text-transform: uppercase; color: #8b8b8b;}

.zurich .nachrichtenliste h3 a, .zurich .nachrichtenliste h4 a {color: #01bdff!important; text-decoration: none!important; }
.zurich .nachrichtenliste h3 a:hover, .zurich .nachrichtenliste h3 a:focus, .zurich .nachrichtenliste h4 a:hover, .zurich .nachrichtenliste h4 a:focus {color: #ddd!important; text-decoration: none!important; }
.zurich .nachrichtenliste .subline {border-color: #015f80;}

.basel .nachrichtenliste h3 a, .basel .nachrichtenliste h4 a {color: #f8b216!important; text-decoration: none!important; }
.basel .nachrichtenliste h3 a:hover, .basel .nachrichtenliste h3 a:focus , .basel .nachrichtenliste h4 a:hover, .basel .nachrichtenliste h4 a:focus {color: #ddd!important; text-decoration: none!important; }
.basel .nachrichtenliste .subline {border-color: #7c590b;}

.stiftung .nachrichtenliste h3 a, .stiftung .nachrichtenliste h4 a {color: #fff055!important; text-decoration: none!important; }
.stiftung .nachrichtenliste h3 a:hover, .stiftung .nachrichtenliste h3 a:focus, .stiftung .nachrichtenliste h4 a:hover, .stiftung .nachrichtenliste h4 a:focus {color: #ddd!important; text-decoration: none!important; }
.stiftung .nachrichtenliste .subline {border-color: #80782b;}

.nachrichtenliste a:focus {outline: #ddd dotted 1px;}

#right .nachrichtenliste .container_right {border-bottom: 1px solid #242424!important; padding-bottom:20px;}
#right .nachrichtenliste {margin-bottom: 0px; }
#right .nachrichtenliste h4 { border-top: 0px solid #000!important; padding-top: 25px;}
#right .nachrichtenliste h4 a { color:#ddd!important; text-decoration: none;}
#right .nachrichtenliste .subline {padding-left: 10px; font-weight:500;}
#right .nachrichtenliste .image_container {margin: 20px 0; width:100%!important; overflow: visible; }
#right .nachrichtenliste a { display: inline-block; max-width: 100%;  }
#right .nachrichtenliste a:focus { outline: #ddd dotted 1px; outline-offset: 1px; }

/*     --nachrichtenleser
------------------------------------------------- */
.nachrichtenleser h1  { margin-bottom: 25px; }
.nachrichtenleser img  { margin-bottom: 20px; }
.nachrichtenleser   { width:80%;}

/*     --Newsletter Order
------------------------------------------------- */
.nl2go-anmeldung {padding:10px; margin:0px;}
.nl2go-anmeldung .mandatory:before {float:right; margin-right:1px; color: rgba(255, 255, 255, 0.8); font-family: "icons"; content: "\e8e8"; text-indent: 1; display: block; position: relative; font-size: 10px;}

.nl2go-anmeldung input { font-size: 1rem; font-weight: 400; width: 100%!important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 10px!important; border-color:transparent!important;margin-top:10px;}
.nl2go-anmeldung input { background: rgba(37, 37, 37, 0.9)!important; color:#fbfbfb!important;}


.nl2go-anmeldung .nl2go-submit {border-color: #ddd!important; border:2px solid; color:#fbfbfb!important; width: 100%!important; margin-top: 20px!important; margin-bottom: 0px!important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;padding: 10px;  font-size: 1rem; font-family: "Ubuntu", Arial, sans-serif;  font-weight: 400; text-decoration:underline;}
.nl2go-anmeldung .kuendigen .nl2go-submit {border-color: #323232!important; border:2px solid; color:#fbfbfb!important; font-size: 1rem; font-family: "Ubuntu", Arial, sans-serif;  font-weight: 400; text-decoration:underline;}

#right .nl2go-anmeldung .nl2go-submit {margin-top: 5px!important; margin-bottom: 0px!important; text-decoration:underline;}
.nl2go-anmeldung .nl2go-submit:hover {color: #000!important; background: rgba(255, 255, 255, 0.8)!important;}
.nl2go-anmeldung .kuendigen .nl2go-submit:hover {color: #000!important; background: rgba(255, 255, 255, 0.8)!important;}

.zurich .nl2go-submit {border-color: #015f80!important; border:2px solid;}
.basel .nl2go-submit {border-color: #7c590b!important; border:2px solid;}
.stiftung .nl2go-submit {border-color: #80782b!important; border:2px solid;}

.zurich .nl2go-submit:hover, .zurich .nl2go-submit:focus {color: #01bdff!important; background: rgba(0, 0, 0, 0.8)!important;}
.basel .nl2go-submit:hover, .basel .nl2go-submit:focus  {color: #f8b216!important; background: rgba(0, 0, 0, 0.8)!important;}
.stiftung .nl2go-submit:hover, .stiftung .nl2go-submit:focus  {color: #fff055!important; background: rgba(0, 0, 0, 0.8)!important;}

.nl2go-anmeldung input:hover {outline: none!important;}
.nl2go-anmeldung input:focus {outline: #ddd dotted 1px;}

.nl2go-anmeldung .nl2go-submit:hover {outline: none!important;}
.nl2go-anmeldung .nl2go-submit:focus {outline: #ddd dotted 1px;}


.newslettermain .nl2go-anmeldung {margin-top: 5px!important; margin-bottom: 0px!important; width:40%;}

/*     --NL2Go V2 
------------------------------------------------- */
.nl2go-anmeldung {margin:0px !important; padding:0px !important;}
.nl2go-anmeldung button {width: 100%!important; margin-top: 20px!important;  margin-bottom:60px !important; background:#0b080d !important; color:#fbfbfb!important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important; padding: 10px;  font-size: 1rem; font-family: "Ubuntu", Arial, sans-serif;  font-weight: 400; text-decoration:underline;}
.nl2go-anmeldung input {border-color: #000 !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important;}
.nl2go-anmeldung input:required {box-shadow:none;}
.nl2go-anmeldung input[type='checkbox'].required{ width:25px !important;}
.nl2go-anmeldung label a{text-decoration:underline !important;}
.nl2go-anmeldung label a:hover{color: #01bdff !important;}

.zurich .nl2go-anmeldung button {border:2px solid !important; border-color: #015f80 !important; background-color: #0b080d !important;}

.basel .nl2go-anmeldung button {border:2px solid !important; border-color: #7c590b !important;  background-color: #0b080d !important;}

.nl2go-anmeldung button:hover {outline: none!important;}
.nl2go-anmeldung button:focus {outline: #ddd dotted 1px;}

.zurich .nl2go-anmeldung button:hover {color: #01bdff !important;}
.basel .nl2go-anmeldung button:hover {color: #f8b216 !important;}

#right .nl2go-anmeldung label a{color: #dedede !important;}

/*     --seat-list (freie Plaetze)
------------------------------------------------- */
 .seat-list ul, ul.seat-list { padding-top: 24px; padding-left: 0; }
 .seat-list li { list-style: none; }

/*     --staff-list (Mitarbeiterliste)
------------------------------------------------- */
 .staff-list ul, ul.staff { padding-left: 0 !important; }
 .staff-list li { list-style: none !important; }

   /*     --info-list (Mitarbeiterliste)
------------------------------------------------- */
  #main ul li{  line-height: 25px!important;}

/* =============================================================================
 * --forms
 * ========================================================================== */

/*     --input-wrapper
------------------------------------------------- */
.input-wrapper {margin-bottom: 2rem; position: relative; }
.input-wrapper {padding: 10px; color: #fff; background: #000; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.input-wrapper * {width: 99.9%; margin-left: 0!important;}
.ce_form .full {width: 99.9%;}
.ce_form label::after {content: ":";display: inline; }
.ce_form span label::after {content: "";display: inline; }
.ce_form legend::after {content: ":";display: inline; }
.ce_form label.mandatory:before {float:right; margin-right:1px; color: rgba(255, 255, 255, 0.8); font-family: "icons"; content: "\e8e8"; text-indent: 1; display: block; position: relative; font-size: 10px;}

/*     --input, select, textarea
------------------------------------------------- */
input, select, textarea {font-size: 1rem; width: 100%; padding: 8px; margin: 0; color: #fbfbfb; background: rgba(37, 37, 37, 0.9); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="search"] {-webkit-appearance: none; border-radius: 0!important;}
select {height: 20px; font-size: 0.8rem; padding: 20px; border-radius: 0; -webkit-appearance:none;}
textarea {height: 150px; min-height: 80px; -webkit-appearance:none;}

.input-wrapper-inside[class^="icon-"] span, .input-wrapper-inside[class*="icon-"] span {display: none!important;}
*::-webkit-input-placeholder {color:#fbfbfb;}
*:-moz-placeholder {color:#fbfbfb;}
*::-moz-placeholder {color:#fbfbfb;}

*:-ms-input-placeholder {color:#fbfbfb;}

/*     --radio-buttons
------------------------------------------------- */
.radio_container {margin-top: 0px;}
.radio_container legend span {margin-bottom: 0px; display: inline!important;}
.radio_container label {float: none;}
.radio_container input {width: 30px; padding: 0; box-shadow: none; -webkit-box-shadow: none; border-radius: 100%;}
.radio_container legend {display: block; overflow: hidden;}
.radio_container span {display: block;}
.radio_container.horizontal span {display: inline-block; margin-right: 15px;}

fieldset {border: 0px solid #ccc; padding: 0em; margin-bottom: 0; padding: 5px; color: #fff; background: #000; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
fieldset {margin-top: 10px!important;}

/*     --checkboxes
------------------------------------------------- */
.checkbox_container {margin-top: 1px;}
.checkbox_container legend span {margin-bottom: 5px; display: inline!important;}
.checkbox_container label {float: none;}
.checkbox_container input {width: 20px!important; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.checkbox_container legend {display: block; overflow: hidden;}
.checkbox_container span {display: block;}
.checkbox_container.horizontal span {display: inline-block; margin-right: 15px;}

/*     --submit-button
------------------------------------------------- */
input[type="submit"], input.submit {border-radius: 20px; font-family: Roboto, sans-serif; font-weight: 400; padding: 10px 15px; text-align: center; display: inline-block; margin-bottom: 30px;  white-space:nowrap; cursor: pointer; text-decoration:underline;}
#main .submit:focus{outline: #ddd dotted 1px;}

/*     --errors
------------------------------------------------- */
label.error {color: white;}
input.error {border: 1px solid red;}
p.error {color: yellow; clear: both;}

/*     --captcha
------------------------------------------------- */
.ce_form .captcha {width: 20%; background: #fff; padding: 10px;}
.ce_form .captcha-container label {width: 100%; display: block;}
.ce_form .captcha_text {display: block; margin-top: 10px;}
.ce_form .captcha-container {padding: 2%; margin-bottom: 2rem; background: #393939; color: #fff;}

/*     --ce_preistabelle
------------------------------------------------- */
.ce_preistabelle .pricetable.hightlight {border: 1px solid #fefefe;}
.ce_preistabelle {text-align: center; overflow: visible; margin: 30px 0 55px 0; color:#0a0a0a; font-family: 'Ubuntu', sans-serif;  font-weight: 400;}
.ce_preistabelle .titel {font-weight: 300; font-size: 1.2rem; color: #fff; background: #aaa; padding: 35px 20px; letter-spacing: 3px; text-transform: uppercase;-webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.ce_preistabelle .preiswrapper {background: #f1f1f1; padding: 3px; opacity: 0.8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}

.ce_preistabelle .leistungen {background: rgba(255,255,255,0.9);; font-size: 0.9rem; padding: 25px 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}
.ce_preistabelle .highlight {box-shadow: 0 0 10px rgba(0,0,0,0.5); position: relative; z-index: 1000; margin-top: -15px;}
.ce_preistabelle .highlight .preiswrapper {opacity: 1;}
.ce_preistabelle .titel .highlight_text {font-size: 0.7rem; margin-left: 1.7rem; font-weight: bold;}
.ce_preistabelle .titel h3, .ce_preistabelle .titel h4 {font-family: 'Ubuntu', sans-serif; font-weight: 300; color: #fff; font-size: 1.2rem; margin-bottom: 0; line-height: 24px; }

.zurich .ce_preistabelle .titel{background: #015f80;}
.basel .ce_preistabelle .titel{background: #7c590b;}
.stiftung .ce_preistabelle .titel{background: #80782b;}

/*     --socials
------------------------------------------------- */
.socialicons a img:hover, .socialicons a:focus {background-color: #000!important; outline: 1px dotted #fff; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.socialicons a img.active, .socialicons a.active {background-color: none; outline: none!important;}

/*     --PayPal Button
------------------------------------------------- */
#paypal input{width:130px; height:65px;margin:0px;padding:10px; background:#fff; border-radius: 10px; border: 2px solid #80782b;}
#paypal input:hover{background:#000;}
#paypal input:focus{outline: #ddd dotted 1px;}


 /*     --contao content slider
------------------------------------------------- */
.slider-control a {top: 50%!important; opacity: 0.7; margin-top: -35px!important;-webkit-border-radius: 250px; -moz-border-radius: 250px;}
.slider-control a:hover {opacity: 1;}
.slider-next {; background: #393939; right: 0; z-index: 100; width: 3rem; height: 3rem; color: rgba(0, 0, 0, 0);}
.slider-next:before {font-family: "icons"; content: "\ea08"; display: block; position: relative; font-size: 30px; line-height: 26px; margin-top: -12px; top: 50%; text-align: center; color: #fff;}
.slider-prev {background: #393939; left: 0!important; z-index: 100; width: 3rem; height: 3rem; color: rgba(0, 0, 0, 0);}
.slider-prev:before {font-family: "icons"; content: "\ea07"; display: block; position: relative; font-size: 30px; line-height: 26px; margin-top: -12px; top: 50%; text-align: center; color: #fff;}
.slider-wrapper > div {padding-left: 80px; padding-right: 80px;}

#container #main .slider-prev, #container #main .slider-prev:hover{ text-decoration: none; color:transparent; }
#container #main .slider-next, #container #main .slider-next:hover{ text-decoration: none; color:transparent; }


/* =============================================================================
 * media-queries
 * ========================================================================== */

 /*     --medium desktop Gutschein
------------------------------------------------- */
@media only screen and (min-width: 1245px) and (max-width: 1600px) {

#gutschein .gutschein { top: 100px; right: 40px;}
#gutschein .spenden { top: 100px; right: 180px;}

}

/*     --small desktop
------------------------------------------------- */
@media only screen and (min-width: 990px) and (max-width: 1245px) {

.gutschein { top: 100px; right: 40px;}
.spenden { top: 100px; right: 180px;}
#right .mod_navigation { margin: 0px 0px 40px 0px!important;}
#header .mainsmart .sm-simple { left: 15%;}
.ce_accordion .toggler { width:600px;}
}
/*     --tablets
------------------------------------------------- */
@media only screen and (max-width: 990px), screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

#right { display: block; width:100%!important; }
#right .inside{ padding-left:0px!important; margin-left:62px; }

.gutschein { top: 30px; right: 40px; }
.spenden { top: 160px; right: 40px; }

#container #main .inside{ margin-left:62px; }
#footer .inside{ margin-left:62px; }

body.sidebar_right #main, body.sidebar_right #right {width: 100%; margin: 0;}
#right .submenu  { display:none!important;}

/* font-size*/
html {font-size: 15px; line-height: 20px;}

/* headlines */
h1 {font-size: 2.0rem;}

h2 {font-size: 1.4rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 1.1rem;}
h5 {font-size: 1.1rem;}
h6 {font-size: 1rem;}

/* menu + mobilemenu */
#nav-open-btn {display: none!important;}
//nav.mainmenu {display: none!important;}
#header .mainsmart .sm-simple { position: relative; float: left; display: block; left: 100px; top: 12px; margin-top:60px;}
#header .secondnavblock {position: absolute;  display: block!important; clear:right!important; top:20px; left:357px!important}

/* logo */
.logo {width: 140px!important; height: 163px!important; }

.table_footer table td {padding:0px 5px 0px 5px; }

/* Newsletter */
#right .nl2go-anmeldung input {width: 50%!important;}
#right .nl2go-anmeldung .nl2go-submit { width: 50%!important; }
.nl2go-anmeldung input {width: 100%!important;}
.nl2go-anmeldung .nl2go-submit { width: 100%!important; }

.ce_accordion .toggler { width:600px;}

}

 /*     --tablets desktop Gutschein & Spenden
------------------------------------------------- */
@media only screen and (max-width: 860px), screen and (min-device-width : 842px) and (max-device-width : 860px)  {

#gutschein .gutschein { top: 135px; right: 20px; }
#gutschein .spenden { top: 135px; right: 170px; }

}


/*     --phones
------------------------------------------------- */
@media only screen and (max-width: 767px) {

#container #main .inside{ margin-left:0px; }
#footer .inside{ margin-left:0px; }

/* headlines */
h1 {font-size: 1.8rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 1.2rem;}
h5 {font-size: 1.2rem;}
h6 {font-size: 1rem;}

/* font-size*/
html {font-size: 14px; line-height: 20px;}

/* body */
body {padding: 0;}
body.sidebar_right #main {width:100%;}

/* Right Column */
#right { display: block; width:100%!important; }
#right .inside{margin-left:0px; }

/* Button Size */
#right .button { width:auto!important; }
#main .button { width:auto!important; }

/* logo */
.logo img{width: 140px!important; height: 163px!important;}
#header .inside {padding-left:20px!important; }

/* wrapper */
#wrapper {width: 100%;}
.startpage #contentwrapper { background: rgba(0,0,0,0.4); }

/* container */
#container {padding: 20px;}
#container #main .ce_text{ padding-right:0px; }
.startpage #main .ce_text {display:none;}

/* footer */
.startpage #footer { background: rgba(0,0,0,0.7); }
.startpage #footer .ce_text{ line-height: 22px; font-size: 14px; color:#ddd;}

 /* Mobile Navigation  */
  /* Mobmenu Button  */
#nav-open-btn {display: table-cell!important;}
#nav-open-btn .menu-btn-label {display: none!important;}

  /* Customnav  */
#off_canvas .mod_customnav {padding-top: 30px; }
#off_canvas .mod_customnav a {padding: 0px 10px 12px 10px;}

 /* Search  */
#off_canvas .search_trigger {margin-top: 20px; padding-left: 13px; color: rgba(255,255,255,0.7); cursor: pointer; line-height: 26px; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
#off_canvas .search_trigger:hover {color: #F18F4E;}
#off_canvas .mod_search {position: relative; left: 13px; top: 1px; width:100%!important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: 90%!important;}
#off_canvas .mod_search input.text{width: 100%!important; padding: 10px; color: #0a0a0a; background: #ddd; font-size: 0.8rem;font-family: "Ubuntu", Arial, sans-serif; font-size: 13px; font-weight: normal; }

/*     --Sprachenwechsler
------------------------------------------------- */
#off_canvas .mod_changelanguage a {margin: 30px 5px;}

/*     --Gutschein & Spenden
------------------------------------------------- */
#off_canvas .gutschein { position:relative; top: 10px; left: 20px; display:block; margin-bottom:20px;}
#off_canvas .gutschein .text{ position:relative; left:-4px; top:9px; font-size:1em!important;line-height:1.2em!important;text-align:center;font-weight: normal; color:#fbfbfb; }
	
#off_canvas .spenden { position:relative; top: 10px; left: 20px; display:block; margin-bottom:20px;}
#off_canvas .spenden .text{ position:relative; left:-4px; top:35px; font-size:1.3em!important;line-height:1.3em!important;text-align:center;font-weight: normal; color:#000000; }

 /* Haeader Menus  Ausschalten*/
#header .mainsmart .sm-simple {display:none!important;}
#header .secondnavblock {display: none!important;}
#right .submenu  { display:none!important;}
#submenu {display: none;}

/*#off_canvas .mainsmart .sm-simple { position: relative; float: left; display: block; left: 0; top: 5px; width:300px; }
#off_canvas .mainsmart .sm-simple a { padding-left: 15px!important; padding-right: 15px!important;}
#off_canvas .mainsmart .sm-simple a:hover { padding-left: 15px!important; padding-right: 15px!important;}
#off_canvas .mainsmart .sm-simple a:focus { padding-left: 15px!important; padding-right: 15px!important;}*/

#off_canvas .mod_navigation a {font-size: 1.4rem; margin-bottom:5px; padding-top:10px;text-transform:uppercase;}
#off_canvas .mod_navigation .level_2 a {font-size: 1rem; text-transform:none;}
#off_canvas a.submenu:after {padding-right: 20px;}
#off_canvas .level_2 ul {margin-left: 10px;}
#off_canvas .level_2 ul {margin-left: 10px;}
#off_canvas .level_1 ul {display: block;}

#off_canvas a.invisible{display:none;}


 /* Circles  */
.circle_zurich { border-top: 5px solid #01bdff; -webkit-border-top: 5px solid #01bdff; -moz-border-top: 5px solid #01bdff;
    border-left: 5px solid #01bdff; -webkit-border-left: 5px solid #01bdff; -moz-border-border-left: 5px solid #01bdff;
    border-right: 5px solid #01bdff; -webkit-border-right: 5px solid #01bdff; -moz-border-border-right: 5px solid #01bdff;
    border-bottom: 5px solid #01bdff; -webkit-border-bottom: 5px solid #01bdff; -moz-border-border-bottom: 5px solid #01bdff;
}

.circle_basel { border-top: 5px solid #f8b216; -webkit-border-top: 5px solid #f8b216; -moz-border-top: 5px solid #f8b216;
    border-left: 5px solid #f8b216; -webkit-border-left: 5px solid #f8b216; -moz-border-border-left: 5px solid #f8b216;
    border-right: 5px solid #f8b216; -webkit-border-right: 5px solid #f8b216; -moz-border-border-right: 5px solid #f8b216;
    border-bottom: 5px solid #f8b216; -webkit-border-bottom: 5px solid #f8b216; -moz-border-border-bottom: 5px solid #f8b216;
}

.circle_stiftung { border-top: 5px solid #fff055; -webkit-border-top: 5px solid #fff055; -moz-border-top: 5px solid #fff055;
    border-left: 5px solid #fff055; -webkit-border-left: 5px solid #fff055; -moz-border-border-left: 5px solid #fff055;
    border-right: 5px solid #fff055; -webkit-border-right: 5px solid #fff055; -moz-border-border-right: 5px solid #fff055;
    border-bottom: 5px solid #fff055; -webkit-border-bottom: 5px solid #fff055; -moz-border-border-bottom: 5px solid #fff055;
}


.circle_zurich {float:left; margin-left:5%; margin-top:0%; height: 100px!important; width: 100px!important; }
.circle_zurich .text{ position:relative; left:10%; top:30%; font-size: 15px; font-weight: normal; line-height: 18px;}

.circle_basel {float:left; margin-left:7%; margin-top:20%; margin-bottom:0px; height: 100px!important; width: 100px!important; }
.circle_basel .text{ position:relative; left:10%; top:30%; font-size: 15px; font-weight: normal; line-height: 18px;}

.circle_stiftung {float:left; margin-left:6%; margin-top:0%; height: 100px!important; width: 100px!important; }
.circle_stiftung .text{ position:relative; left:10%; top:30%; font-size: 15px; font-weight: normal; line-height: 18px;}

.gutschein {display:none;}
.gutschein.tickets{display:block; margin-top:-10px!important; }
.startpage .mobilegutschein .gutschein{position:relative; display:block; float:left; margin-top:35px; left:15px;height: 110px!important; width: 110px!important; font-size: 13px; font-weight: normal; line-height: 12px;}
.startpage .mobilegutschein .gutschein .text{position:relative; left:0px; top:18px!important; font-size: 12px; font-weight: 400; line-height: 14px; text-decoration:none;}
.startpage .mobilegutschein .gutschein a { text-decoration:none!important; }
	
.spenden {display:none;}
.spenden.tickets{display:block; margin-top:-110px!important; }
.startpage .mobilegutschein .spenden{position:relative; display:block; float:left; margin-top:0px; left:15px;height: 110px!important; width: 110px!important; font-size: 13px; font-weight: normal; line-height: 12px;}
.startpage .mobilegutschein .spenden .text{position:relative; left:0px; top:36px!important; font-size: 15px; font-weight: 400; line-height: 14px; text-decoration:none;}
.startpage .mobilegutschein .spenden a { text-decoration:none!important; }
	
/* Anmeldeformular */
input, select, textarea {padding-top: 0px; }
.input-wrapper {margin-bottom: 0.5rem; }

/*     --table_footer
------------------------------------------------- */

.table_footer table {position:relative; display:table-cell; text-align: middle; font-size:1em;  padding-bottom:30px; }

.table_footer table td {padding:0px 5px 0px 5px; }

/* Newsletter */
.nl2go-anmeldung input {width: 100%!important;}
.nl2go-anmeldung .nl2go-submit { width: 100%!important; }
#right .nl2go-anmeldung input {width: 100%!important;}
#right .nl2go-anmeldung .nl2go-submit { width: 100%!important; }
.newslettermain .nl2go-anmeldung {margin-top: 5px!important; margin-bottom: 0px!important; width:100%;}

.ce_accordion .toggler { width:90%;}

/*     --hidden Sprunglinks
------------------------------------------------- */
.bk-skip:focus {top:-10px; left:-240px;  outline: #ddd dotted 1px; background:#ddd; color:#000;}

}