/*****************************************

potential compass Homepage

Colors:
Blau: #003049;
Rot: #d62828;
Gelb: ##ff7f00;
Grün: #5f551c;

- Backgrounds - main color #802345
- Backgrounds - gedecktes hellgrün #A2AA6C
- Backgrounds - light gray #f7fcfd
- Buttons, bullets, icons, links - main color #802345
- Cards border, inputs border - light gray #c4d8dc
- Text headers, navbar links - black #393939
- Text body - black #626262
******************************************/

@import "fonts.css";
@import "typography.css";
@import "grid.css";
@import "layout.css";
@import "elements.css";
@import "mainnav.css";
@import "components.css";
@import "questionnaires.css";



/***************************************
**
**  Basic Helper Styles
**  Prefix: h-
**
****************************************/

.h-color--main {
	color: #802345;
}

.h-brand {
	color: #802345;
	font-weight: 700;
	font-style: italic;
}


/**********************************/
/*     18. Back To Top Button     */
/**********************************/
a.back-to-top {
	position: fixed;
	z-index: 999;
	right: 1em;
	bottom: 0.75rem;
	display: none;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 1.875rem;
	background: #802345 url("/assets/img/front/up-arrow.png") no-repeat center 47%;
	background-size: 1.125rem 1.125rem;
	text-indent: -9999px;
	box-shadow: 0 0 2px 0px #fff;
}

a:hover.back-to-top {
	background-color: #ff7f00; 
}


/***********************************/
/*     Mautic E-Mail-Forms         */
/***********************************/	
    .mauticform-error { margin-bottom: 10px; color: red; }
    .mauticform-message { margin-bottom: 10px;color: green; }
    .mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *"; display: inline; }
    .mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
    .mauticform-errormsg { display: block; color: red; margin-top: 2px; }


/*****************************/
/*     20. Media Queries     */
/*****************************/	
/* Min-width width 768px */
@media (min-width: 768px) {


}
/* end of min-width width 768px */


/* Min-width width 992px */
@media (min-width: 992px) {
	
	html {
		font-size: 25px;
	}

	body {
		font-size: 16px;
	}

}
/* end of min-width width 992px */


/* Min-width width 1200px */
@media (min-width: 1200px) {
		
	a.back-to-top {
		right: calc( ( ( 100% - 1200px ) / 2 ) + 1em );
	}

}
/* end of min-width width 1200px */
.c-form__button,
.c-button{
	cursor: pointer;
}