/**********************************
***********************************
CSSS
www.bpa-leimental.ch
Author: webecetera - Marc Herb
************************************
***********************************/

/*******************
FARBEN
petrol: #009892  
pink: #C80E50
orange:#F49200
hellgrau: #AFAFAF
******************/


/************************
Schriften
**********
font-family:"Conduit ITC W01 Medium";
font-family:"Conduit ITC W01 Bold";
font-family:"Conduit ITC W01 Light";
***********************/

html, body {
    font-family: "Conduit ITC W01 Medium";
    font-weight: 400;
	hyphens: initial;
	color: #333;
	}


.header {
    line-height: 50px !important;
	top: 15px;
}

.stickyheader .header.cloned {
    line-height: 70px !important;
    top: 0;
}

p {
	font-family:"Conduit ITC W01 Light"; 
	font-size: 25px;
	line-height: 31px;
} 

p a {
    color: #F49200;
}

 
#white strong {
	color: #fff; 
}

#white a {
	color: rgba(255,255,255,0.60) ; 
}



.ce_hyperlink {
    
}


.url {
	border-bottom: 2px solid #dddddd;
	padding-bottom: 10px; 
}

 .mod_search input, .mod_search .widget-text {
    font-size: 20px;
}



h1, h2, h3, h4 {
	font-family:"Conduit ITC W01 Medium";
	}


h1 {
	font-size: 40px;
}

h2 {
	font-size: 40px;
	line-height: 55px;
}

h3 {
	font-size: 25px;
}

.turkis h3 {
	color: #009892;
	text-transform: uppercase;
	font-size: 30px;
}

.back a{
	font-size: 25px !important;
}

#back a{
	font-size: 25px !important;
}



.logo {
    position: absolute;
    top: -25px;
}

.logo a {
    border-radius: 0 0px 25px 25px;
}

.logohome {
    background-image: url(/files/cto_layout/bilder_dokumente/Logo_Icons/bpa-logo_box.svg);
    position: absolute;
    top: -70px;
   height: 272px;
width: 262px;
    background-size: contain;
    border-radius: 0 0 25px 25px;
} 


#stickyheader .logohome {
    background-image: url(/files/cto_layout/bilder_dokumente/Logo_Icons/bpa-logo-sticky.svg);
    position: absolute;
    top: 10px;
height: 47px;
    background-size: contain;
    border-radius: 0 0 25px 25px;
} 

.stickyheader .logo a {
    margin-top: 34px;
}





.fa {
    margin-left: 20px;
}


.headerbild {
	border-radius: 25px
}

.headertitel { 
	background: #009892;
    padding: 4px 0 2px 50px;
    color: #fff;
    float: right;
    border-radius: 50px 0 0 50px;
	width:80%;
    position: relative;
    top: -150px;  
}


.ce_headerimage.height_large {
    height: 600px;
}

.font-size-xs p {
    font-size: 1.467rem;
    line-height: 1.3;
}

.anbieter p {
	letter-spacing: 2px;
}

.mod_search .widget-submit {
  float: left;
  margin: 4px 0 0 20px;
}



/*NAVIGATION*/

#top .top_metanavi a:hover {
    opacity: 1;
    color: #F49200;
}

#top a:active {
    opacity: 1;
    color: #F49200;
}

#top .top_metanavi li { 
    padding: 0 13px; 
}

#top, #top .inside {
    background-color:rgba(255,255,255,0);
}


#top .inside {
    background-color:rgba(255,255,255,0);
	margin-top: 15px;
}


.mainmenu span {
    color: #F49200;
}


.mainmenu ul li a {
    font-family: "Conduit ITC W01 Light";
    font-size: 25px;
    line-height: 32px;
	font-weight: 800;
}

.header .mainmenu ul li a.trail span, .header .mainmenu ul li a.active span {
    border-bottom: 4px solid #C80E50;
    padding-bottom: 10px;
}

.header .mainmenu ul ul li a.trail span, .header .mainmenu ul ul li a.active span {
    border-bottom: none;
    padding-bottom: 0px;
}

.header .mainmenu ul ul li span:hover {
	color:#C80E50 !important;
}


.header .mainmenu ul li a:hover {
    border-bottom: 4px solid #C80E50;
	padding-bottom: 8px; 
}

.header .submenu ul li a:hover {
    border-bottom: 0px solid #fff;
}

.mainmenu ul ul {
	border-top: 0px solid rgba(255,255,255,0.00);
	margin-top: 0px;
}

body .mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu), body .mainmenu ul ul li a.active, body .mainmenu ul ul li a.trail:not(.megamenu) {
    background-color: #fff0 !important;
}


.vlist .level_2:hover {
	margin-top: 12px;
}


/*BREADCRUMB*/
.mod_breadcrumb {
    border-top: none;
    border-bottom: none;
}

.mod_breadcrumb ul {
    font-size: 21px;
    line-height: 27px;
    text-align: center;
    display: inline-block;
    float: none;
    padding: 15px 0;
	color: #AFAFAF;
}

.mod_breadcrumb .mod_breadcrumb_inside {
	padding-left: 0px;
	padding-right: 0px;
}

.mod_breadcrumb span {
	color: #AFAFAF;  
}

a[href^="http"]::before {
	content:url(/files/cto_layout/bilder_dokumente/Logo_Icons/ext_link.svg);
	display: inline-flex;
	max-height: 17px;
	width: 25px;
}

a[href^="https"]::before {
	content:url(/files/cto_layout/bilder_dokumente/Logo_Icons/ext_link.svg);
	display: inline-flex;
	max-height: 17px;
	width: 25px;
}

/***********************
AUFLISTUNG
************************/

.ce_text ul {
    padding-left: 0;
    font-size: 25px;
	font-family:"Conduit ITC W01 Light"; 
}

.ce_text ul li, .ce_list ul li {
    list-style-type: disc;
	list-style-position: outside;
	padding-left: 5px;
	margin-left: 22px;
	line-height: 31px;
}


/*SUCHE*/

#suche input:not([type="submit"]) {
    box-shadow: none;
    margin-top: 5px;
}



/***********************
STARTSEITE
************************/

.bpaclaim {
background-color: #009892; 
width: 80em;
float: right;
padding-left: 38px;
border-radius: 50px 0 0 50px;
position: relative;
z-index: 50;
top: -120px;
color: #fff;
line-height: 30px;
padding-top: 10px;
}

.bpaclaim p {
font-size: 40px;
font-weight: 600;	
margin-top: 5px;	
}


.bpurgent {
    background-color: #C80E50;
    width: 107%;
    border-radius: 50px;
    position: relative;
    z-index: 50;
    top: -54px;
    color: #fff;
    padding-top: 8px;
    text-align: center;
}

.bpurgent p {
    font-size: 30px;
    margin-bottom: 9px;
}

.bpurgent a {
color: #fff;
}

.bpurgent a:hover {
color: #009892;
}


.bgverlauf {
	background: linear-gradient(to bottom, #F49200, #C80E50);
	margin-top: -92px; 
	color: #fff;
}

.bgverlauf h3{
	font-family: "Conduit ITC W01 Medium";
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
}


.angebote {
  background-color: #009892;
	padding-left: 30px;
	border-radius: 50px;
	position: relative;
	top: 35px;
	left: -30px;
	z-index: 50;
	color: #fff;
	padding-top: 14px;
	width: 490px;
 }

.angebote p {
font-size: 30px;
font-weight: 600;
text-transform: uppercase;
line-height: 28px;    
}

.angebotebild img {
	border-radius: 25px;
	border: 7px solid #fff;
}


#angebotbtn a.link-white.outline {
	background: #F49200;
	border-color: #F49200;	
	color: #fff;
	position: absolute;
	left: 19%;
	width: 345px;
	margin-top: -30px;
	z-index: 100;
 }

#angebotbtn a.link-white.outline:hover {
    background: #F49200 !important;
    border-color: #F49200 !important;
    color: #fff !important;
	opacity: 1;
    margin-left: 2px;
}

#angebotbtn .ce_hyperlink{
	z-index: 100; 
}

.introstart p{
	font-size: 28px;
	color: #333;
}

.introstart ul li{
	font-size: 28px;
	margin-left: 25px;
	color: #333;
	margin-top: 15px;
}




/*TERMIN VEREINBAREN STARTSEITE*/

#termin {
	background-color: rgba(255,255,255,0.60);
	border-radius:25px;
	color: #555 !important;
	padding: 35px 35px 35px 65px;
	margin: 0 -15px 0 15px;
	box-shadow: 0px 3px 6px #0000002E;
}

#termin h3 {
	color: #555 !important;
}

#termin strong {
	color: #555 !important;
}

#termin p a:hover {
	color:rgba(244,146,0,0.70) !important;
	}

#termin img {
    margin-right: 30px;
}


/***********************
POP UP
*********************/

.ce_popup_content {
  padding: 40px 40px 60px 40px;
}

.ce_popup_content p {
  font-family:"Conduit ITC W01 Light"; 
	font-size: 25px;
	line-height: 31px;
}




/************
FINANZIERUNG
*************/

.ce_table table {
    font-size: 23px;
}

.ce_table table td {
    border-bottom: none;
}


.ce_table table td {
      padding: 3px;
}

.ce_divider_extended.version3 {
    background: #dddddd;
    width: 100%;
    height: 2px;
}

.ce_divider_extended {
    margin-top: 12px;
    margin-bottom: 12px;
}

.fussnote p {
	font-size: 15px;
	line-height: 22px;
}


span {
	color: #009892;
} 

/*********
ANBIETER
********/

.linebottom {
	border-bottom: 2px solid #DDDDDD;
	margin: 10px 0 20px 0;
}

.intro p{
	font-size: 38px;
line-height: 45px;
color: #707070;
}


#anbieter button.submit[type="submit"] {
   font-size: 20px;
 }

.select_container {
	font-size: 20px;
}




/************************
ANLÄSSE
************************/

.mod_eventlist_v4 .event {
    background: #fff;
    padding: 14px 15px 15px 0px;
    transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    color: #333;
	font-family: "Conduit ITC W01 Medium" !important;
    font-size: 21px;
		line-height: 31px;
	border-bottom: 2px solid #DDDDDD;
}

.mod_eventlist_v4 a {
    color: #F49200;
}

.mod_eventlist_v4 .event:hover {
    background: none;
}

.uebersicht  {
    padding-left: 0px;
 }



/*ANLASS STARTSEITE*/
 .mod_eventlist_v5 .event {
    background: none;
    padding: 25px 15px 15px 0px;
    transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    color: #fff;
    font-family: "Conduit ITC W01 Medium" !important;
    font-size: 25px !important;
} 

.mod_eventlist_v5 p {
    font-size: 25px !important;
	line-height: 31px;
} 


.mod_eventlist_v5 .event a {
       color: #fff;
	text-decoration: underline;
}

.mod_eventlist_v5 .event a:hover {
 	text-decoration: none;
}


/*ANLASS READER Template: event_full_BPA*/


.layout_full.upcoming {
		border-bottom: 2px solid #DDDDDD;
	margin: 10px 0 45px 0;
}

.upcoming h1 {
    margin-bottom: 8px;
}

.mod_eventreader .location::before {
    font-family: "FontAwesome";
    content: "\f124";
    text-indent: 0;
    display: none;
    position: relative;
    left: 0;
    margin-right: 5px;
    width: 20px;
}

.mod_eventreader .zeitort  {
	font-size: 25px;
	/*color: #C80E50;*/ 
	font-weight: 500;
}

.location p {
	font-weight: 500;
}

.empty {
	font-size: 25px;
	margin: 10px 0 25px 0;
}


/**********************
BUTTONS
***********************/
.ce_hyperlink-extended.small a {
    padding: 10px 35px;
    font-size: 28px;
    font-weight: 100;
    font-family: "Conduit ITC W01 Medium";
	border-radius: 50px;
}


/**********************
ANGEBOT AUFZÄHLUNGEN
***********************/

.ce_headerimage.default .content {
   border-top: 1px solid rgba(0,0,0,.2);
border-bottom: 1px solid rgba(0,0,0,.2);
padding: 7px 0 7px 50px;
float: right;
color: white;
width: 80%;
text-align: left;
background-color: #009892;
margin-right: -40px;
margin-top: 300px;
border-radius: 50px 0 0 50px;
}

.ce_headerimage h1 {
color: #fff;
	font-size: 40px;
}

.ce_headline.angebot {
border-bottom: 2px solid #DDDDDD;
padding-bottom: 12px;	
}


.ce_text ul {
	padding-left: 0;
}

.ankerlinks {
	position: absolute;
	z-index: 100;
	
	}


.ankerlinks ul li {
	border-bottom: 1px #DDDDDD solid;
	padding: 7px 0; 
	list-style-type: none;
	margin-left: 0px; 
 
}

.ankerlinks a {
	color: #F49200;
	font-size: 25px;
	line-height: 30px;
}

.ankerlinks a:hover {
	color:rgba(244,146,0,0.63) ;
}

/*AKKORDION*/

.ce_accordion_v2 .toggler::before, .ce_accordion.style2 .toggler::before {
    margin: 0;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 0px;
    top: 43%;
    transform: translateY(-50%);
    display: inline-block;
    padding: 0;
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    content: "\f078";
    border-radius: 100%;
    border: none;
}

.ce_accordion_v2 .toggler.ui-state-active::before, .ce_accordion.style2 .toggler.ui-state-active::before {
    content: " \f077";
    color: #F49200;
    border-color: rgb(255,255,255);
}


.ce_accordion.style2 {
    background: #fff;
	font-size: 25px;
	border-bottom: dotted #F49200;
}

 .ce_accordion.style2 .toggler {
    padding: 1rem 1rem 1rem 4rem;
    box-shadow: none;
    cursor: pointer;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    position: relative;
    font-weight: 400;
    border: none;
	 color: #F49200;
}


.ce_accordion.style2 .toggler.ui-state-active {
    color: #F49200;
    background: #fff;
}

.ce_accordion .toggler::before {
    color: #F49200;
}


/*KONTAKTFORMULAR*/


.widget {
  margin-bottom: 3px;
  font-size: 25px;
  font-family: "Conduit ITC W01 light";
}

.widget input, form .widget textarea, form .widget select {
  font-size: 18px;
	  font-family: "Conduit ITC W01 light";
}

form select option {
  font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif'!important;
}



input:not([type="submit"]), button:not([type="submit"]), textarea {
    box-shadow: inset 0px 3px 6px lightgrey;
	margin-top:5px;
}

form .widget-radio label {
	font-family:"Conduit ITC W01 light";
    font-size: 25px;
    color: #555; 
}

form .checkbox_container label {
	font-family:"Conduit ITC W01 light";
    font-size: 25px;
    color: #555; 
}

form .widget-radio input {
  margin-top: 13px !important;
transform: scale(-1.5);
margin: 0px 15px 0 3px;
position: relative;
top: -3px;
}

input.checkbox, input.captcha {
    width: auto !important;
    transform: scale(1.5);
    margin: 0px 20px 0px 5px;
        margin-top: 0px;
    position: relative;
    top: -2px;
}


form fieldset {
    border: none;
}

button.submit[type="submit"] {
    background: #F49200;
    border-radius: 50px;
    font-size: 25px;
    font-weight: 500;
    line-height: 20px;
}



/***********************
TERMINRESERVATION 
*********************/
.c4g_brick_dialog select {
    background: #F49200;
    font-size: 25px;
    color: #fff;
}



.c4g_brick_headline {
	display: none;
}

.c4g_condition  {
margin-top: 20px;
}

.mod_C4gReservation .displayReservationObjects {
    display: none !important;
}

.reservation_time_button .c4g_brick_radio_group label, .reservation_time_event_button .c4g_brick_radio_group label {
    background-color: #009892;
}

.reservation_time_button input[type="radio"]:checked + label, .reservation_time_event_button input[type="radio"]:checked + label {
    background-color: #F49200;
}

.c4g_brick_dialog label, .c4g_brick_select_dialog label {
    font-family: "Conduit ITC W01 light";
	font-size: 25px;  
}

.c4g_field_description_text  {
	color: #F49200 !important;
	font-size: 20px;
}

.c4g_brick_dialog p.c4g_field_description a {
    font-size: 20px
}

.ui-widget {
    font-family: inherit;
    font-size: 20px !important;
}

.ui-button {
    border: none;
    background: #F49200 !important;
    font-weight: 25px !important;
    color: #fff !important;
	border-radius: 40px;
padding: 15px 30px;
font-size: 25px !important;
}

.ui-dialog .ui-dialog-title {
      color: #F49200;	
}


.mod_C4gReservation .reservation-id {
  display: none !important;
}


/************************
KATALOG / FILTER
************************/


.mod_customcataloglist {
font-family: "Conduit ITC W01 Light";
font-size: 25px;
line-height: 31px;
	font-weight: 200;
}

.pagination {
  clear: both;
  margin-top: 80px;
}


#katalogliste .entry {
	margin-bottom: 40px;
	border-bottom: 1px solid rgb(229,229,229);
	padding-bottom: 20px;
}

#katalogliste .image_container {
	margin-bottom: 15px;
}

#katalogliste h2 {
  font-size: 31px;
  line-height: 55px;
	Margin: 10px 0 10px 0;
}


.select_container {
  padding: 0px;
	margin-top:10px;
}

select {
	font-size: 20px !important;
}

.clear_filters {
	display: none;
}

.clear_all_filters {
	margin-top: 10px;
}


#noback .back {
	display: none;
}

.zur {
	margin-top:100px;
}


#katalog .value {
	font-family: "Conduit ITC W01 Light";
font-size: 25px;
line-height: 31px;
}


#katalog .label {
	display: none; 
}


#katalog .back, #katalog .more {
	display: none; 
}

#katalogleser .back {
	display: none;
}

#katalogleser .back a:before {
	content: "" !important;
	margin-top: 80px;
	margin-right: 0px;
	width: 0px;
}

#katalogleser h3 {
	color: #F49200;
	margin-bottom: 0px;
}

.firmenname {
	margin-top: -50px;
}

#koordinaten .firmenname {
	margin-top: 0px;
	font-size: 20px; 
}

#koordinaten h2 {
	font-size: 25px;
	margin-bottom: 0px;
	line-height: 30px;
}


/*FIRMENNAME LOGO*/

#logoname .firmenname {
	margin-left: 220px;
}


/*KOORDINATEN*/
#koordinaten .strasse {
	float: left;
	margin-right: 7px;
}

#koordinaten .plz {
	float: left;
	margin-right: 7px;
}

#koordinaten .url {
  border-bottom: none;
  padding-bottom: 10px;
}

#koordinaten.back {
	display: none;
}

#koordinaten a {
	color: #F49200;
}



#koordinatenmail {
	margin-top:-15px;
	color: red;
}




/***********************
FOOTER
************************/

#footer .totop::before {
    background: #fff;
    width: 60px;
    height: 45px;
    font-size: 35px;
 }

#footer a:hover {
	color: #F49200;
 }



/****************************
SCREENS
***************************/



/* On screens that are 992px*/
@media screen and (max-width: 650px) {

.logo {
    top: 0px;
}	

.logohome {
    background-image: url(/files/cto_layout/bilder_dokumente/Logo_Icons/bpa-logo_box.svg);
    position: absolute;
    top: 0px;
    height: 110px;
    width: 230px;
    background-size: contain;
    border-radius: 0 0 25px 25px;
}

.stickyheader .logo a {
  margin-top: 0px;
}	
	
	
h2 {
    font-size: 25px;
    line-height: 33px;
}	
	
	
.ce_hyperlink-extended {
	width: 90%;
}	
	
	
.ce_headerimage.height_large {
  height: 300px;
}	
		
	
	
/*STARTSEITE*/

.ce_gallery ul.flex-gallery li {
    flex: 0 0 100% !important;
}	
	 
.bgverlauf {
    margin-top: -92px;
 }	
	
	
	
.bpaclaim {
background-color: #009892; 
width: 90%;
float: right;
padding-left: 30px;
border-radius: 25px 0 0 25px;
top: 20px;
color: #fff;
line-height: 30px;
padding-top: 10px;
}
	
.bpaclaim p {
    font-size: 33px;
	font-weight: 400; 
}
	
.bpurgent {
    background-color: #C80E50;
    width: 120%;
    padding-left: 31px;
    border-radius: 25px;
    color: #fff;
    line-height: 30px;
    padding-top: 17px;
   margin-top: 130px;
margin-left: -40px;
}

	.bpurgent p {
    font-size: 21px;
}

#termin {
    background-color: rgba(255,255,255,0.75);
    border-radius: 25px;
    color: #555 !important;
    padding: 20px 10px;
        padding-right: 10px;
        padding-left: 10px;
    margin: 0 0px 0 0px;
}
	
#termin h3 {
    margin-left: 20px;
}

#termin p {
    margin-left: 20px;
}

	
		
.headertitel {
    top: -95px;
	font-size:32px !important;  
}	

.ce_headerimage.height_large {
  height: 300px;
}	
	
	
.angebote {
    width: 100%;
    position: relative;
    top: 35px;
	left:0px;
 }	
	
.angebote p {
    font-size: 25px;
 }	
	
  #angebotbtn a.link-white.outline {
    position: absolute;
    left: 0px;
    top: 100%;
	  width: 100%;
	  font-size: 21px; 
}

	
.autogrid, .autogrid_row > .column {
    padding-left: 0px;	
	}

	
.ce_text ul li, .ce_list ul li {
    margin-left: 22px;
 }	
	

	
	
	
/*ANLAESSE */	
.mod_eventlist_v4 .autogrid {
    margin-bottom: 0 !important;
    line-height: 31px;
}	
	
	
.desktoponly {
	display: none;
}	
 
	
	
}


/* On screens that are 992px*/
@media only screen and ( min-width: 650px ) and ( max-width: 1200px ) {
    /* Tablets und mittlere Bildschirme */
	

.bpaclaim {
  float: left;
  margin-left: 43px;
}	
	
	
.angebote {
  background-color: #009892;
  padding-left: 30px;
  border-radius: 50px;
  position: relative;
  top: 35px;
  left: -30px;
  z-index: 50;
  color: #fff;
  padding-top: 14px;
  width: 97%;
}	
	
	
	
	
}


/* Filter-Formular Hauptkategorien */
.filter.angebote_finanzierung,
.filter.angebote_betreuungpflege,
.filter.angebote_wohnenleben,
.filter.angebote_gesundheitprävention
{
	display: none;
}

body.finanzierung .filter.angebote_betreuungpflege,
body.betreuungpflege .filter.angebote_betreuungpflege,
body.wohnenleben .filter.angebote_wohnenleben,
body.gesundheitpraevention .filter.angebote_gesundheitprävention
{
	display: block;
}