body{
	color: #4C4D4F;
	font-family: 'Raleway', semi-bold;
	font-size: 18px;
	font-weight: 400;
	min-height:1000px;
}
h1,h2{
	color: #36499b;
	font-size: 36px;
	padding-bottom:15px;
}
h3{
	color: #36499b;
	font-size: 24px;
	font-weight:bold;
}
h4 {
	color:#000;
	text-align:left;
	padding:25px 15%;
	margin-bottom:25px;
	background-color:#E0DEF0;
	font-size: 20px;
	line-height: 1.5;
}
.h4{
	color: #4C4D4F;
	font-size: 21px;
	line-height:25px;
	padding-bottom:20px;
	font-style:italic;
}

hr{
	border-top: 1px solid #A0A0A0;
}

p.blue{
	color: #36499b;
}

#Content li{
    color: #36499b;
}

a,a:hover,a:focus,a:visited{
	color: #36499b;
}
.no-margin-top{
	margin-top:0!important;
}
.no-margin-bottom{
	margin-bottom:0!important;
}
.container{
	max-width:960px;
}
#navigation{
	margin-bottom:0;
	border:none;
	background-color:rgba(255,255,255,0.9);	
	text-transform: uppercase;
	font-size: 16px;
	border-bottom:none;
}
#navigation .navbar-header{
	border-bottom:1px solid #C9C9C9;
}
#navigation .navbar-collapse{
	background-color:#EEEEEE;
	border-bottom:1px solid #C9C9C9;
	
}
#navigation .navbar-brand{
	height:auto;
	
}
#navigation .navbar-brand img{
	width:180px;
}
#navigation .container{
	position:relative;
	height:100%;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus{
	border:none;
	background-color:#C9C9C9;
	border-radius:20px;
	padding:12px 10px;
	margin-top:18px;
}
.navbar-default .navbar-toggle:hover ,.navbar-default .navbar-toggle[aria-expanded="true"]{
	/*background-color:#4C4D4F;*/
	
}
.navbar-default .navbar-toggle .icon-bar{
	width:18px;
	height:3px;
	background-color:#fff;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 2px;
}
ul.navbar-nav {
	/*padding: 10px 10px;*/
}
ul.navbar-nav > li{
	border-top:1px solid #C9C9C9;
}
ul.navbar-nav > li:last-child{
	border-bottom:1px solid #C9C9C9;
}
ul.navbar-nav li  ul.dropdown-menu  li a{
	font-size:16px;
	font-weight:400;
	display:inline-block;
	width:100%;
	padding:2px 10px;
	margin:5px 0;
}
ul.navbar-nav >li.dropdown >a,ul.navbar-nav >li.dropdown >a:focus,ul.navbar-nav >li.dropdown >a:active,ul.navbar-nav> li.dropdown >a:hover{
	padding-bottom:0;
}
.dropdown-menu{
	position:relative;
	display:block;
	width:100%;
	border:none;
	box-shadow:none;
	float:none;
	border-radius: 0px;
}
.dropdown-menu li:hover >a{
		color:#36499b!important;
		border-radius:4px;
		background-color:none;
	}
ul.navbar-nav > li a,ul.navbar-nav > li > a:active,ul.navbar-nav > li > a:visited{
	color: #4C4D4F!important;
	font-weight: 600;
	padding:10px 10px;
	background-color:none;
}
ul.navbar-nav > li:hover >a,ul.navbar-nav > li a:focus,ul.navbar-nav > li.active >a,.dropdown-menu >.active>a{
	background:none!important;
	color:#36499b!important;
}
.navbar-fixed-top{
	 	position:relative;	
}

/**************************************************************************************
  Cookie Accept
**************************************************************************************/
#cookie_directive_container > * {
	background-color:#303030;
	padding-top:10px;
	font-size:16px;
	color:white;
}
#cookie_directive_container a {
	color:#FFF;
}

#cookie_directive_container a.pull-right {
	background-color: transparent;
	margin-bottom:10px;
	border:1px solid #36499b;
}

#cookie_directive_container a.pull-right:hover {
	background-color: #36499b;
	color:white;
}

/*========================================================*/
/*================ Color Dienstleistungen ================*/
/*========================================================
.treuhand h1,
.treuhand li,
.treuhand a {
	color:#4d9c2c;
}
.steuerberatung h1,
.steuerberatung li,
.steuerberatung a {
	color:#ea5a0b;
}
.unternehmensberatung h1,
.unternehmensberatung li,
.unternehmensberatung a {
	color:#575757;
}*/

/*========================================================*/
/*======================= Images =========================*/
/*========================================================*/
.teamimg{
	border:1px solid #36499b;
}

	
/*========================================================*/
/*======================= Square =========================*/
/*========================================================*/
.square {
    position: relative;
    width: 100%;
    padding-bottom : 100%; /* = width for a 1:1 aspect ratio */
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
}

.img_1-1{background-image:url('/images/Wirtschaftspruefung.jpg');}
.img_1-2{background-image:url('/images/Treuhand.jpg');}
.img_1-3{background-image:url('/images/Steuerberatung.jpg');}
.img_1-4{background-image:url('/images/Unternehmungsberatung.jpg');}

.squaretitle{
	font-size:1em;
	width:100%;
	height:auto;
	color:white;
	padding:15px 0px;
	text-align:center;
}

.title1{background-color:#302683;}
.title2{background-color:#4d9c2c;}
.title3{background-color:#ea5a0b;}
.title4{background-color:#575757;}

.tile{
	width:100%;
	height:100%;
	position:relative;
	margin-bottom:20px;
	font-weight: lighter;
}

.tile .overlay{
	display:none;
	background-color:rgba(0,0,0,0.6);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:30% 5%;
	color:white;
	font-size:20px;
	font-weight : 200;
}

.tile:hover .overlay{
	display:block;
}

/**************************************************************************************
  Slider / Carousel
**************************************************************************************/
header:not(.home){
	height:calc(100vw / 3);
}
header > div{
	position:relative;	
	height:100%;
}

section.header{
	background-color:#bbd1ec;
}
section.header .head-img{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:200px;
}
.carousel-inner, .carousel-inner .item, #Slider {
	max-height:332px;
	overflow:hidden;
}
#Slider {
	position:relative;
	height:125px;
}
#Slider img {
	width:100%;
	position: absolute;
  	left: 50%;
  	top: 50%;
	transform: translate(-50%, -50%);
}
.carousel-caption{
	color:#000;
	text-shadow:none;
	right:50px;
	left:50px;;
	bottom:0;
	top:0;
	text-align:left;
	padding-top:30px;
}
.carousel-caption .inner {
	background-color:rgba(255, 255, 255,0.85);	
	padding:10px 15px 5px 15px;
	cursor:pointer;
}
.carousel-caption a,.carousel-caption a:hover,.carousel-caption a:focus,.carousel-caption a:visited{
	color:#000;
	text-decoration:none;
	display:inline-block;
	width:100%;
	padding-left:20px;
	margin-left:-20px;
}
.carousel-caption h3{
	font-size:16px;
	color:#fff;
	margin:0 0 10px 0;
	line-height:1.2;
}
.carousel-caption p{
	font-size:16px;
	line-height:1.2;
}
.carousel-indicators {
	bottom:auto;
	top:0;
	display:none;
}
.carousel-indicators li {
	height:12px;
	width:12px;
	border:none;
	margin:0;
	background-color:#FFF;
}
.carousel-indicators .active {
	background-color:#E0600B;
}
.carousel-control {
	z-index:11;
}

@media(min-width:768px){
	#logo{
		height:50px;
	}
	.squaretitle{
		font-size:0.75em;
	}

	#navigation{
		border-bottom:1px solid #36499b;
	}
	ul.navbar-nav >li.dropdown >a,ul.navbar-nav >li.dropdown >a:focus,ul.navbar-nav >li.dropdown >a:active,ul.navbar-nav> li.dropdown >a:hover{
		padding-bottom:15px;
	}
	ul.navbar-nav li  ul.dropdown-menu  li a{		
		padding:2px 10px;
		width:auto;
	}
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;    
	}
	.navbar-fixed-top{
	 	position:fixed;	
	}
	
	.dropdown-menu{
		background-color:rgba(255,255,255,0.6);
		top:50px;
		padding:5px 10px;
		position:absolute;
		display:none;
		width:300px;
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
		box-shadow: 0 6px 12px rgba(0,0,0,.175);
	}
	.dropdown-menu li {
		width:100%;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
		background-color:transparent;
	}
	
	#navigation {
		height:118px;	
	}
	#navigation .navbar-nav {
		position:absolute;
		right:15px;
		bottom:0;
	}
	#navigation .navbar-brand{
		position:absolute;
		bottom:0;
		left:15px;
	}
	#navigation .navbar-collapse{
		border-bottom:none;	
	}
	#navigation .navbar-brand img{
		width:160px;
	}
	#navigation.toggle{
		max-height:0;		
		position:fixed;
		min-height:0;
	}
	ul.navbar-nav > li{
		border:none!important;		
	}
	ul.navbar-nav > li a,ul.navbar-nav > li > a:active,ul.navbar-nav > li > a:visited{
		font-weight: 400;
		padding:15px 10px;
	}

	header{
		height:450px;
		padding-bottom:0;
	}
	header.home{
		margin-top:0;
		margin-top:118px;
		height:280px;
	}
	
	.carousel-inner, .carousel-inner .item, #Slider {
		max-height:280px;
	}
	.carousel-inner img {
		width:100%;
	}
	
	header > div{
		position:relative;	
		height:100%;
	}
	
	
}
@media(min-width:992px){
	header{
		height:450px;
	}
	header.home{
		margin-top:0;
		margin-top:118px;
		height:332px;
	}
	
	.carousel-inner, .carousel-inner .item, #Slider {
		max-height:332px;
	}
	
	.squaretitle{
		font-size:1em;
	}
	
	#navigation .navbar-brand img{
		width:250px;
	}
}

header .background{
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
header.home .background{
	background-position: center center;
}
header .logo{
	margin-top:36px;
}
header  ul.navbar-nav{
	width:100%;
	text-align:center;
	margin-top:22px;
}
header  ul.navbar-nav li{
	float:none;
	display:inline-block;
}
header .arrow-down,header .arrow-down:hover,header .arrow-down:active,header .arrow-down:focus{
	font-size: 36px;
	color: #36499b;
	text-decoration:none;
	text-align:center;
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
}
header .shiny{
	position:absolute;
	background:linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0) 40%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	opacity: 0.7;
	top:0;
	bottom:0;
	left:0;
	right:0;	
}
section,footer{
	padding:4% 0;
}
.content .icon{
	color:#EEEEEE;
	font-size:36px;
	text-decoration:none;
	text-align:center;
	margin-bottom:10px;
}


.content .icon.rounded{
	background-color:#36499b;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-khtml-border-radius: 40px;
	border-radius: 40px;
	display:inline-block;
	width:80px;
	line-height:80px;
}
.content .arrow-right{
	color:#000;
	font-size:18px;
	text-decoration:none;
	text-align:center;
}
.content .arrow-right:hover,.content .arrow-right:active,.content .arrow-right:focus{
	color:#36499b;
}
@media(min-width:768px){
	.content .arrow-right{
		font-size:24px;
	}
}
.content.gray{
	background-color:#ededed;
}
.content.black{
	background-color:#4C4D4F;
	color:#fff;
}
.content.black h2,.content.black h3{
	color:#fff;
}
.content.black a{
	color:#fff;
}
.content hgroup{
	text-align:left;
	margin:30px 0 10px 0;
	min-height:130px;
}
.content hgroup h1,.content hgroup h2,.content hgroup h3,.content hgroup h4{
	margin:0;
	margin-bottom:5px;
}
.content ul{
	list-style:none;
	padding:0;	
}
.content ul li{
	padding-left:15px;
	text-indent:-15px;
}
.content ul li:before{
	content: '•';
	margin-right:11px;
}
.content .tile-image{
	background-size: cover;
	background-position:center center;
	width:100%;
	padding-bottom:400px;
	position:relative;
	height:auto;
	border:1px solid #36499b;
}
@media(min-width:768px){
	.content .tile-image{padding-bottom:237px;}
}
@media(min-width:992px){
	.content .tile-image{padding-bottom:310px;}
}
@media(min-width:1200px){
	.content .tile-image{padding-bottom:310px;}
}
.map{
	position:relative;		
}
.map .disablemap{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;	
}
.map iframe{
	/*pointer-events:none;	*/
}
.form-group label{
	font-size: 18px;
	font-weight: 400;
}
footer .form-group label{
	font-size: 16px;
	line-height: 30px;
	
}
footer .form-group input{
	min-height:28px;
	padding:11px 6px;
	height:auto;
}
footer .form-group input,footer .form-group textarea{
	border:none;
	border-radius:0;
}
footer .row:first-child{
	padding-bottom:20px;	
}
.form-group input,.form-group textarea{
	font-size: 18px;
	color: #4F4F4F;
	outline:none;
	

}
.form-group input:focus,.form-group textarea:focus{
	outline:none;
	box-shadow:none;

}
.has-error .control-label{
	color:#D7244C;
}
::-webkit-input-placeholder { /* WebKit browsers */
    font-style: italic;
	color:#B4B4B4;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   font-style: italic;
   opacity:  1;
   color:#B4B4B4;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-style: italic;
   opacity:  1;
   color:#B4B4B4;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   font-style: italic;
   color:#B4B4B4;
}
.has-error ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #D7244C;
}
.has-error :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #D7244C;
}
.has-error ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #D7244C;
}
.has-error :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #D7244C;
}

.btn{
	font-size:18px;
	color:#36499b;
	padding:6px 30px;
}
.btn:hover{
	color:#36499b;
}
[data-href]{
	cursor:pointer;	
}
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
.website	 table, 
.website	 thead, 
.website	 tbody, 
.website	 th, 
.website	 td, 
.website	 tr { 
		display: block; 
	}
.website	table.table tr td.noborder{
		border:none;
	}
}
