@charset "utf-8";  

/* 
CSS Document HPK 
Layout XX - Farbe rot, Homepage
*/

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* Farben sind ZWINGEND in RGB anzugeben! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

:root {
	/* Farbschema */
	--primaryColor:					226,   0,  26;
	--primaryHoverColor:		191,   0,  22;
	--secondaryColor:				var(--primaryColor);
	--secundaryHoverColor:	var(--primaryHoverColor);
	--focusColor:						var(--primaryColor);
	--focusHoverColor:			var(--primaryHoverColor);


	/* /////////////////////////// */
	/* ///// Layout Settings ///// */
	/* /////////////////////////// */

	/* Logo Größe (Animation) */
	--minimalLogoHeight:3em;
	--maximalLogoHeight:7.5em;
	--minimalMobileLogoHeight:2em;
	--maximalMobileLogoHeight:4.5em;

	/* Darkmode */
	/* Allow Darkmode = Display (block/none) */
	/* Block == true | none == false */
	/* This Parameter will also be read by JS */
	/* If Allow Darkmode == none / false, just lightmode is shown */
	--allowDarkmode:block;
	/* Allow Call me Back Formular */
	/* Same as the Darkmode Settings */
	--allowCallmeBack:block;
}


.col.frame.frame-default.frame-type-textpic.frame-layout-6 {
	height:auto;
	cursor:unset;
	display:block;
	animation-name:unset;
	animation-duration:unset;
	box-shadow: unset;
}

.col.frame.frame-default.frame-type-textpic.frame-layout-6:hover{
	animation-name:unset;
	animation-duration:unset;
	box-shadow: unset;
}

.col.frame.frame-default.frame-type-textpic.frame-layout-6 .ce-gallery {
	display:block;
	margin:1.4em 0 2em 0;
}

.col.frame.frame-default.frame-type-textpic.frame-layout-6 .ce-gallery .image {
	text-align:center;
}

.col.frame.frame-default.frame-type-textpic.frame-layout-6 .ce-gallery .image img {
	display:inline!important;
	height:100%;
	width:auto;
	max-height:15em;
}

.col.frame.frame-default.frame-type-textpic.frame-layout-6 .ce-bodytext > p {
	margin:0;
	padding:0;
	margin-bottom: 1.25em;
  display: inline-block;
  height: auto;
  color:rgb(var(--textColor));
  line-height: 1.25em;
}

.col.frame.frame-default.frame-type-textpic.frame-layout-6 .ce-bodytext > p > strong {
	font-size:1.5em;
	color:rgb(var(--primaryColor));
}

img {
	filter:none!important;
	animation-name:unset!important;
	animation-duration:unset!important;
}

img:hover {
	filter:none!important;
	animation-name:unset!important;
	animation-duration:unset!important;
}

.navigationUpperContent {
  padding: 1.0em 0;
}

.contentWrapper {
	padding-top:4em;
}

.frame-layout-6 .image a {
	position:unset;
}

strong {
	font-size:1.05em;
	font-weight:900;
}