@import url(http://fonts.googleapis.com/css?family=Titillium+Web:600,400);

/****************************************************************     
*****************************************************************                                          
   __ _                                           _        _      
  / _(_)_ __ _ __ ___   ___ _ __  _ __   ___  ___| |_   __| | ___ 
 | |_| | '__| '_ ` _ \ / _ \ '_ \| '_ \ / _ \/ __| __| / _` |/ _ \
 |  _| | |  | | | | | |  __/ | | | | | |  __/\__ \ |_ | (_| |  __/
 |_| |_|_|  |_| |_| |_|\___|_| |_|_| |_|\___||___/\__(_)__,_|\___|
***************************************************************** 
***************************************************************/

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	color:#666;	/* ko-20171212: alt=#666 */
	font-family:'PT Sans',sans-serif;
	margin-bottom: 3px;	 /* ko-20171212: einbau neues logo */
}

/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

body {
	line-height:1.3;
	text-align:center;
	font:inherit;
}

ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
 	table-layout:fixed;
}

/* end of http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
/*================================================================================================*/

/* ko: toggle für user-area (aufklappen) */
/* Erklärung:
                  +--- Eigenschaft, die geändert
                  |    werden soll
                  |           +--- zeitlicher Verlauf
                  |           |    der Transition
                  |           |
   transition: height 1s ease-in-out;
                       ^
                       |
                       +--- Dauer
					   */
					   				   
/******* Hallo Hr. Dunkel******: 
user1, user2, user3 sind alle durch #accordion definiert  */					   
#accordion div {
   background-color: #ccc;
   padding: 0px 0px 0px 0px;   
   height:190px;
   transition: height 2.0s ease-in;  /* klappt langsam zurück */
}

#accordion div:hover {
   background-color: #eee;  
   height: 540px;
   transition: height 0.7s ease-out;      /* klappt schnell raus */
}

/*
#accordion_user1 div {
   background-color: #ccc;
   padding: 0px 0px 0px 0px;   
   height:190px;
   transition: height 2.5s ease-in;  
}
#accordion_user1 div:hover {
   background-color: #eee;  
   height: 540px;  
   transition: height 0.7s ease-out;      
}
#accordion_user2 div {
   background-color: #ccc;
   padding: 0px 0px 0px 0px;   
   height:190px;
   transition: height 2.5s ease-in;  
}
#accordion_user2 div:hover {
   background-color: #eee;  
   height: 540px;  
   transition: height 0.7s ease-out;     
}
#accordion_user3 div {
   background-color: #ccc;
   padding: 0px 0px 0px 0px;   
   height:190px;
   transition: height 2.5s ease-in;  
}
#accordion_user3 div:hover {
   background-color: #eee;  
   height: 540px;  
   transition: height 0.7s ease-out;      
}
*/



/***************
 ** standards **
 ***************/

* {
	line-height:1.5em;
	vertical-align:top;
	color:#666;
	font-size:1em;
}

html {
	height:100.1%;
}

body {
	font-size:62.5%;
	background:#fff;
	text-align:left;
}

img {
	max-width: 100%;
	height: auto;
}

img,div {
	border:none;
}

br {
	line-height:1em;
}

b,strong {
	font-weight: 600!important;
	line-height: inherit !important;
}

i,em {
	font-style:italic;
}

p {
	font-size: 15px;
	font-weight:400;
	line-height: 20px;
	margin-bottom: 10px;
}

p * {
	color:inherit;
}

p.underline {
	border-bottom:1px solid #666;
	margin-bottom:5px;
	padding-bottom:5px;
}

p * {
	font-size:1em;
}

ul {
	list-style:none;
}

.clear {
	clear:both;
	height:0;
}

.clearfix:after {
	content:" ";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}

select, option{

	font-family:inherit;

}

/***********
 ** links **
 ***********/

a {
	outline:none;
}

a,a:link,a:visited {
	text-decoration:none;
	font-weight:400;
	color: #01437a; /* ko-20171212: alt=#5c6b32 */
	-webkit-transition: color 0.5s ease-in-out;
  	-moz-transition: color 0.5s ease-in-out;
  	-ms-transition: color 0.5s ease-in-out;
  	-o-transition: color 0.5s ease-in-out;
  	transition: color 0.5s ease-in-out;
  line-height: inherit !important;
}

a:hover {
	color: #01437a!important; /* ko-20171212: alt=#4B7D54 !important; */  
	text-decoration:none!important;
}

a:hover,a:active,a:focus,a:visited {
	text-decoration:none!important;
}

/**********
 ** main **
 **********/

#all {
	margin-top:0;
}

#container {
}

#header {
	position:fixed;
	top:0;
	width: 100%;
	z-index:3;
	background:rgba(255,255,255,0.95);
	padding: 30px 0 0 0!important;
}

#header-inner {
	position:relative;
}

#top-left {
	float:left;
}

#top-left img {
	width: 200px;	/* altes Logo: 123px  */
	margin-left: 15px;
}

#top-right {
	position: relative;
	float: right;
  text-align: right;
}

#header-navigation {
	width:100%;
	float:left;
}

#feature {
	position:relative;
	z-index:2;
	margin-bottom: 30px;
}

#feature-inner {
}

#content {
	position:relative;
	z-index:1;
	padding-top: 30px;
	padding-bottom: 30px;
}

#content-inner {
	position: relative;
}

#breadcrumb {
	position: absolute;
  right: 0;
  top: 3px;
  z-index: 100;
}

#breadcrumb a {
	font-size: 16px;
}

#breadcrumb a:after {
	content: '';
	font-family: 'FontAwesome';
	font-weight: 400;
	padding-left: 10px;
}

#left {
}

#left-inner {
}

#mid {
}

#mid-inner {
}

#system-message {
	margin:0;
}

#right {
}

#right-inner {
}

#user-area .moduletable {
	margin-top: 30px;
	/*margin-bottom: 30px;  /* ko: weg, damit weißer Abstand unter user-area vorm green balken kleiner wird  /* ORG: margin-bottom: 30px; */
}

#subcontent {
	padding-top: 35px;
	padding-bottom: 35px;
	margin-top: 30px;
	background: url('../images/bg-subcontent.jpg');
	background-size: cover;
}

#subcontent .moduletable {
    padding: 0 15px;
}

#footer {
	padding:30px 0;
}

#footer-inner {
}

/* TYPO */

h1,h2,h3,h4,h5,h6 {
	line-height:1em;
}


h1, .h1 {
	font-weight: 400;
	font-size: 35px;
	color: #01437a; /* ko-20171212: alt=#5c6b32; */ 
	margin-bottom: 20px;
	line-height:30px;
}

h1.underline {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

h2, .h2 {
	font-size: 30px;
	color: #01437a; /* ko-20171212: alt=#5c6b32; */
	font-weight: 400;
	margin-bottom: 20px;
}

h3, .h3 {
	font-weight: 400;
	font-size: 25px;
	margin-bottom: 20px;
	color: #01437a; /* ko-20171212: alt=#5c6b32; */
}

h4, .h4 {
	font-weight: 400;
	font-size: 20px;
	color: #01437a; /* ko-20171212: alt=#5c6b32; */
}

h5, .h5 {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase !important;
}

p.h5 {
	margin-bottom: 0;
}

h6 {
	font-size:14px;
	text-transform: uppercase;
	color: #01437a; /* ko-20171212: alt=#5c6b32; */
	font-weight:400;
	line-height: 20px;
	margin-bottom:11px;
}

p.quote {
	font-size: 25px;
	font-style: italic;
	margin: 30px 0 5px -10px;
}

p.quote+p {
	margin-bottom: 0px;
}

.page-header {
	border: none !important;
}

/* - Listen - */

ul + p {
	margin-top: 10px;
}

#mid-inner ul, #mid-inner ol, #tinymce ul, #tinymce ol {
	margin-left:20px;
}

#mid-inner ul, #tinymce ul {
	list-style:disc;
}

#mid-inner ul > li, #tinymce ul > li, ul > li {
	font-size: 15px;
}

/* - Links - */

a.extern:after {
	content: '';
	font-family: 'FontAwesome';
	font-weight: 400;
	margin-left: 5px;
	color: inherit;
}


/* --- NAVIGATION --- */

nav#nav {
	float: right;
	margin: 88px 0 0 0;
}

ul.maximenuck * {
	font: 16px 'PT Sans', sans-serif !important;
	width: auto !important;
	text-shadow: none !important;
}

ul.maximenuck {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	box-shadow: none !important;
	margin-top: 40px !important;
}

ul.maximenuck li.level1 {
	background: none !important;
	border: none !important;
	margin: 0!important;
	padding: 0 0 30px 0 !important;
	width: 100px !important;
	text-align: center;
}

ul.maximenuck li a {
	min-height: 1px !important;
}

ul.maximenuck li.level1 > a > span {
	font-weight: 400 !important;
	text-transform: uppercase;
	text-shadow: none !important;
	padding: 0 !important;
	color: #01437a; /* ko-20171212: alt=#5c6b32; */
}

li.level1:hover > a > span.titreck, li.level1.active > a > span.titreck {
	font-weight: 700 !important;
	color: #01437a!important; /* ko-20171212: alt=#5c6b32!important; */ 
}

/* Ebene 2 */

div#maximenuck87 .level1 > div.floatck,
div#maximenuck119 .level1 > div.floatck {
	background: rgba(255,255,255,0.9) !important;
	margin: 30px 0 0 0px !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 0 6px 6px !important;
	border-top: 1px solid #fff !important;
}

div#maximenuck87 li.level2, div#maximenuck87 li.level3,
div#maximenuck119 li.level2, div#maximenuck119 li.level3 {
	margin: 0!important;
	padding: 10px 15px !important;
}

div#maximenuck87 li.level2:last-child:hover, div#maximenuck87 li.level3:last-child:hover,
div#maximenuck119 li.level2:last-child:hover, div#maximenuck119 li.level3:last-child:hover {
	border-radius: 0 0 6px 6px !important;
}

div#maximenuck87 li.level3:first-child:hover,
div#maximenuck119 li.level3:first-child:hover {
	border-radius: 0 6px 0 0 !important;
}

div#maximenuck87 li.level2:hover, div#maximenuck87 li.level3:hover,
div#maximenuck119 li.level2:hover, div#maximenuck119 li.level3:hover {
	background: #fff !important;
}

div#maximenuck87 li.level2 > span,
div#maximenuck119 li.level2 > span {
	text-transform: uppercase !important;
}

div#maximenuck87.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck87.maximenuckh ul.maximenuck li.level1.parent > span.separator:after,
div#maximenuck119.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck119.maximenuckh ul.maximenuck li.level1.parent > span.separator:after {
	top: 25px !important; 
	right: 45px !important;
	border-width: 4px 4px 0px 4px !important;
	border-color: #01437a transparent transparent transparent !important; /* ko-20171212: #5c6b32 transparent transparent transparent !important; */
}

div#maximenuck87.maximenuckh ul.maximenuck li.level1.parent > a, div#maximenuck87.maximenuckh ul.maximenuck li.level1.parent > span.separator,
div#maximenuck119.maximenuckh ul.maximenuck li.level1.parent > a, div#maximenuck119.maximenuckh ul.maximenuck li.level1.parent > span.separator {
	padding: 0 !important;
	/*padding-top: 10px !important;   ko-20171212: einbau neues logo  */
}

div#maximenuck87 ul.maximenuck li.level1.parent li.parent > a:after, div#maximenuck87 ul.maximenuck li.level1.parent li.parent > span.separator:after, div#maximenuck87 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a:after, div#maximenuck87 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a:after,
div#maximenuck119 ul.maximenuck li.level1.parent li.parent > a:after, div#maximenuck119 ul.maximenuck li.level1.parent li.parent > span.separator:after, div#maximenuck119 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a:after, div#maximenuck119 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a:after {
	display: none !important;
}

/* Level 3 */

div#maximenuck87 .level2 > div.floatck,
div#maximenuck119 .level2 > div.floatck {
	background: rgba(255,255,255,0.9) !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0px 6px 6px 6px !important;
}

div#maximenuck87 .level2 > div.floatck { 
	margin: -31px 0 0 90% !important;
}

div#maximenuck119 .level2 > div.floatck {
	margin: -31px 0 0 92% !important;
	min-width: 225px;
}


/* Mobile Navigation */

.mobilebarmenuck {
	background: none !important;
	height: auto !important;
}

.mobilebarmenutitleck {
	padding: 0 20px 0 0 !important;
	line-height: 17px !important;
	color: #666 !important;
	font: 700 14px 'Merriweather', serif !important;
}

.mobilebarmenutitleck {display:none;}


.mobilemaximenuck {background:#24272B !important; text-shadow:none !important;}
span.mobiletextck {color:white;}

.mobilemaximenuck div.level3.maximenuck > a {
    background: none !important;
    padding-left: 30px !important;
}

.mobilemaximenuck .mobilemaximenucktitle {
	display:none !important;
}

.mobilemaximenuck .topbar {
	background:#24272B !important;
}

.mobilemaximenuck a {
	background:none !important; 
	min-height:1px !important; 
	padding:15px 0px 10px 20px !important;
}

.mobilebuttonmenuck:after {
    content: "\f0c9";
    font-family: FontAwesome;
    color: #333333;
    font-size: 30px;
}

.mobilebuttonmenuck {
    background: none !important;
    margin: 0 15px 20px 0 !important;
    height: auto !important;
    width: auto !important;
    top: 0;
}

span.mobilemaximenuckclose {
    background: none !important;
    width: auto !important;
    height: auto !important;
    padding: 5px;
}

span.mobilemaximenuckclose:after {
    content: "\f00d";
    color: rgb(255, 255, 255);
    font-family: FontAwesome;
    font-size: 30px;
}

.mobilemaximenuck div.maximenuck {
	border-bottom: 1px solid rgb(107, 107, 107) !important; 
	background:none !important; 
	min-height:1px !important;
}

.mobilemaximenuck div.level2.maximenuck > a {
    background: none !important;
    padding-left: 21px !important;
}

.mobilemaximenuck div.maximenuck:hover, .mobilemaximenuck div.maximenuck:focus {
	background-color:#525a61 !important;
}

.mobilemaximenutogglericon {
		right: 0;
    background: none !important;
    margin-right: 0 !important;
    width: 50% !important;
    height: 100% !important;
    padding: 15px 30px 15px 0;
    text-align: right;
}

.mobilemaximenutogglericon:after {
    content: '';
    font-size: 25px;
    color: #fff;
    font-family: 'FontAwesome';
}

div.current > a:after { /*Backlink*/ 
    display: none !important;
}

/* --- SUCHE --- */

.moduletable_search {
	width: 165px !important;
	display: inline;
	float: right;
  margin-bottom: 15px;
  margin-right: 30px;
}

.moduletable_search label {
	width: 1px;
}

.moduletable_search input {
	width: 150px !important;
	border: 0px;
	font: 400 12px 'Open Sans', sans-serif;
	padding: 3px 6px;
	background: none;
	text-transform: uppercase;
}

.moduletable_search label:before {
	content: '';
	font-family: 'FontAwesome';
	display: inline-block;
	color: #999;
	font-size: 12px;
	padding-top: 3px;
}

#top-right label {
	margin: 0 !important;
}

/* --- LANG --- */

.moduletable_lang {
	float: right;
	margin-top: -2px;
	margin-right: 15px;
}

.moduletable_lang ul li {
	float: left;
}

.moduletable_lang ul li:first-child {
	margin-right: 10px;
}

.moduletable_lang ul li.lang-active img, .moduletable_lang ul li img:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

.moduletable_lang ul li img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}


/*************************
** Content Table Boxes
*************************/

.articleBody div {
	padding: 0 !important;
}

/* --- SLIDESHOW --- */

.tp-bullets.simplebullets.round .bullet {
	width: 12px !important;
	height: 12px !important;
	background: rgba(255,255,255,0.7) !important;
	margin-left: 6px !important;
	border-radius: 50%;
}

.tp-bullets.simplebullets.round .bullet.selected {
	background: rgba(255,255,255,0.9) !important;
}

.tp-leftarrow.default {
	background: url('../images/arrow-left.png') no-repeat 0 0 !important;
	width: 18px;
	height: 29px;
}

.tp-rightarrow.default {
	background: url('../images/arrow-right.png') no-repeat 0 0 !important;
	width: 18px;
	height: 29px;
}

/* --- KONTAKT MAPS --- */

#feature .row {
	margin: 0 !important;
}

#feature .row > div {
	padding: 0 !important;
	margin-top: 120px;
}

.mapprint {
	display: none;
}

#feature .map {
	height: 400px !important;
}

#feature .row > div:first-child {
	border-right: 3px solid #01437a;	/* ko-20171212: alt= 3px solid #5c6b32;  */
} 

/* --- HOME --- */

.item-page_home div {
	margin: 0 auto;
}

.item-page_home p.h1 {
	margin: 10px auto 30px;
	text-align: center;
}

.item-page_home p.intro {
	line-height: 1.7;
	font-size: 18px;
	text-align: center;
}

.item-page_home .fa-check {
	margin: 1px 5px 0 0;
	font-size: 20px;
}
/* --- REF --- */

.item-page.ref img {
	border: 1px solid #01437a;	/* ko-20171212: alt= #5c6b32; */
	margin: 0 15px 20px 0;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.item-page.ref img:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

.item-page.ref p {
		text-align: center;
	}

/* --- BLOG --- */

.blog h2 {
	margin-bottom: 15px !important;
}

.blog h2 a {
	font-weight: 400;
	font-size: 20px !important;
	color: #01437a;	/* ko-20171212: alt= #5c6b32; */
	font-style: normal !important;
	text-transform: uppercase;
}

p.readmore {
	margin: 15px 0 0 0!important;
}

p.readmore a.btn {
    padding: 0 !important;
    font-size: 16px !important;
}

.page-header h2 a {
	font-weight: 400;
	font-style: normal !important;
	text-transform: uppercase;
}

.page-header h1 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 30Px;
  line-height: 1em;
}

/* CONTENT */

/* - Team - */

.item-page.team > div:last-child {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 40px; 
  -moz-column-gap: 40px; 
  column-gap: 40px;
}

.item-page.team p:nth-child(2) {
	margin-bottom: 0px;
}

#team-area {
	margin-bottom: 30px;
}

#team-area img {
    border-radius: 150px;
}

#team-area > div {
	position: relative;
  	margin-bottom: 49px;
}

#team-area > p:first-child {
	text-align: center;
	margin-bottom: 30px;
}

#team-area > div p:first-child:after {
	content: '';
	font-family: 'FontAwesome';
	position: absolute;
	font-size: 18px;
	color: #aaa;
	right: 31px;
	bottom: 26px;
}

#team-area > div:hover p:last-child{
	opacity: 1;
}

#team-area > div p:last-child {
	padding: 20px;
	border: 1px solid #ddd;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
  display: inline-block;
  background: #fff;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.3s ease;
  height: 270px;
  width: 270px;
}

/* - Services - */

.item-page.services .row > div {
	margin-bottom: 30px;
}

.item-page.services .page-header {
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
}

.item-page.services h3 {
	margin-bottom: 0;
}

/* - Projekte - */

.table.projekt h5 {
	color: #01437a;	/* ko-20171212: alt= #5c6b32; */
	margin-bottom: 5px;
}

.table.projekt p + h5 {
	margin-top: 20px !important;
}

.table.projekt tr td {
	padding: 0 0 0 0 !important;
	border: none;
}

.table.projekt tr td:first-child {
	width: 60%;
	padding-right: 30px !important;
}

.table.projekt tr td:last-child {
	width: 40%;
	padding-left: 30px !important;
	border-left: 1px solid #ddd;
}

.table.projekt tr td:last-child img {
	max-width: 450px;
	margin: 0 0 10px 0;
}

.table.projekt tr td:last-child img+img {
	margin-bottom: 30px;
}

.page-header h2 {
	font-size: 35px;
	padding-bottom: 30px;
	margin-bottom: 30px !important;
	border-bottom: 1px solid #ddd;
}

/* Mouseover Projektauswahl */

#project-area {
	margin-bottom: 60px;
}

#project-area-inner {
	margin: 0 -15px !important;
}

#project-area h3 { 
	font-size: 28px;
  text-transform: uppercase;
  margin: 0 -2px -4px 0; 
  color: #ccc;
  font-weight: 700;
  z-index: 10;
}

#project1, #project2, #project3, #project4 {
	height: 300px;
}

#project1-inner, #project2-inner, #project3-inner, #project4-inner {
	height: 300px;
	overflow: hidden;
	background-size: cover !important;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	background-position: center !important;
}

#project1-inner {
	background: url('../images/klima.jpg');
}

#project2-inner {
	background: url('../images/energie.jpg');
}

#project3-inner {
	background: url('../images/bildung.jpg');
}

#project4-inner {
	background: url('../images/sonstiges.jpg');
	background-position: right !important;
}

#project1 .moduletable, #project2 .moduletable, #project3 .moduletable, #project4 .moduletable {
	padding: 30px 0;
	height: 300px;
	background: rgba(255,255,255,0.85);
	opacity: 0;
	transition: 0.3s opacity ease;
	overflow-y: scroll;
}

#project1 .moduletable *, #project2 .moduletable *, #project3 .moduletable *, #project4 .moduletable * {
	text-align: center;
	color: #666;
}

#project1:hover .moduletable, #project2:hover .moduletable, #project3:hover .moduletable, #project4:hover .moduletable  {
	opacity: 1;
}

#project-area h4 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 0;
  color: #01437a;	/* ko-20171212: alt= #5c6b32; */
  margin-bottom: 15px;
}

#project-area ul li a {
	display: block;
	border-bottom: 1px solid #ddd;
  padding: 10px 0 9px 0;
  transition: 0.3s background ease;
}

#project-area ul li:last-child a {
	border-bottom: none;
}

#project-area ul li a:hover {
	background: #01437a;	/* ko-20171212: alt= #5c6b32; */
  color: #fff !important;<br /><em class="fa fa-envelope"></em>info@kanzlei-gesundheitsrecht.de
}

/* Search */

.search h1.page-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.search input {
    font-size: 16px;
    padding: 5px 8px;
    border-radius: 5px;
}

div.searchintro {
	margin: 20px 0 10px;
}

.search .result-title {
	font-size: 20px;
	color: #01437a;	/* ko-20171212: alt= #5c6b32; */
	margin-top: 20px;
}

.form-limit, .result-text, .error {
	font-size: 16px;
}

.result-category span {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #aaa;
}

.result-created {
	display: none;
}

.search .btn {
	display: none;
}

.search span.highlight {
	background: #ddd;
	padding: 2px 4px;
	border-radius: 3px;
}

/* --- RIGHT --- */

#right {
	margin-top: 4px;
}

#right h3 {
	margin-bottom: 15px;
}

#right p {
	margin: 0;
	line-height: 200%;
}

#right a:after {
	content: '';
	font-family: 'FontAwesome';
	font-weight: 400;
	margin-left: 5px;
	font-size: 14px;
}

/* --- USER-AREA --- */

#user-area * {
	text-align: right;
}

#user-area h3 {
	font-size: 31px;
	text-transform: uppercase;
	margin: 0 0 -6px 0;
	color: #ccc;
	font-weight: 700;
}

#user-area img {
  position: absolute;
  left: 0px;	/* 20170123: Hr. Dunkel */
  top: 0px;		/* 20170123: Hr. Dunkel */
}

#user-area * .box {
  background: #ddd;
	padding: 25px 25px 14px 15px;	/* ORG: padding: 25px 25px 14px 15px; */
	height: 110px; /* ko  */
}

/* --- SUBCONTENT --- */

#subcontent * {
	color: #666;	/* ko-20180125 farbänderung:#01437a;  ko-20171218 farbänderung:  #666; */
}

#subcontent table tr:last-child td:first-child, table tr td:first-child {
	padding-right: 30px;
}

#subcontent table tr:last-child td:first-child {
	border-right: 1px solid #fff;
}

#subcontent table tr:last-child td:last-child {
	padding-left: 30px;
}

#subcontent table tr td p:last-child {
	margin-bottom: 0px !important;
}

#subcontent p + h5 {
	margin-top: 30px;
}

#subcontent h5 {
	font-weight: 600;
	color: #01437a;  /* ko-20171218  */
}

#subcontent a {
	display: inline-block;
	margin-top: 15px;
	font-weight: 600;
}

#subcontent a:hover {
	color: #fff !important;
}

/* --- FOOTER --- */

#footer * {
	font-size: 14px;	
}

#footer a {
	color: #666 !important;
}

#footer a:hover {
	color: #01437a!important;	/* ko-20171212: alt= #5c6b32!important; */
}

#footer .fa-phone {
	padding-right: 6px;
}

#footer .fa-mobile {
	font-size: 18px !important;
	padding: 0 8px 0 1px;
}

#footer .fa-envelope {
	padding-right: 3px;
}

#footer1 p:first-child, #footer2 p:first-child {
	margin-bottom: 24px;
}

div#footer3 {
    padding-left: 36px;
}

div#footer4 {
    margin-right: -10px;
}

#footer6 h6 {
	margin-bottom: 21px;
}

#footer6 a .fa {
    font-size: 35px;
    margin-right: 5px;
    transition: 0.3s color ease-in-out;
}

#footer6 a:last-child:hover .fa {
	color: #3b5998;
}

#footer6 a:first-child:hover .fa {
	color: #006464;
}

#footer6 a.xing {
	display: block;
	height: 40px;
	width: 98px;
	background: url('../images/xing.png') 0 40px;
	text-indent: -999999px;
	overflow: hidden;
}

#footer6 a.xing:hover {
	background: url('../images/xing.png') 0 0;
}

#footer6 p:last-child {
	margin-top: 54px;
}

/***********************
** GOOGLE MAPS OVERRIDES **
***********************/
td.maps p {
	font-size:1em;
}

/***********************
** BREEZING FORMS **
***********************/

.bfQuickMode #dateneingabe span.bfElemWrap {
	width: 99% !important;  /* 20180524-ko: Org=49%  */
	margin-right: 0 !important;
}

.bfQuickMode #dateneingabe span.bfElemWrap:first-child, .bfQuickMode #dateneingabe span.bfElemWrap:nth-child(3) {
	margin-right: 1% !important;
}

.bfQuickMode #dateneingabe span.bfElemWrap:nth-child(3), .bfQuickMode #dateneingabe span.bfElemWrap:nth-child(4) {
	padding-bottom: 5px !important;
}

.bfQuickMode #texteingabe span.bfElemWrap {
	width: 100% !important;
}

/* --- --- --- */

.bfClearfix {
	width: 384px;  /* 20180524-ko: Org=700px;  */
}

.bfQuickMode * {
	font-size: 16px;
}

.bfQuickMode span.bfLabelLeft input, .bfQuickMode span.bfLabelLeft textarea, .bfQuickMode span.bfLabelLeft select, .bfQuickMode span.bfLabelLeft button {
	width:100%!important;
	padding: 10px 15px 9px !important;
}

.bfQuickMode .bfLabelLeft textarea {
  max-width: 100%;
}

.bfElementGroup input[type='radio'] {
	vertical-align:top;
}

.bfElementGroupNoWrap input[type='radio'] {
	vertical-align:top;
}

.bfElementGroup input[type='checkbox'] {
	vertical-align:top;
}

.bfElementGroupNoWrap input[type='checkbox'] {
	vertical-align:top;
}

/* ##### General BreezingForms styles ##### */

.bfQuickMode {
}

.bfQuickMode fieldset {
}

.bfQuickMode legend {
}

.bfQuickMode p.bfElemWrap {
/*background: #D7B481 !important;*/;
}

.bfQuickMode p.bfElemWrap:hover {
	background:#cad3fa!important;
	border-radius:5px;
}

.bfQuickMode span.bfElemWrap {
	padding: 0 0 10px 0 !important;

}

.bfQuickMode .bfNoSection {
	margin: 0 !important;
}

/* ##### inline ##### */
.bfQuickMode fieldset fieldset legend {
}

.bfQuickMode fieldset.bfInline {
}

.bfQuickMode fieldset.bfInline p {
}

/* ##### Input Fields ##### */
.bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode textarea, .bfQuickMode select {
	border-radius:6px;
	border:1px solid #dfe2e0;
}

.bfQuickMode input {
	height: 45px;
}

.bfQuickMode textarea:hover, .bfQuickMode input[type='text']:hover, .bfQuickMode input[type='password']:hover, .bfQuickMode select:hover {
}

.bfQuickMode textarea:focus, .bfQuickMode input[type='text']:focus, .bfQuickMode input[type='password']:focus, .bfQuickMode select:focus {
}

.bfQuickMode input[type='button'], .bfQuickMode input[type='submit'], .bfQuickMode input[type='checkbox'], .bfQuickMode input[type='image'], .bfQuickMode input[type='radio'], .bfQuickMode input[type='reset'], .bfQuickMode select, .bfQuickMode button {
}

.bfQuickMode input[type='hidden'] {
	display:none;
}

/* ##### page intro ##### */
.bfQuickMode .bfPageIntro {
}

/* ##### error messages #####*/
.bfQuickMode .bfErrorMessage {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
  	font-size: 14px;
}

/* ##### max length message ##### */
.bfMaxLengthCounter {
	color:#666;
}

/* ##### tooltip ##### */
.bfQuickMode span.hasTip {
	background:transparent url(img/icon_info.png) right top no-repeat;
}

/* ##### Section Description #####*/
.bfQuickMode .bfSectionDescription {
}

.bfQuickMode .bfSectionDescription p {
}

/* ##### required ##### */
.bfQuickMode .bfRequired {
}

/* ##### buttons ##### */
.bfQuickMode input[type='submit'], .bfQuickMode input[type='reset'] {
}

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
	border:0;
	margin-top: 10px;
	margin-right:40px;
	display:inline-block;
	padding:10px 46px; /* 20180524-ko ORG= 10px 40px;   */
	color:#fff;
	text-decoration:none;
	position:relative;
	cursor:pointer;
	background-color: #01437a;	/* ko-20171212: alt= #5c6b32; */
	outline:0;
	border-radius: 6px;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
}

.bfSubmitButton:hover {
	background: #a2c037;		/* ko-20171212: ORG= #7ed67e; */
} 


.bfQuickMode .bfNextButton span, .bfQuickMode .bfSubmitButton span, .bfQuickMode .bfCancelButton span {
	font-weight:400;
	color:#fff;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.bfQuickMode .bfNextButton:active, .bfQuickMode .bfSubmitButton:active, .bfQuickMode .bfCancelButton:active {
	top:1px;
}

.bfQuickMode .bfPrevButton {
}
.bfQuickMode section.bfElemWrap {
	padding:5px 5px 5px 0!important;
}

.bfQuickMode input.bfCalendar {
}

.bfQuickMode section input[type='text'], .bfQuickMode section textarea, .bfQuickMode section select {
	width:100%!important;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:10px 12px;
	font-size: 16px;
	line-height:16px;
}

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
	margin-right: 5px!important;
}

/* BOOTSTRAP OVERRIDES */
@media (min-width: 768px) {

.container {
	width:750px!important;
}
}

@media (min-width: 992px) {
	.container {
		width:900px!important;
	}
	
	.feature_box {
		display:block!important;
	}
}

@media (min-width: 1200px) {
	.container {
		width:1230px!important;
	}
}

@media (max-width: 1200px) {
	
	#user-area h3 {
		font-size: 22px;
		margin: 0 0 -4px 0;
	}
	
	#user-area p.h5 {
    font-size: 15px;
	}
	
	#user-area p.h4 {
    font-size: 13px;
	}
	
	#footer3, #footer4, #footer5 {
		display: none;
	}
	
	#project1, #project2, #project3, #project4, 
	#project1-inner, #project2-inner, #project3-inner, #project4-inner, 
	#project1 .moduletable, #project2 .moduletable, #project3 .moduletable, #project4 .moduletable {
    height: 195px;
	}
	
	#project1 .moduletable, #project2 .moduletable, #project3 .moduletable, #project4 .moduletable {
		opacity: 1;
	}

	#user-area img {
  	max-width: 100%;    /* 20170123: Hr. Dunkel  /* ORG: width: 50px;*/ 
	}

}

@media (max-width: 992px) {
	
	#bfPage1 {
		margin-top:30px;
	}
	
	ul.maximenuck li.level1 {
		width: 90px !important;
	}
	
	#user-area h3 {
    font-size: 40px;
    margin: 0 -1px -8px 0;
	}
	
	#user-area p.h5 {
	    font-size: 20px;
	}
	
	#user-area p.h4 {
    font-size: 16px;
    line-height: 25px;
	}
	
	#project-area h3 {
		font-size: 40px;
		margin-bottom: -6px;
	}
	
	#project1, #project2, #project3, #project4, 
	#project1-inner, #project2-inner, #project3-inner, #project4-inner, 
	#project1 .moduletable, #project2 .moduletable, #project3 .moduletable, #project4 .moduletable {
    height: 345px;
	}
	
	#project1, #project2, #project3, #project4 {
		margin-bottom: 60px;
	}
	
	#user-area img {
	max-width: 100%;	/* 20170123: Hr. Dunkel*/ /* ORG: width: 70px;   */
	max-height: 190px;
	}
}

@media (max-width:767px) {
	.bfQuickMode input[type=text], .bfQuickMode textarea, .bfQuickMode .uneditable-input, .bfQuickMode input[type=text]:hover, .bfQuickMode textarea:hover, .bfQuickMode .uneditable-input:hover, .bfQuickMode input[type=text]:focus, .bfQuickMode textarea:focus, .bfQuickMode .uneditable-input:focus {
		width:100%!important;
		max-width:100%!important;
		min-width:100%!important;
	}
	
	.btn-primary {
		float: right;
		top: -30px;
	}
	
	#feature .map {
		height: 250px !important;
	}
	
	#header {
		padding-top: 20px !important;
	}
	
	#mid {
		padding: 0 30px;
	}
	
	#right {
		margin-top: 30px;
		padding: 0 30px;
	}
	
	.blog h3 {
		font-size: 20px;
	}
	
	.blog .item {
    margin-bottom: 30px;
	}
	
	table.table.projekt tr td:first-child {
		padding-bottom: 30px !important;
		border-bottom: 1px solid #ddd !important;
	}
	
	table.table.projekt tr td:last-child {
		padding: 30px 0 0 0 !important;
	}
	
	table.table.projekt tr td:last-child img {
		margin: 0 30px 30px 0;
	}
	
	table.table.projekt tr td {
    display: block;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
	}
	
	#breadcrumb {
    position: relative;
    text-align: right;
	}
}

@media (max-width: 480px) {
	
	#header {
		position: relative;		
		padding-top: 10px !important;
	}
	
	#top-left img {
		width: 100px;
		margin: 0 0 10px 0;
	}
	
	.moduletable_lang {
    margin-bottom: 17px;
    float: left;
	}
	
	#top-right .moduletable {
    float: right;
    margin-top: 7px;
	}
	
	.moduletable_search {
		position: absolute;
    display: block;
    left: -100px;
    width: 100px !important;
   }
   
   .moduletable_search input {
    width: 85px !important;
   }
	
	#user-area h3 {
    font-size: 30px;
    margin-bottom: -4px;
	}
	
	.item-page_home p.h1, .item-page_home p:last-child {
    line-height: 130%;
	}
	
	.item-page.team > div:last-child {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	}
	
	#team-area > div {
		width: 100%;
		margin-top: 30px;
	}
	
	#subcontent table tr td, table.table.projekt tr td {
    display: block;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
	}
	
	#footer1, #footer2 {
		width: 50%;
		text-align: center;
		padding: 0;
	}
	
	#footer6 {
		width: 100%;
		margin-top: 30px;
		text-align: center;
		padding: 0;
	}
	
	#feature .row > div {
		margin-top: 0px;
	}
	
	#feature .map {
		height: 250px !important;
	}
	
	#user-area img {
	max-height: 190px;	/* 20170123: Hr. Dunkel */
  	/*width: 40px;*/	/* 20170123: Hr. Dunkel /* ORG: width: 40px;   */
  	/*top: 30px;*/		/* 20170123: Hr. Dunkel /* ORG: top: 30px;  */
	}
	
	#user3 img {
  	top: 35px;
	/* width: 100%; */	/* ko  */
	}
}