/*
Theme Name: KKF OCA-Theme (Parent: Spacious Pro)
Description: KKF Ein schönes Childtheme
Author: SOURCE Associates AG
Author URI: http://www.kkf-oca.ch
Template: spacious-pro
Version: 1.0
Tags:
*/
@import url("../spacious-pro/style.css");

/*hier kommen die neuen CSS-Angaben*/

/* =HEADER
----------------------------------------------- */
#masthead {
}
#header-meta {
	background-color: #2390b9;
	border-bottom: 0px solid #EAEAEA;
	height:35px
}
#header-text-nav-container {
	border-bottom: 0px solid #EAEAEA;
}
#header-text-nav-wrap {
	padding-top: 20px;
	padding-bottom: 0px;
}
#header-right-section{
	max-width: 80%;	
}
#header-left-section{
	max-width: 38%;
}
#header-right-sidebar {
	overflow: hidden;
	padding-bottom: 25px;
}
/*#header-logo-image {
	float: left;
	padding: 0 0 0 0;
	max-width: 100%;
}*/

/* =PAGE HEADER TITLE
----------------------------------------------- */
.header-post-title-container {
	border-bottom: 3px solid #2390b9;
	box-shadow: 0 0 0px rgba(0, 0, 0, 0) inset;
	padding: 5px 0 7px 0;
}
.header-post-title-container .post-title-wrapper {
	float: left;
	max-width: 100%;
	padding-right: 30px;
	padding-top: 0px;
}
.header-post-title-class {
	font-size: 22px;
	padding-bottom: 0;
	margin-top: 0px;
}

/* =GLOBAL
----------------------------------------------- */
body,
button,
input,
select,
textarea {
	color: #505050;
	font: 16px 'Lato', sans-serif;
	line-height: 20px;
	word-wrap: break-word;
}
body {
	background: #eaeaea;
}
/* Headings */
h1, h3, {
	padding-bottom: 18px;
	color: #222222;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
}
h2, h4 {
	padding-bottom: 18px;
	color: #808080;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
}
h5 {
	padding-bottom: 0px;
	color: #222222;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
}
h6 {
	color: #2390b9;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
	overflow: auto;
	border-left: 5px solid #2390b9;
	margin-top: 18px;	
	margin-bottom: 27px;
	margin-left: 15%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 10px;
}
h1 { font-size: 30px; line-height: 36px; margin-top: 27px;}
h2 { font-size: 30px; line-height: 36px; }
h3 { font-size: 22px; line-height: 28px; }
h4 { font-size: 22px; line-height: 28px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 21px; line-height: 28px; }
hr {
	border-color: #2390b9;
	border-style: solid none none;
	border-width: 3px 0 0;
	height: 0;
	margin-top: 18px;
	margin-bottom: 0px;
}

/* =LINKS
----------------------------------------------- */
a {
	color: #0FBE7C;
	text-decoration: none;
}
a:focus, a:active, a:hover {
	color: #222222;
	text-decoration: none;
}

/* =TEXT ELEMENTS
----------------------------------------------- */
strong {
	font-weight: bold;
	letter-spacing: 1px;
}
pre {
	background-color: #fff;
	margin-bottom: 18px;
	overflow: auto;
	padding: 0px;
	border: none;
	padding-bottom: 0px;
}
pre, code, kbd, var, samp, tt {
	font-family: Average;
	font-weight: bold;
	font-size: 22px;
	line-height: 30px;
	color: #222222;
	letter-spacing: 1px;
}

/* =DROP DOWN
----------------------------------------------- */
.main-navigation ul li ul {
	position: absolute;
	background-color: #FFFFFF;
	border-top: 1px solid #0FBE7C;
	top: 45px;
	left: 25px;
	width: 170px;
}
.main-navigation ul li ul li ul {
	left: 170px;
	top: -1px;
}
#lang_sel_list li{
	float: none !important;
	display:inline-block;
}

/* =FEATURED SLIDER
----------------------------------------------- */
#featured-slider {
	padding-top: 15px;
	border-bottom: 3px solid #2390b9;
}
#featured-slider,
#featured-slider .slider-cycle {
	position: relative;
}
.wide-978 #featured-slider .slider-cycle,
.wide-1218 #featured-slider .slider-cycle {
   max-width: 1400px;
   margin: 0 auto;
}

/* =PRIMARY AND SECONDARY CONTENT AREA
----------------------------------------------- */
#primary {
	float: left;
	width: 80%;
}
#secondary {
	float: right;
	width: 16.0591133%;
}
.wide-978 #primary, .narrow-978 #primary {
	width: 80%;
}
.wide-978 #secondary, .narrow-978 #secondary {
	width: 16.0591133%;
}

/* =CALL TO ACTION WIDGET (LANDING PAGE)
----------------------------------------------- */
.widget_call_to_action {
	margin-bottom: 20px;
}
.call-to-action-content-wrapper {
	border-width: 1px 1px 1px 5px;
	border-style: none none none solid;
	border-color: #EAEAEA #EAEAEA #EAEAEA #0FBE7C;
	padding: 12px 18px 18px 18px;
	margin-left: 10%;
	margin-right: 10%;
   	background-color: #d3e9f1;
}
.call-to-action-content {
	width: 100%;
	float: left;
}
.call-to-action-content h3 {
	text-align: left;
	padding-bottom: 12px;
	font-size: 22px;
}
.call-to-action-content p {
	text-align: left;
	padding-bottom: 0;
	margin-bottom: 0;
}
.call-to-action-button {
	float: left;
	background-color: #2390b9;
   	border-radius: 0px;
   	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	color: #FFFFFF;
	font-family: montserrat;
	font-size: 11px;
	line-height: 24px;
	text-align: left;
	letter-spacing: 1px;
	font-weight: normal;
	padding: 7px 12px 5px 12px;
	margin-top: 12px;
}
.call-to-action-button:hover {
	-webkit-box-shadow:0 0 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 0 0px rgba(0, 0, 0, 0.6);
	box-shadow:0 0 0px rgba(0, 0, 0, 0.6);
	background-color: #2390b9;
	color: #FFFFFF;
}


/* =POST CONTENT
----------------------------------------------- */

.post .entry-title a:hover, .page .entry-title a:hover {
	color: #2390b9;
}
.entry-meta {
	border: none;
	font-size: 14px;
	color: #666666;
	font-family: 'Lato', sans-serif;
	margin: 0 0 20px;
}
.entry-meta .read-more-link {
	background-color: #2390b9;
	padding: 5px 10px;
	float: left;
	border-right: none;
}
.entry-meta .read-more-link:hover {
	-webkit-box-shadow:0 0 0px rgba(0, 0, 0, 0);
	-moz-box-shadow:0 0 0px rgba(0, 0, 0, 0);
	box-shadow:0 0 0px rgba(0, 0, 0, 0);
}


/* =CONTENT (WIDGETS LANDINGPAGE)
----------------------------------------------- */
.sticky {
}
#main {
	padding: 40px 0 10px 0;
}
.widget_service_block {
	margin-bottom: 20px;
	padding-top: 30px;
}
.widget_service_block .widget-title {
	font-size: 22px;
	padding-bottom: 10px;
}
.widget_service_block p {
	padding-bottom: 0;
}
.widget_service_block .more-link-wrap {
	text-align: left;
}
.widget_service_block a.more-link:hover, .widget_featured_single_post a.read-more:hover {
	text-decoration: underline;
}
.widget-title a {
	color: #444444;
}
.tg-one-half .widget-title a:hover,
.tg-one-third .widget-title a:hover,
.tg-one-fourth .widget-title a:hover {
	color: #0FBE7C;
}
.tg-one-half p,
.tg-one-third p,
.tg-one-fourth p {
	text-align: left;
}
.tg-one-half .service-image,
.tg-one-third .service-image,
.tg-one-fourth .service-image {
	text-align: left;
}
.tg-one-half .widget-title,
.tg-one-third .widget-title,
.tg-one-fourth .widget-title {
	text-align: left;
}
.tg-one-third {
	float: left;
	width: 28.407225%;
	margin: 0 2.46305419%;
	padding: 0px 0px 30px;
}
.tg-one-fourth {
	float: left;
	width: 23.1527094%;
	margin: 0 2.46305419% 0 0;
	padding: 0px 0px 30px;
}
.tg-one-fourth-last {
	margin: 0px;
}
.tg-one-half {
	float: left;
	width: 48.7684729%;
	margin: 0 2.46305419% 0 0;
	padding: 0px 0px 30px;
}
.tg-one-half-last {
	float: right;
	margin: 0px;
}
.widget_recent_work {
	margin-bottom: 30px;
}
.widget_recent_work img {
	margin-bottom: 0px;
}
.widget_recent_work .tg-one-half .widget-title,
.widget_recent_work .tg-one-third .widget-title,
.widget_recent_work .tg-one-fourth .widget-title {
	font-size: 22px;
	padding-bottom: 8px;
	text-align: left;
}
.widget_recent_work .tg-one-half p,
.widget_recent_work .tg-one-third p,
.widget_recent_work .tg-one-fourth p {
	text-align: left;
}
.widget_recent_work .tg-one-half .service-image,
.widget_recent_work .tg-one-third .service-image,
.widget_recent_work .tg-one-fourth .service-image {
	text-align: center;
	padding-bottom: 0;
}
.widget_featured_single_post {
	padding-bottom: 30px;
}
.widget_featured_single_post .widget-title {
	font-size: 22px;
}
.widget_featured_single_post .widget-title,
.widget_featured_single_post p,
.widget_featured_single_post .service-image {
	text-align: left;
}
.widget_featured_single_post .service-image {
	padding-bottom: 0px;
}
.widget_featured_post {
	margin-bottom: 20px;
}
.widget_featured_post .main-title {
	font-size: 24px;
	padding-bottom: 8px;
}
.container-featured-widget-head {
	padding-top: 10px;
	padding-bottom: 15px;
}
.widget_featured_post .tg-one-half .widget-title,
.widget_featured_post .tg-one-third .widget-title,
.widget_featured_post .tg-one-fourth .widget-title {
	text-align: left;
	font-size: 20px;
	padding-bottom: 8px;
	line-height: 22px;
}
.widget_featured_post .tg-one-half p,
.widget_featured_post .tg-one-third p,
.widget_featured_post .tg-one-fourth p {
	text-align: left;
}
.widget_featured_post .meta {
	font-size: 12px;
	padding: 3px;
	font-family: 'Lato', sans-serif;
}
.wide-978 .widget_featured_post .meta,
.narrow-978 .widget_featured_post .meta {
	font-size: 11px;
}


/* =FOOTER WIDGET AREA
----------------------------------------------- */
.footer-widgets-wrapper {
	background-color: #dfdbd0;
	border-top: 5px solid #2390b9;
}
.footer-widgets-area {
	padding-top: 30px;
	padding-bottom: 10px;
	color: #666666;
}

.footer-widgets-area h3.widget-title {
	color: #d5d5d5;
	text-align: left;
}
.footer-widgets-area .tg-one-fourth p {
	text-align: left;
	color: #666666;
}
.footer-widgets-area a {
	color: #D5D5D5;
}
.footer-widgets-area a:hover {
	color: #0FBE7C;
}
#colophon .widget {
	padding-bottom: 25px;
}
#colophon .widget-title {
	font-size: 22px;
	line-height: 32px;
}
#colophon, #colophon p {
	font-size: 14px;
	line-height: 18px;
}

/* =FOOTER SOCKET AREA
----------------------------------------------- */
.footer-socket-wrapper {
	padding: 10px 0px;
	background-color: #dfdbd0;
	border-top: 0px solid #EAEAEA;
}
.footer-socket-area {
	width: 100%;
}
.footer-socket-wrapper .copyright {
	color: #666666;
	max-width: 50%;
	float: left;
	font-size: 12px;
}
.footer-socket-wrapper .copyright a {
	color: #666666;
}
.footer-socket-wrapper .copyright a:hover {
	color: #0FBE7C;
}
.footer-socket-wrapper .small-menu {
	float: right;
}
.footer-socket-wrapper .small-menu a {
	padding-top: 0;
}
.footer-socket-wrapper .small-menu ul li ul {
	top: 21px;
}

/* =SEARCH WIDGET
----------------------------------------------- */
#masthead .search-wrap input.s {
	width: 100px;
	border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #b4b4b4;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
	padding-left: 0px;
}
.search-wrap button {
	border-radius: 0;
	border-bottom: 1px solid #2390b9;
	line-height: 32px;
	margin-bottom: 0;
	margin-left: -6px;
	padding: 0;
}
.search-icon:before {
	color: #ffffff;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 18px/1 'Genericons';
	content: '\f400';
	vertical-align: middle;
	padding: 0 7px;
}

/* =COMMENTS
----------------------------------------------- */
#comments {
	background-color: #FFFFFF;
}
.comments-title {
	font-size: 26px;
}
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}
#comments h1,
#comments h2,
#comments h3,
#comments h4,
#comments h5,
#comments h6 {
   margin-bottom: 1rem;
}
#comments h2.comments-title,
#comments h3.comments-title {
	margin-bottom: 10px;
	line-height: 34px;
}
.avatar {
	border-radius: 50%;
	float: left;
}
.comments-area article header {
	margin: 0 0 10px;
	overflow: hidden;
	position: relative;
}
.comments-area .comment-edit-link,
.comments-area .comment-permalink,
.comments-area .comment-date-time,
.comments-area .comment-author-link {
	display: block;
	margin-left: 100px;
	color: #999999;
}
#content .comments-area article header cite a:hover,
#content .comments-area a.comment-edit-link:hover,
#content .comments-area a.comment-permalink:hover {
	color: #0FBE7C;
}
.comments-area .comment-author-link a {
	color: #999999;
}
.comments-area .comment-author-link a:hover {
	color: #0FBE7C;
}
.comments-area .comment-author-link span {
	margin-left: 10px;
	padding: 0 5px;
	background-color: #0FBE7C;
	color: #FFFFFF;
	border-radius: 3px;
}
.comments-area article header .comment-author-link:before,
.comments-area article header .comment-edit-link:before,
.comments-area article header .comment-permalink:before,
.comments-area article header .comment-date-time:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 22px/1 'Genericons';
	vertical-align: top;
}
.comments-area article header .comment-author-link:before { content: '\f304'; }
.comments-area article header .comment-edit-link:before { content: '\f411'; }
.comments-area article header .comment-permalink:before { content: '\f107'; }
.comments-area article header .comment-date-time:before { content: '\f307'; }
.comment-content {
	padding: 2rem;
	background-color: #F8F8F8;
	border: 1px solid #EAEAEA;
}
.comment {
	margin-bottom: 20px;
}
.comment ul, .comment ol {
   margin: 0 0 20px 20px;
}
.comment ul {
   list-style: square outside none;
}
.comment .comment-reply-link {
	float: right;
	color: #999999;
}
.comment .comment-reply-link:hover {
	color: #0FBE7C;
}
.comment .comment-reply-link:before {
	content: '\f412';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 22px/1 'Genericons';
	vertical-align: top;
}
.comment-list {
	margin-bottom: 34px;
	margin-bottom: 3.4rem;
}
.comment-list .children {
   margin-left: 20px;
}
.comment-list, .comment-list .children {
	list-style-type: none;
	padding: 0;
}
.screen-reader-text { display: none; }
.nav-previous,
.nav-next {
   margin-bottom: 15px;
}
.nav-previous a,
.nav-next a {
   color: #666666;
   padding: 5px 25px;
	cursor: pointer;
   border: 1px solid #EAEAEA;
   font-size: 16px;
}
.nav-previous a:hover,
.nav-next a:hover {
	color: #0FBE7C;
}
@media only screen and (max-width: 768px) {
	.main-small-navigation li {
        background: #fff;
    }
	.site-header .menu-toggle{
	    font-family: Montserrat,sans-serif;
	font-weight:400;
	background:#2390b9;	
   }

    #header-right-section{
        max-width: 100%;	
    }
    #header-left-section{
        max-width: 100%;
    }
    #header-right-section .widget,
    .social-links{
        text-align:right !Important;
    }
    .main-small-navigation a{
        color:#2390b9;
        padding: 7px 20px;
        border-bottom: 1px solid #2390b9;
           font-family: Montserrat;
	font-weight:400;
    }
    .main-small-navigation ul ul a {
	color:#444;
        padding-left: 35px;
        border-bottom: 1px solid #eaeaea;
    }
    .main-small-navigation ul a:hover{
        color:#2390b9;
    }
    .main-small-navigation ul ul ul a {
        padding-left: 50px;
    }
    .main-small-navigation li:hover,
    .main-small-navigation ul > .current_page_item, .main-small-navigation ul > .current-menu-item {
      background: #fff !Important;
    }
	#primary{width:100%;}
	.header-post-title-container{margin:0 20px;}
    #header-text-nav-container {
        border-bottom: 2px solid #2390b9;
        margin-bottom: 20px;
    }
	.tg-one-half{
		float:none;
		width:100%;
	}
	.call-to-action-content-wrapper{
		margin:0;
	}
	#main {
    		padding: 15px;
	}
	#featured-slider{
		margin:0 20px;
	}
	apper .copyright{
		float:none;
		width:100%;
	}
}

/* =POST CONTENT
----------------------------------------------- */
#content .post, #content .page {
	padding-bottom: 45px;
}
.single #content .post {
	padding-bottom: 25px;
}
.post .entry-title, .page .entry-title {
	font-size: 26px;
	line-height: 32px;
}
.post .entry-title a, .page .entry-title a {
	color: #444444;
}
.post .entry-title a:hover, .page .entry-title a:hover {
	color: #0FBE7C;
}
.post .entry-content {
	margin-bottom: 10px;
}
.entry-content ul {
	line-height: 24px;
	list-style: square;
}
.entry-content ul,
.entry-content ol {
	padding: 0 0 0 18px;
  	margin-bottom: 30px;
}
.entry-content li > ul,
.entry-content li > ol {
	margin-bottom: 0;
}
.post .entry-content a:hover {
	text-decoration: underline;
}

/* =FORMS
----------------------------------------------- */
.spacious-button,
input[type="reset"],
input[type="button"],
input[type="submit"],
button {
   color: #FFFFFF;
	display:inline-block;
   margin-bottom: 30px;
   padding: 5px 25px;
   -moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	background-color: #0FBE7C;
	border: 0px;
   -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
   font-weight: normal;
   font-family: montserrat;
   font-size: 17px;
   letter-spacing: 1px;
}
.previous a,
.next a {
   color:  #2390b9;
   padding: 5px 0px;
	cursor: pointer;
   border: none;
   font-weight: normal;
   font-family: montserrat;
   font-size: 17px; 
   line-height: 24px;
   display: inline-block;
}
.previous a:hover,
.next a:hover {
	color: #222222;
}





@media all and (min-width: 320px) and (max-width: 480px) {



#header-logo-image {
  max-width: 100%;
  padding: 0;
  float:none !important;
}

}


/* =DEUTSCH/FRANCAIS
----------------------------------------------- */

span{font-size:14px;
	font-family:Montserrat, helvetica;
	padding:0px;}

#lang_sel_list{
	padding:0px;
}

#header-top-sidebar{
	padding:0px;
}

#icl_lang_sel_widget-6{
	padding:0px;
}
a.wpml-ls-link{
	padding:0px;
}



/*#social-link{
	background-color:green;
	padding-top:5px;
}/