/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* ==========================================================================
   RTE styles: opinionated defaults
   ========================================================================== */

span.rot {
	color: #C60000;
}

i.rot {
	color: #C60000;
	font-style: normal;
}

span.size26 {
	font-size: 26px;
	line-height: 44px;
}

@media (max-width:767px) {
	span.size26 {
		font-size: 21px;
		line-height: 35px;
	}
}

span.size14 {
	font-size: 14px;
	line-height: 28px;
}

a.mehr,
a.mehr:visited,
a.mehr:active,
a.mehr:focus,
a.mehr:hover,
a.plus,
a.plus:visited,
a.plus:active,
a.plus:focus,
a.plus:hover,
input[type="submit"] {
	font-size: 26px;
	line-height: 50px;
	text-align: center;
	background-color: #C60000;
	color: #fff !important;
	display: inline-block;
	font-weight: bold;
	padding: 0 28px;
	border: 0 none transparent;
	min-width: 50px;
	position: relative;

	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

@media (max-width:767px) {
	a.mehr,
	a.mehr:visited,
	a.mehr:active,
	a.mehr:focus,
	a.mehr:hover,
	a.plus,
	a.plus:visited,
	a.plus:active,
	a.plus:focus,
	a.plus:hover,
	input[type="submit"] {
		font-size: 21px;
		line-height: 40px;
		padding: 0 22px;

		-webkit-border-radius: 21px;
		-moz-border-radius: 21px;
		border-radius: 21px;
	}
}


a.plus,
a.plus:visited,
a.plus:active,
a.plus:focus,
a.plus:hover {
	background-color: #E0E0E0;
	color: #1E1E1E !important;
}

a.plus.more,
a.plus.more:visited,
a.plus.more:active,
a.plus.more:focus,
a.plus.more:hover {
	padding-left: 65px;
}

a.plus i {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	font-size: 50px;
}

input[type="submit"] {
	padding: 0 28px;
}

a.mehr-mail,
a.mehr-mail:visited,
a.mehr-mail:active,
a.mehr-mail:focus,
a.mehr-mail:hover,
a.mehr-web,
a.mehr-web:visited,
a.mehr-web:active,
a.mehr-web:focus,
a.mehr-web:hover {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
	font-size: 50px;
	overflow: hidden;
	color: transparent;
}

@media (max-width:767px) {
	a.plus i {
		font-size: 40px;
	}

	a.mehr-mail,
	a.mehr-mail:visited,
	a.mehr-mail:active,
	a.mehr-mail:focus,
	a.mehr-mail:hover,
	a.mehr-web,
	a.mehr-web:visited,
	a.mehr-web:active,
	a.mehr-web:focus,
	a.mehr-web:hover {
		width: 40px;
		height: 40px;
		font-size: 40px;
	}
}

a.mehr-mail:before,
a.mehr-mail:visited:before,
a.mehr-mail:active:before,
a.mehr-mail:focus:before,
a.mehr-mail:hover:before,
a.mehr-mail:after,
a.mehr-mail:visited:after,
a.mehr-mail:active:after,
a.mehr-mail:focus:after,
a.mehr-mail:hover:after,
a.mehr-web:before,
a.mehr-web:visited:before,
a.mehr-web:active:before,
a.mehr-web:focus:before,
a.mehr-web:after,
a.mehr-web:visited:after,
a.mehr-web:active:after,
a.mehr-web:focus:after,
a.mehr-web:hover:after {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'pegasus' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	z-index: 5;

	content: "\e903";
	color: rgb(198, 0, 0);
}

@media (max-width:767px) {
	a.mehr-mail:before,
	a.mehr-mail:visited:before,
	a.mehr-mail:active:before,
	a.mehr-mail:focus:before,
	a.mehr-mail:hover:before,
	a.mehr-mail:after,
	a.mehr-mail:visited:after,
	a.mehr-mail:active:after,
	a.mehr-mail:focus:after,
	a.mehr-mail:hover:after,
	a.mehr-web:before,
	a.mehr-web:visited:before,
	a.mehr-web:active:before,
	a.mehr-web:focus:before,
	a.mehr-web:after,
	a.mehr-web:visited:after,
	a.mehr-web:active:after,
	a.mehr-web:focus:after,
	a.mehr-web:hover:after {
		width: 40px;
		height: 40px;
	}
}

a.mehr-mail:after,
a.mehr-mail:visited:after,
a.mehr-mail:active:after,
a.mehr-mail:focus:after,
a.mehr-mail:hover:after,
a.mehr-web:after,
a.mehr-web:visited:after,
a.mehr-web:active:after,
a.mehr-web:focus:after,
a.mehr-web:hover:after {
	z-index: 10;

	content: "\e904";
	color: rgb(255, 255, 255);
}

a.mehr-web:after,
a.mehr-web:visited:after,
a.mehr-web:active:after,
a.mehr-web:focus:after,
a.mehr-web:hover:after {
	z-index: 10;

	content: "\e909";
	color: rgb(255, 255, 255);
}


.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

/* ==========================================================================
   TYPO3 styles: opinionated defaults
   ========================================================================== */

.csc-header-alignment-center,
.ce-headline-center {
	text-align: center;
}

.csc-header-alignment-left,
.ce-headline-left {
	text-align: left;
}

.csc-header-alignment-right,
.ce-headline-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}