/*******************************************************
  hpk2 Farbschema Layout 9 blau color #2766a1 // (0, 158, 220)
*******************************************************/
/**********************************************/
/********** hpk2 Layout 9 *********************/
/********** Desktop und aehnliche ***********/
/*******************************************/

::selection {background: #666; color: #fff;}
::-moz-selection {background: #666; color: #fff;}

/* colors ------------------------------------------------------------------------------------------------

hellblau #2766a1
blau #0081b3
dunkelblau #003362
grau #666
hellgrau #f2f2f2

*/

/* general ------------------------------------------------------------------------------------------------*/

#inhalt {
	border-top: 3px solid #2766a1;
}

.contenttable tr:nth-child(odd) {
	background: #f2f2f2;
}

.contenttable td, .contenttable th {
	border: 3px solid #fff;
}

.contenttable th {
	background: #2766a1;
	color: #fff;
}

@media only screen and (max-width: 1079px) {
	.sidenav {
		background: #fff;
	}
}

/* boxen -----------------------------------------------------------------------------------------------*/

#inhalt .csc-frame.box,
#inhalt .IM.box.normal,
#inhalt .csc-frame.layout-6  {
	background-color: #f2f2f2;
	border-bottom: .15em solid #f2f2f2;
}

#inhalt .IM.box.spalte ,
#inhalt .csc-frame.box.layout-0 {
	background: #fff;
}

#inhalt .IM.box.ID-3.inhalt,
#inhalt .IM.box.ID-4.inhalt,
#inhalt .IM.box.ID-3.inhalt.layout-0,
#inhalt .IM.box.ID-4.inhalt.layout-0  {
	background: #f2f2f2;
}

#inhalt .IM.box.ID-4.inhalt {
	border-bottom: .15em solid #f2f2f2;
}

@media only screen and (max-width: 640px) {
	#inhalt .IM.box.inhalt, 
	#inhalt .IM.box.normal {
		border-bottom: .15em solid #f2f2f2;
	}
}

/* text ------------------------------------------------------------------------------------------------*/

body {
	background-color: #f2f2f2;
	color: #666;
}

h1, h2, h3, h4,
div.newstitlesingle,
.tx-hpkfe-pi-impressum .hpk_impressum .haftungsausschluss h2,
.flextitle, .flex-caption h3,
span.news_latest_title,
.csc-frame a:hover, a:hover,
.red,
.link:hover {
	color: #2766a1;
}

h1#titelueberschrift {
	background: #2766a1;
    color: #fff;
}

h4,
.csc-frame a, a {
	color: #666;
}

/* forms -----------------------------------------------------------------------------------------------*/

body input,
body textarea,
body select,
body button,
input.hpk_anf_start, 
input.hpk_anf_ziel,
.hpk_kon_container input.hpk_kon_name, 
.hpk_kon_container input.hpk_kon_vname, 
.hpk_kon_container input.hpk_kon_str, 
.hpk_kon_container input.hpk_kon_plz,
.hpk_kon_container input.hpk_kon_ort,
.hpk_kon_container input.hpk_kon_tel, 
.hpk_kon_container input.hpk_kon_fax, 
.hpk_kon_container input.hpk_kon_email, 
.hpk_kon_container input.hpk_kon_mobil,
.hpk_kon_container textarea.hpk_kon_anfrage {
	background: #eaeaea;
}

.hpk_kon_container span.sternchen,
.button:hover {
	color: #2766a1;
}

input[type="submit"],
.hpk_kon_formset input[type="submit"] {
	background: #2766a1;
	border: 1px solid #2766a1;
}

input[type="submit"]:hover,
.hpk_kon_formset input[type="submit"]:hover {
	background: #2766a1;
	border-color: #2766a1;
	color: #003362;
}

/* header ------------------------------------------------------------------------------------------*/

header {
	background: #fff;
	border-bottom: 3px solid #2766a1;
	position: relative;
}

/* navigation ------------------------------------------------------------------------------------------*/

#submenue li:hover > a,
.zentralmenue a.aktiv,
#ebene1u5menu a:hover {
	color: #2766a1;
}

/* Pfeil nach unten */
li.ebene1 > a.ebene1.active:after,
li.ebene1:hover a.ebene1:after {
	border: solid transparent;
	border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
}

#ebene1u5menu li.ebene2 > a.active,
#ebene1u5menu li.ebene2:hover a { 
    border-bottom: 1px solid rgba(255,255,255,0.75);
}

#ebene1u5menu .ebene1u5menu2 a {
	color: #fff;
}

.ebene1.aktiv > .ebene1u5menu2,
.ebene1 > .ebene1u5menu2 { 
	background-color: #2766a1; 
	border: 1px solid #fff;
}

/* Navigation am linken Rand */
#submenue {
	background: #f2f2f2;
    box-shadow: 1px 1px 10px #aaa;
}

.untermenue2 {
	background: #eaeaea;
}

.untermenu3 {
    background: #ededed;
}

.untermenu4 {
	background: #f0f0f0;
}

.untermenu5 {
	background: #e0e0e0;
    box-shadow: 1px 1px 10px #aaa;
}

@media only screen and (max-width: 1079px) {
	body #mobil,
	body #suchemobil {
		background: #2766a1;
	}
	
	body ul.handymenue,
	.flexnav li	{
		background: #f2f2f2;
	}
	
	#mobil a {
		color: #fff;
	}
	
	#mobil a:hover {
		color: #003362;
	}
	
	#handymenue a {
		color: #666;
	}
	
	#handymenue a:hover {
		color: #2766a1;
	}
}

/* suche ----------------------------------------------------------------------------------------------*/

.suchenav a {
	color: #fff;
}

.suchenav a:hover {
	color: #003362; 
}

.suchenav a,
#suchefont {
	background: #2766a1;
}

.suchetext_input {
	background: #fff;
}

.suchetext_submit {
	background-color: #003362;
    color: #fff;
}

@media only screen and (max-width: 1079px) {
	
	#mobil #suchemobil,
	#suchemobil .tx-macinasearchbox-pi1{
		background: #003362;
	}
}

/* suche seite / ergebnisse ----------------------------------------------------------------------------------------------*/

.tx-indexedsearch-searchbox {
	background: #f2f2f2;
}

.tx-indexedsearch .tx-indexedsearch-noresults {
	color: #2766a1;
}

/* slider ----------------------------------------------------------------------------------------------*/

.flex-control-nav li a {
	background: #fff;
	box-shadow: 0 0 5px #aeaeae;
}

.flex-control-nav li a.active {
	background: #2766a1;
}

#slider-text {
	background-color: #fff;
}

@media only screen and (max-width: 1079px) {
	.flexcaption,
	.flex-caption	{
		background: rgba( 255, 255, 255, 0.75  );
	}
}

@media only screen and (min-width: 1080px) {
	.slider {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
	
	.flextitle,
	.flex-caption h3	{
		background: #2766a1;
		box-shadow: 1px 1px 5px #aeaeae;
		color: #fff;
	}
	
	.flexsubtitle,
	.flex-caption div	{
		background: #fff;
		border: 1px solid #2766a1;
	}
}

/* content ---------------------------------------------------------------------------------------------*/

.middle-content,
.content-container {
	background: #fff;
}

.box {
	background-color: #f2f2f2;
}

.box:hover {
	border-bottom: .15em solid #2766a1;
}

.box:hover h4 {
	color: #2766a1;
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
	border: 1px solid #ddd;
}

/* news ----------------------------------------------------------------------------------------------*/

.news-list-container {
	background: #fff;
}

.sidenav .news-latest-container {
	background: #f2f2f2;
}

div.news-list-item {
	background: #f2f2f2;
	border-bottom: .15em solid #f2f2f2;
}

@media only screen and (min-width: 1080px) {
	
	.sidenav .news-latest-container {
		background: #2766a1;
	}
	
	.sidenav .news-latest-container,
	.sidenav .news-latest-container a {
		color: #fff;
	}
}
 
/* partner ----------------------------------------------------------------------------------------------*/

#inhalt.content .tx-hpkfe-pi-partner .partner {
	background: #f2f2f2;
	border-bottom: 0.15em solid #f2f2f2;
}
 
/* produktlösungen ----------------------------------------------------------------------------------------------*/

.produktloesungen .box.normal.layout-0 {
	border-bottom: .15em solid #f2f2f2;
}
 
 /* bewertungen ----------------------------------------------------------------------------------------------*/
 
.bewertungen-list-item {
	background-color: #f2f2f2;
}

@media only screen and (min-width: 1080px) {
	.sidenav .layout-13 {
		background: #2766a1;
	}
	
	.sidenav .layout-13 .bewertungen-boxhoch-item {
		border-top: 1px solid #fff;
	}
	
	.sidenav .layout-13,
	.sidenav .layout-13 h2,
	.sidenav .layout-13 p,
	.sidenav .layout-13 a {
		color: #fff;
	}
}

 /* uploads ----------------------------------------------------------------------------------------------*/
 
.csc-uploads li.csc-uploads-element {
	 border-top: 1px dotted #aeaeae;
 }
 
/********** Cookie **************/

.cookie-wrapper {
	background: rgba( 0, 0, 0, 0.75 );
	box-shadow: 0 0 5px #aeaeae;
}

.cookie-content {
	background: #fff;
	box-shadow: 0 0 5px #acacac;
}

.cookie-list  .dismiss-cookies.cookie-button,
.dismiss-cookies.cookie-button,
.save-cookies.cookie-button,
.save-cookies-settings.cookie-button {
	background: #2766a1;
    color: #fff;
	font-weight: bold;
	height: 50px;
	text-transform: uppercase;
}

.cookie-content fieldset:nth-child(odd),
.cookie-list li:nth-child(odd) {
	background: #f2f2f2;
}

.cookie-content fieldset:nth-child(even),
.cookie-list li:nth-child(even) {
	background: #eaeaea;
}

.cookie-text a {
	color: #2766a1;
}

.cookie-note {
	color: #999;
}

.dismiss-cookies {
	background: #ddd;
	color: #555;
}

.cookie-list-link {
    background: #fff;
    border: 1px solid #aaa;
	color: #aaa;
}

.cookie-list-link:hover {
    background: #2766a1;
    border: 1px solid #2766a1;
    color: #fff;
}

.cookie-list-link:before:hover {
	color: #fff;
}

.cookie-list {
	background: #fff;
} 

.cookie-list li li:nth-child(odd),
.cookie-list li li:nth-child(even) {
	background: transparent;
}

.cookie-icon-wrapper {
	background: #ddd;
}

/* footer ----------------------------------------------------------------------------------------------*/

footer {
	background: #f2f2f2;
}

.footer-links ul li:hover {
	color: #2766a1;
}

/*****************************************************/
/**************** Switch Schalter *****************/
/*****************************************************/
.homepage-form .cookie-checkbox:checked + label .switch-background,
.cookie-group-switch .cookie-checkbox:checked + label .switch-background {
	background: #2766a1;
}