:root {
	--main-colors-red: #a50021;
	--main-colors-blue: #004171;
	--main-colors-grey: #474747;
	--main-colors-black: #000000;
	--main-colors-red-start: #a80228;
	--main-colors-blue-start: #5580a0;
	--main-colors-grey-start: #95949d;
	--main-colors-lightgrey: #888;
	--main-colors-white: #ffffff;
	--main-colors-general-lightgrey: #d3d3d3;
	--main-colors-general-gainsbro: #dcdcdc;
	--main-colors-general-white: #ffffff;
	--main-colors-general-fplicht: #cc0033;
	--main-colors-general-border-input: #483d8b;
	--main-colors-general-border-fieldsets: #e6e6fa;
	--main-colors-general-whitesmoke: #f5f5f5;
	--main-colors-general-offwhite: #fafafa;
	--main-colors-leftbar-sides: #d3d3d3;
	--main-colors-leftbar-center: #ffffff;
	--landing-color-text: #ffffff;
	--landing-color-text-link: #ffffff;
	--landing-color-text-special: #e6007e;
	--landing-color-background1: #e8382b;
	--landing-color-background2: #ffffff;
	--landing-color-background3: #f4b915;
	--landing-color-background4: #050505;
	--landing-color-button-background: #f4b915;
	--landing-color-button-text: #050505;
	--landing-link-color: #e6007e;
	--landing-text-header-weight: 900;
	--landing-text-font-family: Verdana, Arial, sans-serif;
	--landing-text-font-size: 1em;
	--landing-text-LineHeight: normal;
	--landing-text-LineHeight-h: 1em;
	--landing-text-LineHeight-p: 1.2em;
	--landing-text-size: 1em;
	--landing-contact-p: 0.1em;
	--landing-header-height: 8em;
	--landing-footer-height: 2em;
	--landing-footer-font-size: 0.6em;
	--landing-header-size: 1.2em;
	--landing-subheader-size: 2.5em;
	--landing-redit-header: 1.4em;
	--landing-redit-text: 1.2em;
	--landing-bild1-size: 51em;
	--landing-bild1-width: 15em;
	--landing-logo-width: 21em;
	--landing-CID-columns: auto var(--landing-logo-width) var(--landing-bild1-width);
	--landing-rows-gap: 1em;
	--landing-column-gap: 0px;
	--landing-standard-margin: 3em;
	--landing-standard-margin-d: calc(var(--landing-standard-margin) * 2);
	--landing-rows-contact-overflow: visable;
	--landing-first-row-size: max-content;
	--landing-button-row-size: max-content;
	--landing-column-size: max-content;
	--landing-rows-size: max-content;
	--landing-rows-overflow: hidden;
	--landing-grid-overflow: auto;
	--landing-grid-linebox-padding: 2em;
	--landing-grid-linebox-padding-template: 0 var(--landing-grid-linebox-padding);
	--landing-grid-linebox: calc(var(--landing-grid-size) - calc(var(--landing-grid-linebox-padding) * 2));
	--landing-grid-subgrid-redbox: calc(calc(var(--landing-grid-size) / 2) - 1em);
	--landing-grid-contact-col: var(--landing-grid-subgrid-redbox);
	--landing-grid-size: calc(100vw - var(--landing-standard-margin-d));
	--landing-grid-padding-text: var(--landing-standard-margin);
	--landing-grid-padding-text-template: 0 var(--landing-grid-padding-text);
	--landing-grid-margin-outer: 0 var(--landing-standard-margin);
	--landing-grid-template: var(--landing-standard-margin) var(--landing-grid-size) var(--landing-standard-margin);
}

h1 {
	line-height: var(--landing-text-LineHeight);
}

/*noinspection CssInvalidPseudoSelector*/
:focus-visible,
:focus
{
	outline: none;
}

.LandingGrid-basic-button-container {

}

.LandingGrid-image-basic {
	width: 100%;
}

.LandingGrid-basic-header-container {
	display:block;
	position: fixed;
	top:0;
	right:0;
	left:0;
	z-index: 15;
	height: var(--landing-header-height);
	max-height: var(--landing-header-height);
	min-height: var(--landing-header-height);
	object-position: top;
}

.LandingGrid-basic-footer-container {
	display:block;
	position: fixed;
	right:0;
	left:0;
	bottom:0;
	width: 100%;
	z-index: 15;
	height: var(--landing-footer-height);
	max-height: var(--landing-footer-height);
	min-height: var(--landing-footer-height);
	object-position: top;
}

.LandingGrid-TC-header-container {
	display:block;
	position: fixed;
	top:0;
	right:0;
	left:0;
	width: 100%;
	z-index: 15;
	height: var(--landing-header-height);
	max-height: var(--landing-header-height);
	min-height: var(--landing-header-height);
	background-color: var(--main-colors-white);
	object-position: top;
}

.LandingGrid-TC-header-container-CICDContainer {
	max-height: 100%;
	min-width: 100vw;
	height: 8em;
	display: inline-grid;
	grid-template-columns: var(--landing-CID-columns);
	grid-template-rows: 8em;
	color: var(--main-colors-black);
}

.LandingGrid-TC-header-container-logo1 {
	max-height: 100%;
	max-width: var(--landing-logo-width);
	align-self: center;
	grid-column-start: 2;
	grid-column-end: 3;
}

.LandingGrid-TC-header-container-bild1 {
	max-height: 100%;
	max-width: var(--landing-bild1-width);
	margin-top: 1.25em;
	grid-column-start: 3;
	grid-column-end: 4;
}

.LandingGrid-TC-footer-container {
	display:block;
	position: fixed;
	right:0;
	left:0;
	bottom:0;
	z-index: 15;
	height: var(--landing-footer-height);
	max-height: var(--landing-footer-height);
	min-height: var(--landing-footer-height);
	background-color: var(--main-colors-white);
	object-position: bottom;
}

.LandingGrid-TC-header-container-CICDFootContainer {
	max-height: 100%;
	min-width: 100%;
	height: var(--landing-footer-height);
	display: inline-grid;
	grid-template-columns: auto auto;
	grid-template-rows: var(--landing-footer-height);
}

.LandingGrid-TC-header-container-CICDFootBars {
	grid-row-start: 1;
	grid-row-end: 1;
	grid-column-start: 1;
	grid-column-end: 3;
}

.LandingGrid-TC-header-container-CICDFootObject {
	grid-row-start: 1;
	grid-row-end: 1;
	grid-column-start: 2;
	grid-column-end: 2;
	text-align: right;
	background-color: transparent;
	color: var(--main-colors-white);
	text-align: right;
	font-size: var(--landing-footer-font-size);
	margin-top: calc(var(--landing-footer-height) - var(--landing-footer-font-size));
	margin-right: 1em;
}

.LandingGrid-TC-header-container-CICDFootObject a,
.LandingGrid-TC-header-container-CICDFootObject a:link,
.LandingGrid-TC-header-container-CICDFootObject a:hover,
.LandingGrid-TC-header-container-CICDFootObject a:visited {
  color:var(--main-colors-white);
}

DIV.TCRB {
	height: 0.8em;
	background-color: var(--main-colors-red);
	background-image: -moz-linear-gradient(left, var(--main-colors-red-start), var(--main-colors-red));
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--main-colors-red-start)), to(var(--main-colors-red)));
	background-image: -webkit-linear-gradient(left, var(--main-colors-red-start), var(--main-colors-red));
	background-image: -o-linear-gradient(left, var(--main-colors-red-start), var(--main-colors-red));
	background-image: linear-gradient(to right, var(--main-colors-red-start), var(--main-colors-red));

}

DIV.TCGB {
	height: 1.2em;
	background-color: var(--main-colors-grey);
	background-image: -moz-linear-gradient(left, var(--main-colors-grey-start), var(--main-colors-grey));
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--main-colors-grey-start)), to(var(--main-colors-grey)));
	background-image: -webkit-linear-gradient(left, var(--main-colors-grey-start), var(--main-colors-grey));
	background-image: -o-linear-gradient(left, var(--main-colors-grey-start), var(--main-colors-grey));
	background-image: linear-gradient(to right, var(--main-colors-grey-start), var(--main-colors-grey));
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--main-colors-grey-start), endColorstr=var(--main-colors-grey-start), GradientType=0);
}

.LandingGrid-basic-Contact-container {
	display:block;
}

[id^="serviceDrop"] {
	display:none;
}

.LandingGrid-button-basic {
	contain: content;
	width: max-content;
	border-radius: 1em;
	background-color:  var(--landing-color-button-background);
	color: var(--landing-color-button-text);
	height: min-content;
	padding: 0.3em;
	margin: 0;
}

.LandingGrid {
	-webkit-text-size-adjust: none;
	justify-content: center;
	width: var(--landing-grid-size);
	font-family: var(--landing-text-font-family);
	font-weight: var(--landing-text-header-weight);
	font-size: var(--landing-header-size);
	display: grid;
	line-height: var(--landing-text-LineHeight);
	grid-template-columns: var(--landing-grid-template);
	grid-template-rows:
			calc(var(--landing-header-height) + var(--landing-footer-height))
			min-content
			min-content
			min-content
			min-content
			min-content
			min-content
			min-content
			var(--landing-footer-height);
	grid-auto-rows: max-content;
	grid-column-gap: var(--landing-column-gap);
	grid-row-gap: var(--landing-rows-gap);
	overflow: var(--landing-grid-overflow);
	margin: var(--landing-grid-margin-outer);
	height:min-content;
}

.LandingGrid-image-main {
	position: fixed;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	opacity: 0.25;
}

.LandingGrid-video-main {
	position: fixed;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	opacity: 1;
}

.LandingGrid-cover-main {
	position: fixed;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 2;
	opacity: 0;
}

.LandingGrid-Headline-box-basic{
	text-align: left;
	height: max-content;
	overflow:hidden;
	z-index:10;
}

.LandingGrid-Headline-box-top{
	width: var(--landing-grid-linebox);
	padding: var(--landing-grid-linebox-padding-template);
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
	background-color: var(--main-colors-grey);
	color: var(--main-colors-general-white);
	text-align: left;
	height: max-content;
	overflow:hidden;
	z-index:10;
}
.LandingGrid-Headline-box-top h1{
	line-height: var(--landing-text-LineHeight-h);
}

.LandingGrid-Headline-box-top p{
	line-height: var(--landing-text-LineHeight-p);
}

.LandingGrid-text-CTA {
	margin: 0;
	padding: var(--landing-grid-padding-text-template);
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 3;
	background-color:  transparent;
	color: var(--main-colors-red-start);
	text-align: right;
	overflow-y: var(--landing-rows-overflow);
	max-width: 100%;
	z-index:10;
}

.LandingGrid-image-CTA {
	margin: 0 0 2em 0;
	padding: 0;
	background-color:  transparent;
	text-align: right;
	overflow-y: var(--landing-rows-overflow);
 	width: 100%;
}

.LandingGrid-CTA-CTA-BC-Outer {

	margin: 0;
	padding: 0;
	grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 4;
  grid-row-end: 4;
  display: block;
	background-color:  transparent;
	text-align: center;
	height: calc(100% - 2em);
	width: var(--landing-grid-size);
	z-index:10;
	position: relative;
	bottom: 0em;
	left: 0em;
	border-radius: .5em;
	color: var(--main-colors-general-white);
	font-size: 1em;

}

.LandingGrid-CTA-CTA-BC-Inner {

	margin: 0;
	padding: 0 4em 0 2em;
  display: flex;
	background-color:  transparent;
	text-align: center;
	overflow: visible;
	width: min-content;
  height: auto;
	z-index:10;
	position: relative;
	top: -4rem;
	left: 1rem;
	border-radius: .5em;
	color: var(--main-colors-general-white);
	font-size: 1em;

	white-space: nowrap;
	flex-direction: row;
}

.LandingGrid-CTA-CTA-BC-Outer-form {
	position: relative;
	top: -4.5em;
	color: var(--landing-color-text-special);
}
.LandingGrid-CTA-CTA-BC-Outer-form p {
	top: -2.5em;
	position: relative;
	text-align: left;
	left: 4em;
}

.LandingGrid-CTA-CTA-BC-Inner-form {
	margin-block-end: unset;
	display: flex;
}

.LandingGrid-CTA-CTA-BC-Inner-form-phone {
	height:100%;
	border: none;
	background: transparent;
	font-size: larger;
}

input.LandingGrid-CTA-CTA {
	margin: 0;
	padding: 0 2em 0 1em;
	display: block;
	background-color:  var(--landing-link-color);
	color: var(--main-colors-general-white);
	text-align: center;
	overflow-y: var(--landing-rows-overflow);
	width: max-content;
	height: 2em;
	z-index:10;
	position: relative;
	top: 0em;
	left: 0em;
	border-radius: .5em;
	font-size: 1.5em;
	float: left;
}


input.LandingGrid-CTA-CTA:hover {
	/*opacity: 50%;*/
	background-color: #f27fbe;
}

.LandingGrid-CTA-CTA-pre {
	float:left;
	margin: 0 -2em 0 0;
	padding: 0 3em 0 1em;
	display: block;
	border-top: 1px solid var(--main-colors-grey);
	border-right: none;
	border-bottom: 1px solid var(--main-colors-grey);
	border-left: 1px solid var(--main-colors-grey);
	border-radius: 1em 0 0 1em;
	line-height: 2.8em;
	font-size: 1em;
	height: 2.8em;
	color: var(--main-colors-grey-start);
}

img.LandingGrid-CTA-CTA-button-icon {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	top: 0.75em;
	left: -2em;
	z-index: 10;
	height: 1.5em;
	float: right;
}

/* cta services */

.LandingGrid-CTA-BoxService {
	border-radius: 1em;
	color: var(--main-colors-white);
	background-color: var(--main-colors-red);
	padding: 2em 2vw 2em 2vw;
	margin-left: 1em !important;
	/* box-shadow: 0.1em 0.1em #474747,0.25em 0.25em #474747,0.5em 0.5em #474747; */
}

.LandingGrid-CTA-Services-Sets {
	display: grid;
	grid-template-columns: var(--landing-grid-subgrid-redbox) var(--landing-grid-subgrid-redbox);
	grid-template-rows: 1fr;
	grid-auto-flow: row;
	grid-gap: 2vw;
}

.LandingGrid-CTA-Services {
	margin: 0;
	padding: 0;
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 5;
	grid-row-end: 5;
	background-color: transparent;
	color: var(--main-colors-red-start);
	display: block;
	height: max-content;
	z-index: 11;

}

.LandingGrid-CTA-Services img{
	max-height: .8em;
	margin-top: 0.25em;
}

.LandingGrid-CTA-Services article
{
}

.LandingGrid-CTA-Services h1,
.LandingGrid-CTA-Services h3{
}

.LandingGrid-CTA-Services article p {
	margin-left: 2.8em;
	font-weight: normal;
}

.LandingGrid-CTA-BoxService p {
	margin-left: 1em !important;
}

.LandingGrid-CTA-Services article h3 {
	margin-left: 1em;
}

.LandingGrid-CTA-Services article h3 img {
	margin-right: .25em;
}

.LandingGrid-CTA-Services article h3:hover img {
	filter: brightness(150%);
	/*box-shadow: 0 0 50px 15px #569877; nur zum spaß*/
}

.LandingGrid-Services-CTA-BC-Inner {

	margin: 0;
	padding: 0 4em 0 2em;
	display: flex;
	background-color:  transparent;
	text-align: center;
	overflow: visible;
	width: min-content;
	height: auto;
	z-index:10;
	position: relative;
	border-radius: .5em;
	color: var(--main-colors-general-white);
	font-size: 1rem;

	white-space: nowrap;
	flex-direction: row;
}

/* text services */
.LandingGrid-text-Services {
	margin: 0;
	padding: 0;
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 5;
	grid-row-end: 5;
	background-color: transparent;
	color: var(--main-colors-red-start);
	display: block;
	height: max-content;
	z-index: 11;

}

.LandingGrid-text-Services img{
	max-height: .8em;
	margin-top: 0.25em;
}

.LandingGrid-text-Services article
{
	margin-left: 3em;
}

.LandingGrid-text-Services h1 {
  margin-left: 2em;
}

.LandingGrid-text-Services article p {
  margin-left: 2.8em;
  font-weight: normal;
}

.LandingGrid-text-Services article h3 {
  text-indent: 1em;
}

.LandingGrid-text-Services article h3 img {
  margin-right: .25em;
}

.LandingGrid-text-Services article h3:hover img {
	filter: brightness(150%);
	/*box-shadow: 0 0 50px 15px #569877; nur zum spaß*/
}

.LandingGrid-text-Trail {
	margin: 1em 0 0 0;
	padding: var(--landing-grid-padding-text-template);
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 6;
	grid-row-end: 6;
	background-color: var(--main-colors-grey);
	color: var(--main-colors-white);
	overflow-y: var(--landing-rows-overflow);
	z-index:10;
}

.LandingGrid-basic-Contact-container {
	display: grid;
	grid-template-columns: var(--landing-grid-subgrid-redbox) var(--landing-grid-subgrid-redbox);
	grid-template-rows: 1fr;
	grid-auto-flow: row;
	grid-gap: 1em;
	margin: 1em 0 0 0;
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 7;
	grid-row-end: 7;
	background-color: transparent;
	font-size: var(--landing-text-font-size);
	overflow: var(--landing-rows-contact-overflow);
	color: var(--main-colors-white);
	z-index:10;
	width: max-content;
	height: 100%;
}


.LandingGrid-basic-Contact-container-inner {
	overflow: var(--landing-rows-contact-overflow);
	font-size: var(--landing-text-font-size);
	max-width: var(--landing-grid-contact-col);
}

.LandingGrid-basic-Contact-container p  {
	color: var(--main-colors-black);
	font-weight: normal;
	white-space: nowrap;
}

.LandingGrid-basic-Contact-container p:last-of-type,
.LandingGrid-basic-Contact-container p:last-of-type:first-line {
	color: var(--main-colors-black);
	margin-top: -1em;
}

.LandingGrid-basic-Contact-container a:link,
.LandingGrid-basic-Contact-container a:hover,
.LandingGrid-basic-Contact-container a:visited {
	color: var(--main-colors-grey-start);
	font-weight: normal;
}

.LandingGrid-basic-Contact-container p:first-line {
	color: var(--main-colors-red-start);
	font-weight: var(--landing-text-header-weight);
}

.LandingGrid-TC-header-container-CICDContact {
	display: block;
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: var(--main-colors-grey-start);
	overflow: var(--landing-rows-contact-overflow);
}

.LandingGrid-TC-header-container-CICDContact h1 {
	color: var(--main-colors-red-start);
}

.LandingGrid-TC-header-container-CICDContact .service {
	color: var(--main-colors-red);
	font-weight: bold;
}

.LandingGrid-TC-header-container-CICDContact .address {
	color: var(--main-colors-black);
	font-weight: normal;
}

.LandingGrid-TC-header-container-CICDContact .links a {
	text-decoration: none;
}

.LandingGrid-basic-Contact-container .LandingGrid-basic-Contact-container-inner:not(:first-child) .LandingGrid-TC-header-container-CICDContact h1{
	color: transparent;
}

.LandingGrid-basic-Contact-container img {
	max-width: 20em;
}

.LandingGrid-text-Trail h1{
	text-align: right;
}

.LandingGrid-text-Trail p{
	text-align: right;
}


/* tuning */


@media screen and (max-width: 750px) {
	:root {
		--landing-logo-width: 21vw;
	}

	.LandingGrid-CTA-Services-Sets,
	.LandingGrid-basic-Contact-container {
		display: inline-grid;
		grid-auto-flow: row;
		grid-template-columns: auto;
		grid-column-gap: 0px;
	}

	div.LandingGrid-CTA-BoxService {
		padding: 2rem 0 2rem 0;
		white-space: break-spaces;
		word-wrap: break-word;
	}

	.LandingGrid-CTA-CTA,
	.LandingGrid-CTA-CTA-BC-Inner,
	.LandingGrid-Services-CTA-BC-Inner {
		transform: scale(.75);
		padding: 0;
	}

	.LandingGrid-text-CTA,
	.LandingGrid-Headline-box-top,
	.LandingGrid-CTA-Services,
	.LandingGrid-text-Trail,
	.LandingGrid-basic-Contact-container,
	.LandingGrid-text-Services
	{
		font-size: .70rem;
		padding: 1rem;
		width: auto;
	}

	.LandingGrid-CTA-CTA-BC-Outer .LandingGrid-CTA-CTA-BC-Inner
	{
		left: -4rem !important;
	}
	.LandingGrid-CTA-CTA-BC-Outer .LandingGrid-CTA-CTA-BC-Inner .LandingGrid-CTA-CTA-button-icon {
		left: -4em !important;
		max-height: 1em !important;
		margin-top: 0.26em !important;
	}

	.LandingGrid-CTA-BoxService .LandingGrid-Services-CTA-BC-Inner .LandingGrid-CTA-CTA-button-icon {
		left: -3em !important;
		margin-top: .5rem !important;
	}

	.LandingGrid-basic-Contact-container .LandingGrid-basic-Contact-container-inner:not(:first-child) .LandingGrid-TC-header-container-CICDContact h1{
		display: none;
	}

}