/**************************************************************
  hpk2 Farbschema Layout 10 rot color #d51130 und #f2f2f2
**************************************************************/

/********** Allgemein *******************/

body {
	background: #fff;
}

header {
    box-shadow: 0 0 10px #aeaeae;
}

footer {
	background: #f2f2f2;
}

body,
header .tx-hpkfe-pi-adresse a { 
	color: #666;	
}

body a{
	color: #d51130;
}

.middle-content a:hover,
.middle-content a:focus {
	color: #666;
}

#inhalt.content h1#titelueberschrift,
body h1, body h2, body h3, body h4, body h5, body h6,
.newstitlesingle {
	color: #d51130;
}

/********** 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;
	}
}

/************ Navigation *****************/

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

@media only screen and (min-width: 1080px) {
	#headernavi {
		background: #d51130;
		color: #fff;
	}
	
	header .ebene1 > a {
		color: #fff;
	}
	
	header .ebene1 > a:hover {
		color: #670d1b;
	}
	
	ul.zentralmenue {
		border-right: 3px solid #f2f2f2;
	}
	
	.zentralmenue a {
		color: #666;
	}
}

/******************* Suche ********************/

.suchenav a,
.suchetext_submit {
	color: #fff;
}

.suchenav a:hover {
	color: #670d1b; 
}

.suchenav a,
#suchefont {
	background: #d51130;
}

.suchetext_input {
	background: #fff;
}

.suchetext_submit {
	background-color: #c1102c;
}

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

/********** Suche Seite / Ergebnisse *******************/

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

.tx-indexedsearch .tx-indexedsearch-noresults {
	color: #d51130;
}

/********** Produktlösungen *******************/

.produktloesungen .box.normal.layout-0 {
	border-bottom: .15em solid #f2f2f2;
}

#inhalt .produktloesungen .box.normal.layout-0:hover {
	box-shadow: 0 0 10px #aeaeae;
}
 
#inhalt .herstellerlink a {
	color: #666;
}
 
 #inhalt .herstellerlink a:hover {
	color: #d51130;
}

/********** Bewertungen *******************/

.bewertungen-list-item {
	background-color: #f2f2f2;
}

@media only screen and (min-width: 1080px) {
	.sidenav .layout-13 {
		background: #d51130;
	}
	
	.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 solid #ddd;
 }

/********** Partner *******************/

#inhalt.content .tx-hpkfe-pi-partner .partner {
	background: #f2f2f2;
}

/********** Fotos *******************/

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

/********** Formulare *******************/

body input,
body textarea,
body select,
body button,
input.hpk_anf_start, 
input.hpk_anf_ziel,
body .hpk_kon_formset select, 
body .hpk_kon_formset input, 
body .hpk_kon_formset textarea {
	background: #eaeaea;
	color: #666;
}

.hpk_kon_container span.sternchen {
	color: #d51130;
}

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

input[type="submit"]:hover,
.hpk_kon_formset input[type="submit"]:hover {
	background: #d51130;
	border-color: #d51130;
	color: #670d1b;
}

/******************* Slider *******************/

.slider {
	background-color: #d51130;
	border-bottom: 15px solid #d51130;
}

.flex-control-nav li a {
	background: #fff;
}

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

@media only screen and (max-width: 1079px) {
	.flex-caption {
		background: #bf102c;
	}
	
	.flex-caption strong,
	.flex-caption h3,
	.flex-caption span,
	.flex-caption div,
	.flex-caption span a,
	.flex-caption div a	{
		color: #fff;
	}
	
	.flex-caption span a:hover,
	.flex-caption div a:hover	{
		color: #670d1b;
	}
}

@media only screen and (min-width: 1080px) {
	.flex-caption strong,
	.flex-caption h3 {
		background: #d51130;
		color: #fff;
	}
	
	.flex-caption span,
	.flex-caption div	{
		background: #fff;
		border: 2px solid #d51130;
	}
}

/*********** News individuelle Einstellungen *********/

.news-container {
	background: #ddd;
}

div.news-latest-container,
span.news_latest_title > a {
	color: #666;
}

.news-latest-item p.detailsansehen > a {
	color: #fff;
	background: #d51130;
}

.news-latest-item p.detailsansehen > a:hover {
	color: #670d1b;
}

.news-latest-container .news-latest-subheader {
    order: 3;
    margin: 0.75em 0 0 20%;
}

/********** Nachrichten *******************/

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

.sidenav .news-latest-container,
div.news-list-item {
	background: #f2f2f2;
}

div.newsdatum {
	background: #d51130;
	color: #fff;
}

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

/********** 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: #d51130;
    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: #d51130;
}

.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: #d51130;
    border: 1px solid #d51130;
    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 a {
	color: #666;
}

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

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