/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.#ef8800
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/


/*MCP DUDAYS FORM*/

#wpcf7-f2945-p951-o1 .wpcf7-response-output {
  margin-top: unset !important;
  border: 2px solid #ed6262 !important;
  background-color: unset !important;
}

 .wpcf7-form .duodaysform input {
	width: inherit !important;
	border: inherit !important;
	color: inherit !important;
	background: #eee !important;
	height: 40px !important;
}

.wpcf7-form .duodaysform textarea{
	  background: #eee none !important;
	color: black !important;
}

.duodaysform .wpcf7-list-item {
  display: block;
}

.duodaysform .wpcf7-response-output {
  background-color: unset !important;
}

/*MCP Startseite*/

.vc_row-has-fill > .vc_column_container > .vc_column-inner {
    padding-top: 0px !important;
}

@media screen and (max-width: 780px) {
.tel-mail-kontakt p{
	text-align:center !important;
}}

@media screen and (min-width: 701px) and (max-width: 780px) {
.tel-mail-kontakt{
	text-align:center !important;
	margin-left:150px
}}

/*MCP JOBS*/

.ls-layer p{
	text-align: center !important;
	background: white !important;
}

.vc_separator h3{
	margin-top: 0.6em !important;
}
.widget_nav_menu > div > ul > li > a{
	text-transform: unset !important;
	font-family: 'Verdana' !important;
	
}


.news-headline{
display:none !important;
}

.news-title{
margin-top: 0px !important;
margin-bottom: 0px !important;
}

h1.news-title{
	font-size: 20px !important;
	line-height: 29px !important;
}


.news-item a{
text-decoration: none !important;
}

.news-item{
margin-bottom: 30px;
border-bottom: 1px solid #EF8800;
}

.news-item:hover{
margin-bottom: 30px;
border-bottom: 1px solid black;
}

.news-item:hover h1{
	color: black !important;
}

/*MCP ZUGANGLICHKEIT SEITE*/

.vc_separator.vc_sep_color_white .vc_sep_line {
    display: none !important;
}

.vc_separator.vc_sep_border_width_3 .vc_sep_holder .vc_sep_line {
    display: none !important;
}

.vc_custom_heading{
	margin-bottom: 0px !important
}


.zugang-element{
padding-left: 20px;
/*background: #f7f7f7;*/
border-bottom: 2px solid #EF8800;
margin-bottom: 0px !important;
}

/*.zugang-text{
	padding-left:80px;
}*/

.widget_nav_menu > div > ul{
	border-right: unset !important;
	border-left: unset !important;
	border-bottom: 4px solid #EF8800 !important;
}

.widget_nav_menu > div > ul > li > a{
	color: #ef8700 !important;
	border-top: 4px solid #ef8700;
	font-size: 20px !important;	
	line-height: 35px !important;
}

.widget_nav_menu ul.menu li > a{
	padding: 5px 12px 5px 20px !important;
}

.widget_nav_menu ul.menu ul{
	display: unset !important;
}

/*.menu-level1{
	background: #3F413E;
}*/
.menu-level1 a{
	text-decoration: none !important;
}

/*.sub-menu li{
	background:white;
}*/

.widget_nav_menu li a:hover{
	color:orange !important;
}

.sub-menu li a{
	text-decoration: none !important;
}

.widget_nav_menu li{
	border-top: 0px !important;
}


/**/
.ls-link-on-top {
    font-size: 0px;
}

.wpcf7-response-output {
    float: none !important;
    margin-top: -35px !important;
    border: 2px solid #ed6262 !important;
    background-color: #3C3C3C;
}
.page #colophon .wpcf7-validation-errors, .page #colophon .wpcf7-not-valid-tip {
display: block !important
}

.wpcf7-not-valid-tip{
    color:#ed6262 !important
}
#colophon .textwidget h2 {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    line-height: 22px;
}

.hintergrundinfos a {

    font-size: 24px;
    line-height: 32px;
    color: #000000 !important;
    display: block;
    text-align: center;
    font-weight: bold;

}
.hintergrundinfos p {
    margin-bottom: 0;
}

.page .vc_single_image-wrapper:focus {
    width: 94%;
    height: 100%;
    border: 5px dotted #F6A800 ;
    position: absolute;
    outline: none !important;
}

.wpb_content_element.offnungzeiten h3 {
    line-height: 18px;
    font-size: 13.4px;
    margin: 0;
}
.videoLS {
    border: none;
}
.videoLS:focus,.btn:focus,.ls-gui-element:focus,.ls-bottom-slidebuttons a:focus{
    border: 1px dotted;
}
.minisearch .sf-submit:focus + .sf-submit-icon:before {
    color: #F6A800 !important;
}
.videoLS:focus {
    background-color: #ef8800;
}
.hamburger-toggle:focus span {
    background-color: #F6A800 !important;
}

.widget .wpcf7-form input[type="submit"]:focus {
    border: 3px dotted #F6A800 !important;
}

#primary-menu a:focus {
 background-color: #ef8800;
}

.ls-nav-start:focus::before {
    content: '';
    display: block;
    position: absolute;
    border: 1px dotted white;
    left: -22px !important;
    top: -4px !important;
    width: 20px;
    height: 23px;
}

.ls-link:focus {
    background-color: black !important;
    opacity: 0.2;
    transition: opacity 0s;
}

.ls-nav-stop:focus::before {

    content: '';
    display: block;
    position: absolute;
    border: 1px dotted white;
    left: -9px !important;
    top: -4px !important;
    width: 23px;
    height: 23px;
}


.ls-bottom-slidebuttons a{
    position: relative;
    bottom: -3px;
    font-size: 0;
    overflow: visible;
}
.ls-nav-stop {
    overflow: visible;
}
.ls-nav-prev,.ls-nav-next {
    font-size: 0;
    overflow: hidden;
}
.ls-bottom-slidebuttons a:focus:before {
    width: 18px;
    height: 18px;
    position: absolute;
    left: -5px;
    top: -5px;
    border: 1px dotted white;
    content: "";
}

.schriftgrosse .btn:focus,.labelhide .btn:focus,.switch input:focus + label {
    box-shadow: 0.64px 1px 3px 3px rgba(246, 168, 0, 1);
    border: none !important;
}

.ls-bottom-nav-wrapper{ background:#000000 none; overflow:hidden; height:auto; width:100%; padding-top:10px; padding-bottom:10px; }

.ls-v6 .ls-nav-start:after {
    margin: 0 0px;
    width: 12px !important;
    height: 12px !important;
left: -21px !important;
    top: 1px !important;
}

.ls-v6 .ls-nav-stop{ width:7px !important; height: 15px !important; margin-left:15px !important; }

.ls-v6 .ls-bottom-slidebuttons a, .ls-v6 .ls-nav-sides{   }

.ls-v6 .ls-nav-start:after{ width:11px; height:11px; }
.ls-bottom-slidebuttons a{  }

#cookieuse{opacity:0.8; position:fixed; width:100%; background:#000000 none; padding:15px 15px 0px 15px; color:#ffffff; border-bottom:2px solid #F6A800; top:0px; left:0px; z-index:999999; }
#cookieuse button{ position: absolute;
right: 25px;
top: 25px; color:#000000;}

#cookieuse button:focus {
border: 3px solid #69B8C4;
}

.wpb_content_element h3{ font-size:18px; color:#000000; line-height:24px; margin-bottom:10px;}
.telefonnummer h2{ font-size:18px; color:#000000; line-height:24px; margin-bottom:10px;}
.wpb_content_element h4{ font-size:16px; color:#000000; line-height:20px;}
.wpb_content_element h2{ font-size:22px; line-height:26px;}

#site-header .container{ padding-right:10px;}

iframe{ border:0px;}

.header-main{ background:#ffffff none; }

.ls-v6 .ls-nav-stop {
    margin-left: 0 !important;
    margin-right: 10px;
}

.logo-ostbelgien{ position:absolute; right:0px; }
@media screen and (min-width: 767px) {
	.logo-ostbelgien {
		top: 22px;
	}
}

.block-content{ padding:30px 0px 20px 0px !important; }

.block-content a{ color:#000000; text-decoration:underline;}
footer a{ text-decoration:underline;}

.block-content a:hover{ color:#D35815;}

.site-logo{ margin-left:15px !important; }
.site-logo h1{ margin: 0em 0; }

.vc_btn3-color-warning{
 color: #000000 !important;
}

.wpb_text_column ul li {
	position: relative;
	list-style: none;
	padding-bottom: 0 !important;
	/* margin-bottom: 18.7px !important; */
}



/* PAGE Title */
.page-title-block{ padding:20px 0px 50px 0px;}
.page-title-title h2{ color:#ffffff; font-size:45px; font-weight:100; }
.breadcrumbs .current{ padding-bottom:6px;}
.breadcrumbs a, .breadcrumbs .current{ font-size:15px; }

/* Hamburger MENU */
#primary-navigation .hamburgerDiv{ position:absolute; margin-bottom:0px; margin-top:0px; padding-top:0px; color:#ffffff; font-weight:bold; top:117px; right:4px; width:150px;}
#primary-navigation .hamburger-toggle{ position:relative; margin-bottom:0px; margin-top:0px; top:-5px; right:0px;}
.header-layout-fullwidth_hamburger #primary-navigation.hamburger-active .hamburger-toggle{ margin-left:10px;}
.hamburger-toggle span{ background-color:#ffffff !important;}
.header-layout-fullwidth_hamburger #primary-navigation.hamburger-active .hamburger-toggle{ margin-right:0px;}
.header-layout-fullwidth_hamburger #primary-navigation.hamburger-active .hamburgerDiv{ position:fixed; left:20px;}
/* MENU */
.header-layout-fullwidth_hamburger #primary-menu.no-responsive{ right:-65%; width:60%; height:auto; overflow:hidden; background:transparent none; }
.header-layout-fullwidth_hamburger #primary-navigation.hamburger-active #primary-menu.no-responsive{ right:20%; }
#primary-menu .menu-item{ overflow:hidden; width:290px;  height:100px; float:left; margin:10px 10px 0px 0px; text-align:center;  text-transform:uppercase;  }
#primary-menu .menu-item a{ overflow:hidden; display:block; width:290px; height:100px;  padding-left:60px; }

#menu-item-23 a{ background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/07/icon_Wohnen_bg.png) no-repeat 15px center; padding-top:38px !important; }
#menu-item-22 a{ background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/07/icon_freizeit_bg.png) no-repeat 35px center; padding-top:38px !important; }
#menu-item-21 a{ background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/07/icon_finanziele_beihilfe_bg.png) no-repeat 15px center; padding-left:45px !important; padding-top:38px !important; }
#menu-item-20 a{ background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/07/icon_arbeiten_bg.png) no-repeat 45px center; padding-top:38px !important; }
#menu-item-143 a{ background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/07/icon_barrierenfreiheit_bg.png) no-repeat 15px center; padding-top:38px !important; }
#menu-item-138 a{ background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/07/icon_familie_bg-1.png) no-repeat 25px center; padding-left:65px !important;  padding-top:25px !important;  }
#menu-item-137 a{ background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/07/icon_hifsmittel_bg.png) no-repeat 40px center; padding-top:38px !important; }
#menu-item-136 a{ background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/07/icon_rechtliche_situation_bg.png) no-repeat 10px center; padding-left:45px !important; padding-top:38px !important; }
#menu-item-142 a{ background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/07/icon_gesundheit_bg.png) no-repeat 30px center; padding-top:38px !important; }

.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current, .header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active{ padding-top:0px;}

.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current a, .header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active a{ background-color:#F6A800; color:#000000; }
#primary-menu li.menu-item-active a{ background-color:#F6A800; color:#000000 !important; border-left:0px; }
#primary-menu li.menu-item-active a:hover{ background-color:#F6A800 !important;}

/* START Seite */

body, .gem-table thead th, .inline-column, .inline-inside > *, option, .portfolio.columns-1 .portfolio-item .caption .subtitle, .gallery-item .overlay .subtitle, .cart_totals table .shipping td label, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price, .portfolio-filters a, .gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div { font-size:14px !important; line-height:20px !important; }

		/* VIdeo */
		.videoLS{ display:block; width:528px; padding:2px 5px; height:auto; background:#3C3C3C none; color:#ffffff; cursor:pointer; }
.videoLS:hover{ background:#EF8800 none;}
.videoNo{ display:block; width:528px; padding:2px 5px; height:auto; background:#3C3C3C none; color:#ffffff; cursor:pointer; }
.videoNo:hover{ background:#EF8800 none;}
		.vc_column_container > .vc_column-inner{ padding-left:15px !important; padding-right:10px !important; }

.offnungzeiten{ background-color:#ef8800; border-color:#ef8800;}
.telefonnummer{ background-color:#F6A800; border-color:#F6A800;}
.telefonnummer a{ color:#000000;}
.telefonnummer a:hover{ color:#EF8800;}

/* Alterklasse */
		/* BUTTON */
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{ font-weight:bold; color:#878787 !important; background-color:#d2d2d2 !important;}
		.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{ background-color:#EF8800 !important; color:#000000 !important; border-color:#EF8800 !important; }
		/* BILDER*/
		
.buthome a{ text-decoration:none;}
.buthome{ text-decoration:none; max-height:246px; overflow:hidden; position:relative; cursor:pointer; }
.buthome:hover{ opacity:0.6; filter: alpha(opacity=60); }
.buthome:focus{ outline:1px dashed blue}
.buthome h2{ margin:0px; position:absolute; bottom:25px; left:50%; width:auto; max-width:340px; background:#ffffff none; color:#1c1c1c; font-size:18px !important; line-height:24px; text-align:center; font-weight:100; padding:20px 15px 20px 53px; }
#butwohnen h2{  margin-left:-80px; background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/04/icon_Wohnen.png) no-repeat 5px center; }
#butarbeiten h2{  margin-left:-90px; padding-left:70px; background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/05/icon_arbeiten.png) no-repeat 5px center; }
#buthilfsmittel h2{ margin-left:-105px; padding-left:65px; background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/05/icon_hifsmittel.png) no-repeat 5px center; }

#butfreizeit h2{ margin-left:-90px; padding-left:70px; background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/05/icon_freizeit.png) no-repeat 5px center; }
#butbarrierefreiheit h2{ margin-left:-130px; padding-left:56px; background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/05/icon_barrierenfreiheit.png) no-repeat 5px center; }
#butrechtlichesituation h2{ margin-left:-165px; padding-left:65px; background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/05/icon_rechtliche_situation.png) no-repeat 5px center; }

#butfinanziellebeihilfe h2{ margin-left:-155px;  padding-left:70px; background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/05/icon_finanziele_beihilfe.png) no-repeat 5px center; }
#butfamilie h2 { margin-left:-130px; max-width:260px; padding:10px 15px 10px 110px; text-align:left; background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/05/icon_familie.png) no-repeat 5px center; }
#butgesundheit h2{ margin-left:-100px;  padding-left:65px; background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2017/05/icon_gesundheit.png) no-repeat 5px center; }

/* Orange Text Felt */
.altertext .wpb_wrapper{ background:#EF8800 none; padding:15px; }
.altertext a{ color:#000000; }
.altertext a:hover{ color:#ffffff; }
.altertext b, .altertext strong{ color:#ffffff; }

/* Green Text Felt */
.altertextg .wpb_wrapper{ background:#7AB410 none; padding:15px; }
.altertextg a{ color:#000000; }
.altertextg a:hover{ color:#ffffff; }
.altertextg b, .altertext strong{ color:#ffffff; }

.wpb_wrapper:focus {
    opacity: 0.6
}

/* Hintergrund informationen */
.hintergrundinfos{ font-size:24px; line-height:32px; color:#000000 !important;}
.hintergrundinfos h2{ font-size:24px; line-height:32px; color:#000000 !important;}
.hintergrundinfos a{ font-size:24px; line-height:32px; color:#000000 !important;}
.hintergrundinfos a:hover{ color:#EF8800 !important;}
.hintergrundinfos img.aligncenter{  margin-bottom: 0.7em; }

/* Jobs */
.jobs{ font-size:24px; background-color:#ef8800; border-color:#ef8800;}
.jobs h2{ font-size:24px; line-height:32px; color:#000000 !important;}
.jobs a{ font-size:24px; line-height:32px; color:#000000 !important;}
.jobs img.aligncenter{  margin-bottom: 0.5em; }
.jobs a:hover{ color:#FFFFFF !important;}

.jobs a {
    font-size: 24px;
    line-height: 32px;
    color: #000000 !important;
    display: block;
    text-align: center;
    font-weight: bold;

}
.jobs p {
    margin-bottom: 0;
}


/* VERANSTALTUNG */
#layerslider_2 .ls-layer p{ background:#ffffff none; overflow:hidden; text-align:center; padding:5px;}
#layerslider_2 h3{ color:#F6A800; font-size:22px !important; line-height:26px !important; }
.news:before{ opacity:0.75; }

#layerslider_3 .ls-layer p{ background:#ffffff none; text-align:center; padding:10px;}
#layerslider_3 h3{ color:#F6A800; font-size:22px !important; line-height:26px !important; }
.news:before{ opacity:0.75; }

.news a{ color:#ffffff; display:block; width:150px; padding:10px 15px; margin:0 auto; border:2px solid #ffffff; }


/* FOOTER */
#footer-nav{ border-top:0px; padding:5px 0px 8px 0px; }
#footer-nav .col-md-3{ width:100%;}
#footer-nav .col-md-pull-9{ right:0px;}

footer .textwidget a:hover{ color:#F6A800 !important;}

#colophon {
    padding: 10px 0 0px 0px;
	
}
#colophon .textwidget h4{ font-size:18px; font-weight:400; color:#ffffff; line-height:22px; }
#colophon .textwidget h3{ font-size:18px; font-weight:400; color:#ffffff; line-height:22px; }
#colophon .textwidget a{ color:#ffffff !important;  }
#colophon .widget, #colophon .widget .gem-testimonial-position, #colophon .widget.widget_recent_entries .post-date{ color:#ffffff !important; font-size:12px !important; }

/* *********** SEARCH SEITE ***********/

body.search .page-title-block{ background-color:#313131 !important; }
body.search .page-title-block::before{ background-color:#313131 !important; }
body.search .page-title-block .page-title-icon{ display:none; }

body.search .page-title-block { padding: 20px 0 50px !important; }
body.search .breadcrumbs .current {
    border-bottom: 3px solid #f6a800 !important;
    color: #f6a800 !important;
}
body.search .page-title-block .highlight{ color:#F6A800; }

.gem-button.gem-button-style-outline{ border-color: #D35815 !important; }

.gem-button.gem-button-style-outline{ color: #D35815 !important; }
.gem-button.gem-button-style-outline:hover{ background-color: #D35815 !important; color:#ffffff !important; }
body.search .post-meta-conteiner{ display:none; }
body.search .post-footer-sharing{ display:none; }

.minisearch .sf-submit{ overflow:hidden; text-indent: 50px;} 

/* TOP AREA */

/* top-area  */
.searchDiv{ float:right; margin-left:5px;  }
.minisearch{ margin:-5px 0px 0px 0px !important; width:auto; overflow:hidden; position:relative;}
.minisearch, .minisearch .sf-input{ border-top:0px !important; border-bottom:0px !important; border-left:0px !important; border-right:0px !important; } 
.minisearch .sf-input{ color:#000 !important; height:25px !important; width:145px !important; }
.minisearch .sf-submit{ position:relative !important; right:0px !important; }
.minisearch .sf-submit-icon::before{ margin-left:20px;}


.wpml-ls{ display:none;}

.top-area-items{ margin:0px 5px;}
#top-area{ font-weight:bold; padding-top:17px; border-bottom:0px !important;}

.top-area-items legend {
    border-bottom: 0 none;
    color: white;
    display: inline;
    float: left;
    font-size: inherit;
    margin: 0 5px 5px;
    width: auto;
}
fieldset {
    border: 0 none;
    margin: 0;
    min-width: 0;
    padding: 0;
}
label {
    display: inline-block;
    margin-bottom: 5px;
    max-width: 100%;
}
.top-area-items button span{ color:#777777; }

#top-area .coltoparea{ float:left; }
.col1{ width:18%; padding-left:10px;}
.col2{ width:16%;}
.col3{ width:11%;}
.col4{ width:21%;}
.col5{ width:20%;}
.col6{ width:5%; border:1px solid #000;}

.vertical-minisearch{ display:none;}



/* LEICHTE Sprache */
.switch {
    display: inline-block;
    float: left;
    height: 22px;
    margin-bottom: 0;
    margin-left: 5px;
    position: relative;
    width: 44px;
}
.cmn-toggle {
    background:transparent none !important;;
top:0px; left:0px; border:0px !important;
height:24px; width:46px;
    position: absolute;
}
.cmn-toggle + label {
    cursor: pointer;
    display: block;
    position: relative;
}

input.cmn-toggle-round + label {
    background-color: #dddddd;
    border-radius: 60px;
    height: 22px;
    padding: 2px;
    width: 44px;
}
input.cmn-toggle-round + label::before, input.cmn-toggle-round + label::after {
    bottom: 1px;
    content: "";
    display: block;
    left: 1px;
    position: absolute;
    top: 1px;
}
input.cmn-toggle-round + label::before {
    background-color: #f1f1f1;
    border-radius: 60px;
    height: 20px;
    right: 1px;
    transition: background 0.4s ease 0s;
    width: 42px;
}
input.cmn-toggle-round + label::after {
    background-color: #e4e4e4;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
    height: 20px;
    transition: margin 0.4s ease 0s;
    width: 22px;
}
input.cmn-toggle-round:checked + label::before {
    background-color: #f6a800;
}
input.cmn-toggle-round:checked + label::after {
    margin-left: 20px;
}
.switch label{ text-indent:-99999px; }
.labelhide label{ text-indent:-99999px; margin-bottom:0px !important; }
.schriftgrosse label{ text-indent:-99999px; margin-bottom:0px !important; }


/* Schriftgrosse */

.toolbar button {
    color: #777777;
}
.btn-group-xs > .btn, .btn-xs {
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;
    padding: 0px 6px 3px 6px;
}

.btn {
color:#000000;
    -moz-user-select: none;
    background-image: none;
background-color: #ededed;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}
.schriftgrosse, .labelhide{ position:relative; }
.schriftgrosse .btn{
position:absolute; top:0px; left:140px; }
#butFontmoins{ left:110px;}
#butContrast{position:absolute; top:0px; left:80px; }
#buttonKontrast{position:absolute; top:0px; left:190px; }

/* FORMULAR */

.wpcf7-form input{ width:100% !important; border:1px solid #fff !important; color:#ffffff !important; background:#3C3C3C none !important; padding:3px !important; height:25px !important; } 
.wpcf7-form textarea{  width:100% !important; border:1px solid #fff !important; color:#ffffff !important; background:#3C3C3C none !important; padding:3px !important; } 
.widget .wpcf7-form input[type="submit"]{ padding:5px 3px !important; height:30px !important; max-width:300px !important; border:1px solid #ffffff !important; background:#3C3C3C none !important;  }
.widget .wpcf7 p{ margin-bottom:5px !important; }
.wpcf7 p{ margin-bottom:5px !important; }

/* INHALT TEXT */
.block-content .wpb_text_column p{ text-align:left; }
/* .wpb_text_column ul li{line-height:26px !important;} */

#layerslider_3{ display:none; }


/********************* RESPONSIVE ******************************/
@media (max-width: 799px) {
	#top-area {
		display: block !important; padding-top:45px;
	}
	.coltoparea{  height:30px; margin-top:10px;}
	#top-area .col1{ width:30%; }
	#top-area .col2{ width:30%; }
	#top-area .col3{ width:20%; }
	#top-area .col4{ width:35%; padding-left:10px; }
	#top-area .col5{ width:40%; }
	#site-header .container{ width:100%; max-width:799px;}
	#page #site-header{ width:100%; }
	#page #site-header .site-title{  }
	#site-header .primary-navigation{  }
	#primary-navigation .hamburgerDiv{ right:0px; width:120px; padding-top:15px; }
	
	#primary-navigation .menu-toggle{ position:absolute !important; top:120px; }
	#primary-navigation .hamburger-toggle{ left:75px; top:-25px;}
	
}

@media (max-width: 979px) and (min-width: 768px) {
	#primary-navigation .menu-toggle{
	/* display:none !important; */
	}
	#primary-navigation .hamburger-toggle,
	#primary-navigation .overlay-toggle {
	/* display: block !important; */
	}
	
	#page #site-header .primary-navigation {
		text-align: left !important;
	}
}

@media (max-width: 1212px) {


footer .col-md-3{ margin-top:0px; }
	.site-footer .col-md-4{ margin-top:0px; }
	.site-footer .inline-column{ margin-bottom:15px; }

#top-area .col5{ width:22%; }

	#layerslider_3{ display:block; }
	#layerslider_2{ display:none; }
	#layerslider_3 p{ font-size:16px; line-height:22px; }
	
	#primary-navigation .menu-toggle{
	/* display:none !important; */
	position:absolute; top:117px; right:0px;
	}
	
	#primary-navigation .hamburgerDiv {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
    right: 55px;
    top: 117px;
    width: 70px;
}
#primary-navigation .menu-toggle .menu-line-1, #primary-navigation .menu-toggle .menu-line-2, #primary-navigation .menu-toggle .menu-line-3{ background:#ffffff none;}
	.mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item, .mobile-menu-layout-default .primary-navigation.responsive ul > li.dl-back{ border:2px solid #000; border-bottom:2px solid #000 !important; }
	
	#primary-navigation .hamburger-toggle,
	#primary-navigation .overlay-toggle {
	/* display: block !important; */
	} 
	#page #site-header .primary-navigation {
		text-align: left !important;
	}
	#primary-navigation .hamburger-toggle{ left:75px; top:-25px;}
	
	.post-content .vc_col-sm-4{ width:100%; }
	.post-content .vc_col-sm-8{ width:100%; }
	
	.post-content .vc_col-sm-8 .vc_col-sm-4{ width:33.33333333%; }
	#listealtersgruppe .vc_col-sm-4{ width:32% !important; margin-left:1%; float:left; }
	.post-content .vc_col-sm-8 .vc_col-sm-8{ width:66.66666667%; }
	.telefonnummer{ margin-top:20px !important; margin-right:5px !important;}
	.hintergrundinfos{ margin-right:15px;}
	.jobs{ margin-right:15px;}
	.offnungzeiten{ margin-right:15px;}
	
	/* Menu */
	/*
	#primary-menu{display:none !important;}
	.hamburger-active #primary-menu{display:block !important;}
	.primary-navigation .dl-menu{ opacity:1 !important;}
	*/
	.menu-item-search{ display:none;}
	
	.mobile-menu-layout-default .primary-navigation.responsive ul {
    border-left: 0px solid #dfe5e8 !important;
    border-right: 0px solid #dfe5e8 !important;
    border-top: 0px solid #dfe5e8 !important;
}
}

@media (max-width: 1099px) {
	.coltoparea{  height:30px; }
	#top-area .col1{ width:20%; }
	#top-area .col2{ width:17%; }
	#top-area .col3{ width:11%; }
	#top-area .col4{ width:22%; }
	#top-area .col5{ width:250px; float:none; margin-left:10px; }
}

@media (max-width: 1025px) {
	#top-area .col1{ width:21%; }
	#top-area .col2{ width:18%; }
	#top-area .col3{ width:12%; }
	#top-area .col4{ width:24%; }
	#top-area .col5{ width:250px; float:none; margin-left:10px; }
	
}
@media (max-width: 945px) {
	#top-area .col1{ width:25%; }
	#top-area .col2{ width:21%; }
	#top-area .col3{ width:15%; margin-left:20px; }
	#top-area .col4{ width:37%; padding-left:10px; margin-top:10px; }
	#top-area .col4 fieldset{ width:250px;  }
	#top-area .col5{ width:30%; float:left; margin-top:10px; }
	.buthome h2{ max-width:260px;}
	#butfinanziellebeihilfe h2 { margin-left: -130px; }
	#butrechtlichesituation h2 { margin-left: -130px; }
	
}
@media (max-width: 800px) {
	#top-area .col1{ width:28%; }
	#top-area .col2{ width:24%; margin-left:20px; }
	#top-area .col3{ width:19%; margin-left:20px; }
	#top-area .col4{ width:36%; padding-left:10px; margin-top:10px; }
	#top-area .col4 fieldset{ width:250px;  }
	#top-area .col5{ width:37%; float:left; margin-top:10px; }
	#listealtersgruppe .vc_col-sm-4{ width:48% !important; margin-left:1%; float:left; }
}


@media (max-width: 780px) {

	.post-content .vc_col-sm-8 .vc_inner .vc_col-sm-4{ width:100% !important; }
	.hintergrundinfos{ width:47%; float:left; }
	.jobs{ width:47%; float:left; }
	.offnungzeiten{ width:47%; float:left; }
	.telefonnummer  .vc_column_container{ width:48% !important; float:left; }
	
	#primary-navigation .menu-toggle{ top:122px; }
	#primary-navigation .hamburgerDiv{ top:122px; }
}

@media (max-width: 767px){
	
.logo-ostbelgien{ display:none; top:16px; }
	#site-header{ height:110px;}
	#site-header .container{ height:110px;}
	#site-header .header-main{ height:110px; background: #ffffff url(https://selbstbestimmt.be/wp-content/uploads/2018/08/OSB-Logo_selbstbestimmt-be_Blue_sRGB-1.svg) no-repeat right 30px; background-size: 170px;}
	#site-header .site-title{ vertical-align: top;} 
}

@media (max-width: 750px){
	/* .header-main{ background:#ffffff url(https://selbstbestimmt.be/wp-content/uploads/2018/08/OSB-Logo_selbstbestimmt-be_Blue_sRGB-1.svg) no-repeat right center; } */
	.page-title-title h2{ font-size: 35px; font-weight: 100; }
	
	.site-logo{ margin-left:0px !important; }
	
	#primary-navigation .menu-toggle{ top:105px; }
	#primary-navigation .hamburgerDiv{ top:105px; }
}

@media (max-width: 700px){
 .coltoparea{ font-size:12px; }
 .telefonnummer  .vc_column_container{ width:98% !important; float:none; }
}

@media (max-width: 675px){
	#primary-navigation .menu-toggle{ top:123px; right:5px; }
	#primary-navigation .hamburgerDiv{ top:123px; }


@media (max-width: 640px){
	#top-area .col1{ width:32%; }
	#top-area .col2{ width:27%; margin-left:0px; }
	#top-area .col3{ width:20%; margin-left:10px; }
	#top-area .col4{ width:37%; padding-left:10px; margin-top:10px; }
	#top-area .col4 fieldset{ width:200px;  }
	#top-area .col5{ width:40%; float:left; margin-top:10px; }
	
	#layerslider_3 p{ font-size:12px !important; line-height:18px !important; }
}

@media (max-width: 600px){
	#primary-navigation .menu-toggle{ top:120px; right:5px; }
	#primary-navigation .hamburgerDiv{ top:115px; }
}

@media (max-width: 560px){
	#top-area .col1{ width:41%; }
	#top-area .col2{ width:34%; margin-left:0px; }
	#top-area .col3{ width:21%; margin-left:10px; }
	#top-area .col4{ width:45%; padding-left:10px; float:none; clear:both; margin-top:10px; }
	#top-area .col4 fieldset{ width:auto;  }
	#top-area .col5{ text-align:left; width:50%; float:none; margin-left:15px; margin-top:0px; }
	#primary-navigation .menu-toggle{ top:180px; right:15px; }
	#primary-navigation .hamburgerDiv{ top:180px; }
	
	.post-content .vc_col-sm-8 .vc_col-sm-8{ width:98%;}
	.videoLS {
    display: block;
    width: 98%;
    padding: 2px 1%;
    height: auto;
    background: #3C3C3C none;
    color: #ffffff;
    cursor: pointer;
}
}

@media (max-width: 520px){
#listealtersgruppe .vc_col-sm-4{ width:98% !important; margin-left:1%; float:none; }
}

@media (max-width: 480px){
	#top-area .col4{ width:55%; padding-left:10px; float:none; clear:both; margin-top:10px; }
	#top-area .col5{ text-align:left; width:55%; float:none; margin-left:15px; margin-top:0px; }
	.hintergrundinfos{ width:98%; float:left; }
	.jobs{ width:98%; float:left; }
	.offnungzeiten{ width:98%; float:left; }
}

@media (max-width: 450px){
	#top-area .col1{ width:50%; }
	#top-area .col2{ width:49%; margin-left:0px; }
	
	#top-area .col3{ width:30%; margin-left:10px; }
	#top-area .col4{ width:60%; padding-left:10px; float:left; clear:none; margin-top:10px; }
	#top-area .col4 fieldset{ width:auto;  }
	#top-area .col5{ overflow:hidden; clear:both; text-align:left; width:60%; float:none; margin-left:15px; margin-top:15px !important; padding-top:5px; }
	
	.logo-ostbelgien{ display:none;}
	.page-title-title h2 { font-size: 28px; font-weight: 100; }
	
	#primary-navigation .menu-toggle{ top:195px; right:8px; }
	#primary-navigation .hamburgerDiv{ top:200px; }
	#site-header{ height:110px;}
	#site-header .container{ height:110px;}
	#site-header .header-main{ height:110px; background: #ffffff url(https://selbstbestimmt.be/wp-content/uploads/2018/08/OSB-Logo_selbstbestimmt-be_Blue_sRGB-1.svg) no-repeat right 60px; background-size: 170px;}
	#site-header .site-title{ vertical-align: top;} 
	
}
@media (max-width:390px){
	#top-area .col5{ width:63%;}
	#primary-navigation .menu-toggle{ right:5px; }
}

@media (max-width:360px){
 .minisearch .sf-input{  width:100px !important; }
 input.cmn-toggle-round + label{ height:13px; width:13px;}
	input.cmn-toggle-round + label::before{ height:13px; width:26px;}
	input.cmn-toggle-round + label::after{ height:13px; width:13px;}
	input.cmn-toggle-round:checked + label::after{ margin-left:13px;}
	.switch{ width:26px; height:13px; margin-top:4px; }
	.cmn-toggle {
		height:15px; width:28px;
}
	#top-area .col5{ width:55%; }
 
}

@media (max-width:320px){
	.coltoparea{ font-size:11px; float:none; }
		#top-area .col1{ width:90%;}
		#top-area .col2{ width:90%; margin-left:10px;}
		#top-area .col3{ width:90%; margin-top:10px !important; }
		#top-area .col4{ width:90%;}
		#top-area .col5{ width:70%;}
	.btn-group-xs > .btn, .btn-xs{ padding: 0px 4px 3px 4px; }

	
	input.cmn-toggle-round + label{ height:13px; width:13px;}
	input.cmn-toggle-round + label::before{ height:13px; width:26px;}
	input.cmn-toggle-round + label::after{ height:13px; width:13px;}
	input.cmn-toggle-round:checked + label::after{ margin-left:13px;}
	.switch{ width:26px; height:13px; margin-top:4px; }
.cmn-toggle {
		height:15px; width:28px;
}
	.top-area-items{ padding-bottom:50px; }

	#primary-navigation .menu-toggle{ top:320px; right:8px; }
	#primary-navigation .hamburgerDiv{ top:325px; }

@media (min-width:288px){
	#primary-navigation .menu-toggle{ top:320px; left:80px; }
	#primary-navigation .hamburgerDiv{ top:325px; left:0px }
}

.logo {
	min-width: 350px !important;
}