/* Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
	font-family:"Flaticon";
	src:url("/shared/font/Flaticon.eot");
	src:url("/shared/font/Flaticon.eot#iefix") format("embedded-opentype"),
		url("/shared/font/Flaticon.woff") format("woff"),
		url("/shared/font/Flaticon.ttf") format("truetype"),
		url("/shared/font/Flaticon.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family:"Flaticon";
		src:url("/shared/font/Flaticon.svg#Flaticon") format("svg");
	}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before {   
	font-family:Flaticon;
	font-size:3.6rem;
	font-style:normal;
	margin-right:1rem;
	position:relative;
	top:.2rem;
}
.flaticon-arbeit:before { content: "\f100"; }
.flaticon-arrow:before { content: "\f101"; }
.flaticon-kontakt:before { content: "\f102"; }
.flaticon-menu:before { content: "\f103"; }
.flaticon-sonstige:before { content: "\f104"; }
.flaticon-versicherung:before { content: "\f105"; }
a.flaticon-arrow:before {
	font-size:1.2rem;
	margin-right:.2rem;
	top:0;
}
span.flaticon-menu:before {
	font-size:1.9rem;
	top:.1rem;
	margin-right:.5rem;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header {
	position:fixed;
	width:100%;
	top:0;
	background:#fff;
	z-index:999;
	border-bottom:.3rem solid #f39100;
}
header span {
	cursor:pointer;
	padding:1rem 0 .5rem 0;
	display:block;
}
header nav {
	padding-bottom:2rem;
}
header nav a, header nav a:visited {
	font-size:1.6rem;
	padding:1rem 0;
	color:#444;
	display:block;
	border-bottom:0;
	text-transform:lowercase;
	transition:border .2s, color .2s;
}
header nav a:hover, header nav a:focus, header nav a.active {
	border-color:#f39100;
	color:#f39100;
}
header .logo, header .logo:visited {
	padding-bottom:1rem;
	font-size:1.6rem;
	border-color:transparent;
	color:#444;
	text-align:right;
}
#stage {
	margin:8.5rem 0 6rem 0;
	overflow:hidden;
}
#stage:not(.start) {
	background:center center no-repeat;
	background-size:cover;
}
#stage .logo img {
	float:right;
	width:15rem;
	margin:2rem 0 3rem 0;
	position:relative;
	z-index:2;
}
#stage:not(.start) .logo img {
	margin-bottom:7.5rem;
}
#stage .logo:after {
	content:"";
	display:block;
	position:absolute;
	right:-18rem;
	top:-12rem;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:50rem;
	height:30rem;
	z-index:1;
	opacity:.6;
}
#stage .logo.black:after {
	background-image:url(/shared/img/cloud.png);
}
#stage .logo.white:after {
	background-image:url(/shared/img/cloud-black.png);
	opacity:.3;
}
#stage.start .logo:after {
	display:none;
}
#stage > img {
	max-width:100%;
}
#stage .slogans {
	clear:both;
	box-shadow:-100px 0 0 #f38400, -300px 0 0 #f38400, -600px 0 0 #f38400, -900px 0 0 #f38400, -1200px 0 0 #f38400;
	background:#f38400;
	padding:0 1rem .5rem 0;
}
#stage ul {
	padding-left:0;
}
#stage li {
	font-size:1.6rem;
	list-style:none;
	color:#fff;
	line-height:1.2;
}

/* Content
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#content .twelve h1 {
	position:fixed;
	top:0;
	left:0;
	font-size:1.6rem;
}
#content .twelve blockquote {
	font-size:2.5rem;
	line-height:1.4;
	margin:0;
}
#content .clear {
	clear:both;
}
#content *:not(blockquote) hr {
	margin-top:0;
}
#content img {
	max-width:100%;
	margin-bottom:3.2rem;
}
#content figure {
	margin:0;
}
aside {
	padding-top:8.4rem;
}
.four + .four + aside {
	padding-top:0;
}
aside nav {
	margin-bottom:4rem;
	margin-top:-1.2rem;
}
aside nav a {
	font-size:2rem;
}
aside nav a.flaticon-arrow:before {
	top:-.2rem;
}
aside nav a.active {
	font-weight:700;
	border-color:transparent;
}
aside nav a:after {
	content:"\A";
	white-space:pre;
}
aside .contact {
	padding:1rem 2rem 2rem 2rem;
	background:#9c9c9c;
	color:#fff;
}
aside .contact a, aside .contact a:visited {
	color:#fff;
	border-color:#fff;
}
aside .contact a:hover, aside .contact a:focus {
	border-color:transparent;
}
aside .contact a[href^="tel"] {
	border-color:transparent;
	cursor:text;
}
aside .contact p:last-child {
	margin-bottom:0;
}
/*----- Optin Google Maps Karte ----- */
iframe, #optin {
	border:0;
	width:100%;
	height:500px;
}
#optin {
	display:flex;
	margin-bottom:40px;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	text-align:center;
	border:1px solid #ccc;
	transition:border 2s;
}
#optin a.flaticon-arrow {
	cursor:pointer;
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {
	margin-top:6rem;
	background:#f38400;
	padding:.8rem 0 2.4rem 0;
}
footer p {
	color:#fff;
}
footer a, footer a:visited {
	color:#fff;
	margin-left:2rem;
	border-color:transparent;
}
footer a:hover, footer a:focus, footer a.active {
	border-color:#fff;
	color:#fff;
}
footer a:first-child {
	margin-left:0;
}
.no-js footer {
  padding-bottom: 10rem;
}
/* Ladekreis */
#loader {
	height: 100vh;
	position: fixed;
	z-index: 1101;
	background: #fff;
	position: fixed;
	left: 0;
	width: 100%;
	justify-content: center;
	align-items: center;
	top: 0;
	display: flex;
}
.no-js #loader {
	display: none;
}
#loader::after {
	border: 8px solid #fff;
	border-top: 8px solid #f39100;
	border-radius: 50%;
	width: 64px;
	height: 64px;
	animation: spin 1s infinite;
	display: block;
	content: "";
	z-index: 1102;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/*
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
.cc-message {
	color:#fff;
	font-size:15px;
}
.cc-allow, .cc-dismiss {
	transition:background .2s;
}
.cc-allow:hover {
	background:#f38400 !important;
	text-decoration:underline;
}
.cc-dismiss:hover {
	background:#a2a1a1 !important;
	text-decoration:underline;
}
.cc-message .cc-link {
	padding:0;
}
.cc-link {
	border-bottom:0;
}
*/
/* No Script */ 
#noscript {
	position: fixed !important;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #e4002b;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: .5rem 1rem .5rem 1rem;
	z-index: 1022;
	}
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 360px) {
	#stage li {
		font-size:2rem;
	}
}
@media (min-width: 750px) {
	#stage li {
		font-size:3rem;
	}
	.no-js footer {
  padding-bottom: 4rem;
}
	#content .floatLeft {
		float:left;
		margin-right:4%;
		max-width:48%;
	}
	#content .floatRight {
		float:right;
		margin-left:4%;
		margin-right:0;
		max-width:48%;
	}
	#content .floatLeft + .floatRight, #content .floatRight + .floatRight {
		margin-left:0;
	}
	#content .floatLeft + .floatLeft, #content .floatRight + .floatLeft {
		margin-right:0;
	}
}
@media (min-width: 900px) {
	header span {
		padding:2.8rem 0 1.5rem 0;
	}
	header .logo {
		padding:2.9rem 0 1rem 0;
	}
	#stage .logo:after {
		right:-17rem;
		top:-8rem;
	}
	#stage.start .logo:after {
		top:-12rem;
	}
	footer p {
		margin-bottom:0;
	}
	footer nav {
		text-align:right;
	}
	#stage {
		margin-top:7.5rem;
		background:url(/bilder/startseite/gruppenbild-mittel.jpg) center top no-repeat;
		background-size:cover;
		padding-bottom:0;
	}
	#stage.start .container {
		position:relative;
		height:65rem;
	}
	#stage:not(.start) .logo img {
		margin:5rem 0 15rem 0;
	}
	#stage.start .logo img {
		margin:5rem 0 40rem 0;
	}
	#stage.start .logo:after {
		opacity:.5;
		display:block;
	}
	#stage > img {
		display:none;
	}
	#stage .slogans {
		max-width:77rem;
	}
	#stage li {
		font-size:5rem;
	}
	#content > hr:first-child {
		display:none;
	}
}
@media (min-width: 1200px) {
	header span {
		display:none;
	}
	header nav {
		display:block !important;
		padding-bottom:0;
	}
	header nav a:first-child {
		margin-left:-1rem;
	}
	header nav a, header nav a:visited {
		display:inline-block;
		padding:3.5rem .5rem 1.5rem .5rem;
		margin-right:1rem;
		border-top:.3rem solid transparent;
	}
	header nav a:hover, header nav a:focus, header nav a.active {
		border-color:#f39100;
		color:#f39100;
	}
	header .logo {
		font-size:2.4rem;
	}
	#stage .logo:after {
		display:none;
	}
	/*#stage .logo:after {
		right:-15rem;
		top:-7rem;
	}*/
	#stage.start .logo:after {
		top:-9rem;
		right:-15rem;
	}
	#stage {
		margin-top:8rem;
	}
	#stage .logo img {
		width:20rem;
	}
}
@media (min-width: 1500px) {
	header .logo {
		font-size:3rem;
	}
	header nav a, header nav a:visited {
		font-size:2rem;
		padding:4rem .5rem 1.5rem .5rem;
	}
	#stage {
		margin-top:9rem;
		background-image:url(/bilder/startseite/gruppenbild-gross.jpg);
		background-position:center center;
	}
	#stage.start .logo:after {
		top:-15rem;
	}
	#stage.start .logo img {
		margin:2rem 0 44rem 0;
	}
}
@media (min-width: 2000px) {
	#stage.start .container {
		height: 75rem;
	}
	#stage.start .logo img {
		margin-bottom: 54rem;
	}
}