/*
Theme Name: Kampmann & Partner
Theme URI: Theme Url
Description: Theme Beschreibung
Author: Joschka Pachur
Author URI: http://www.soda-websolutions.de
*/

body{ 
	background-color:#ecf0f1;
}

/* General Styles */
.soda-horizontal-line{
	margin-top:1em;
	margin-bottom:1em;
	color:#D9E0E5;
	background-color:#D9E0E5;
	height:1px;
	width:100%;
}
.soda-horizontal-line-sm{
	margin-top:0.1em;
	margin-bottom:0.1em;
	color:#D9E0E5;
	background-color:#D9E0E5;
	height:1px;
	width:100%;
}

/* ------------ NAVIGATION STYLES */

/* navbar */
.navbar-custom {
    background-color: none; /* Hintergrund für Navigation */
	padding:0px;
	margin:0px;
	font-family:'Open Sans'; /* Schriftart für Menüpunkte */
	font-size:1em; /* Schriftgröße für Menüpunkte */
	text-transform:uppercase; /* Transformation für Menüpunkte */
}
/* link */
.navbar-custom .navbar-nav > li > a {
    color: #ecf0f1; /* Farbe inaktive Links */
	margin-left:; /* Abstandd Links */
}
.navbar-custom .navbar-nav > li > a:hover {
    color: rgb(14,195,255); /* Farbe hover Links */
	background-color:inherit; /* Hintergrund hover Links */
	border-bottom:0px solid #f1c40f; /* rand hover Links */
}
.navbar-custom .navbar-nav > .active > a, 
.navbar-custom .navbar-nav > .active > a:hover, 
.navbar-custom .navbar-nav > .active > a:focus {
    color: rgb(14,195,255); /* Farbe aktiver Link */
    background-color:  rgba(0,0,0,0.2); /* Hintergrund aktiver Link */
	border-bottom:5px solid rgba(14,195,255,1);
}
.navbar-custom .navbar-nav > .open > a, 
.navbar-custom .navbar-nav > .open > a:hover, 
.navbar-custom .navbar-nav > .open > a:focus {
    color: rgb(14,195,255); /* Farbe aktiver Link */
    background-color: rgba(0,0,0,0.2); /* Hintergrund aktiver Link */
}
/* caret */
.navbar-custom .navbar-nav > li > a .caret {
    border-top-color: #777; /* Hintergrund Caret */
    border-bottom-color: #777; /* Hintergrund Caret */
}
.navbar-custom .navbar-nav > li > a:hover .caret {
    border-top-color: #333; /* Hintergrund hover Caret */
    border-bottom-color: #333; /* Hintergrund hover Caret */
}
.navbar-custom .navbar-nav > .open > a .caret, 
.navbar-custom .navbar-nav > .open > a:hover .caret, 
.navbar-custom .navbar-nav > .open > a:focus .caret {
    border-top-color: #555; /* Hintergrund aktiv Caret */
    border-bottom-color: #555; /* Hintergrund aktiv Caret */
}
.navbar-toggle > span{
	background-color:rgb(14,195,255); /* Farbe Toggle button */
}


/* navbar */
.navbar-custom-2 {
    background-color: none; /* Hintergrund für Navigation */
	padding:0px;
	margin:0px;
	font-family:'Open Sans'; /* Schriftart für Menüpunkte */
	font-size:0.9em; /* Schriftgröße für Menüpunkte */
	text-transform:uppercase; /* Transformation für Menüpunkte */
}
/* link */
.navbar-custom-2 .navbar-nav > li {float:none;}
.navbar-custom-2 .navbar-nav > li > a {
	color: #C3C8C8; /* Farbe inaktive Links */
	margin-left:; /* Abstandd Links */
	padding:1px;
}
.navbar-custom-2 .navbar-nav > li > a:hover {
    color: rgb(14,195,255); /* Farbe hover Links */
	background-color:inherit; /* Hintergrund hover Links */
	border-bottom:0px solid #f1c40f; /* rand hover Links */
}
.navbar-custom-2 .navbar-nav > .active > a, 
.navbar-custom-2 .navbar-nav > .active > a:hover, 
.navbar-custom-2 .navbar-nav > .active > a:focus {
    color: rgb(14,195,255); /* Farbe aktiver Link */
    background-color:  rgba(0,0,0,0.2); /* Hintergrund aktiver Link */
	padding-left:3px;
	border-left:2px solid rgba(14,195,255,1);
}
.navbar-custom-2 .navbar-nav > .open > a, 
.navbar-custom-2 .navbar-nav > .open > a:hover, 
.navbar-custom-2 .navbar-nav > .open > a:focus {
    color: rgb(14,195,255); /* Farbe aktiver Link */
    background-color: rgba(0,0,0,0.2); /* Hintergrund aktiver Link */
}
/* caret */
.navbar-custom-2 .navbar-nav > li > a .caret {
    border-top-color: #777; /* Hintergrund Caret */
    border-bottom-color: #777; /* Hintergrund Caret */
}
.navbar-custom-2 .navbar-nav > li > a:hover .caret {
    border-top-color: #333; /* Hintergrund hover Caret */
    border-bottom-color: #333; /* Hintergrund hover Caret */
}
.navbar-custom-2 .navbar-nav > .open > a .caret, 
.navbar-custom-2 .navbar-nav > .open > a:hover .caret, 
.navbar-custom-2 .navbar-nav > .open > a:focus .caret {
    border-top-color: #555; /* Hintergrund aktiv Caret */
    border-bottom-color: #555; /* Hintergrund aktiv Caret */
}
.navbar-toggle > span{
	background-color:rgb(14,195,255); /* Farbe Toggle button */
}

/* END ------------ NAVIGATION STYLES */

.header-row{background-color:rgba(0,0,0,0.65); max-height:4em;}
.background-image{
	width:100%;
	background: url(img/bg.jpg) no-repeat bottom center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
.logobox{
	background-color:rgb(14,195,255);
	color:#FFF;
	font-family:'Raleway';
	padding-top:1.2em;
	padding-bottom:1.2em;
	}
.logobox > div > a > h2{
	font-family:inherit;
	font-size:2.3em;
	font-weight:light;
	}
	
.logobox > div > a{
	text-decoration:none;
	color:inherit;
	}
	
.logobox > div > h2{
	font-family:inherit;
	font-size:1.15em;
	font-weight:300;
	padding-bottom:1em;
	}
.second-header-row{
	float:clear;
	margin-top:400px;
	background-color:rgba(0,0,0,0.65);
	}

.kpm-theme-searchbox{
	margin:0px;
	padding:0px;
	border:none;
	height:3em;
	width:80%;
	padding-left:5px;
	font-family:'Open Sans';
	color:rgba(255,255,255,0.5);
	background:rgba(0,0,0,0.5);
	}
.kpm-theme-searchbox:focus{
	color:rgba(255,255,255,0.8);
	}
.kpm-theme-submitbox{
	margin:0px;
	padding:0px;
	border:none;
	width:20%;
	height:3em;
	background:rgb(14,195,255);
	color:#fff;
	margin-left:-4px;
	}
.kpm-theme-submitbox:hover{
	
	
	color:rgba(0,0,0,0.5);
	}
.breadcrumb{
	background:none;
	margin:0px;
	padding:0px;
	font-size:0.95em;
	font-family:'Open Sans';
	color:rgba(255,255,255,0.6);
	margin-top:0.75em;
	}
.footer-bg{
	width:100%;
	background: url(img/bg.jpg) no-repeat bottom center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
.footer-row{
	background:rgba(0,0,0,0.65);
	padding:1em;
	padding-top:2em;
	padding-bottom:2em;
	}
.copy-container{
	font-family:'Open Sans';
	color:rgba(255,255,255,0.6);
	}
.service-teaser-box{
	margin:1em;
	padding:1em;
	background:rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.15);
	}
.service-teaser-titleline{
	font-family:'Open Sans';
	font-size:2em;
	}
.service-teaser-titleline-sm{
	font-family:'Open Sans';
	font-size:1.3em;
	}
.service-teaser-icon{
	width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: rgb(14,195,255);
	padding-top:0.55em;
	color:#FFF;
	font-size:3em;
	}
.service-teaser-icon-sm{
	width: 50px;
    height: 50px;
    border-radius: 25px;
    background-color: rgb(14,195,255);
	padding-top:0.6em;
	color:#FFF;
	font-size:1.5em;
	}
.service-teaser-text{
	}
.lead{font-size:1.3em;}
.kpm-pagetitle{
	font-family:'Open Sans';
	font-size:3em;
	color:rgba(0,0,0,0.7);
	padding:10px;
	margin:0px;
	}

.kpm-kontakt-box{
	
	padding:1em;
	margin-top:9em;
	margin-bottom:2em;
	}