/* 
	
	FSDZ Layout
	Copyright 2015 by Snapdesign.ch
	
	Color: Grey:	 #4e4e4e
	Color: Dawn:	 #A79E97;
	Color: Mint:	 #4EB88B
	
*/



body {
	font-family: 'Arial','Helvetica','sans-serif'!important;
	color:#4e4e4e;
	margin-top:30px;
	
}

@media (max-width: 991px) {
	body {
		margin-top:10px;
	}
}

.img-responsive {
	width:100%;
}

.paddingNo {
   padding: 0 !important;
   margin: 0 !important;
}


.paddingLeftSmall {
   padding-left:5px !important;
}

.paddingRightSmall {
   padding-right:5px !important;
}

.paddingOnlyBorder {
	border:2px solid white;
}

a {
	color:#9f968d;
}

a:hover {
	color:#6f6d6b;
	text-decoration: none;
}


h2 {
	font-size:24px;
}


/* ------- Smartphones & Tablets ------- */
@media (max-width: 991px) {
	h1 {
		font-size:24px;
	}
	
	h2 {
		font-size:22px;
	}
	
	h3 {
		font-size:20px;
	}
}





/* ---------- Header  ---------- */
	
.HeaderLogoImg {
	height:100px;
	margin-bottom:10px;
}
	
.HeaderLogoText {
	display:block;
	font-size:15px;
}
	
.headerTitle,.headerSubTitle {
	display:block;
	padding-top:10px;
}


.headerTitle {
	margin-top:13px;
	font-size:30px;
	color:#4EB88B;
}

@media (max-width: 991px) {
	.headerTitle {
		margin-top:-10px;
	}
}

.headerSubTitle {
	font-size:17px;
}


.headerLegalLinks {
	margin-top:10px;
	font-size:17px;
}

.headerLegalLinks a{
	margin-right:10px;	
}

/* ------- Smartphones & Tablets ------- */
@media (max-width: 991px) {
	.headerSubTitle {
		font-size:14px;
	}
	
	
	.headerLegalLinks {
		font-size:15px;
	}
	
	.headerTitle {
		font-size:18px;
	}
}


.HeaderLogoText {
	color:#4e4e4e;
}





/* ------- Large Desktops ------- */
@media (min-width: 1200px) {
	.HeaderLogoImg {
		float:right;
	}
	
	.HeaderLogoText {
		text-align: right;
	}
}


/* ------- Desktops & Large Desktops ------- */
@media (min-width: 1200px) {
	
}

/* ------- Smartphones & Tablets ------- */
@media (max-width: 991px) {
	
}


/* ------- Tablets ------- */
@media (min-width:768px) and (max-width:991px) {
		
}



/* ------- Smartphones ------- */
@media (max-width:767px){
	.HeaderLogoText {
		padding-top:20px;
		
	}
	
	.HeaderLogoImg {
		height:60px;
		margin-bottom:10px;
		float:left;
		padding-right:20px;
	}
}





/* ---------- Navigation  ---------- */

#navigation {
	margin-top:20px;
	background-color:#4EB88B;
}

#navigation .navbar {
	margin-bottom:0px;
	font-size:22px;
}

#navigation .navbar-default {
	background-color: transparent;
	border:0px;
}

#navigation .navbar-default,.navbar-default .navbar-nav>li>a {
	background:none;
	color:white;
}

#navigation .navbar-default .navbar-nav>.active>a,.navbar-nav>.active>a:hover {
	background:none;
	color:#4e4e4e;
}


#navigation  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background:none;
}

.compactoNavigationLink:hover {
	opacity: 0.7;
}


@media (min-width:768px){
	#navigation .compactoNavigationUL {
		margin-left:-15px;
	}
}


@media (min-width:768px){
	#navigation .compactoNavigationLi:hover .dropdown-menu{
	    display:block!important;
	}
}



#navigation .dropdown-menu {
	border-radius: 0px;
	font-size:20px;
}


#navigation .dropdown-menu>.active>a {
	background-color:#9f968d;
}

@media (max-width:768px){
	#navigation .dropdown-menu a {
		color:white;
	}
}

.navbar-brand {
	color:white!important;
	font-size: 22px;
}


.icon-bar {
	 background-color:#A79E97!important;
}

.navbar-toggle {
	background-color:white;
	border:0px;
}

@media (min-width:768px) and (max-width: 991px) {
	#navigation .navbar-default, .navbar-default .navbar-nav>li>a {
		font-size:18px;
		padding:10px;
		padding-right:16px;
		padding-left:0px;
	}
}


/* ---------- Main  ---------- */

#main {
	margin-top:40px;
}


@media (max-width:768px){
	#main {
		margin-top:10px;
	}
}

#maincontent {
	margin-bottom:80px;
}

#maincontentright {
	margin-top:45px;
}

@media (max-width:768px){
	#maincontentright {
		margin-top:50px;
	}
	
	#maincontent {
		margin-bottom:10px;
	}
}


#maincontentleftgrey {
	background-color:#A79E97;
	padding:20px;
	color:white;
	margin-top:50px;
}

#maincontentleftgrey a {
	color:white;
	text-decoration: underline;
}

#maincontentleftnormal {
	padding:20px;
}

#maincontentleft img{
	max-width: 100%;
}

article.compactoPortfolioElement {
	padding-top:30px;
	padding-bottom:30px;
}

.compactoPortfolioElement h3 {
	margin-top:0px;
}



/* ---------- Home  ---------- */
.sidebarBlogPreview {
	background-color:#4EB88B;
	padding:20px;
	margin-top:30px;
	margin-bottom:20px;
}

.sidebarBlogPreview h2 {
	margin-top:0px;
	color:white;
	font-size:14px;
}

.sidebarBlogPreview h3 {
	margin-top:0px;
	color:white;
	font-size:20px;
}

.sidebarBlogPreview a {
	color:white;
}

.sidebarBlogPreview a:hover {
	color:#4e4e4e;
}

.sidebarSocialMedia {
	background-color:#4EB88B;
	padding:20px;
	margin-top:20px;
	margin-bottom:20px;
	color:white;
}

.sidebarSocialMedia p {
	margin-bottom:0px;
}



/* ---------- Kompetenzen  ---------- */
.kompetenzButton {
	height:230px;
	background-color: #A79E97;
	margin-left:20px;
	color:white;
	font-size:25px;
	padding:10px;
}

@media (max-width:768px){
	.kompetenzButton {
		height:60px;
		margin-bottom:20px;
	}
}

/* ---------- Publikationen  ---------- */
#publikationen .compactoPortfolioElement h3{
	font-size:20px;
	margin-left:0px;
	padding:0px;
}


#publikationen article.compactoPortfolioElement {
	background-color:#A79E97;
	padding:20px;
	margin-top:30px;
	margin-bottom:20px;
	color:white;
}

#publikationen article.compactoPortfolioElement a {
	color:white;
}

#publikationen article.compactoPortfolioElement a:hover {
	opacity: 0.9;
}

.portfolioFilter {
	display:none;
	padding:20px;
}

.portfolioFilterContainer,.PortfolioButtonContainer {
	border-bottom:2px solid #4EB88B;	
}

.PortfolioButtonContainer {
	margin-top:30px;	
}

.PortfolioButtonContainer.loadEverything{
	display:none;
}

.portfolioFilterButton,.portfolioButton{
	background-color:white;
	border:2px solid #4EB88B;	
	border-top:0px;
	background-color:#4EB88B;
	color:white;
}

#publikationen .filterActive {
	color: #4EB88B;
}



/* ---------- Person ----------- */
.compactoPersonDetail h2 {
	border-bottom:2px solid #A79E97;
	font-size:22px;
	color:#A79E97;
	padding-bottom:5px;
}


.compactoPersonDetail .compactoName {
	font-weight:normal;
	font-size:22px;
	color:#4EB88B;
}




/* ---------- Blog ----------- */

.blogFilterButton {
	padding:10px;
	background-color: #4EB88B;
	color:white;
	margin-right:10px;
	font-size:12px;
	border-radius: 5px;
}

.blogFilter .filterActive {
	background-color: #A79E97;
}

.BlogButtonContainer {
	margin-top:40px;
	border-top:2px solid #4EB88B;	
}

.BlogButtonContainer.loadEverything{
	display:none;
}

.blogButton {
	background-color:white;
	border:2px solid #4EB88B;	
	border-top:0px;
	background-color:#4EB88B;
	color:white;
}

.blogArticleNotFound,.allArticleLoaded {
	background-color: #A79E97;
	padding:15px;
	margin-top:20px;
	color:white;
}

.compactoBlogPostDate {
	display:block;
	padding-bottom:20px;
}

.compactoBlogShareButtons {
	margin-top:20px;
}

.compactoBlogPostTeaser {
	font-weight:bold;
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom: 2px solid #F0F0EE;
}

.compactoBlogElementPreviewDate {
	display:block;
	font-weight:bold;
}

/* ---------- Referenzen  ---------- */
#referenzen .referenzenContainer {
	color:#4e4e4e;
	margin-bottom:30px;
}


#referenzen article.compactoPortfolioElement{
	padding-top:0px;
	padding-bottom:30px;

}

#referenzen .compactoPortfolioTitle {
	color:#A79E97;
	font-size:24px;
	margin-bottom:0px;
}

#referenzen h3 {
	font-weight: normal;
	font-size:14px;
	color:#4EB88B;
	margin-bottom:0px;
}

#referenzen .referenzenImg img{
	border-radius: 50%;
}


/* ---------- Kontakt  ---------- */
.formbtn {
	background-color:white;
	border:2px solid #4EB88B;	
	border-top:0px;
	padding:5px;
	background-color:#4EB88B;
	color:white;
}

.fsdz-alert {
	background-color:#4EB88B;
	color:white;
	padding:10px;
	margin-bottom:20px;
}


.fsdz-alert-error {
	background-color:#A79E97;
	color:white;
	padding:10px;
	margin-bottom:20px;
}

/* ---------- Left  ---------- */

.call2action {
	background-color:#4EB88B;
	color:white;
	padding:10px;
	margin-bottom:20px;
	display:block;
}

.call2action:hover {
	background-color:#3fa67b;
}

.call2action a {
	color:white;
}

.call2actionImg {
	font-size:40px;
	margin-top:-5px;
	margin-right:10px;
}

/* ---------- Right  ---------- */


.sidebarfooter {
	margin-top:20px;
	margin-bottom:20px;
}

.sidebarfooter a {
	color:#4e4e4e;
}

.call2actionText {
	margin-left:40px;
}

.call2action,
.call2action:hover {
	color:white!important;
}