/*
 * 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.woehr {
	color: #009da3;
}

span.systemtechnik {
	color: #bebd01;
}

a.mehr,
a.mehr:visited,
a.mehr:active,
a.mehr:focus {
	color: #009da3;
	font-weight: bold;
}

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

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

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

a.mehr:hover {
	text-decoration: none;
	color: rgba(0,157,163,0.875);
}

a.button-hell,
a.button-hell:visited,
a.button-hell:active,
a.button-hell:focus,
a.button-dunkel,
a.button-dunkel:visited,
a.button-dunkel:active,
a.button-dunkel:focus {
	color: #009da3 !important;
	background-color: #fff;
	border: 1px solid #fff;
	display: inline-block;
	line-height: 1;
	padding: 11px 44px 11px 16px;
	min-width: 254px;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	text-decoration: none;
}

a.button-hell:hover,
a.button-dunkel:hover {
	background-color: rgba(255,255,255,0.875);
}

a.button-hell:before,
a.button-dunkel:before {
	content:"\A";
	border-style: solid;
	border-width: 8px 0 8px 8px;
	border-color: transparent transparent transparent #009da3;
	position: absolute;
	left: -1px;
	top: 12px;
}

/*a.button-hell:hover:before,
a.button-dunkel:hover:before {
	border-color: transparent transparent transparent #fff;

	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}*/

a.button-woehr,
a.button-woehr:visited,
a.button-woehr:active,
a.button-woehr:focus,
a.button-gehaeuse,
a.button-gehaeuse:visited,
a.button-gehaeuse:active,
a.button-gehaeuse:focus,
a.button-eingabesysteme,
a.button-eingabesysteme:visited,
a.button-eingabesysteme:active,
a.button-eingabesysteme:focus,
a.button-systemtechnik,
a.button-systemtechnik:visited,
a.button-systemtechnik:active,
a.button-systemtechnik:focus,
a.button-mechanik,
a.button-mechanik:visited,
a.button-mechanik:active,
a.button-mechanik:focus,
a.button-oberflaechentechnik,
a.button-oberflaechentechnik:visited,
a.button-oberflaechentechnik:active,
a.button-oberflaechentechnik:focus,
a.button-weiss,
a.button-weiss:visited,
a.button-weiss:active,
a.button-weiss:focus {
	color: #fff !important;
	background-color: #009da3;
	border: 1px solid #009da3;
	display: inline-block;
	line-height: 1;
	padding: 11px 54px 11px 16px;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	width: 100%;
	max-width: 290px;
	text-decoration: none;
	text-align: left;
}

a.button-woehr:hover {
	background-color: rgba(0,157,163,0.875);
}

a.button-woehr:after,
a.button-gehaeuse:after,
a.button-eingabesysteme:after,
a.button-systemtechnik:after,
a.button-mechanik:after,
a.button-oberflaechentechnik:after,
a.button-weiss:after {
	content: "";
	position: absolute;
	right: 0;
	top: -1px;
	width: 42px;
	height: 42px;
	border-left: 1px solid #fff;
}

a.button-woehr:before,
a.button-gehaeuse:before,
a.button-eingabesysteme:before,
a.button-systemtechnik:before,
a.button-mechanik:before,
a.button-oberflaechentechnik:before,
a.button-weiss:before {
	content:"\A";
	border-style: solid;
	border-width: 8px 0 8px 8px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	right: 16px;
	top: 12px;
}

a.button-gehaeuse,
a.button-gehaeuse:visited,
a.button-gehaeuse:active,
a.button-gehaeuse:focus {
	background-color: #e98f02;
	border: 1px solid #e98f02;
}

a.button-gehaeuse:hover {
	background-color: rgba(233,143,2,0.875);
}

a.button-eingabesysteme,
a.button-eingabesysteme:visited,
a.button-eingabesysteme:active,
a.button-eingabesysteme:focus {
	background-color: #f5c500;
	border: 1px solid #f5c500;
}

a.button-eingabesysteme:hover {
	background-color: rgba(245,197,0,0.875);
}

a.button-systemtechnik,
a.button-systemtechnik:visited,
a.button-systemtechnik:active,
a.button-systemtechnik:focus {
	background-color: #bfbd02;
	border: 1px solid #bfbd02;
}
a.button-systemtechnik:hover {
	background-color: rgba(191,189,2,0.875);
}

a.button-mechanik,
a.button-mechanik:visited,
a.button-mechanik:active,
a.button-mechanik:focus {
	background-color: #57b7dc;
	border: 1px solid #57b7dc;
}

a.button-mechanik:hover {
	background-color: rgba(87,183,220,0.875);
}

a.button-oberflaechentechnik,
a.button-oberflaechentechnik:visited,
a.button-oberflaechentechnik:active,
a.button-oberflaechentechnik:focus {
	background-color: #e30045;
	border: 1px solid #e30045;
}

a.button-oberflaechentechnik:hover {
	background-color: rgba(227,0,69,0.875);
}

a.button-weiss,
a.button-weiss:visited,
a.button-weiss:active,
a.button-weiss:focus {
	color: #009da3 !important;
	background-color: #fff;
	border: 1px solid #fff;
}

a.button-weiss:hover {
	background-color: rgba(255,255,255,0.875);
}

a.button-weiss:after {
	border-left: 1px solid #009da3;
}

a.button-weiss:before {
	border-color: transparent transparent transparent #009da3;
}

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

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

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

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

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

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

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

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