/**********************************************/
/********** hpk2 Layout 9 *********************/
/********** Desktop und aehnliche ***********/
/*******************************************/

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

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

rot #d51130
dunkelrot #670d1b
grau #666
hellgrau #f2f2f2

*/

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

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

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

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

.contenttable th {
	background: #d51130;
	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 .csc-frame.layout-6:hover,
#inhalt .csc-frame.layout-9:hover,
#inhalt .csc-frame.layout-10:hover {
	border-bottom: .15em solid #d51130;
}

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

h1#titelueberschrift {
	background: #d51130;
    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: #d51130;
}

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

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

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

header {
	background: #fff;
	border-bottom: 3px solid #d51130;
}

@media only screen and (min-width: 1080px) {
	header {
		position: fixed; /* IE11 */
		position: -webkit-sticky;
		position: sticky;
	}
}

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

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

/* 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: #d51130; 
	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: #d51130;
	}
	
	body ul.handymenue,
	.flexnav li	{
		background: #f2f2f2;
	}
	
	#mobil a {
		color: #fff;
	}
	
	#mobil a:hover {
		color: #670d1b;
	}
	
	#handymenue a {
		color: #666;
	}
	
	#handymenue a:hover {
		color: #d51130;
	}
}

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

.suchenav a {
	color: #fff;
}

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

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

.suchetext_input {
	background: #fff;
}

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

@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;
}

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

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

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

#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 {
		position: fixed;
	}
	
	.flextitle, .flex-caption h3 {
		background: #d51130;
		box-shadow: 1px 1px 5px #aeaeae;
		color: #fff;
	}
	
	.flexsubtitle, .flex-caption div {
		background: #fff;
		border: 1px solid #d51130;
	}
}

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

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

.box {
	background-color: #f2f2f2;
}

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

.box:hover h4 {
	color: #d51130;
}

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

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

@media only screen and (min-width: 1080px) {
	
	.inhalt_menu {
		position: relative;
		transition: transform 0.5s;
		transform: translateX(-100%);
	}
	
	html:hover .inhalt_menu {
		transform: translateX(0);
	}
	
	.sidenav .news-latest-container {
		background: #d51130;
	}
	
	.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;
}
 
#inhalt.content .tx-hpkfe-pi-partner .partner:hover {
	border-bottom: .15em solid #d51130;
}
 
/* produktlösungen ----------------------------------------------------------------------------------------------*/

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

#inhalt .box.normal.ID-27:hover,
#inhalt .box.normal.ID-27.layout-0:hover,
#inhalt .produktloesungen .box.normal.layout-0:hover {
	border-bottom: .15em solid #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 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: #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-links ul li:hover {
	color: #d51130;
}

/* Flip Effekt ----------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1080px) {
	#inhalt .layout-6 .bodytextcontent {
		background: #d51130;
		color: #fff;
	}

	#inhalt .layout-6 .bodytextcontent a {
		color: #fff;
	}
}

@media only screen and (min-width: 1080px) {

	#inhalt .csc-frame.layout-6 {
		padding: 0;
		-webkit-perspective: 2000px;
		perspective: 2000px;
		position: relative;
	}

	#inhalt .layout-6 .csc-header,
	#inhalt .layout-6 .bodytextcontent {
		align-self: center;
		display: flex;
		height: 100%;
		left: 0;
		padding: 2em;
		position: absolute;
		text-align: center;
		top: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		transition: ease-in-out 0.4s;
		width: 100%;
	}

	.layout-6 .csc-header h2 {
		display: flex;
		align-self: center;
		justify-content: center;
		margin: 0;
	}

	#inhalt .layout-6 .bodytextcontent {
		opacity: 0;
		position: relative;
		text-align: left;
		-webkit-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
	}

	#inhalt .layout-6:hover .csc-header {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

	#inhalt .layout-6:hover .bodytextcontent {
		opacity: 1;
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
}

/* Bild-Effekt ----------------------------------------------------------------------------------------------*/

.box img,
.box.ID-27 img,
.box.ID-27.layout-0 img,
.produktloesungen .box.layout-0 img {
	-webkit-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	opacity: 0.7;
}

.box.layout-0 img,
.box:hover img,
.box.ID-27:hover img,
.produktloesungen .box.layout-0:hover img,
#inhalt.content .tx-hpkfe-pi-partner .partner:hover img,
.sidenav .news-latest-item:hover .news_latest_image img,
.news-list-container div.news-list-item:hover img,
#inhalt .box:hover .partner:hover img {
	-webkit-filter: none;
    filter: none;
	opacity: 1;
}

#inhalt.content .tx-hpkfe-pi-partner img,
.sidenav .news_latest_image img,
.news-list-container div.news-list-item img,
#inhalt .box:hover .partner img {
	filter: grayscale(100%);
}

/* IE11 ----------------------------------------------------------------------------------------------*/

@media all and (-ms-high-contrast:none) and (min-width:1080px) {

     *::-ms-backdrop, header { 
		position: fixed;
		/*top: 9px;*/
		/*transform: translate(-50%);*/
	} /* IE11 */
	
	 *::-ms-backdrop, body { 
		padding-top: 149px;
	} /* IE11 */
}

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