/*!
 * Start Bootstrap - Freelancer v4.0.0-beta (http://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-freelancer/blob/master/LICENSE)
 */
	body {
		font-family: 'Lato', sans-serif;
		letter-spacing: 1px;
		overflow-x: hidden; 
		margin: auto;
		color: #666666;
	}
	
	p {font-size: 16px; color: #666666;}
	p.small {font-size: 16px;}
	
	a {font-size: 16px;}

	h1, h2, h3, h4, h5, h6 {color: #666666; font-weight: 700; text-transform: uppercase; color: #3a7fb9; letter-spacing: 2px;}

	.img-centered {margin: 0 auto;}

	section {padding-top: 30px;}
	section h2 {font-size: 16px; font-weight: 700; margin-bottom: 30px; margin-top: 20px;}
	section h2#kanzlei {font-size: 16px; font-weight: 700; margin-top: 50px;}
	
	#wrapLogo {background-color: #e3e2e0;}
	
	#wrapContent {
		max-width: 800px;
		margin: auto;
	}

	.scroll-top {
		position: fixed;
		z-index: 1049;
		right: 2%;
		bottom: 2%;
		width: 50px;
		height: 50px; 
	}
    
	.scroll-top .btn {
		font-size: 16px;
		line-height: 28px;
		width: 50px;
		height: 50px;
		text-align: center;
		border-radius: 100%; 
	}
	
    .scroll-top .btn:focus {outline: none;}
	
	a, a.active, a:active, a:focus, a:hover {color: #0152a4; outline: none;}
	
	ul.language a {opacity: 0.7;}
	ul.language a:hover{opacity: 1;}

	#mainNav {
		font-family: 'Crimson Text', serif;
		font-weight: 700;
		text-transform: uppercase;
		border: none;
		line-height: 1;
		background: #e3e2e0; 
	}
	
	#mainNav .navbar-nav li.nav-item {color: #0152a4; padding-right: 20px;}
	#mainNav .language li.nav-item {color: #0152a4; padding-right: 0px;}
	
	#mainNav a:focus {outline: none;}
	#mainNav .navbar-nav li.nav-item a.nav-link {color: #666666;}
	#mainNav .navbar-nav li.nav-item a.nav-link:hover {color: #0152a4; outline: none;}
	#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {color: #666666;}
	  
	#mainNav .navbar-toggler {
		font-size: 14px;
		padding: 11px;
		text-transform: uppercase;
		color:#0152a4;
		border-color: #e3e2e0;
	}
	
    #mainNav .navbar-toggler:focus, #mainNav .navbar-toggler:hover {color: white; border-color: #e3e2e0; background-color: #e3e2e0;}
	
	#navi {background-color: #ededed;}
	
	.navbar {padding: 0px;}
	
	@media (min-width: 992px) {
		section#kanzlei {padding-top: 199px;}
		#mainNav {
			-webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
			-moz-transition: padding-top 0.3s, padding-bottom 0.3s;
			transition: padding-top 0.3s, padding-bottom 0.3s; 
			margin:auto;
		}
		#mainNav .navbar-nav > li.nav-item > a.nav-link.active {color:  #0152a4; border-radius: 3px; background: #e3e2e0;}
		#mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, 
		#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {color:  #0152a4; background: #e3e2e0;}
		.navbar-expand-lg .navbar-collapse {width: 800px; min-height: 30px;}
		.navbar-expand-lg  .container{-ms-flex-direction: column; flex-direction: column;-webkit-flex-direction: column; max-width: 100%; padding: 0px;}
		ul.language img {max-height: 12px;}
		#wrapLogo {width: 100%; text-align: center;}
		.navbar-expand-lg .menue .nav-link {padding-left: 20px; padding-right: 20px;}
		.navbar-expand-lg .language .nav-link {padding-right: 0px;}
		
	}
	
	@media (max-width: 991px) {
		section {padding-top: 20px;}
		section#kanzlei {padding-top: 60px;}
		#mainNav, #navi {background-color: #e3e2e0;}
		#mainNav {border-bottom: 1px solid #666666;}
		ul.navbar-nav {background: #ededed;}
		ul.menue li.nav-item {border-top: 1px solid #999999; padding-top: 4px;}
		ul.menue li:last-child {border-bottom: 1px solid #999999;}
		footer  ul.navbar-nav, footer li.nav-item {background: none; border: none;}
		#wrapLogo {padding-left: 18px;}
		.navbar-brand  img {max-height: 80px; width: auto;}
		#logo {max-height: 50px;}
		#navi {max-width: 100%;}
		#mainNav .navbar-nav li.nav-item {padding-left: 20px;}
		ul.language {flex-direction: row;}
		ul.language img {max-height: 16px;}
	}
	
	footer {font-family: 'Crimson Text', serif; font-size: 16px;}
	footer p, footer a {color: #666666;font-size: 16px;}
	footer .footer-above {padding-top: 30px; background: #e3e2e0;}
	footer .footer-col {margin-bottom: 10px;}

	.btn-success {
		font-weight: 700;
		color: white;
		border-color: #0152a4;
		background-color: #0152a4;
		margin-left: 15px;
	}
   
  	.btn-success.focus, .btn-success:focus {
		color: white;
		border-color: #0152a4;
		background-color: #0152a4;
	}
	
	.btn-success:hover {color: white; border-color: #0152a4; background-color: #0152a4;cursor: default;}
	
	.btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle {
		color: white;
		border-color: #0152a4;
		background-color: #0152a4; 
	}
	
    .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, 
	.btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover {
		color: white;
		border-color: #0152a4;
		background-color: #0152a4;
	}
	  
	.btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle {background-image: none;}
	
	.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, 
	.btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
		border-color: #18BC9C;
		background-color: #18BC9C;
	}
	
	.btn-success .badge {color: #18BC9C; background-color: white;} 

	.btn.active, .btn:active, .btn:focus {outline: none;}
	
	.btn:hover {cursor:pointer;}
	
	@media (min-width: 576px) {
		.modal-dialog {max-width: 800px;}
	}
	
	#accordion h5, .modal-body h5 {
		font-size: 1em;
		text-transform: none;
	}
	
	#accordion .img-fluid, .modal-body img {
		max-width: 160px;
	}
	
	#accordion .card-block, .modal-body {
		padding: 30px;
	}
	
	#accordion .card-block .row, .modal-body  .row{
		padding-bottom: 10px;
	}
	
	.carousel-fade .carousel-item {
	  display: block;
	  position: relative;
	  opacity: 0;
	  transition: opacity .75s ease-in-out;
	}

	.carousel-fade .carousel-item.active {
	  opacity: 1;
	  display: block;
	}

	.carousel {
	  position: relative;
	  top: 0;
	  left: 0;
	  background-color: lightskyblue;
	}
	.carousel-inner {
	  background-color: pink;
	  height: 100%;
	}
	.carousel-item {
	  background-color: yellow;
	  opacity .5;
	}
	
#logo {
max-height: 160px;
}