/*================   ALLGEMEIN   =================*/
body {
	margin: 0;
	padding: 0;
	background-color: #fcfcfc;
	overflow-x: hidden;
	scroll-behavior: smooth;
}

div, header, nav, footer, main, section, article, address {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@-webkit-keyframes rotation { from { -webkit-transform: rotate(180deg); } to { -webkit-transform: rotate(0deg); }}
@-webkit-keyframes rotationback { from { -webkit-transform: rotate(180deg); } to { -webkit-transform: rotate(360deg); }}

header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
header::after { content: ""; clear: both; display: table; }
header > div { text-align: right; border-bottom: 1px solid #bdbdbd; font-size: 14px; line-height: 30px; margin: 0; padding: 0 0 0 25px; }
header .logo { width: 90px; height: auto; display: block; margin: 10px auto; }

header span.tel { padding-left: 20px; padding-right: 20px; }
header span.mail { padding-left: 20px; padding-right: 20px; border-left: 1px solid #4c4c4c; border-right: 1px solid #4c4c4c; }
header span.log { padding-left: 20px; padding-right: 20px; border-right: 1px solid #4c4c4c; }

nav.navigation {
	margin: 0;
	padding: 10px 0;
	width: 100%;
	height: auto;
	border-top: 1px solid #bdbdbd;
}
nav::after { content: ""; clear: both; display: table; }
nav#js-ma5menu { display: none; }
nav button { display: none; }
div.ma5menu__container { display: none; }

#hero {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	height: 0;
	/*padding-bottom: 100vh;*/
	padding-bottom: 840px;
	display: flex;
	justify-content: center;
	position: relative;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
}

#hero video, #hero img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	object-fit: cover;
}
#hero .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.6); z-index: 12; }
#hero .mod-custom { width: 100%; }

main {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	position: relative;
}
main::after { content: ""; clear: both; display: table; }

footer {
	margin: 0;
	padding: 50px;
	width: 100%;
	height: auto;
	border-top: 1px solid #bdbdbd;
	background-color: #ededed;
	text-align: center;
}
footer img { width: 250px; height: auto; display: block; margin: 0 auto; }

/*================   STARTSEITE   =================*/
#hero #slogan.start {
	margin: 0;
	padding: 0 50px;
	width: 860px;
	height: auto;
	position: absolute;
	top: 350px;
	left: 50px;
	z-index: 15;
	background-color: #000; background-color: rgba(0, 0, 0, 0.005);
	border-left: 1px solid #fff;
}
#hero #slogan.start h2 { color: #fff; }
#hero #slogan.start p { color: #fff; margin: 35px 0; }
#hero #slogan.start h1 { font-size: 14px; text-transform: uppercase; color: #fff; letter-spacing: 0.5em; }
#hero #slogan.start h1:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; font-weight: lighter; }

#hero #mute { position: absolute; top: 80px; right: 80px; width: 120px; height: 120px; z-index: 100; transition: transform 0.3s ease-in-out; border-radius: 50%; }
#hero #mute.mute { background: url(../../images/mute.png) no-repeat; background-size: 100% 100%; }
#hero #mute.mute:hover { transform: scale(1.2); }
#hero #mute.ton { background: url(../../images/ton.png) no-repeat; background-size: 100% 100%; }
#hero #mute.ton:hover { transform: scale(1.2); }

section.start.kompetenzen {
	margin: 0px 0 0 0;
	padding: 100px 0 0;
	width: 100%;
	height: auto;
	text-align: center;
	border-top: 1px solid #bdbdbd;
}
section.start.kompetenzen::after { content: ""; clear: both; display: table; }
section.start.kompetenzen div.title { margin: 0px auto; max-width: 900px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; }
section.start.kompetenzen div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.start.kompetenzen div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }
section.start.kompetenzen p { margin: 35px auto; max-width: 900px; }

section.start.kompetenzen .kompetenzen_bild {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 500px;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
}
section.start.kompetenzen .kompetenzen_bild img { width: 100%; height: auto; display: block; object-fit: cover; }

section.start.kompetenzen article {
	margin: 0;
	padding: 0;
	width: 20%;
	height: 500px;
	position: absolute;
	top: 0;
	overflow: hidden;
	background-color: rgba(2, 63, 134, 0.4);
	transition-delay: 0s;
	transition-duration: 0.5s;
	transition-property: background-color;
	transition-timing-function: ease-in-out;
}
section.start.kompetenzen article:hover { background-color: rgba(2, 63, 134, 0.8); }
section.start.kompetenzen article:nth-of-type(1) { left: 0; border-right: 1px solid #bdbdbd; }
section.start.kompetenzen article:nth-of-type(2) { left: 20%; border-right: 1px solid #bdbdbd; }
section.start.kompetenzen article:nth-of-type(3) { left: 40%; border-right: 1px solid #bdbdbd; }
section.start.kompetenzen article:nth-of-type(4) { left: 60%; border-right: 1px solid #bdbdbd; }
section.start.kompetenzen article:nth-of-type(5) { left: 80%; }


section.start.kompetenzen article .link {
	width: 100%;
	padding: 10px 0;
	position: absolute;
	top: 240px;
	transition-delay: 0s;
	transition-duration: 0.5s;
	transition-property: top; 
	transition-timing-function: ease-in-out;
} 

section.start.kompetenzen article h3 { color: #fff; font-size: 17px; }
section.start.kompetenzen article .link .read { padding: 5px 10px; width: 200px; border: 1px solid #fff; font-size: 16px; opacity: 0; transition-delay: 0s; transition-duration: 0.5s; transition-property: opacity, background-color; transition-timing-function: ease-in-out; }
section.start.kompetenzen article .link .read a { text-decoration: none; color: #fff; transition-delay: 0s; transition-duration: 0.5s; transition-property: color; transition-timing-function: ease-in-out; }

section.start.kompetenzen article:hover .link { top: 200px; }
section.start.kompetenzen article:hover .link .read { opacity: 1; }
section.start.kompetenzen article .link .read:hover {  background-color: #fff; }
section.start.kompetenzen article .link .read:hover a { color: #4c4c4c; }

section.start.haerer {
	margin: 100px auto;
	padding: 0 50px;
	width: 100%;
	max-width: 1520px;
	height: auto;
}
section.start.haerer::after { content: ""; clear: both; display: table; }
section.start.haerer img { float: right; width: 460px; height: auto; margin-top: -30px; }
section.start.haerer video { float: right; width: 46%; height: auto; margin-top: 150px; }
section.start.haerer p { margin: 35px 0; max-width: 720px; }
section.start.haerer .l { max-width: 720px; width: 50%; float: left; }
section.start.haerer p strong { text-transform: uppercase; font-weight: 800; }
section.start.haerer div.title { font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; margin-top: 50px;  }
section.start.haerer div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }

section.start.kanzlei {
	margin: 0;
	padding: 0 50px 0 0;
	width: 100%;
	height: auto;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	background-color: #074388;
}
section.start.kanzlei::after { content: ""; clear: both; display: table; }
section.start.kanzlei img { float: left; width: 60%; height: 425px; margin-right: 50px; border-right: 1px solid #fff;  object-fit: cover; }
section.start.kanzlei p { margin: 35px 0; color: #fff; }
section.start.kanzlei p a { color: #fff; }
section.start.kanzlei h2 { padding-top: 0; color: #fff; }
section.start.kanzlei div.title { font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; margin-top: 50px; color: #fff; }
section.start.kanzlei div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }

section.start.haerer_videos {
	margin: 100px auto;
	padding: 0 50px;
	width: 100%;
	max-width: 1520px;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
section.start.haerer_videos::after { content: ""; clear: both; display: table; }
section.start.haerer_videos img { float: right; width: 460px; height: auto; margin-top: -30px; }
section.start.haerer_videos #container_video { float: right; width: 35%; height: auto;   }
section.start.haerer_videos video { width: 100%; height: auto; margin-top: 15px; -webkit-box-shadow: 0px 0px 10px #a0a0a0; -moz-box-shadow: 0px 0px 10px #a0a0a0; box-shadow: 0px 0px 10px #a0a0a0; }
section.start.haerer_videos video:nth-of-type(2) { margin-top: 25px; clear: both; }
section.start.haerer_videos p { margin: 35px 0; max-width: 720px; }
section.start.haerer_videos .l { max-width: 780px; float: left; }
section.start.haerer_videos p strong { text-transform: uppercase; font-weight: 800; }
section.start.haerer_videos div.title { font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; margin-top: 50px;  }
section.start.haerer_videos div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }


section.start.karriere {
	margin: 0;
	padding: 100px 0 0;
	width: 100%;
	height: auto;
	text-align: center;
	border-top: 1px solid #bdbdbd;
}
section.start.karriere::after { content: ""; clear: both; display: table; }
section.start.karriere p { margin: 35px auto; max-width: 900px; }
section.start.karriere div.title { margin: 0px auto; max-width: 1060px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; }
section.start.karriere div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.start.karriere div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }


.testimonial_container {
	margin: 20px auto;
	padding: 20px 40px;
	width: 90%;
	max-width: 1440px;
	position: relative;

}
.testimonial_container::after { clear: both; content: ""; display: table; }

figure.testimonial {
	margin: 20px 50px;
	padding: 0;
	position: relative;
	float: left;
	overflow: hidden;
	text-align: left;
}
figure.testimonial * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9); }
figure.testimonial h3 { margin: 15px 0; }

figure.testimonial blockquote {
	margin: 0;
	padding: 25px 50px 30px;
	height: 420px;
	background-color: #f1f1f1;
	display: block;
	position: relative;	
	/*border: 1px solid #bdbdbd;*/
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
figure.testimonial blockquote:before, figure.testimonial blockquote:after {
	content: "\201C";
	position: absolute;
	color: #4c4c4c;
	font-size: 50px;
	font-style: normal;
}
figure.testimonial blockquote:before { top: 25px; left: 20px; }
figure.testimonial blockquote:after { content: "\201D"; right: 20px; bottom: 0; }

figure.testimonial .btn {
	top: 100%;
	width: 0;
	height: 0;
	border-left: 0 solid transparent;
	border-right: 25px solid transparent;
	border-top: 25px solid #f1f1f1;
	margin: 0;
	left: 90px;
	position: absolute;
}

figure.testimonial img {
	max-width: 100%;
	vertical-align: middle;
	height: 120px;
	width: 120px;
	border-radius: 50%;
	margin: 40px 0 0 10px;
	/*-webkit-box-shadow: 0px 0px 5px #a0a0a0; 
	-moz-box-shadow: 0px 0px 5px #a0a0a0; 
	box-shadow: 0px 0px 5px #a0a0a0;*/
}

figure.testimonial .peopl {
	position: absolute;
	bottom: 60px;
	padding: 0 10px 0 160px;
	margin: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}
figure.testimonial .peopl p { margin: 0; }

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	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;
}
.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 { 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; }
.slick-slide img { display: block; }
.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; }
.slick-btn.slick-hidden { display: none; }
 
.slick-prev, .slick-next { 
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 40%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev:before, .slick-next:before { font-size: 40px; line-height: 1; opacity: .75; color: #4c4c4c; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -40px; }
.slick-prev:before { content: "<"; }
.slick-next { right: -40px; }
.slick-next:before { content: ">"; }

/*================   KARRIERESEITE   =================*/
#hero #slogan.karriere {
	margin: 0;
	padding: 0 50px;
	width: 860px;
	height: auto;
	position: absolute;
	top: 300px;
	left: 50px;
	z-index: 15;
	background-color: #000; background-color: rgba(0, 0, 0, 0.005);
	border-left: 1px solid #fff;
}
#hero #slogan.karriere h2 { color: #fff; }
#hero #slogan.karriere p { color: #fff; margin: 35px 0; }
#hero #slogan.karriere div.title { font-size: 14px; text-transform: uppercase; color: #fff; letter-spacing: 0.5em; }
#hero #slogan.karriere div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }

section.karriere.team {
	margin: 100px auto;
	padding: 0 50px;
	width: 100%;
	max-width: 1400px;
	height: auto;	
}	
section.karriere.team::after { content: ""; clear: both; display: table; }	

section.karriere.team div.title { font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; margin-bottom: -50px; width: 46%; }
section.karriere.team div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }

section.karriere.team article {
	padding: 50px 0 25px;
	width: 46%;
	height: auto;
	float: left;
	border: 1px solid #bdbdbd;
}
section.karriere.team article:nth-of-type(odd) { float: left; margin: 100px 4% 50px 0; }
section.karriere.team article:nth-of-type(even) { float: right; background-color: #ededed; margin: 0px 0 50px 4%; }
section.karriere.team article img { width: 100%; height: auto; margin-left: -25px; margin-top: -75px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px #a0a0a0; -moz-box-shadow: 0px 0px 10px #a0a0a0; box-shadow: 0px 0px 10px #a0a0a0; }
section.karriere.team article p { margin-left: 25px; margin-right: 25px; }
section.karriere.team article h2 { padding-top: 25px; padding-left: 25px; padding-right: 25px;  }

section.karriere.benefits {
	margin: 0;
	padding: 100px 0;
	width: 100%;
	height: auto;
	border-top: 1px solid #bdbdbd;
	background-color: #ededed;
}
section.karriere.benefits::after { content: ""; clear: both; display: table; }
section.karriere.benefits > div { width: 1000px; margin: 0 auto; }
section.karriere.benefits > div::after { content: ""; clear: both; display: table; }
section.karriere.benefits p { margin: 35px 0; width: 90%; }
section.karriere.benefits article { margin: 100px 0; width: 550px; float: left; }
section.karriere.benefits article div.title { margin: 0px; max-width: 900px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; }
section.karriere.benefits article div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }

#camera_wrap_120 { width: 400px; height: 557px !important; float: right; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px #a0a0a0; -moz-box-shadow: 0px 0px 10px #a0a0a0; box-shadow: 0px 0px 10px #a0a0a0; margin-bottom: 0 !important; }
#camera_wrap_167 { width: 400px; height: 557px !important; float: right; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px #a0a0a0; -moz-box-shadow: 0px 0px 10px #a0a0a0; box-shadow: 0px 0px 10px #a0a0a0; margin-bottom: 0 !important; }
#camera_wrap_120 img.imgLoaded { margin-top: 0 !important; border-radius: 5px; }
#camera_wrap_167 img.imgLoaded { margin-top: 0 !important; border-radius: 5px; }
.camera_caption { left: 0; width: 100%; height: 130px; top: 50%; margin-top: -100px; padding: 0 20px; text-align: center; }
.camera_caption > div { background: transparent; }
.camera_caption_title { font-size: 30px; font-weight: bold; line-height: 1.4em; }
.camera_pag { margin-top: -80px; }
.camera_wrap .camera_pag .camera_pag_ul { text-align: center; }
.camera_commands { display: none; }
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands { background: transparent; }
.camera_prev > span { background: url(../../images/zurueck.webp) no-repeat 0 0; background-position: 0 0 !important; background-size: 100% 100%; width: 50px; height: 50px; margin-left: -25px; }
.camera_next > span { background: url(../../images/vor.webp) no-repeat 0 0; background-position: 0 0 !important; background-size: 100% 100%; width: 50px; height: 50px; position: absolute; right: -25px; }
.camera_wrap .camera_pag .camera_pag_ul li { background: #fff; }

section.karriere.mitarbeiter {
	margin: 0;
	padding: 100px 50px 50px;
	width: 100%;
	height: auto;
	text-align: center;
	border-top: 1px solid #bdbdbd;
}
section.karriere.mitarbeiter::after { content: ""; clear: both; display: table; }
section.karriere.mitarbeiter p { margin: 20px auto; max-width: 900px; }
section.karriere.mitarbeiter div.title { margin: 0px auto; max-width: 900px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; }
section.karriere.mitarbeiter div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.karriere.mitarbeiter div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }

section.karriere.mitarbeiter article {
	margin: 100px auto;
	padding: 0;
	width: 100%;
	max-width: 1200px;
	height: auto;
	text-align: left;
}
section.karriere.mitarbeiter article img { margin: 0; width: 48%; height: auto; -webkit-box-shadow: 0px 0px 10px #a0a0a0; -moz-box-shadow: 0px 0px 10px #a0a0a0; box-shadow: 0px 0px 10px #a0a0a0; }
section.karriere.mitarbeiter article video { margin: 0; width: 48%; height: auto; -webkit-box-shadow: 0px 0px 10px #a0a0a0; -moz-box-shadow: 0px 0px 10px #a0a0a0; box-shadow: 0px 0px 10px #a0a0a0; }
section.karriere.mitarbeiter article:nth-of-type(odd) img { float: left; }
section.karriere.mitarbeiter article:nth-of-type(odd) video { float: left; }
section.karriere.mitarbeiter article:nth-of-type(even) img { float: right; }
section.karriere.mitarbeiter article:nth-of-type(even) video { float: right; }
section.karriere.mitarbeiter article h3 { width: 48%; margin: 0px 0 25px; }
section.karriere.mitarbeiter article:nth-of-type(odd) h3 { float: right; }
section.karriere.mitarbeiter article:nth-of-type(even) h3 { float: left; }
section.karriere.mitarbeiter article q { width: 48%; margin: 20px 0; }
section.karriere.mitarbeiter article:nth-of-type(odd) q { float: right; }
section.karriere.mitarbeiter article:nth-of-type(even) q { float: left; }
section.karriere.mitarbeiter article p { width: 48%; margin: 20px 0; font-weight: 700; }
section.karriere.mitarbeiter article:nth-of-type(odd) p { float: right; }
section.karriere.mitarbeiter article:nth-of-type(even) p { float: left; }
section.karriere.mitarbeiter article::after { content: ""; clear: both; display: table; }

section.cd-timeline.js-cd-timeline h2 { text-align: center; margin-bottom: 50px; color: #fff; }
section.cd-timeline.js-cd-timeline div.title { text-align: center; margin: 0px auto; max-width: 900px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; color: #fff; }
section.cd-timeline.js-cd-timeline div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.cd-timeline.js-cd-timeline div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }

section.karriere.stellen {
	margin: 0 auto;
	padding: 100px 0 50px;
	width: 100%;
	height: auto;
}
section.karriere.stellen::after { content: ""; clear: both; display: table; }
section.karriere.stellen h2 { text-align: center; margin-left: auto; margin-right: auto; width: 100%; max-width: 900px; margin-bottom: 50px; }
section.karriere.stellen div.title { text-align: center; margin: 0px auto; max-width: 900px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; }
section.karriere.stellen div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.karriere.stellen div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }

section.karriere.stellen article {
	margin: 30px auto;
	width: 100%;
	max-width: 1100px;
	height: auto;
	position: relative;
	text-align: left;
	overflow: hidden;
	background-color: #fcfcfc;
	border: 1px solid #bdbdbd;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	transition-delay: 0s, 0s;
	transition-duration: 0.15s, 0.15s;
	transition-property: background-color, box-shadow;
	transition-timing-function: ease-in-out, ease-in-out;
}
section.karriere.stellen article:hover { background-color: #ededed; -webkit-box-shadow: 0px 0px 5px #a0a0a0; -moz-box-shadow: 0px 0px 5px #a0a0a0; box-shadow: 0px 0px 5px #a0a0a0; }
section.karriere.stellen article div.accordion-item { cursor: pointer; position: relative; }
section.karriere.stellen article div.accordion-item strong { text-transform: uppercase; font-weight: 800; display: block; position: relative; width: 100%; height: 100%; padding: 25px 50px; box-sizing: border-box; }
section.karriere.stellen article div.accordion-item.mehr strong::after { content: "+"; width: 25px; height: 25px; font-size: 40px; font-weight: 400; line-height: 20px; -webkit-animation: rotationback 0.5s linear; position: absolute; right: 25px; top: 25px; }
section.karriere.stellen article div.accordion-item.mehr strong.show::after { content: "–"; -webkit-animation: rotation 0.5s linear; }
section.karriere.stellen article div.content { display: none; padding: 0 50px 50px; border-top: 1px dotted #bdbdbd; }

/*================   KREDO SEITE   =================*/
#wechsler {
	margin: 0;
	margin-left: -350px;
	padding: 0;
	width: 700px;
	height: 100px;
	position: absolute;
	top: 50px;
	left: 50%;
	z-index: 100;
	background-color: #000; background-color: rgba(0, 0, 0, 0.005);
}
#wechsler ul { font-family: 'Roboto Slab', Helvetica, sans serif; font-size: 20px; font-weight: 400; margin: 0 auto; padding: 0; list-style-type: none; text-align: center; }
#wechsler ul:before { content: "--------------------------"; letter-spacing: -0.2em; color: #fff; font-size: 14px; font-weight: 300; }
#wechsler ul:after { content: "--------------------------"; letter-spacing: -0.2em; color: #fff; font-size: 14px; font-weight: 300; }
#wechsler ul li { margin: 0 40px; display: inline; position: relative; }
#wechsler ul li a { color: #fff; padding: 10px; border-bottom: 1px solid transparent; cursor: pointer; }
#wechsler ul li a.w_mandant {  }
#wechsler ul li a.w_mitarbeiter {  }
#wechsler ul li a:hover { border-bottom: 1px solid #fff; text-decoration: none; }
#wechsler ul li a.active { border-bottom: 1px solid #fff; text-decoration: none; }

#hero .wechsel {
	margin: 0;
	padding: 0;
	padding-bottom: 840px;
	width: 100%;
	display: flex;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
}
#hero .wechsel { opacity: 0; transition: opacity 1s ease-in-out; }
#hero .wechsel.visible { opacity: 1; }

section#mandant video, section#mandant img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	object-fit: cover;
}
section#mandant .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.6); z-index: 12; }

section#mandant .slogan {
	margin: 0;
	padding: 0 50px;
	width: 935px;
	height: auto;
	position: absolute;
	top: 380px;
	left: 50px;
	z-index: 15; 
	text-align: left;
	background-color: #000; background-color: rgba(0, 0, 0, 0.005);
	border-left: 1px solid #fff;
}
section#mandant .slogan h2 { color: #fff; }
section#mandant .slogan p { color: #fff; margin: 35px 0; }
section#mandant .slogan div.title { font-size: 14px; text-transform: uppercase; color: #fff; letter-spacing: 0.5em; }
section#mandant .slogan div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 25px; }

section#mitarbeiter video, section#mitarbeiter img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	object-fit: cover;
}
section#mitarbeiter .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.6); z-index: 12; }

section#mitarbeiter .slogan {
	margin: 0;
	padding: 0 50px;
	width: 935px;
	height: auto;
	position: absolute;
	top: 380px;
	right: 50px;
	z-index: 15; 
	text-align: right;
	background-color: #000; background-color: rgba(0, 0, 0, 0.005);
	border-right: 1px solid #fff;
}
section#mitarbeiter .slogan h2 { color: #fff; }
section#mitarbeiter .slogan p { color: #fff; margin: 35px 0; }
section#mitarbeiter .slogan div.title { font-size: 14px; text-transform: uppercase; color: #fff; letter-spacing: 0.5em; }
section#mitarbeiter .slogan div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }

/*================   KANZLEI SEITE   =================*/
#hero #slogan.kanzlei {
	margin: 0 0 0 -460px;
	padding: 25px;
	width: 920px;
	height: auto;
	position: absolute;
	top: 250px;
	left: 50%;
	z-index: 15;
	background-color: #000; background-color: rgba(0, 0, 0, 0.005);
	text-align: center;
}
#hero #slogan.kanzlei h2 { color: #fff; }
#hero #slogan.kanzlei p { color: #fff; margin: 35px 0; }
#hero #slogan.kanzlei div.title { font-size: 14px; text-transform: uppercase; color: #fff; letter-spacing: 0.5em; }
#hero #slogan.kanzlei div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
#hero #slogan.kanzlei div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }

section.kanzlei.team {
	margin: 0;
	padding: 100px 50px;
	width: 100%;
	height: auto;
	text-align: center;
	border-bottom: 1px solid #bdbdbd;
}
section.kanzlei.team::after { content: ""; clear: both; display: table; }
section.kanzlei.team div.title { text-align: center; margin: 0px auto; max-width: 900px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; }
section.kanzlei.team div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.kanzlei.team div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }
section.kanzlei.team p { margin: 35px auto; max-width: 960px; }


section.kanzlei.team .bilder {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1250px;
	height: auto;
}
section.kanzlei.team .bilder::after { content: ""; clear: both; display: table; }

section.kanzlei.team .bilder article {
	margin: 6px 0;
	padding: 0;
	height: 340px;
	float: left;
	justify-content: center;
	overflow: hidden;
	position: relative;
}
section.kanzlei.team .bilder article { width: 24%; }
section.kanzlei.team .bilder article:nth-of-type(6n+1) { width: 49%; }
section.kanzlei.team .bilder article:nth-of-type(6n+6) { width: 49%; }
section.kanzlei.team .bilder article:nth-of-type(3n-1) { margin-left: 1%; margin-right: 1%; }
section.kanzlei.team .bilder article img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1; }
section.kanzlei.team .bilder article h3 { position: absolute; top: 0px; text-align: center; z-index: 10; width: 100%; height: 340px; padding-top: 180px; background-color: rgba(0, 0, 0, 0.6); color: #fff; opacity: 0; transition-delay: 0.1s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease-in-out; }
section.kanzlei.team .bilder article p.read { position: absolute; top: 200px; text-align: center; z-index: 15; width: 100%; height: 80px; color: #fff; opacity: 0; transition-delay: 0.1s; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: ease-in-out; background-color: #000; background-color: rgba(0, 0, 0, 0.005); }
section.kanzlei.team .bilder article p.read a { color: #fff; cursor: pointer; }
section.kanzlei.team .bilder article:hover h3 { opacity: 1; }
section.kanzlei.team .bilder article:hover p.read { opacity: 1; }
section.kanzlei.team .bilder article:hover img {  }

section.kanzlei.fragen {
	margin: 0;
	padding: 100px 50px;
	width: 100%;
	height: auto;
	text-align: center;
	background-color: #ededed;
	border-bottom: 1px solid #bdbdbd;
}
section.kanzlei.fragen::after { content: ""; clear: both; display: table; }
section.kanzlei.fragen div.title { text-align: center; margin: 0px auto; max-width: 900px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; }
section.kanzlei.fragen div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.kanzlei.fragen div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }
section.kanzlei.fragen div.antworten { float: left; width: 49%; margin: 50px 0; }
section.kanzlei.fragen div.antworten:nth-of-type(3) { float: right; }

section.kanzlei.fragen article {
	margin: 30px auto;
	width: 100%;
	max-width: 860px;
	height: auto;
	position: relative;
	text-align: left;
	overflow: hidden;
	border: 1px solid #bdbdbd;
	border-radius: 10px;
	background-color: #fcfcfc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	transition-delay: 0s, 0s;
	transition-duration: 0.15s, 0.15s;
	transition-property: background-color, box-shadow;
	transition-timing-function: ease-in-out, ease-in-out;
}
section.kanzlei.fragen article:hover { background-color: #ededed; -webkit-box-shadow: 0px 0px 5px #a0a0a0; -moz-box-shadow: 0px 0px 5px #a0a0a0; box-shadow: 0px 0px 5px #a0a0a0; }
section.kanzlei.fragen article div.accordion-item { cursor: pointer; position: relative; height: 110px; }
section.kanzlei.fragen article div.accordion-item strong { text-transform: uppercase; font-weight: 800; display: block; position: relative; width: 100%; height: 100%; padding: 25px 50px 25px 25px; box-sizing: border-box; }
section.kanzlei.fragen article div.accordion-item.mehr strong::after { content: "+"; width: 25px; height: 25px; font-size: 40px; font-weight: 400; line-height: 20px; -webkit-animation: rotationback 0.5s linear; position: absolute; right: 25px; top: 25px; }
section.kanzlei.fragen article div.accordion-item.mehr strong.show::after { content: "–"; -webkit-animation: rotation 0.5s linear; }
section.kanzlei.fragen article div.content { display: none; padding: 0 25px; border-top: 1px dotted #bdbdbd; }

section.kanzlei.netzwerk {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	height: 0;
	padding-bottom: 550px;
	display: flex;
	justify-content: center;
	position: relative;
	text-align: center;
}
section.kanzlei.netzwerk::after { content: ""; clear: both; display: table; }
section.kanzlei.netzwerk img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; object-fit: cover; }
section.kanzlei.netzwerk .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 12; }
section.kanzlei.netzwerk .mask + div { margin: 0 0 0 -460px; padding: 25px;	width: 920px; height: auto; position: absolute; top: 100px; left: 50%; z-index: 15; text-align: center; background-color: #000; background-color: rgba(0, 0, 0, 0.005); }
section.kanzlei.netzwerk .mask + div p { margin: 35px 0; color: #fff; }
section.kanzlei.netzwerk .mask + div h2 { color: #fff; }
section.kanzlei.netzwerk div.title { font-size: 14px; text-transform: uppercase; color: #fff; letter-spacing: 0.5em; text-align: center; }
section.kanzlei.netzwerk div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.kanzlei.netzwerk div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }

/*================   IMPRESSUM SEITE   =================*/
section.impressum.verantwortlich {
	margin: 0 auto;
	padding: 100px 0;
	width: 95%;
	max-width: 1440px;
	height: auto;
	border-bottom: 1px solid #bdbdbd; 
}
section.impressum.verantwortlich::after { content: ""; clear: both; display: table; }
section.impressum.verantwortlich:last-of-type { border-bottom: 0; }
section.impressum.verantwortlich div.title { text-align: center; margin: 0px auto; max-width: 900px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; }
section.impressum.verantwortlich h2 { text-align: center; }
section.impressum.verantwortlich div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.impressum.verantwortlich div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }
section.impressum.verantwortlich div.text { margin: 50px 0 0; width: 60%; }
section.impressum.verantwortlich h3 { margin-top: 50px; }

section.impressum.verantwortlich .l {
	margin: 42px 0;
	padding: 25px 0px;
	width: 60%;
	display: block;
	position: relative;	
	text-align: left;
	float: left;
}
section.impressum.verantwortlich .l ul li i { font-size: 14px; }
section.impressum.verantwortlich .l hr { border: 0; border-top: 1px solid #4c4c4c; }
section.impressum.verantwortlich .l iframe { width: 100%; }

section.impressum.verantwortlich .r {
	margin: 42px 0;
	padding: 25px 50px;
	width: 35%;
	background-color: #f1f1f1;
	display: block;
	position: relative;	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: left;
	float: right;
}
section.impressum.verantwortlich .r ul li i { font-size: 14px; }
section.impressum.verantwortlich .r hr { border: 0; border-top: 1px solid #4c4c4c; }

section.impressum.registrierung {
	margin: 0 auto;
	padding: 50px 0 0;
	width: 100%;
	max-width: 900px;
	height: auto;
	text-align: center;
}
section.impressum.registrierung::after { content: ""; clear: both; display: table; }
section.impressum.registrierung p { margin: 20px auto; }
section.impressum.registrierung p.versicherung { text-align: left; }
section.impressum.registrierung ul.versicherung { text-align: left; }
section.impressum.registrierung ol.versicherung { text-align: left; }
section.impressum.registrierung h3 { margin-top: 50px; }

/*================   KOMPETENZEN UNTERSEITEN   =================*/ 
#hero #slogan.kompetenzen {
	margin: 0 0 0 -510px;
	padding: 25px 0;
	width: 1020px;
	height: auto;
	position: absolute;
	top: 250px;
	left: 50%;
	z-index: 15; 
	background-color: #000; background-color: rgba(0, 0, 0, 0.005);
	text-align: center;
}
#hero #slogan.kompetenzen h2 { color: #fff; }
#hero #slogan.kompetenzen p { color: #fff; margin: 35px 0; }
#hero #slogan.kompetenzen div.title { font-size: 14px; text-transform: uppercase; color: #fff; letter-spacing: 0.5em; }
#hero #slogan.kompetenzen div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
#hero #slogan.kompetenzen div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }
 
section.kompetenzen.einleitung {
	margin: 0;
	padding: 100px 0;
	width: 100%;
	height: auto;
	text-align: center;
}
section.kompetenzen.einleitung::after { content: ""; clear: both; display: table; }
section.kompetenzen.einleitung p { margin: 35px auto; max-width: 900px; }
section.kompetenzen.einleitung div.title { text-align: center; margin: 0px auto; max-width: 900px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; }
section.kompetenzen.einleitung div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.kompetenzen.einleitung div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }

section.leistung {
	overflow: hidden;
	padding: 100px 0;
	background-color: #ededed;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
}

section.leistung h2 { text-align: center; margin-bottom: 50px; }
section.leistung div.title { text-align: center; margin: 0px auto; max-width: 900px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; }
section.leistung div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.leistung div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }

article.kompetenzen.leistungen {
	margin: 0 auto;
	padding: 0 50px;
	width: 100%;
	height: auto;
}
article.kompetenzen.leistungen:after { content: ""; clear: both; display: table; }

article.kompetenzen.leistungen .tab {
	float: left;
	width: 30%;
	height: auto;
}

article.kompetenzen.leistungen .tab button {
	display: block;
	padding: 15px;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	color: #4c4c4c;
	font-weight: 400;
	line-height: 1.6em;
	font-size: 16px;
	cursor: pointer;
	transition: 0.3s;
	font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
	font-weight: 700; 
	border-right: 3px solid #ededed;
	border-bottom: 1px dotted #bdbdbd;
	background-color: transparent;
}
article.kompetenzen.leistungen .tab button:last-of-type { border-bottom: none; }
article.kompetenzen.leistungen .tab button:hover { border-right: 3px solid #074388; color: #074388; }
article.kompetenzen.leistungen .tab button.active { border-right: 3px solid #074388; color: #074388; }

article.kompetenzen.leistungen .tabcontent {
	margin: 0;
	padding: 25px 50px;
	width: 65%;
	height: auto;
	float: right;
	background-color: #fcfcfc;
	border: 1px solid #bdbdbd;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	transition-delay: 0s, 0s;
	transition-duration: 0.15s, 0.15s;
	transition-property: box-shadow;
	transition-timing-function: ease-in-out, ease-in-out;
	-webkit-box-shadow: 0px 0px 5px #a0a0a0; 
	-moz-box-shadow: 0px 0px 5px #a0a0a0; 
	box-shadow: 0px 0px 5px #a0a0a0;
	display: none;
}
article.kompetenzen.leistungen div:nth-of-type(2) { display: block; }
article.kompetenzen.leistungen .tabcontent h3 { line-height: 1.6em; font-size: 20px; }
article.kompetenzen.leistungen .tabcontent p { line-height: 1.6em; font-size: 16px; }
 
section.kompetenzen.kontakt {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	height: 0;
	padding-bottom: 380px;
	display: flex;
	justify-content: center;
	position: relative;
	text-align: center;
}
section.kompetenzen.kontakt::after { content: ""; clear: both; display: table; }
section.kompetenzen.kontakt img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; object-fit: cover; }
section.kompetenzen.kontakt .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 12; }
section.kompetenzen.kontakt .mask + div { margin: 0 0 0 -460px; padding: 25px;	width: 920px; height: auto; position: absolute; top: 80px; left: 50%; z-index: 15; text-align: center; background-color: #000; background-color: rgba(0, 0, 0, 0.005); }
section.kompetenzen.kontakt .mask + div p { margin: 35px 0; color: #fff; }
section.kompetenzen.kontakt .mask + div h2 { padding-bottom: 25px; color: #fff; }
section.kompetenzen.kontakt div.title { font-size: 14px; text-transform: uppercase; color: #fff; letter-spacing: 0.5em; text-align: center; }
section.kompetenzen.kontakt div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.kompetenzen.kontakt div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }



/*================   MITARBEITER UNTERSEITEN   =================*/
#hero #slogan.team {
	margin: 0;
	padding: 0 50px;
	width: 900px;
	height: auto;
	position: absolute;
	top: 550px;
	z-index: 15; 
	background-color: #000; background-color: rgba(0, 0, 0, 0.005);
}
#hero .mask.team { background-color: rgba(0, 0, 0, 0.2); }
#hero #slogan.team.l { text-align: left; border-left: 1px solid #fff; left: 50px; }
#hero #slogan.team.r { text-align: right; border-right: 1px solid #fff; right: 50px; }
#hero #slogan.team h2 { color: #fff; }
#hero #slogan.team p { color: #fff; margin: 35px 0; }
#hero #slogan.team div.title { font-size: 14px; text-transform: uppercase; color: #fff; letter-spacing: 0.5em; }
#hero #slogan.team.r div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
#hero #slogan.team.l div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }
 
section.team.vita {
	margin: 0 auto;
	padding: 100px 0;
	width: 95%;
	max-width: 1440px;
	height: auto;
	border-bottom: 1px solid #bdbdbd; 
}
section.team.vita::after { content: ""; clear: both; display: table; }
section.team.vita div.title { text-align: center; margin: 0px auto; max-width: 900px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; }
section.team.vita h2 { text-align: center; }
section.team.vita div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.team.vita div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }
section.team.vita div.text { margin: 50px 0 0; width: 60%; float: left; }
section.team.vita video { float: right; width: 35%; height: auto; }
section.team.vita h3 { float: right; width: 35%; height: auto; font-size: 18px; }

section.team.vita .qualifikationen {
	margin: 42px 0;
	padding: 25px 50px;
	width: 35%;
	background-color: #f1f1f1;
	display: block;
	position: relative;	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: left;
	float: right;
}
section.team.vita .qualifikationen ul li i { font-size: 14px; }
section.team.vita .qualifikationen hr { border: 0; border-top: 1px solid #4c4c4c; }


/*================   KONTAKT SEITE   =================*/
section.kontakt.adresse {
	margin: 0 auto;
	padding: 100px 0px;
	width: 95%;
	height: auto;
}
section.kontakt.adresse::after { content: ""; clear: both; display: table; }
section.kontakt.adresse div.title { text-align: center; margin: 0px auto; max-width: 900px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; }
section.kontakt.adresse h2 { text-align: center; }
section.kontakt.adresse div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.kontakt.adresse div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }
section.kontakt.adresse div.text { margin: 50px 0 0; width: 60%; }
section.kontakt.adresse h3 { margin-top: 50px; }

section.kontakt.adresse .l {
	margin: 42px 0;
	padding: 0px;
	width: 60%;
	display: block;
	position: relative;	
	text-align: left;
	float: left;
}
section.kontakt.adresse .l iframe { width: 100%; height: 550px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

section.kontakt.adresse .r {
	margin: 42px 0;
	padding: 0 50px 25px;
	width: 35%;
	background-color: #f1f1f1;
	display: block;
	position: relative;	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: left;
	float: right;
}

 
/*================   LOGIN SEITE   =================*/
main .com-users-login.login {
	margin: 0 0 0 -400px;
	padding: 25px;
	width: 800px;	
	position: absolute;
	left: 50%;
	top: -650px;
	z-index: 100;
	color: #fff;
	background-color: #000; background-color: rgba(0, 0, 0, 0.005);
	text-align: center;
}

#hero #slogan.login {
	margin: 0 0 0 -510px;
	padding: 25px 0;
	width: 1020px;
	height: auto;
	position: absolute;
	top: 100px;
	left: 50%;
	z-index: 15; 
	background-color: #000; background-color: rgba(0, 0, 0, 0.005);
	text-align: center;
}
#hero #slogan.login h2 { color: #fff; }
#hero #slogan.login p { color: #fff; margin: 35px 0; }
#hero #slogan.login div.title { font-size: 14px; text-transform: uppercase; color: #fff; letter-spacing: 0.5em; }
#hero #slogan.login div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
#hero #slogan.login div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }

main .com-users-login.login span.star { display: none; }
main .com-users-login.login span.form-control-feedback { display: none; }
main .com-users-login.login button.input-password-toggle { display: none; }
main .com-users-login.login fieldset { border: 1px solid #fff; width: 420px; margin: 0 auto; padding-top: 25px; margin-top: 50px; }
main .com-users-login.login fieldset .control-group { margin: 25px 0; }
main .com-users-login.login a { color: #fff; }

main .com-users-login.login input { padding: 5px; }

main .com-users-login.login button.btn.btn-primary {
	color: #fff; 
	padding: 10px 20px; 
	background-color: #074388; 
	text-decoration: none; 	
	transition-delay: 0s;
	transition-duration: 0.5s;
	transition-property: background-color, border;
	transition-timing-function: ease-in-out;
	display: ruby-base;
	cursor: pointer;
	border: 1px solid #074388;
	font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; 
	font-size: 18px;
}
main .com-users-login.login button.btn.btn-primary:hover { background-color: #074388; border: 1px solid white; }


/*================   MANDANTENINFOS SEITE   =================*/
section.mandanten.infos {
	margin: 0;
	padding: 100px 0 25px;
	width: 100%;
	height: auto;
	text-align: center;
}
section.mandanten.infos::after { content: ""; clear: both; display: table; }
section.mandanten.infos div.title { text-align: center; margin: 0px auto; max-width: 900px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5em; }
section.mandanten.infos div.title:before { content: "--------------------------"; letter-spacing: -0.2em; margin-right: 25px; }
section.mandanten.infos div.title:after { content: "--------------------------"; letter-spacing: -0.2em; margin-left: 10px; }
section.mandanten.infos p { margin: 35px auto; max-width: 960px; }

.jd-item-page {
	margin: 0 auto 50px;
	padding: 0 25px;
	width: 100%;
	max-width: 1250px;
	height: auto;
	text-align: center;
}
.jd-item-page::after { content: ""; clear: both; display: table; }

.jd-item-page .einzelner_download { margin: 25px 0; padding: 25px 5px; width: 32%; float: left; background-color: #fcfcfc; border: 1px solid #bdbdbd; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; transition-delay: 0s, 0s; transition-duration: 0.15s, 0.15s; transition-property: background-color, box-shadow; transition-timing-function: ease-in-out, ease-in-out; }
.jd-item-page .einzelner_download:hover { background-color: #ededed; -webkit-box-shadow: 0px 0px 5px #a0a0a0; -moz-box-shadow: 0px 0px 5px #a0a0a0; box-shadow: 0px 0px 5px #a0a0a0; }
.jd-item-page .einzelner_download:nth-of-type(3n-1) { margin-left: 2%; margin-right: 2%; }
.jd-item-page .jd_content_wrapper { border: 0; }
.jd-item-page .jd_title { margin-bottom: 15px; }
.jd-item-page .jd_title b { font-size: 16px; }
.jd-item-page .jd_fields_caption_compact { font-size: 16px; }
.jd-item-page img { margin: 10px 0; }

.jd_footer a { font-size: 6px; color: #bdbdbd; }

.jd_field_row_compact, .jd_field_row { border-bottom: 1px solid #b3b3b3; padding-top: 5px; padding-bottom: 5px; }