article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:none;}a:active,a:hover{outline:none;}h1{font-size:2em;margin:0.67em 0;}h2{font-size:1.5em;margin:0.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:0.83em;margin:1.67em 0;}h6{font-size:0.75em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:75%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
.colorBG0 { background: #3d3d3d; } .colorBG1 { background: #3788c3; } .colorFONT0 { color: #383837; } .colorFONT1 { color: #3788c3; } 
.red { color: #CA1416; } .green { color: #1ABC9C; }

/* LAYOUT */
body
{
	font-family: 	Arial, sans-serif;
	color:			#000000;
	background:		#454545;
	font-size:		14px;
	background-image:	url(../images/background/background.jpg);
	background-repeat:	repeat-x;
	background-attachment:	fixed;
	font-weight:		400;
}

#page
{
	width: 1600px;
	margin:	0 auto;
	padding: 0;
	background: #fff;
}

.header
{
	padding: 20px 0 0 0;
	background:	rgba(255,255,255,0.95);
	margin:	88px 0 0 0;
}

.logo
{
	width: 69%;
	margin: 0 0 0 20px;
	transition: all 0.3s;
}

.logo-mobile { display: none; }

.navigationScroll .logo { width: 60%; }
.navigationScroll nav a { padding: 0 10px 0 10px !important; margin: 20px 0 0 0; }
.navigationScroll nav li:hover ul li a, .navigationScroll nav li ul li a { padding: 9px 25px 9px 25px !important; margin: 0; }
.navigationScroll nav li ul { top: 40px !important; }

.sidr nav li:hover ul li a { padding: 5px 0px 5px 20px !important; margin: 0; }

.wwmVideo iframe { width: 100% !important; }

.headerimage
{
	margin: 0;
}

.content
{
	line-height: 150%;
	padding: 35px 0 35px 0;
}

.sidebar
{
	font-size:		20px;
	line-height:		150%;
	border-bottom:		1px dotted #000000;
	padding:		10px;
	background:		rgba(0,0,0,0.05);
}


#heroimage 
{
	position: relative;
	height: 100vh;
}

.maincontent
{
	width: 1600px;
	margin: 100px auto 0 auto;
	position: relative;
}

.arbeitsbereiche-content
{
	padding: 110px 0 0 0;
	font-size: 14px;
}

.arbeitsbereiche-content-startseite
{
	padding: 0;
	font-size: 14px;
}

.footer
{
	background-color: #919191;
	color: #ffffff;
	padding: 30px 0 20px 0;
	line-height: 160%;
	width: 100%;
}

.footer-content
{
	width: 100%;
	margin: 0 auto;
	clear: both;
	background: #919191;
}

h1 { font-size: 30px; font-weight: 400; line-height: 130%; color: #af0917; margin: 0 0 10px 0; }
h2 { font-size: 22px; font-weight: normal; line-height: 130%; color: #af0917; margin: 0 0 10px 0; }
h3 { font-size:	20px; }
h4 { font-size:	18px; }
h5 { font-size:	16px; }
h6 { font-size:	14px; }
p { margin: 0 0 15px 0;	min-height:	15px; }

a
{
	color: #af0917;
	transition: all 0.3s;
	text-decoration: none;
}

a:hover
{	
	color:#af0917;
	text-decoration: none;	
}

.footer a
{
	text-decoration: none;
	color: #fff;
}

.footernavigation a
{
	font-size:		20px;
	display:		block;
	margin:			0 0 6px 0;
	text-transform: uppercase;
	transition: all .3s;
}

.footernavigation a:hover
{
	color: #af0917;
}

.dienstleistungsbereiche { display: none; }
a.mobilelink { color: #fff; font-size: 15px; margin: 0 0 0 15px; display: block; }

img.sociallink { width: 15%; }

/*
a[href $='.pdf']:before { font-family: 'FontAwesome'; content: "\f1c1"; display: inline-block; padding-right: 3px; font-weight:	normal; }
*/

.sidebar-mobile-content a, .sidebar-mobile-content a:hover { color:#fff !important; background: transparent !important; }

/* BUTTONS */
.button, .buttonsmall { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none !important; padding: 10px 15px 10px 15px;
	transition:	all .3s; }
.button p { margin: 0px; }
.button.red { background: rgba(181,31,42,1.0); color: #fff; }
.button.red:hover, .button.red:active {	background:	rgba(181,31,42,0.8); color: #fff; }
.button.blue { background: rgba(14,65,148,1.0); color: #fff; }
.button.blue:hover, .button.blue:active { background:rgba(14,65,148,0.8); color: #fff; }
.button.grey { background: rgba(204,206,211,1.0); color: #333; }
.button.grey:hover, .button.grey:active { background: rgba(180,180,180,0.8); color: #333; }

.teaser { position: relative; padding: 40px; border: 1px solid #333; z-index: 0; width: 70%; margin: 34px auto 20px auto; }
.teaser:before { position: absolute; content: ''; top: -1px; left: calc(50%); transform: translate(-50%,0); height: calc(100% + 2px); width: calc(100% - 40px); background-color: #eceff6; z-index: -1; }
.teaser:after { position: absolute; content: ''; top: 50%; left: -1px; transform: translate(0%,-50%); height: calc(100% - 40px); width: calc(100% + 2px); background-color: #eceff6; z-index: -1; }
.teaser .teasertext { color: #b41f2a; font-family: 'Lato'; font-size: 24px; font-weight: 700; }
.teaser .teaserimage { width: 95%; float: right; }

/* LISTS */
.content ul, .content ol { list-style-type: none; padding: 0; margin: 0; }
.content ul li, .content ol li { margin: 1px 0 1px 0; }
.content ul li { background-image: url(../images/icons/icon_list.png); background-repeat: no-repeat; padding: 0 0 10px 35px; background-size: 20px 20px; }

/* FORMS */
#wwm_form div { margin: 15px 0 15px 0; }
#wwm_form input[type=text] { width: 98%; padding: 1%; border: 1px solid #000; font-family: inherit; }
#wwm_form textarea { width: 98%; padding: 1%; border: 1px solid #000; font-family: inherit; height: 150px; }
#wwm_form input:active, #wwm_form input:focus, #wwm_form textarea:active, #wwm_form textarea:focus { outline: none; border: 1px solid #af0917; }
#wwm_form .button { display: inline-block; outline: none; cursor: pointer; text-align:	center; text-decoration: none !important; padding: 10px 25px 10px 25px;
	transition:	all .3s; border: none; background: rgba(181,31,42,1.0); color: #fff; }
#wwm_form .button:hover, #wwm_form .button:active { background:	rgba(181,31,42,0.8); color: #fff; }
#wwm_form .button:disabled, #wwm_form .button[disabled] { background: rgba(204,206,211,1.0); color: #333; }

.fluentform input[type=text], .fluentform select, .fluentform textarea { font-family: 'Lato', Arial, sans-serif; }
.fluentform input[type=text] { border-radius: 0; padding: 14px !important; }
.fluentform textarea { border-radius: 0 !important; padding: 14px !important; }
.fluentform select { border-radius: 0 !important; padding: 14px !important; height: 56px !important; }
.fluentform .ff-btn-submit { background: #af0917 !important; border-radius: 0 !important; transition: all .3s !important; padding: 10px 15px 10px 15px !important; }
.fluentform .ff-el-form-control:focus { color: #000; background-color: #fff; border-color: #af0917 !important; outline: none; }
.fluentform .ff-el-form-check { /*float: left; margin: 0 20px 0 0; */ }
.fluentform input[type=text]::placeholder { color: #af0917; font-weight: 700; }
.fluentform textarea::placeholder { color: #af0917 !important; font-weight: 700; }

/* checkboxes standard */
.fluentform .ff-el-form-check-label input[type=checkbox] { opacity: 0; cursor: pointer; position: relative; }
.fluentform .ff-el-form-check-label div.wwm-check {
	position: relative; top: 6px; left: -14px; height: 24px; width: 24px; background: transparent; border-radius: 0; border: 1px solid #ced4da; 
	display: inline-block; transition: all .2s;
}
.fluentform .ff-el-form-check-label div.wwm-check::after {
	position: absolute;
	content: "";
	left: 12px; 
	top: 12px;
	height: 10px;
	width: 10px;
	border-radius: 0;
	border: solid #af0917;
	border-width: 0 3px 3px 0;
	transform: rotate(0deg) scale(0);
	opacity: 1;
	transition: all .2s;
}
/* checkboxes checked */
.fluentform .ff-el-form-check-label input[type=checkbox]:checked ~ div.wwm-check {
	background: #af0917;
	border-radius: 0;
	opacity: 1;
	border: 1px solid #af0917;
}
.fluentform .ff-el-form-check-label input[type=checkbox]:checked ~ div.wwm-check::after {
	transform: rotate(45deg) scale(1);
	opacity: 1;
	left: 7px;
	top: 2px; 
	width: 6px;
	height: 12px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	background: transparent;
	border-radius: 0;
}

/* radiobuttons standard */
.fluentform .ff-el-form-check-label input[type=radio] { opacity: 0; cursor: pointer; position: relative; }
.fluentform .ff-el-form-check-label div.wwm-radio {
	position: relative; top: 6px; left: -14px; height: 24px; width: 24px; background: transparent; border-radius: 50%; border: 1px solid #ced4da; 
	display: inline-block; transition: all .2s;
}
.fluentform .ff-el-form-check-label div.wwm-radio::after {
	position: absolute;
	content: "";
	left: 12px; 
	top: 12px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	border: solid #af0917;
	border-width: 0 3px 3px 0;
	transform: rotate(0deg) scale(0);
	opacity: 1;
	transition: all .2s;
}
/* radiobuttons checked */
.fluentform .ff-el-form-check-label input[type=radio]:checked ~ div.wwm-radio {
	background: #af0917;
	border-radius: 50%;
	opacity: 1;
	border: 1px solid #af0917;
}
.fluentform .ff-el-form-check-label input[type=radio]:checked ~ div.wwm-radio::after {
	transform: rotate(45deg) scale(1);
	opacity: 1;
	left: 7px;
	top: 2px; 
	width: 6px;
	height: 12px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	background: transparent;
	border-radius: 0;
}



#wwmsearch { text-align: right; margin: 16px 10px 0 0; }
#wwmsearch input[type=text] { border: none; width: 120px; background: #efefef; padding: 10px; }
#wwmsearch button { background: #af0917; padding: 10px; color: #fff; border: none; }

.search-result { padding: 10px 0 10px 0; }

.loginform { font-size: 11px;}
.loginform input[type="text"], .loginform input[type="password"] { font-size: 11px;	padding: 3px 5px 3px 5px;}
.messagebox { background: #fafafa; width: 98%; padding: 10px 1% 10px 1%; margin: 0 0 20px 0; }
:-moz-placeholder, ::-webkit-input-placeholder { color: #e0e0e0; }

/* MARGIN / PADDING */
.right {float:right;} .left	{float:left;} .floatnone {float:none;}.clear {clear:both;}
.alignleft	{text-align: left; float: left; margin: 0 20px 20px 0; }
.alignright	{text-align: right; float: right; margin: 0 0 20px 20px; }
.aligncenter	{text-align: center;}
.textleft	{text-align: left; }
.textright	{text-align: right; }
.textcenter	{text-align: center; }

/* LOADING BAR / ICON */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/preloader/default.svg) center no-repeat #fff; }
#ajaxloader { position: absolute; left: 50%; top: 0; width: 100%; height: 100%; z-index: 9999; display: none; }
.loadingBar { width: 100%; height: 5px; margin: 0 auto; position: fixed; top: 0; z-index: 999999999999; background: #ffffff; }
.loadingExpand { width: 100%; height: 5px; margin: 0; position: absolute; -moz-animation: fullexpand 3s ease-out; -webkit-animation: fullexpand 3s ease-out; }
@-moz-keyframes fullexpand { 0% { width: 0px; } 100% { width: 100%; } }
@-webkit-keyframes fullexpand { 0% { width: 0px; } 100% { width: 100%; } }

/* SCROLL TOP */
.scrollToTop { padding:	1px; text-align: center; background-color:#383837; font-weight: bold; color: #ffffff; text-decoration: none; position:	fixed; 
	bottom: 18px; right: 87px; display: none; text-align: center; cursor: pointer; border-radius: 50%; width: 50px; height: 50px; }
.scrollToTop:hover{ text-decoration: none; color: #ffffff; }
.scrollToTop a, .scrollToTop a:hover { color: #ffffff; }
.scrollToTop i { font-size:	35px; margin: 8px 0 0 0; }

/*for empty boxes in a row, delete all styles again:*/
.panel-grid-cell-empty .equalheight, .panel-grid-cell-emtpy .equalheight:hover { background: none; }
.wwm-row-hide { display: none !important; }

.wwm-parallax-image { position: relative; width: 100%; }
.wwm-parallax-image img { width: 100%; }
.wwm-parallax-image-background { background-size:cover; background-repeat:no-repeat; box-sizing:border-box; }

/* SWIPER */
.swiper-container { width: 100%; height: 500px; }
.swiper-slide { text-align: center; background-size:cover; background-position:center; }
.swiper-content { text-transform: uppercase; font-size: 40px; color: #3d3c41; background: rgba(255,255,255,0.7); position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); width: 50%; padding: 0 0 40px 0; }
.swiper-pagination-bullet { width: 20px; height: 20px; display: inline-block; border-radius: 100%; background: #cdbca9; }
.swiper-pagination-bullet-active { background: #76c6cd; }

/* IMAGES / ICONS */
img	{border:none;vertical-align:bottom;}
img.left {margin:0 10px 10px 0;}
img.right {margin:0 0 10px 10px;}

::selection { background: #383837; color: #ffffff; }  
::-moz-selection { background: #383837; color: #ffffff; }  
::-webkit-selection { background: #383837; color: #ffffff; }  

.dashicons { line-height: inherit !important; }

/* PLUGIN wwm-frontenduser-uploads */
div.frontenduser-uploads { background: #f9f9f9; border: 1px solid #8c8b8b; width: 100%; }
div.frontenduser-uploads div { padding: 5px 2% 5px 2%; width: 96%; }

/* PLUGIN wwm-accordion */
.wwm-accordion-tab { background: #f0f0f0; }
.wwm-accordion .wwm-accordion-tab-title { background: #959aa0; color: #fff; text-align: left; cursor: pointer; margin-top: 0; margin-bottom: 2px; padding: 15px; transition: 0.25s all; position: relative; }
.wwm-accordion .wwm-accordion-tab-title.active { margin-bottom: 10px; background: #4d6379; }
.wwm-accordion .wwm-accordion-tab-title:hover { background: #4d6379; }
.wwm-accordion .wwm-accordion-tab::before { content: attr(data-prefix); font-size: 18px; margin-right: 0px; }
.wwm-accordion .wwm-accordion-tab.alignLeft { padding-left: 35px; }
.wwm-accordion .wwm-accordion-tab-content { display: none; text-align: left; padding: 10px; margin-bottom: 9px; }
.wwm-accordion .arrowDown { width: 0; height: 0; border-style: solid; border-width: 13.0px 7.5px 0 7.5px; border-color: #272e35 transparent transparent transparent; position: absolute;
	bottom: 0; left: 40px; transition: 0.25s all; opacity: 0; }
.wwm-accordion .active .arrowDown { bottom: -13px; border-color: #4d6379 transparent transparent transparent; opacity: 1; }
.wwm-accordion .collapseIcon { position: absolute; right: 20px; top: 45%; font-size: 25px; font-weight: 300; -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.wwm-accordion .collapseIcon::before { font-family: 'LineAwesome'; content: '\f168'; }
.wwm-accordion .active .collapseIcon::before { content: '\f16b'; }
.wwm-accordion .collapseIcon.alignLeft { right: initial; left: 20px; }

/* PLUGIN wwm-contentslider */
.slick-slider { position: relative; display: block; 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; outline: none; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; outline: none; }
.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; margin-left: auto; margin-right: auto; }
.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; }
[dir='rtl'] .slick-slide { float: right; }
.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-arrow.slick-hidden { display: none; }
.slick-loading .slick-list { /*background: #fff url('./ajax-loader.gif') center center no-repeat;*/ }
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 30px; padding: 0; -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: #f2f2f2; z-index: 100; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before {font-family: 'LineAwesome'; font-size: 30px; line-height: 1; opacity: .75; color: #3788c3; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: 0px; }
[dir='rtl'] .slick-prev { right: 0px; left: auto; } 
.slick-prev:before { content: '\f111'; } 
[dir='rtl'] .slick-prev:before { content: '\f111'; }
.slick-next { right: 0px; }
[dir='rtl'] .slick-next { right: auto; left: 0px; }
.slick-next:before { content: '\f112'; }
[dir='rtl'] .slick-next:before { content: '\f112'; }
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center;
    opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }

/* PLUGIN wwm-checklist */
ul.wwm-checklist { margin: 0 !important; padding: 0 !important; font-size: 22px; line-height: 140%; }
ul.wwm-checklist li { list-style-type: none; padding: 0 !important; margin: 0 0 20px 0 !important; display: table; height: 40px; }
ul.wwm-checklist li:before { content: "" !important; width: auto !important; display: block; }
ul.wwm-checklist span { margin: 5px 0 0 0; display: table-cell; vertical-align: middle; width: 55px; }
ul.wwm-checklist div { padding: 0 0 0 20px; display: table-cell; vertical-align: middle; }
@media only screen and (max-width: 564px) { ul.wwm-checklist { font-size: 20px; } }

/* PLUGIN wwm-parallax-image */
.wwm-parallax-image { position: relative; width: 100%; }
.wwm-parallax-image img { width: 100%; }
.wwm-parallax-image-background { background-size:cover; background-repeat:no-repeat; box-sizing:border-box; }

/* PLUGIN wwm-teambox-siteorigin */
.wwm-teambox div { border: 1px solid #3e3e3e; padding: 10px; }
.wwm-teambox h3 { font-weight: 300; }
.wwm-teambox-container { }
.wwm-teambox-image-container { width: 100%; }
.wwm-teambox-image-container img { width: 100%; }
.wwm-teambox-text-container { padding: 20px 10px 20px 10px; background: #CCCCCC; color: #666666; }
span.wwm-teambox-name { font-weight: bold; font-size: 18px; }
span.wwm-teambox-title { font-size: 14px; }
@media only screen and (max-width: 1024px) { span.wwm-teambox-name { font-size:	14px; } span.wwm-teambox-title { font-size: 12px; } }

/* PLUGIN wwm-image-text-overlay */
.wwm-image-text-overlay { position: relative; width: 100%; }
.wwm-image-text-overlay img, .so-widget-image-text-widget img { width: 100%; }
.wwm-image-text-overlay h2, .so-widget-image-text-widget h2 { position: absolute; bottom: -15px; left: 0; width: 98%; font-size: 18px; font-weight:	300;
   color: #ffffff; background: #af0917; padding: 10px 0 10px 2%; transition: all .3s; text-align: left; }
.wwm-image-text-overlay:hover h2 { padding: 10px 0 25px 2%; transition: all .3s; }
.wwm-image-text div { background: #bababa; padding: 10px; text-align: center; transition: all .3s; }
.wwm-image-text h3 { font-weight: 300; color: #3e3e3e; text-transform: uppercase; transition: all .3s; }
.wwm-image-text:hover div { background: #b0b0b0; }
.wwm-image-text:hover h3 { color: #ffffff; }
@media only screen and (max-width: 1024px) { .wwm-image-text-overlay h2 { font-size: 14px; } }

/* PLUGIN wwm-image-content-overlay */
.wwm-image-content-overlay { position: relative; width: 100%; }
.wwm-image-content-overlay img, .so-widget-image-content-widget img { width: 100%; }
.wwm-image-content-overlay h2, .so-widget-image-content-widget h2 { position: absolute; bottom: -15px; left: 0; width: 98%; font-size: 18px; font-weight:	300;
   color: #ffffff; background: #af0917; padding: 10px 0 10px 2%; transition: all .3s; text-align: left; }
.wwm-image-content div { background: #af0917; padding: 10px; text-align: center; transition: all .3s; }
.wwm-image-content h3 { font-weight: 300; color: #fff; text-transform: uppercase; transition: all .3s; }
.wwm-image-content:hover div { background: #af0917; }
.wwm-image-content:hover h3 { color: #ffffff; }
.wwm-image-content img { width: 100%; }
.wwm-image-content [class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption { background-color: #e0e0e0; color: #383838; }
@media only screen and (max-width: 1024px) { .wwm-image-content-overlay h2 { font-size: 14px; } }
.wwm-image-content { position: relative; cursor: pointer; }
.wwm-image-content figcaption { display: none; background: #efefef; padding: 20px; }
.wwm-image-content .total-child 
{
	display: inline;
	right: 0px;
	font-size: 30px;
	background: #af0917;
	padding: 7px;
	color: #FFF;
	border-radius: 35%;
	top: 30px;
	height: 20px;
	position: absolute;
	margin-left: -50px;
	margin-top: -50px;
	display: block;
	box-shadow: 0 0 0 0 rgba(175, 9, 23, 0.5);
	-webkit-animation: pulse 7.5s infinite;
  }
  
  .wwm-image-content .total-child:hover {
	-webkit-animation: none;
  }
  
  @-webkit-keyframes pulse {
	0% {
	  -moz-transform: scale(0.9);
	  -ms-transform: scale(0.9);
	  -webkit-transform: scale(0.9);
	  transform: scale(0.9);
	}
	70% {
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  box-shadow: 0 0 0 50px rgba(175, 9, 23, 0);
	}
	100% {
	  -moz-transform: scale(0.9);
	  -ms-transform: scale(0.9);
	  -webkit-transform: scale(0.9);
	  transform: scale(0.9);
	  box-shadow: 0 0 0 0 rgba(175, 9, 23, 0);
	}
  }



/* PLUGIN wwm-divider */
.wwm-divider-line { border-bottom-style: solid; border-bottom-width: 1px; }
.wwm-divider-dashed { border-bottom-style: dashed; border-bottom-width: 1px; }
.wwm-divider-dots { border-bottom-style: dotted; border-bottom-width: 1px; }
.wwm-divider-double { border-bottom-style: solid; border-top-style: solid; height: 6px; }
.wwm-divider-shadow { 	height: 13px;
	background: radial-gradient(ellipse at 50% -50% , #e0dede 0px, rgba(255, 255, 255, 0) 70%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-radial-gradient(ellipse at 50% -50% , #e0dede 0px, rgba(255, 255, 255, 0) 70%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -moz-radial-gradient(ellipse at 50% -50% , #e0dede 0px, rgba(255, 255, 255, 0) 70%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -o-radial-gradient(ellipse at 50% -50% , #e0dede 0px, rgba(255, 255, 255, 0) 70%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wwm-divider hr.style1 { border: 0; height: 1px; 
  background-image: -webkit-linear-gradient(left, #fefefe, #8c8b8b, #fefefe);
  background-image: -moz-linear-gradient(left, #fefefe, #8c8b8b, #fefefe);
  background-image: -ms-linear-gradient(left, #fefefe, #8c8b8b, #fefefe);
  background-image: -o-linear-gradient(left, #fefefe, #8c8b8b, #fefefe); 
}
.wwm-divider hr.style2 { height: 30px; border-style: solid; border-color: #8c8b8b; border-width: 1px 0 0 0; border-radius: 20px; overflow: visible; }
.wwm-divider hr.style2:before { display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: #8c8b8b; border-width: 0 0 1px 0; border-radius: 20px; }
.wwm-divider hr.style3 { border-top: 0px solid #C2C1C1; text-align: center; overflow: visible; } 
.wwm-divider hr.style3:after { content: '\f0cc'; font-family: "FontAwesome"; display: inline-block; position: relative; top: -13px; padding: 0 10px; background: #ffffff;
	color: #C2C1C1; font-size: 15px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }
.wwm-divider-margin-0 { margin-top: 0px; margin-bottom: 0px; }
.wwm-divider-margin-10 { margin-top: 10px; margin-bottom: 10px; }
.wwm-divider-margin-20 { margin-top: 20px; margin-bottom: 20px; }
.wwm-divider-margin-30 { margin-top: 30px; margin-bottom: 30px; }
.wwm-divider-margin-40 { margin-top: 40px; margin-bottom: 40px; }
.wwm-divider-margin-50 { margin-top: 50px; margin-bottom: 50px; }

/* PLUGIN wwm-sitemap */
.wwm-sitemap-navigation, .wwm-sitemap-navigation ul {  margin:0 0 0 1em !important; padding:0; list-style:none; color:#369; position: relative; }
.wwm-sitemap-navigation ul { margin-left: .5em }
.wwm-sitemap-navigation:before, .wwm-sitemap-navigation ul:before { content:""; display:block; width:0; position:absolute; top:0; bottom:0; left:0; border-left:1px solid; }
.wwm-sitemap-navigation li { margin:0 !important; padding:0 2.5em !important; line-height:2em; position:relative; }
.wwm-sitemap-navigation li:before { content:"" !important; display:block; width:10px; height:0; border-top:1px solid; margin-top:-1px; position:absolute; top:1em; left:0; }
.wwm-sitemap-navigation li:last-child:before { background:white; height:auto; top:1em; bottom:0; }

/* PLUGIN wwm-imagegallery */
.wwm-imagegallery { display: inline-grid; grid-template-columns: 32% 32% 32%; grid-column-gap: 1.333333333333%; grid-row-gap: 10px; }
.wwm-imagegallery-grid-item { }
.gallerygrid { width: 100%; display: inline-grid; grid-template-columns: 24% 24% 24% 24%; grid-column-gap: 1.333333333333%; grid-row-gap: 10px; }
@media only screen and (max-width: 524px) {
	.wwm-imagegallery { display: block; width: 100%; }
	.wwm-imagegallery-grid-item { margin: 0 0 10px 0; }
	.wwm-imagegallery img { width: 100%; }
}

/* PLUGIN wwm-columns */
.wwm-columns{display: grid; grid-row-gap: 10px; }
@media only screen and (max-width: 824px) {
	.wwm-columns { display: block; width: 100%;	}
	.wwm-columns-grid-item { margin: 0 0 10px 0; }
	.wwm-columns img { width: 100%; }
}

/* PLUGIN wwm-downloadbox */
.wwm-downloadbox { padding:	20px 0 20px 0; border-bottom: 1px dotted #000000; transition: all 0.2s ease-out; }
.wwm-downloadbox:hover { background:rgba(0,0,0,0.05); transition: all 0.2s ease-out; padding: 20px 0 20px 10px; }


/* PLUGIN wwm-artikel-aus-kategorie */
.wwm-artikel { padding: 25px; background: #f9f9f9; margin: 0 0 20px 0;}

/* KARRIERE */
.aktuellesbox
{
	padding:		20px 0 20px 10px;
	border-bottom:	1px dotted #000000;
	transition:		all 0.2s ease-out;
}

.aktuellesbox:hover
{
	background:		rgba(0,0,0,0.05);
	transition:		all 0.2s ease-out;
	padding:		20px 0 20px 10px;
	border-bottom:	1px dotted #000000;
}

.aktuellesboxcontent
{
	width: 70%;
}

.aktuellesbox span
{
	font-weight:		500;
	color:			#af0917;
	font-size:		20px;
}

/* Arbeitsbereiche Navigation */
.navigation-arbeitsbereiche
{
	margin: 40px 0 0 0;
	display: grid;
	grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
}

.navigation-arbeitsbereiche img, .navigation-startseite img { width: 100%; }

.box-arbeitsbereiche
{
	padding:		5px;
	border-bottom:	4px solid transparent;
	transition:		all 0.2s linear;
	text-align:		center;
}

.box-arbeitsbereiche a { text-decoration: none; }

.box-arbeitsbereiche:hover
{
	transition: all 0.1s ease-in;
	border-bottom: 4px solid #af0917;
	-webkit-font-smoothing: antialiased;	
}

.box-arbeitsbereiche img
{
	transition: all 0.2s ease-in;
	transform: scale(1);
	z-index: 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
}

.box-arbeitsbereiche:hover img
{
	transition: all 0.2s ease-out;
	transform: scale(1.05);
	-webkit-font-smoothing: antialiased;
	z-index: 100;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);	
}

.box-arbeitsbereicheActive
{
	transition: all 0.1s ease-in;
	border-bottom: 4px solid #af0917;
	-webkit-font-smoothing: antialiased;	
}

.box-arbeitsbereicheActive img
{
	transition: all 0.2s ease-out;
	transform: scale(1.05);
	-webkit-font-smoothing: antialiased;
	z-index: 100;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);	
}

/* Smartslider */
#smartslider { width: 1600px; margin: 110px auto 0 auto; }

.karriere h3 { color: #fff;
    background: #af0917;
    padding: 20px 20px 20px 15px;
	margin: 0;
	font-weight: 300;
    transition: all .3s;
}

/* TABLES */
table { border-collapse: collapse; width: 100%; background: #eff8f9; }
table th { background: #76c6cd; color: #fff; text-transform: uppercase; font-size: 30px; text-align: center; padding: 15px; }
table td { vertical-align: top; border-top: 2px solid #76c6cd; padding: 15px 0px 15px 15px; }


/* ORG Chart */
.chart-container { background-image: url(../images/background/wasserzeichen.png;); background-repeat: no-repeat; background-position: center; }
.stiff-chart-inner {
	-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
	position: relative;
	opacity: 0;
	-webkit-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out; }
	.stiff-chart-inner ul {
	  list-style-type: none;
	  font-size: 0;
	  letter-spacing: 0;
	  margin: 0 auto;
	  padding-left: 0;
	  text-align: center;
	  position: relative;
	  overflow: visible; }
	.stiff-chart-inner li {
	  font-size: 10px;
	  max-width: 140px;
	  width: 100%;
	  text-align: center;
	  vertical-align: bottom;
	  position: relative;
	  cursor: pointer; }
  
  .stiff-child {
	display: none; }
  
  .tree-line {
	position: absolute;
	left: 0;
	top: 0; }
  
  li .the-chart {
	background-color: #fff; }
  
  .svg-container {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	vertical-align: middle;
	overflow: hidden; }
  
  .svg-content {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0; }
  
  .chart-popover {
	display: none; }
  
  .popover {
	max-width: none;
	width: 300px;
	-webkit-transform-origin: 0 0;
			transform-origin: 0 0; }
  


.connector {
	position: relative;
	overflow: visible; }
  
  .chart-vertical {
	padding: 20px 0; }
	.chart-vertical .stiff-chart-inner li {
	  display: inline-block;
	  padding: 0 2px; }
	.chart-vertical .curve-tree {
	  height: 100px;
	  position: relative;
	  width: 100%; }
	.chart-vertical .the-chart .total-child {
	   }
	.chart-vertical .connector {
	  height: 100px; }
	.chart-vertical .flip-you {
	  transform: scaleX(-1);
	  -moz-transform: scaleX(-1);
	  -webkit-transform: scaleX(-1);
	  -o-transform: scaleX(-1);
	  -khtml-transform: scaleX(-1);
	  -ms-transform: scaleX(-1);
	  -webkit-transform-origin: 0 0;
			  transform-origin: 0 0; }
  
  .chart-horizontal .stiff-chart-inner {
	letter-spacing: 0;
	font-size: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; }
	.chart-horizontal .stiff-chart-inner li {
	  display: block;
	  padding: 20px 0; }
  
  .chart-horizontal .stiff-chart-level {
	-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
			flex: 0 1 auto; }
  
  .chart-horizontal .the-chart .total-child {
	bottom: 0; }
  
  .chart-horizontal .connector {
	width: 100px;
	-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
			flex: 0 1 auto; }
  
  .chart-horizontal .flip-you {
	transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-khtml-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-webkit-transform-origin: 0 0;
			transform-origin: 0 0; }
  
  .chart-active .the-chart {
	background-color: #af0917;
	color: #fff;
	border: 1px solid #af0917;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out; }
  
  .the-chart {
	padding: 1px;
	border: 1px solid #af0917;
	height: 290px; 
	margin: 20px 0 0 0;
}
  
  .text-center {
	text-align: center;
	margin: 20px 0; }

.chart-container ul li { background-image: none; }

.the-chart .total-child 
{
	display: inline;
	right: 3px;
	font-size: 30px;
	background: #af0917;
	padding: 7px;
	color: #FFF;
	border-radius: 35%;
	top: 60px;
	height: 20px;
	position: absolute;
	margin-left: -50px;
	margin-top: -50px;
	display: block;
	cursor: pointer;
	box-shadow: 0 0 0 0 rgba(175, 9, 23, 0.5);
	-webkit-animation: pulse 7.5s infinite;
  }
  
  .the-chart .total-child:hover {
	-webkit-animation: none;
  }
  
  @-webkit-keyframes pulse {
	0% {
	  -moz-transform: scale(0.9);
	  -ms-transform: scale(0.9);
	  -webkit-transform: scale(0.9);
	  transform: scale(0.9);
	}
	70% {
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  box-shadow: 0 0 0 50px rgba(175, 9, 23, 0);
	}
	100% {
	  -moz-transform: scale(0.9);
	  -ms-transform: scale(0.9);
	  -webkit-transform: scale(0.9);
	  transform: scale(0.9);
	  box-shadow: 0 0 0 0 rgba(175, 9, 23, 0);
	}
  }

.logo-herz-container {}
.logo-herz-container-image { text-align: center; }
.logo-herz-container-image img { -webkit-animation: pulse2 4s linear infinite; box-shadow: 0 0 0 0 rgba(175, 9, 23, 0.5); cursor: pointer; border-radius: 50%; }
.logo-herz-container-headline { font-weight: bold; text-align: center; font-size: 22px; margin: 20px 0 20px 0; cursor: pointer; }
.logo-herz-container-content { display: none; }

/*
@-webkit-keyframes pulse2 {
	0% {
	}
	70% {
	  box-shadow: 0 0 0 30px rgba(175, 9, 23, 0);
	}
	100% {
	  box-shadow: 0 0 0 0 rgba(175, 9, 23, 0);
	}
  }
*/
@-webkit-keyframes pulse2 {
	0% {
		transform:scale(0.90);
	}
	50% {
		transform:scale(0.80);
	}
	100% {
		transform:scale(0.90);
	}
  }


.mav { }
.mav-parent { width: 100%; text-align: center; }
.mav-parent img { width: 25%; }
.mav-child { width: 20%; float: left; }



/* POPUP */

.wrap {
    padding: 40px;
    text-align: center;
}
.btn {
    background: #af0917;
    border: #af0917 solid 1px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    text-align: center;
    min-width: 60px;
    position: relative;
}
.btn:hover {
	background: #af0917;
	color: #fff;
}
.btn-close {
    color: #aaaaaa;
    font-size: 30px;
    text-decoration: none;
    position: absolute;
    right: 5px;
    top: 0;
}
.btn-close:hover {
    color: #919191;
}
.modal:target:before {
    display: none;
}
.modal:before {
    content:"";
    display: block;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.modal .modal-dialog {
    background: #fefefe;
    border: #333333 solid 1px;
    border-radius: 5px;
    margin-left: -250px;
    position: fixed;
    left: 50%;
    z-index: 11;
    width: 500px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    top: 20%;
}
.modal:target .modal-dialog {
    top: -100%;
    -webkit-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    transform: translate(0, -500%);
}
.modal-body {
    padding: 20px;
}
.modal-footer {
    text-align: center;
}


.wp-block-file:not(.wp-element-button) { font-size: 16px !important; }


@media only screen and (max-width: 1524px)
{
	#page, .maincontent, .navigation, .navigation-content, #smartslider { width: 1200px; }
	.arbeitsbereiche-content, .arbeitsbereiche-content-startseite { font-size: 11px; }
	nav a, nav li:hover a, nav li.current-menu-item a, nav li.current-menu-parent a, nav li.active a { font-size: 13px; padding: 25px 10px 27px 10px; }
	.navigationScroll nav a { padding: 0 10px 0 10px; }
}

@media only screen and (max-width: 1224px)
{
	#page, .maincontent, .navigation, .navigation-content, #smartslider { width: 98%; }
	.navigation-arbeitsbereiche { display: grid; grid-template-columns: 25% 25% 25% 25%; }
	.navigation-content { display: none; }
	#mobile-header { display: block; }
	.navigation { display: none; }
	.logo-mobile { display: block; }
	.logo-mobile #wwmsearch { text-align: left; margin: 0 0 0 20px; }
	.logo { width: 30%; }
	.arbeitsbereiche-content { padding: 0; }
	#smartslider { margin: 20px auto 0 auto; }
	.dienstleistungsbereiche { display: none; }
	.gallerygrid { grid-template-columns: 49% 49%; grid-column-gap: 1.333333333333%; }
	nav a, nav li:hover a, nav li.current-menu-item a, nav li.current-menu-parent a, nav li.active a { font-size: 13px; padding: 5px 0px 5px 20px; }
}

@media only screen and (max-width: 1024px)
{
	#page, .maincontent, .navigation, .navigation-content, #smartslider { width: 100%; }
	.arbeitsbereiche-content, .arbeitsbereiche-content-startseite { display: none; }
	nav ul { position:static; float: none; left: 0; }
	.container { width: 100% !important; max-width: 100% !important; }
}

@media only screen and (max-width: 768px)
{
	.footer { text-align: center; }
	.logo { width: 60%; }
	h1, h3.widget-title { font-size: 26px; }
	.swiper-container { height: 200px; }
	.wwm-row-tablet-hide { display: none !important; }
	.gallerygrid { grid-template-columns: 99%; grid-column-gap: 1.333333333333%; }
	.so-widget-image { max-width: 50% !important; width: 50% !important; margin: 0 auto; }
}

@media only screen and (max-width: 564px)
{
	.scrollToTop { position: static; bottom: 0; right: 0; }

	/* responsive table */
	table {width:100%;}
	table thead {display: none;}
	table tr:nth-of-type(2n) {background-color: inherit;}
	table tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
	table tbody td {display: block;  text-align:center;}
	table tbody td:before { content: attr(data-th); display: block;	text-align:center; }
	table td { border-bottom: none; }
	/* siteorigin widget options */
	.wwm-row-tablet-hide { display: flex !important; }
	.wwm-row-smartphone-hide { display: none !important; }
	.swiper-container { display: none; }

	.modal .modal-dialog { width: 400px; margin-left: -200px; }
}