/* --------------------------------------------------------------- */
/*                                                                 */
/*    HAUPT CSS-DATEI                                              */
/*    Webstobe GmbH, www.webstobe.ch                               */
/*                                                                 */
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* --- FARBEN ---------------------------------------------------- */
/* --------------------------------------------------------------- */
/*
 Rot:			#e1231d rgba (226,36,29)
 Dunkelgrau: 	#7d7d7e rgba (126,125,126)
 Hellgrau: 		#ebebeb rgba (235,235,235)

 font-family: 'HelveticaNeueW01-ThinIt' thin italic: p,li,span,a,h1,h2,h3,h4,h5
 font-family: 'HelveticaNeueW01-76Bold' bold italic: strong, b

 /* --------------------------------------------------------------- */
/* --- HTML TAGS ------------------------------------------------- */
/* --------------------------------------------------------------- */

html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
html, body {
	height: 100%;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
	width: auto;
	display: block;
	object-fit: cover;
}
a {
	color: #e1231d;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
}
iframe {
	width: 100%;
	border: none;
}
figure {
	margin: 0;
}
/* --------------------------------------------------------------- */
/* --- FONT  ----------------------------------------------------- */
/* --------------------------------------------------------------- */

body {
	font-family: 'HelveticaNeueW01-ThinIt', Helvetica, Arial, sans-serif;
	font-size-adjust: none;
	font-stretch: normal;
	font-variant: normal;
	font-weight: normal;
	color: #000000;
	text-align: center;
	font-size: 1.5rem;
	line-height: 2rem;
	overflow-x: hidden;/*background:transparent url("/fileadmin/template_faessler_geruestbau/images/bgf.jpg") no-repeat top -10px center;*/
}
ul {
	margin: 0 0 0 15px;
}
ol {
	margin: 0 0 0 25px;
}
p, li {
	font-size: 1.5rem;
	line-height: 2rem;
	padding: 0;
	margin: 0 0 0.5rem;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	color: #7b7b7b;
}
span {
	font-size: 1.5rem;
	line-height: 2rem;
	padding: 0;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
nav ul li {
	margin: 0;
	padding: 0;
}
h1 {
	color: #7d7d7e;
	font-family: 'HelveticaNeueW01-76Bold', Helvetica, Arial, sans-serif;
	font-weight: normal;
}
h1, h2, h3, h4 {
	font-size: 2.5rem;
	line-height: 3.33rem;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
h1 {
	margin: 0 0 1.5rem;
}
h2, h3 {
	color: #e1231d;
	margin: 0 0 4rem;
}
h4 {
	color: #7d7d7e;
}
h3.history {
	text-align: center;
}
h5 {
	font-size: 1.5rem;
	line-height: 2rem;
}
table {
	border-collapse: collapse;
}
table tr th {
	text-align: left;
}
table tr td {
}
b, strong {
	font-weight: normal;
	font-family: 'HelveticaNeueW01-76Bold', Helvetica, Arial, sans-serif;
}
@font-face {
	font-family: 'fontello';
	src: url('../font/fontello.eot?28739752');
	src: url('../font/fontello.eot?28739752#iefix') format('embedded-opentype'), url('../font/fontello.woff?28739752') format('woff'), url('../font/fontello.ttf?28739752') format('truetype'), url('../font/fontello.svg?28739752#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* --------------------------------------------------------------- */
/* --- STANDARD-KLASSEN ------------------------------------------ */
/* --------------------------------------------------------------- */
.hidden {
	display: none;
}
.hidden-phone {
	display: block;
}
.visible-phone {
	display: none;
}
.clear {
	clear: both;
}
.cf:after, .inner:after, nav ul:after {
	content: "";
	display: table;
	clear: both;
}
/* --------------------------------------------------------------- */
/* --- SLICK ----------------------------------------------------- */
/* --------------------------------------------------------------- */

.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	margin: 0 auto;
	width: 90%;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	margin: 0 10px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
	cursor: pointer;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
button.slick-prev {
	background: url("../images/arrow-news.png") no-repeat scroll left center transparent;
	border: medium none;
	cursor: pointer;
	height: 50%;
	position: absolute;
	text-indent: -999em;
	top: 0;
	width: 27px;
	z-index: 100;
	left: -5%;
}
button.slick-next {
	background: url("../images/arrow-news.png") no-repeat scroll right center transparent;
	border: medium none;
	cursor: pointer;
	height: 50%;
	position: absolute;
	text-indent: -999em;
	top: 0;
	right: -5%;
	width: 27px;
	z-index: 100;
}
.slick-dots {
	list-style-type: none;
	text-align: center;
}
.slick-dots li {
	display: inline-block;
}
.slick-dots li button {
	border: 1px solid #7d7d7e;
	border-radius: 50%;
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	font-size: 1px;
	height: 10px;
	margin-right: 12px;
	width: 10px;
	background-color: #fff;
	text-indent: -9999px;
}
.slick-dots li.slick-active button {
	background-color: #7d7d7e;
	color: #7d7d7e;
	text-indent: -9999px;
}
/* --------------------------------------------------------------- */
/* --- UNTERNEHMEN ----------------------------------------------- */
/* --------------------------------------------------------------- */

.unternehmen .un-image img {
	width: 100%;
}
.unternehmen .un-image {
	max-height: 580px;
	overflow: hidden;
}
.unternehmen > .container {
	max-width: 100%;
}

.unternehmen .offer-line-block .offer-line-image {
    float: left;
    margin-left: 2.04082%;
    width: 48.9796%;
    margin-right:0;
}

/* --------------------------------------------------------------- */
/* --- 404 ------------------------------------------------------- */
/* --------------------------------------------------------------- */


header#header-404 {
	margin-bottom:45px;
}
header#header-404 figure {
    margin: 0 auto;
    max-width: 311px;
    width: 100%;
}


/* --------------------------------------------------------------- */
/* --- WILLKOMMEN ------------------------------------------------ */
/* --------------------------------------------------------------- */

.welcome-content {
	float: left;
	width: 69.38775510204082%;
	padding: 0 30px 30px 0;
}
.welcome-news {
	float: left;
	width: 30.61224489795918%;
	padding: 0;
	background: transparent url('../images/divider_news.png') no-repeat top left;
	min-height: 428px;
	position: relative;
	margin-bottom: 25px;
}
.welcome-news header {
	margin: 0 40px;
}
.welcome-news header h4 {
	font-family: "HelveticaNeueW01-76Bold", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 2.65rem;
	font-weight: normal;
	line-height: 2.5rem;
}
/* --------------------------------------------------------------- */
/* --- SECTION LINKS --------------------------------------------- */
/* --------------------------------------------------------------- */

.links h2 {
	margin-bottom: 2rem;
}
.links article figure.csc-textpic-image {
	margin-right: 55px !important;
	min-height: 80px;
	position: relative;
	margin-bottom: 30px !important;
}
.links article figure .csc-textpic-caption {
	bottom: 0;
	caption-side: bottom;
	position: absolute;
	text-align: left;
}
/* --------------------------------------------------------------- */
/* --- FOOTER ---------------------------------------------------- */
/* --------------------------------------------------------------- */

.footer-column-left {
	float: left;
	width: 80%;
}
.footer-column-right {
	float: right;
	width: 20%;
	text-align: right;
}
.adresse .adresse-col {
	float: left;
	width: auto;
	text-align: left;
	background: transparent url('../images/divider_footer.png') no-repeat bottom left;
	min-height: 60px;
	padding: 0 25px 0 5px;
}
.adresse .adresse-col:last-child {
	padding-right: 0;
}
.adresse .adresse-col p {
	font-size: 1.45rem;
	line-height: 1.85rem;
	margin: 0;
}
.adresse .adresse-col p span {
	font-size: inherit;
}
.adresse .adresse-col a {
	display: block;
	min-height: 60px;
	font-size: inherit;
	padding-top: 20px;
}
.service-navigation ul li a {
	color: #7d7d7e;
}
.service-navigation ul {
	padding-top: 20px;
}
.service-navigation ul li {
	display: inline-block;
	margin-left: 15px;
}
.service-navigation ul li a:hover {
	color: #e1231d;
}
/* --------------------------------------------------------------- */
/* --- HAUPT AUFBAU ---------------------------------------------- */
/* --------------------------------------------------------------- */

.wrapper {
	width: 100%;
	overflow: hidden;
}
/*
 #header {

 height: 100%;
 margin: 0 auto;
 max-width: 1200px;
 position: relative;
 width: 100%;
 }
 */
#header {
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
#header .container {
	width: 100% !important;
	max-width: 100%;
!important
}
#header figure {
	max-height: 585px;
	overflow: hidden;
	width: 100%;
}
#header .cycle-slideshow {
	overflow: hidden;
	height: 100%;
	min-height: 100%;
}
/*
 #header .cycle-slideshow img {

 width: 1200px;
 }
 */
#header .cycle-slideshow img {
	width: 100%;
	object-fit: cover;
}
.container {
	max-width: 1200px;
	text-align: left;
	width: 100%;
	margin: 0 auto;
}
.inner {
	max-width: 980px;
	text-align: left;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.bg-grey {
	background-color: #ebebeb;
}
.bgimage-cover {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	/*background-image: url("/fileadmin/template_faessler_geruestbau/images/bg_Angebot.jpg");*/
	background-repeat: no-repeat;
	height: auto;
	min-height: 100%;
}
/* --------------------------------------------------------------- */
/* --- TIMELINE -------------------------------------------------- */
/* --------------------------------------------------------------- */

.cd-timeline-date {
	font-weight: 700;
}
.cd-container {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.cd-container:after {
	content: '';
	display: table;
	clear: both;
}
#cd-timeline {
	position: relative;
	padding: 0;
	margin-top: 2em;
	margin-bottom: 2em;
}
#cd-timeline::before {
	/* this is the vertical line */
	background: none repeat scroll 0 0 #ebebeb;
	content: "";
	height: 100%;
	left: 18px;
	position: absolute;
	top: 0;
	width: 1px;
}

#cd-timeline .csc-default:nth-child(2n) .cd-timeline-content   {
	
	float:right;
}






@media only screen and (min-width: 650px) {
#cd-timeline {
	margin-top: 3em;
	margin-bottom: 3em;
}
#cd-timeline::before {
	left: 50%;
	margin-left: -2px;
}
}
.cd-timeline-block {
	position: relative;
	margin: 0;
	z-index: 9;
}
.cd-timeline-block:after {
	content: "";
	display: table;
	clear: both;
}
.cd-timeline-block:first-child {
	margin-top: 0;
}



#cd-timeline  .csc-default:last-child  .cd-timeline-block{
	margin-bottom: 0 !important;
	background-color: #fff;
}




.cd-timeline-img {
	position: absolute;
	top: 0;
	left: 0;
}
.cd-timeline-img p {
	margin: 0;
}
.cd-timeline-img img {
	display: block;
	width: 24px;
	height: 24px;
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px;
}

@media only screen and (min-width: 650px) {
.cd-timeline-img {
	background-color: #fff;
	height: auto;
	left: 50%;
	margin-left: -190px;
	text-align: center;
	width: 380px;
	z-index: 999;
	padding: 20px 0;
	top: -15px;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}
.cssanimations .cd-timeline-img.is-hidden {
	visibility: hidden;
}
/*
	 .cssanimations .cd-timeline-img.bounce-in {
	 visibility: visible;
	 -webkit-animation: cd-bounce-1 0.6s;
	 -moz-animation: cd-bounce-1 0.6s;
	 animation: cd-bounce-1 0.6s;
	 }*/
}
 @-webkit-keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
}
 60% {
opacity: 1;
-webkit-transform: scale(1.2);
}
 100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes cd-bounce-1 {
0% {
opacity: 0;
-moz-transform: scale(0.5);
}
 60% {
opacity: 1;
-moz-transform: scale(1.2);
}
 100% {
-moz-transform: scale(1);
}
}
@keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
 60% {
opacity: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
 100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.cd-timeline-content {
	position: relative;
	margin-left: 60px;
	background: white;
}
.cd-timeline-content figure img {
	max-width: auto !important;
}
.cd-timeline-content:after {
	content: "";
	display: table;
	clear: both;
}
.cd-timeline-content h2 {
	color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	font-size: 13px;
	font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	display: inline-block;
}
.cd-timeline-content p {
	margin: 1em 0;
	line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
	float: right;
	padding: .8em 1em;
	background: #acb7c0;
	color: white;
	border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
	background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
	float: left;
	padding: .8em 0;
	opacity: .7;
}
.cd-timeline-content::before {
	content: '';
	position: absolute;
	top: 16px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid white;
}

@media only screen and (min-width: 650px) {
.cd-timeline-content {
	height: 265px;
	margin-left: 0;
	max-width: 390px;
	overflow: hidden;
}
.cd-timeline-content::before {
	top: 24px;
	left: 100%;
	border-color: transparent;
	border-left-color: white;
}
.cd-timeline-content .cd-read-more {
	float: left;
}
.cd-timeline-content .cd-date {
	position: absolute;
	width: 100%;
	left: 122%;
	top: 6px;
	font-size: 16px;
	font-size: 1rem;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
	float: right;
}


.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
	top: 24px;
	left: auto;
	right: 100%;
	border-color: transparent;
	border-right-color: white;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
	float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
	left: auto;
	right: 122%;
	text-align: right;
}
.cssanimations .cd-timeline-content.is-hidden {
	visibility: hidden;
}
.cssanimations #cd-timeline .csc-default .cd-timeline-block .cd-timeline-content.bounce-in {
	visibility: visible;
	-webkit-animation: cd-bounce-2 2s;
	-moz-animation: cd-bounce-2 2s;
	animation: cd-bounce-2 2s;
}
}
/* inverse bounce effect on even content blocks */

.cssanimations #cd-timeline .csc-default:nth-child(2n) .cd-timeline-block .cd-timeline-content.bounce-in {
	-webkit-animation: cd-bounce-2-inverse 2s;
	-moz-animation: cd-bounce-2-inverse 2s;
	animation: cd-bounce-2-inverse 2s;
}


 @-webkit-keyframes cd-bounce-2 {
0% {
opacity: .8;
-webkit-transform: translateX(-100px);
}
 60% {
opacity: 1;
-webkit-transform: translateX(20px);
}
 100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes cd-bounce-2 {
0% {
opacity: .8;
-moz-transform: translateX(-100px);
}
 60% {
opacity: 1;
-moz-transform: translateX(20px);
}
 100% {
-moz-transform: translateX(0);
}
}
@keyframes cd-bounce-2 {
0% {
opacity: 1;
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-ms-transform: translateX(-100px);
-o-transform: translateX(-100px);
transform: translateX(-100px);
}
 60% {
opacity: .8;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
 100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes cd-bounce-2-inverse {
0% {
opacity: .8;
-webkit-transform: translateX(100px);
}
 60% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
 100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes cd-bounce-2-inverse {
0% {
opacity: .8;
-moz-transform: translateX(100px);
}
 60% {
opacity: 1;
-moz-transform: translateX(-20px);
}
 100% {
-moz-transform: translateX(0);
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity: .8;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
transform: translateX(100px);
}
 60% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
 100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
/* --------------------------------------------------------------- */
/* --- CYCLE HEADER  --------------------------------------------- */
/* --------------------------------------------------------------- */
/*
 #header .slider_pager {

 bottom: 0;
 overflow: hidden;
 text-align: center;
 width: 1050px;
 }

 */
#header .slider_pager {
	bottom: 50%;
	height: 69px;
	left: 50%;
	margin: 0 auto 0 -525px;
	overflow: hidden;
	position: absolute !important;
	text-align: center;
	width: 1050px;
}
#header .slider_pager a {
	background-color: #f2f2f2;
	background: rgba(255, 255, 255, 0.3);
	cursor: pointer;
	display: inline-block;
	font-family: arial;
	height: 23px;
	margin-right: 8px;
	text-indent: -9999px;
	width: 23px;
}
#header .slider_pager a.activeSlide {
	background-color: #f9b335;
}
#header .slider_pager > * {
	display: none;
}
/*
 #header .slider_pager a.prev {

 background: url("../images/arrow-xxl.png") no-repeat left center transparent;
 bottom: 50%;
 display: block;
 height: 69px;
 position: absolute;
 left: 70px;
 text-align: right;
 text-indent: -9999px;
 width: 60px;
 z-index: 500;
 }

 #header .slider_pager a.next {

 background: url("../images/arrow-xxl.png") no-repeat scroll right center transparent;
 bottom: 50%;
 display: block;
 height: 69px;
 position: absolute;
 right: 70px;
 text-align: left;
 text-indent: -9999px;
 width: 60px;
 z-index: 500;
 }*/

#header .slider_pager a.prev {
	background: url("../images/arrow-xxl.png") no-repeat scroll left center transparent;
	display: block;
	float: left;
	height: 69px;
	left: 0px;
	position: relative;
	text-align: right;
	text-indent: -9999px;
	width: 60px;
	z-index: 500;
}
#header .slider_pager a.next {
	background: url("../images/arrow-xxl.png") no-repeat scroll right center transparent;
	display: block;
	float: right;
	height: 69px;
	position: relative;
	right: 0px;
	text-align: left;
	text-indent: -9999px;
	width: 60px;
	z-index: 500;
}
/* --------------------------------------------------------------- */
/* --- CYCLE ANGEBOT  -------------------------------------------- */
/* --------------------------------------------------------------- */

/*
 .offer_pager {

 bottom: 40%;
 height: 72px;
 position: absolute;
 text-align: center;
 width: 100%;
 z-index: 600;
 }
 */

.offer_pager {
	position: relative;
	text-align: center;
	z-index: 991;
	height: auto !important
}
.offer_pager a {
	text-indent: -9999px;
	cursor: pointer;
}
.offer_pager > * {
	display: none;
}
/*
 .offer_pager a.prev-offer {

 background: url("../images/arrow-offer.png") no-repeat left center transparent;
 display: block;
 float: left;
 height: 71px;
 margin-left: 5px;
 text-align: right;
 text-indent: -9999px;
 width: 60px;
 z-index: 500;
 }

 .offer_pager a.next-offer {

 background: url("../images/arrow-offer.png") no-repeat scroll right center transparent;
 display: block;
 float: right;
 height: 71px;
 margin-right: 5px;
 text-align: left;
 text-indent: -9999px;
 width: 60px;
 z-index: 500;
 }
 */

.offer_pager a.prev-offer {
	background: transparent url("../images/arrow-offer.png") no-repeat scroll left center;
	bottom: 0;
	display: block;
	float: left;
	height: 71px;
	margin-left: 5px;
	position: absolute;
	text-align: right;
	text-indent: -9999px;
	width: 60px;
	margin-bottom: 25%;
}
.offer_pager a.next-offer {
	background: transparent url("../images/arrow-offer.png") no-repeat scroll right center;
	bottom: 0;
	display: block;
	float: right;
	height: 71px;
	margin-right: 5px;
	position: absolute;
	right: 0;
	text-align: left;
	text-indent: -9999px;
	width: 60px;
	margin-bottom: 25%;
}
/* --------------------------------------------------------------- */
/* --- CYCLE TIMELINE -------------------------------------------- */
/* --------------------------------------------------------------- */
/*
 .timeline_pager {

 bottom: 35%;
 position: absolute;
 text-align: center;
 width: 100%;
 z-index: 991;
 }*/
.timeline_pager {
	position: relative;
	text-align: center;
	z-index: 991;
}
.timeline_pager a {
	text-indent: -9999px;
	cursor: pointer;
}
.timeline_pager > * {
	display: none;
}
/*
 .timeline_pager a.prev-timeline {

 background: url("../images/arrow-offer.png") no-repeat left center transparent;
 display: block;
 float: left;
 height: 71px;
 margin-left: 5px;
 text-align: right;
 text-indent: -9999px;
 width: 60px;
 }

 .timeline_pager a.next-timeline {

 background: url("../images/arrow-offer.png") no-repeat scroll right center transparent;
 display: block;
 float: right;
 height: 71px;
 margin-right: 5px;
 text-align: left;
 text-indent: -9999px;
 width: 60px;
 }
 */
.timeline_pager a.next-timeline {
	background: transparent url("../images/arrow-offer.png") no-repeat scroll left center;
	bottom: 0;
	display: block;
	float: left;
	height: 71px;
	margin-left: 5px;
	position: absolute;
	text-align: right;
	text-indent: -9999px;
	width: 60px;
	margin-bottom: 22%;
}
.timeline_pager a.prev-timeline {
	background: transparent url("../images/arrow-offer.png") no-repeat scroll right center;
	bottom: 0;
	display: block;
	float: right;
	height: 71px;
	margin-right: 5px;
	position: absolute;
	right: 0;
	text-align: left;
	text-indent: -9999px;
	width: 60px;
	margin-bottom: 22%;
}
/* --------------------------------------------------------------- */
/* --- CYCLE HEADER NEWS  ---------------------------------------- */
/* --------------------------------------------------------------- */

.welcome-news-slider {
	left: 2%;
	margin: 15px auto 0;
	width: 78.5%;
}
.welcome-news-slider figure img {
	width: 100%;
}
.welcome-news-slider figure {
	width: 100%;
	min-height: 260px;
}
.welcome_news_pager {
	bottom: 0;
	overflow: hidden;
	text-align: center;
	width: auto;
}
.welcome-news-slider a {
	cursor: pointer;
}
#welcome_news_pager_points {
	text-align: center;
}
#welcome_news_pager_points a.activeSlide {
	background-color: #f9b335;
}
#welcome_news_pager_points > span {
	border: 1px solid #7d7d7e;
	border-radius: 50%;
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	font-size: 1px;
	height: 10px;
	margin-right: 12px;
	width: 10px;
}
#welcome_news_pager_points > span.cycle-pager-active {
	background-color: #7d7d7e;
}
a.prev-welcome {
	background: url("../images/arrow-news.png") no-repeat left center transparent;
	bottom: 70%;
	display: block;
	height: 29px;
	left: 13px;
	position: absolute;
	text-align: right;
	text-indent: -9999px;
	width: 29px;
	z-index: 500;
	cursor: pointer;
}
a.next-welcome {
	background: url("../images/arrow-news.png") no-repeat scroll right center transparent;
	bottom: 70%;
	display: block;
	height: 29px;
	position: absolute;
	right: 0px;
	text-align: left;
	text-indent: -9999px;
	width: 29px;
	z-index: 500;
	cursor: pointer;
}
.teaser-text {
	padding: 0 5px;
}
.teaser-text p {
	margin-bottom: 5px;
	margin-left: 3px;
}
.teaser-text h5 {
	margin: 13px 0 5px 2px
}
/* --------------------------------------------------------------- */
/* --- CYCLE TIMELINE -------------------------------------------- */
/* --------------------------------------------------------------- */

#cd-timeline .slider_pager {
	bottom: 0;
	text-align: center;
	width: 350px;
}
#cd-timeline .slider_pager a {
	background-color: #f2f2f2;
	background: rgba(255, 255, 255, 0.3);
	cursor: pointer;
	display: inline-block;
	font-family: arial;
	height: 23px;
	margin-right: 8px;
	text-indent: -9999px;
	width: 23px;
}
#cd-timeline .slider_pager a.activeSlide {
	background-color: #f9b335;
}
#cd-timeline .slider_pager > * {
	display: none;
}
#cd-timeline .slider_pager a.prev {
	background: url("../images/arrow-small.png") no-repeat left center transparent;
	bottom: 50%;
	display: block;
	height: 52px;
	position: absolute;
	left: 10px;
	text-align: right;
	text-indent: -9999px;
	width: 50px;
	z-index: 500;
}
#cd-timeline .slider_pager a.next {
	background: url("../images/arrow-small.png") no-repeat scroll right center transparent;
	bottom: 115px;
	display: block;
	bottom: 50%;
	position: absolute;
	right: 10px;
	height: 52px;
	text-align: left;
	text-indent: -9999px;
	width: 50px;
	z-index: 500;
}
/* --------------------------------------------------------------- */
/* --- HEADER  --------------------------------------------------- */
/* --------------------------------------------------------------- */

figure.logo {
	position: relative;
}
figure.logo img {
	bottom: -70px;
	position: absolute;
	right: -30px;
	width: 311px;
	z-index: 999;
}
/* --------------------------------------------------------------- */
/* --- SECTION ANGEBOT ------------------------------------------- */
/* --------------------------------------------------------------- */

#offer-line:after {
	content: '';
	display: table;
	clear: both;
	position: relative;
	padding: 0;
}
.offer-line-block:after {
	content: '';
	display: table;
	clear: both;
}
.offer-line-block {
	margin-bottom: 50px;
}
.offer-line-block .offer-line-image {
	float: left;
	width: 48.97959183673469%;
	margin-right: 2.040816326530612%
}
.offer-line-block .offer-line-image figure {
	width: 100%;
}
.offer-line-block .offer-line-image figure img {
	width: auto;
}
#offer-line .csc-default:nth-child(2n) .offer-line-block .offer-line-image {
	float: right;
	margin-right: 0;
	margin-left: 2.040816326530612%;
}
.offer-line-content {
	float: left;
	width: 48.97959183673469%;
	/*padding-top: 80px;*/
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.offer-line-content p:first-child {
	margin-bottom: 10px;
}
#offer-line .csc-default:nth-child(2n) .offer-line-block .offer-line-content {
	text-align: right;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
/* --------------------------------------------------------------- */
/* --- PADDINGS ------------------------------------------------------ */
/* --------------------------------------------------------------- */

.padding-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.padding-50 {
	padding-top: 50px !important;
	;
	padding-bottom: 50px !important;
	;
}
.padding-70 {
	padding-top: 70px !important;
	;
	padding-bottom: 70px !important;
	;
}
.padding-80 {
	padding-top: 80px !important;
	;
	padding-bottom: 80px !important;
	;
}
/* --------------------------------------------------------------- */
/* --- MOBILE NAVIGATION ----------------------------------------- */
/* --------------------------------------------------------------- */

.mobile-navigation {
	display: none;
}
.absolute-important {
	position: absolute !important;
}
nav.mobile-main-navigation ul li a.active {
	color: #e1231d;
}
.button-important {
	background-color: #fff !important;
	background: rgba(255,255,255,0.85) !important;
	margin-bottom: 25px !important;
	margin-left: -30px !important;
	padding: 15px 0 5px 10px !important;
	position: fixed !important;
	top: 0 !important;
	width: 60px !important;
	z-index: 99999 !important;
	box-shadow: -4px 1px 9px -1px #000;
	height: 60px !important;
}
.fixed-important {
	position: fixed !important;
}
#mobilenav-button span.line-mobilenavbutton {
	background-color: #4c4c4c;
	width: 35px;
	height: 3px;
	margin-bottom: 10px;
	display: block;
}
#mobilenav-button:hover span.line-mobilenavbutton {
	background-color: #7d7d7e;
}
.mobile-navigation {
	background-color: #fff;
	float: left;
	height: auto;
	min-height: 100%;
	overflow: hidden;
	padding: 10px;
	position: fixed;
	text-align: left;
	width: 250px;
	z-index: 999;
	box-shadow: inset -7px -5px 9px -7px rgba(0,0,0,0.3);
}
.mobile-navigation ul li a {
	color: #7d7d7e;
}
.mobile-main-navigation {
	margin-bottom: 30px;
}
.mobile-main-navigation ul li a {
	display: block;
	font-size: 1.75rem;
	line-height: 2.2rem;
	line-height: 50px;
}
.mobile-main-navigation ul li {
	border-bottom: 1px solid #d3d3d3;
	height: 50px;
}
.mobile-service-navigation li a {
	margin-bottom: 20px;
	display: block;
}
.mobile-service-navigation li a:hover, .mobile-main-navigation ul li a:hover {
	color: #e1231d;
}
/* --------------------------------------------------------------- */
/* --- MAIN NAVIGATION ------------------------------------------- */
/* --------------------------------------------------------------- */

.main-navigation {
	float: left;
	margin: 0 0 65px;
	width: 100%;
}
.sticky {
	background-color: #fff;
	box-shadow: 0 5px 10px -8px #999;
	left: 0;
	position: fixed;
	top: 0;
	z-index: 999;/*transition: all 0.2s ease;*/
}
nav.main-navigation.sticky {
	padding: 0 30px;
}
nav.sticky .main-navigation-inner {
	list-style: outside none none;
	margin: 0 auto;
	max-width: 980px;
	padding: 0;
	width: 100%;
	position: relative;
}
.main-navigation.sticky ul li {
	display: block;
	float: left;
	height: 85px;
}
.stickylogo {
	display: block !important;
	position: absolute;
	right: -15px;
	top: 0 !important;
	width: 100px !important;
	z-index: 802 !important;
}
.main-navigation ul li {
	display: block;
	float: left;
	height: 60px;
}
.main-navigation ul li a {
	display: block;
	height: 70px;
	background: transparent url('../images/nav_divider.png') no-repeat top left;
	color: #7d7d7e;
	display: block;
	font-size: 1.76rem;
	height: 60px;
	line-height: 104px;
	padding: 0 70px 0 8px;
}
.main-navigation ul li a:hover, .main-navigation ul li a.active {
	color: #e1231d;
}
{
 color:#e1231d;
}
.main-navigation ul li:last-child a {
	padding: 0 0 0 5px;
}
/* --------------------------------------------------------------- */
/* --- SUB NAVIGATION -------------------------------------------- */
/* --------------------------------------------------------------- */

#sub-navigation {
}
#sub-navigation ul {
}
#sub-navigation ul li {
}
#sub-navigation ul li a {
}
#sub-navigation ul li a:hover {
}
/* AKTIVER ZUSTAND */
#sub-navigation ul li.act a {
}
#sub-navigation ul li.act a:hover {
}
/* MIT SUBLEVEL */
#sub-navigation ul li.sub a {
}
#sub-navigation ul li.sub a:hover {
}
/* --------------------------------------------------------------- */
/* --- SERVICE NAVIGATION ---------------------------------------- */
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* --- META NAVIGATION ------------------------------------------- */
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* --- INHALTE --------------------------------------------------- */
/* --------------------------------------------------------------- */

.content-column-100 {
	float: left;
	width: 100%;
}
.content-column-50-left {
	float: left;
	width: 49%;
	margin: 0 2% 0 0;
}
.content-column-50-right {
	float: right;
	width: 49%;
}
.intro {
	padding: 85px 0 0 17%;
}
/*IMAGE RENDERING TYPO3 */

div.csc-textpic-right .csc-textpic-imagewrap, div.csc-textpic-left .csc-textpic-imagewrap {
	width: 100%;
}
div.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-image img {
	float: right;
}
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
	display: block;
}
DIV.csc-textpic .csc-textpic-imagewrap FIGURE {
	max-width: 100%;
	/*overflow: hidden;*/
	display: block;
}
DIV.csc-textpic-center .csc-textpic-imagewrap, DIV.csc-textpic-center FIGURE.csc-textpic-imagewrap {
	width: 100%;
	display: block;
}
DIV.csc-textpic-center .csc-textpic-center-outer {
	max-width: 100%;
}
DIV.csc-textpic-center .csc-textpic-center-inner {
	width: 100%;
}
/* --------------------------------------------------------------- */
/* --- LINK-KLASSEN ---------------------------------------------- */
/* --------------------------------------------------------------- */

span.link-decoration {
	color: #e1231d;
	text-decoration: none;
}
span.link-decoration:hover {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #e1231d;
}
a.no-decoration-page span.link-decoration, a.no-decoration-file span.link-decoration, a.no-decoration-url span.link-decoration {
	text-decoration: none;
	border: none;
}
a.internal-link-file, a.internal-link-url, a.internal-link-page {
	text-decoration: none;
}
a.mail, a.popup-link-url, a.popup-link-page, a.popup-link-file, a.external-link-file, a.external-link-url, a.external-link-page {
	text-decoration: none;
	position: relative;
}
a.mail span.link-icon, a.popup-link-file span.link-icon, a.popup-link-url span.link-icon, a.popup-link-page span.link-icon, a.external-link-file span.link-icon, a.external-link-url span.link-icon, a.external-link-page span.link-icon {
	width: 14px;
	height: 18px;
	display: inline-block;
	background-image: url(../images/icons/icon-sprite.gif);
	background-repeat: no-repeat;
}
a.external-link-file span.link-icon, a.external-link-url span.link-icon, a.external-link-page span.link-icon {
	background-position: -4px -18px;
}
a.popup-link-file span.link-icon, a.popup-link-url span.link-icon, a.popup-link-page span.link-icon {
	background-position: -40px -18px;
}
a.mail span.link-icon {
	background-position: -58px -17px;
}
a.internal-link span.link-icon {
	display: none;
}
a.download, a.pdf, a.word, a.excel, a.powerpoint, a.zip {
	position: relative;
	text-decoration: none;
	padding: 2px 0 2px 22px;
}
a.download span.link-icon, a.pdf span.link-icon, a.word span.link-icon, a.excel span.link-icon, a.powerpoint span.link-icon, a.zip span.link-icon {
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../images/icons/icon-sprite.gif);
	background-repeat: no-repeat;
}
a.download span.link-icon {
	background-position: -162px -0px;
}
a.pdf span.link-icon {
	background-position: -108px -0px;
}
a.word span.link-icon {
	background-position: -54px -0px;
}
a.excel span.link-icon {
	background-position: -0px -0px;
}
a.powerpoint span.link-icon {
	background-position: -144px -0px;
}
a.zip span.link-icon {
	background-position: -18px -0px;
}
ul.csc-uploads span.csc-uploads-fileName {
	text-decoration: none;
}
#page-content ul.csc-uploads span {
	display: inline;
}
#page-content ul.csc-uploads li:hover span.csc-uploads-fileName {
	border-bottom: 1px dotted #0065ac;
}
#page-content ul.csc-uploads li.csc-uploads-element-pdf:before {
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../images/icons/icon-sprite.gif);
	background-repeat: no-repeat;
	background-position: -108px -0px;
}
#page-content ul.csc-uploads li.csc-uploads-element-pdf {
	position: relative;
	padding-left: 30px;
	margin-bottom: 3px;
}
/* --------------------------------------------------------------- */
/* --- PAGE BROWSER ---------------------------------------------- */
/* --------------------------------------------------------------- */

.browsebox {
	list-style-type: none;
	margin: .5em 0 0;
}
.browsebox li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 30px;
}
.browsebox li a {
	color: #900;
	padding: 4px 8px;
	border: 1px solid #CCC;
	background-color: #F2F2F2;
	margin: 0 2px 0;
}
.browsebox li a:hover {
	background-color: #E2E2E2;
}
.browsebox li.act a {
	text-decoration: underline;
}
/* --------------------------------------------------------------- */
/* --- SCROLL TO TOP --------------------------------------------- */
/* --------------------------------------------------------------- */

#back-top {
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 802;
	-webkit-transform: translateZ(0);
}
#back-top a {
	width: 58px;
	height: 58px;
	display: block;
	-webkit-border-radius: 46px;
	-moz-border-radius: 46px;
	border-radius: 46px;
	color: #989898;
	text-align: center;
	background: none;
	border: 2px solid #ebebeb;
	background: #f5f5f5;
	font-size: 60px;
}
#back-top a:hover {
	color: #989898;
	background: #ebebeb;
	border: 2px solid #989898;
}
.icon-up-open {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	font-size: 18px;
	display: inline-block;
}
.icon-up-open > img {
	height: auto;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 20px;
}
/* --------------------------------------------------------------- */
/* --- IMPRESSUM ------------------------------------------------- */
/* --------------------------------------------------------------- */

DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
	float: none;
}
div.csc-textpic-right .csc-textpic-imagewrap, div.csc-textpic-left .csc-textpic-imagewrap {
	width: 100%;
}
#blank_page.impressum {
	background: none repeat scroll 0 0 #fff;
	color: #504642;
	padding: 10px;
}
#blank_page {
	box-sizing: border-box;
	height: 100%;
	overflow: auto;
	text-align: left;
	width: 100%;
}
#blank_page h2 {
	margin-bottom: 2rem;
}
/* --------------------------------------------------------------- */
/* --- FORM ------------------------------------------------------ */
/* --------------------------------------------------------------- */

.salutation {
	display: inline;
	margin-right: 5%;
}
input[type="radio"] {
	display: none;
}
input[type="radio"] + label {
}
input[type="radio"] + label span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
input[type="radio"] + label span {
	background-color: #fff;
	border: 1px solid #ebebeb;
}
input[type="radio"]:checked + label span {
	background-color: #7d7d7e;
	border: 6px solid #ebebeb;
}
input[type="radio"] + label span, input[type="radio"]:checked + label span {
	-webkit-transition: background-color 0.4s linear;
	-o-transition: background-color 0.4s linear;
	-moz-transition: background-color 0.4s linear;
	transition: background-color 0.4s linear;
}
input, textarea {
	font-size: 1em;
	border: 1px solid #B2B2B2;
	background-color: #E5E5E5;
	padding: 2px 2%;
	color: #000000;
}
input[type = "button"], input[type = "reset"] {
	padding: 2px 5px;
}
input[type = "submit"] {
	margin-top: 0;
	padding: 0;
}
input[type = "radio"], input[type = "checkbox"] {
	background: none;
	border: none;
}
select {
	font-size: 1em;
	border: 1px solid #666666;
	background-color: #F2F2F2;
	padding: 1px;
}
fieldset {
	border: none;
}
legend {
	display: none;
}
label {
}
input, textarea, select {
	appereance: none;
}
input[type="text"], input[type=file], input[type=password], input[type=email], textarea, select {
	font-size: 1em;
	background-color: #ebebeb;
	border: 1px solid #ebebeb;
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
	padding: 4px 3%;
	display: inline-block;
	position: relative;
	width: 100%;
	font-family: "HelveticaNeueW01-ThinIt", Helvetica, Arial, sans-serif
}
input[type=submit] {
	background-color: #e1231d;
	border: 1px solid #e1231d;
	color: #fff;
	display: inline-block;
	font-family: "HelveticaNeueW01-76Bold", Helvetica, Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	position: relative;
	width: 245px;
	-webkit-appearance: none;
	cursor: pointer;
}
.submit-row .field p {
	margin-bottom: 20px;
}
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus {
	background-color: #ebebeb;
}
input[type=submit]:hover {
	background-color: #e1231d;
}
input[type=submit][disabled=disabled] {
	background-color: #F6BEBC;
	color: #fff;
	border: #F6BEBC;
}
.js-error, .form-error {
	padding: 10px;
	margin: 0 0 20px 0;
	border: 1px solid #006eb6;
	background-color: #e5e5e5;
	color: #006eb6;
}
.form-row:after {
	content: "";
	display: table;
	clear: both;
}
.form-row {
	margin: 0 0 20px 0;
	width: 100%;
}

::-webkit-input-placeholder {
 color: #ebebeb;
}
::-moz-placeholder {
 color: #ebebeb;
 font-family: "HelveticaNeueW01-ThinIt", Helvetica, Arial, sans-serif
}/* firefox 19+ */
:-ms-input-placeholder {
 color: #ebebeb;
 font-family: "HelveticaNeueW01-ThinIt", Helvetica, Arial, sans-serif
}/* ie */
input:-moz-placeholder {
 color: #ebebeb;
 font-family: "HelveticaNeueW01-ThinIt", Helvetica, Arial, sans-serif
}
.form-row .label {
	float: left;
	margin-right: 2%;
	max-width: 160px;
	width: 100%;
}
.form-row .field {
	float: left;
	margin-right: 13%;
	max-width: 245px;
	width: 100%;
}
.divider-label:nth-child(2n) .field {
	margin-right: 0 !important;
}
.form-row .field > input[type=text], .form-row .field > textarea, .form-row .field > select {
	width: 100%;
}