/*
Theme Name: FORMLOS Skelett
Author: FORMLOS Berlin
Author URI: https://www.formlos-berlin.de/ 
Version: 3.1
Text Domain: formlos-skelett
*/

/* general */
@import url("https://use.typekit.net/usb3jjl.css");
/*@import url('css/formlos-helpers.css');*/
/*:root{
	--font-forma: forma-djr-text, sans-serif;
	--font-dovetail: dovetail-mvb, serif;
	--color-blau: #1C66A6;
	--color-hellblau: #7CAFD9;
	--color-gruen: #9DB900;
	--font-size-50: 3.125rem;
	--font-size-40: 2.5rem;
	--font-size-36: 2.25rem;
	--font-size-30: 1.875rem;
	--font-size-28: 1.75rem;
	--font-size-26: 1.625rem;
	--font-size-22: 1.25rem;
	--font-size-20: 1.1875rem;
	--font-size-18: 1.125rem;
	--font-size-16: 1rem;
}
[id] {
  scroll-margin-top:150px !important;
}*/
/*
:root{
	--font-forma: forma-djr-text, sans-serif;
	--font-dovetail: dovetail-mvb, serif;
	--color-blau: #1C66A6;
	--color-hellblau: #7CAFD9;
	--color-gruen: #9DB900;
	--font-size-50: 3.125rem;
	--font-size-36: 2.25rem;
	--font-size-30: 1.875rem;
	--font-size-26: 1.625rem;
	--font-size-22: 1.375rem;
	--font-size-18: 1.125rem;
	--font-size-16: 1rem;
}*/



*{ 
	margin: 0; 
	padding: 0; 
	box-sizing: border-box;
}

body,
body.page-template-headerimage-page.home{
    font-size:100%;
	font-family: dovetail-mvb, serif;
    font-style: normal;
    font-weight: 300;
	_background:url('img/body_bg.svg') center left -300px no-repeat white;
	_background-size:910px auto;
	_background-attachment: fixed;
	line-height: 1.75rem;
}

#wrapper{
    margin:0 auto;
    width:100%;
}


#footercontent .menu-hauptnavigation-container, 
#footercontent aside.widget, 
#footercontent .menu-hauptnavigation-englisch-container, 
#footercontent #menu-fusszeile,
#footercontent #menu-fusszeile-englisch,
body.search-results #main,
body.single-post #main,
body.single-referenz #main,
body.single-job #main,
body.error404 #main,
body.search #main{
    max-width:1640px;
	margin: 0 auto;
}
body.error404 #main{
	padding-top:170px;
}
body.single-case_study #main h1,
body.single-case_study #main #single-image{
	max-width: 1640px;
	margin-left: auto;
	margin-right: auto;
}

body.single-post #single_content,
body.single-job #single_content,
body.single-referenz #single_content{
	margin: 0 20px;
	background:white;
	padding:0 20px;
}

#main img,
#logo_container img{
	width:100%;
	height:auto;
}

#main{
	_padding-top: 1rem;
    min-height: 600px;
	_font-size: 1.2rem;
	font-size:1.25rem;
	color:#1C66A6; 
	padding-top:160px;
}

body.fl-builder-ie-11 {
	padding-top:160px;
}
body.fl-builder-ie-11.single-referenz{
	padding-top:200px;
}
.single-referenz #main{
	padding-top:0;
}
.single-referenz{
	padding-top:160px;
}
body.fl-builder-ie-11.page-template-headerimage-page,
body.fl-builder-ie-11.single-case_study ,
.single-case_study #main,
.page-template-headerimage-page #main{
	padding-top:0;
}
body.page-template-headerimage-page{
	_background:none;
}

.clear{
    clear: both;
    display: block;
}
/*Beaverbuilder Breakpoints*/
.fl_bp .fl-row-content-wrap .fl-col-group{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.fl_bp.fl_bp_left .fl-row-content-wrap .fl-col-group{
	justify-content: left;
}


/* typography */
p{
	margin-bottom: .75rem;
	_line-height: 1.65rem;
	line-height: 1.75rem;
	
}

h1,h2,h3,h4{
	margin-bottom: .75em;
}

h1,
.h2-l h2,
.h3-l h3,
.h4-l h4{
    font-size: 3.125rem;
	font-family: dovetail-mvb, serif;
    font-weight: 500;
	line-height:1.15em;
}
.special_headline h1,
h2,
h3,
h4{
	font-family: forma-djr-text, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1rem;
	line-height:1.15em;
}

h2,
.h1-m h1,
.h3-m h3,
.h4-m h4 {
    font-size: 2.25rem;
	font-family: forma-djr-text, sans-serif;
	font-weight:700;
	line-height:1.15em;
}

h3,
.h1-s h1,
.h2-s h2,
.h4-s h4{
    font-size: 1.25rem;
	font-weight:500;
	line-height:1.15em;
}

h4,
.h1-xs h1,
.h2-xs h2,
.h3-xs h3{
    font-size:1rem;
	font-weight:700;
	line-height:1.15em;
}

.h1-xl h1,
.h2-xl h2,
.h3-xl h3,
.h4-xl h4,
.h1-xxl h1,
.h2-xxl h2,
.h3-xxl h3,
.h4-xxl h4{
    font-size: 2.625rem;
	line-height:1.15em;
}

.h1-xxl h1,
.h2-xxl h2,
.h3-xxl h3,
.h4-xxl h4{
    font-size: 3.438rem;
	line-height:1.15em;
}

a{ 
	text-decoration:none;
	color:#1C66A6;
}

p a{ 
	color:#9DB900;
	
}

ul, ol{
    padding-left:20px;
    margin-bottom:.75em;
	
}
ul li{
	line-height:1.75rem;
}
a{

	text-decoration: underline;
}

input[type=button]{
  -webkit-appearance: none;
}
#skip{
	_display:none;	
	position:absolute;
	top:-1000px;
}
#skip:focus{
	_display:block;
	top:20px; 
	z-index:30;
	background-color:lightgray;
	padding:10px 20px;
}
.fl_fixed{
    position: fixed;
    z-index: 10;
    top: 0;
}

a.fl-accordion-button-icon,
a.fl-accordion-button-icon i{
	text-decoration: none;
}

/* FORMLOS Button */
.bb-formlos-button{
    text-align: center;
}

.formlos_btn,
.fl-module-bb-formlos-referenzen-casestudies .read-more a,
.single-job .apply-link a,
.jobs-wrapper .read-more a,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{
    display: inline-block;
    padding: 1rem;
    color: #fff;
    background-color: #1C66A6;
    text-decoration: none;
    text-align: center;
	border:none;
	box-shadow: none;
	-webkit-appearance: none;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover{
	cursor: pointer;
}
.background_blue.bewerbung .gform_wrapper .gform_footer input.button, .background_blue.bewerbung  .gform_wrapper .gform_footer input[type=submit], .background_blue.bewerbung .gform_wrapper .gform_page_footer input.button, .background_blue.bewerbung .gform_wrapper .gform_page_footer input[type=submit]{
	background-color: white;
	color: #1C66A6;
}
#main .gform_wrapper img{
	width:auto;
}
.gform_wrapper .gfield_required {
    color: white !important;
}
.gform_wrapper input.button.gform_button_select_files {
    padding: 10px 20px!important;
	border:0;
	background:white;
	color:#1C66A6;
	font-family: dovetail-mvb, serif;
	font-size:1.125rem;
	-webkit-appearence:none;
	
}

/*Footer*/
#footercontent aside.widget a.social {
    display: block;
    position: relative;
    vertical-align: middle;
    color: white;
    text-decoration: none;
    font-size: 1.125rem;
    margin-left: 20px;
    padding-left: 30px;
    margin-bottom: 20px;
    font-family: forma-djr-text, sans-serif;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-weight: 700;
    width: 58%;
    border-bottom: 2px solid white;
    padding-bottom: 20px;
}
#footercontent aside.widget a.social:hover{
	text-decoration: underline;
}
#footercontent aside.widget a.social::before{
	display:block;
	position:absolute;
	left:0;
	top:2px;
	vertical-align:middle;
	content:"";
	background-image:url('img/icon_linkedin.svg');
	background-repeat: no-repeat;
	background-size:contain;
	background-position: left center;
	width:30px;
	height:20px;
}
/* Jobs */

.jobs-wrapper{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.jobs-wrapper article{
	width:calc(50% - 20px);
	margin-bottom:40px;
	background:#9DB900;
	padding:20px;
	color:white;
	
}
.jobs-wrapper.job-count-1 article{
	width: 100%;
}
.jobs-wrapper article .pdf-link a{

	color:white;
	
}
.jobs-wrapper article h2.jobs-headline a{
	color:white;
}
.jobs-wrapper article .read-more a{
	background:white;
	border:3px solid #1C66A6;
	transition:all .3s;
	color:#1C66A6;
	padding:10px 20px;
	font-weight:500;
}
.jobs-wrapper article .read-more a:hover{
	background:#1C66A6;
	border:3px solid white;
	transition:all .3s;
	color:white;
}
.single-job .job-details .job-description{
	_width: 70%;
}
.single-job .job-details .job-meta{
	_width: 30%;
	_padding-left: 2rem;
	_border-left: 4px solid #9DB900;
	margin: 0 auto;
	_padding:0 40px;
}

.single-job .job-details .bewerbungsformular{
	background:#1C66A6;
	color:white;
	padding: 20px; 
	margin:0 auto 40px auto;
	max-width:768px;
}
.single-job .bewerbungsformular .gform_wrapper{
	margin-top:0;
}
.single-job .bewerbungsformular .gform_wrapper .top_label .gfield_label, .single-job .bewerbungsformular .gform_wrapper legend.gfield_label, .single-job .bewerbungsformular .gform_wrapper .gfield_consent_label a{
	color:white;
}
.single-job .bewerbungsformular .gform_wrapper .gform_footer input.button, .single-job .bewerbungsformular .gform_wrapper .gform_footer input[type=submit], .single-job .bewerbungsformular .gform_wrapper .gform_page_footer input.button, .single-job .bewerbungsformular .gform_wrapper .gform_page_footer input[type=submit] {
    background-color: white;
    color: #1C66A6;
}

/* Achtung-Module für Wireframe-Status */

.achtung > .fl-module-content{
    border: 3px solid #C4B586;
    padding: 2rem;
    background-color: #FFF9E6;
}

/* header */
header{
	width:100%;
    background-color: rgba(255,255,255,.9);
	border-bottom:3px solid #1C66A6;
	position: fixed;
	z-index:5;
	top:0;
}
.logged-in header{
	top:20px;
}

.header_inner{
	position: relative;
	width:100%;
	max-width:1640px;
	margin:0 auto;
	padding:10px 20px 20px 20px;
	display:flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
}
body.error404 #main,
body.search #main{
	padding: 0 20px;
}

a#logo{
	display:block;
	line-height: normal;
}
#logo_container{
    _float: left;
	width: 350px;
	_max-width:  180px;
}

#header_nav_container{
	_float:right;
	width:100%;
}

nav#main-nav{
	_padding-top: 2rem;
	_margin-left: 200px;
}

nav#main-nav > div{
	padding-left: 2rem;
}

nav#meta-nav-wrapper ul,
nav#main-nav ul{
    list-style-type: none;
	display:flex;
    padding-left:0;
    justify-content: flex-end;
    margin-bottom:0;
}

nav#meta-nav-wrapper ul li,
nav#main-nav ul li{
	display:block;
	text-align: center;
	white-space: normal;
}
nav#meta-nav-wrapper ul .wpml-ls-menu-item a{
	_display:block;
}

/*
.fl-builder-ie-11 nav#meta-nav-wrapper ul,
.fl-builder-ie-11 nav#main-nav ul{
	display:block;
	justify-content:unset;
	text-align: right;
}
.fl-builder-ie-11 nav#meta-nav-wrapper ul li,
.fl-builder-ie-11 nav#main-nav ul li {
  display: inline-block;
  text-align: center;
  white-space: nowrap; 
	position: relative;
}
.fl-builder-ie-11 .header_inner{
	display:block;
	flex-wrap: unset;
	justify-content: unset;
}
.fl-builder-ie-11 #logo_container{
	float:left;
}
.fl-builder-ie-11 #header_nav_container {
    width: calc(100% - 350px);
    float: right;
}
.fl-builder-ie-11{
	_background:green;
}
*/
.fl-builder-ie-11 nav#main-nav ul li:hover ul.sub-menu{
	display:block;
	position: absolute;
}
nav#main-nav ul li a{
    width:100%;
    padding:10px 20px;
    display:block;
	text-decoration: none;
	font-size:1.25rem;
	color:#1C66A6;
	font-weight:500;
	
}
nav#main-nav ul li a span{
	border-bottom:5px solid rgba(0,0,0,0);
	transition:border .1s;
	padding-bottom:5px;
}
nav#main-nav ul li:first-child a{
    padding:10px 20px 10px 0;
}
nav#main-nav ul.menu > li:last-child > a{
    padding:10px 0px 10px 20px;
}
nav#main-nav ul.menu > li:last-child  > .sub-menu{
	right:0;
}
nav#main-nav > div > ul > li > a{
	_font-size: 1.25rem;
}

nav#main-nav ul li:hover a span,
nav#main-nav ul li a:focus span,
nav#main-nav ul li.current-menu-item a span,
nav#main-nav ul li.current-page-ancestor > a span,
nav#main-nav ul li.current-page-parent > a span,
nav#main-nav ul li.current_page_parent > a span{
    _text-decoration:underline;
	border-bottom:5px solid #1C66A6;
}
nav#main-nav ul li ul.sub-menu li:hover a,
nav#main-nav ul li ul.sub-menu li a:focus,
nav#main-nav ul li ul.sub-menu li.current-menu-item a{
	font-weight:700;
}

nav#main-nav ul li ul.sub-menu{
	max-width:320px;
	min-width:320px;
}

nav#main-nav ul li ul.sub-menu li:hover a::before,
nav#main-nav ul li ul.sub-menu li a:focus::before,
nav#main-nav ul li ul.sub-menu li.current-menu-item a::before{
	display: block;
	width:10px;
	height:11px;
	content:"";
	position: absolute;
	background:url("img/menu_arrow_white.svg") center center no-repeat;
	background-size:auto 10px;
	left:8px;
	top:13px;
}

nav#main-nav ul li:hover > .sub-menu li a,
nav#main-nav ul li:focus > .sub-menu li a{
	text-decoration:none;
}

nav#main-nav ul li ul.sub-menu{
    display:none;
	_background-color: #9DB900;
	_padding: .25rem .5rem;
	z-index: 50;
	border-top: 5px solid #1C66A6;
	margin-top:-7px;
	margin-left:20px;
	_padding-right:40px;
	_clip-path: polygon(0% 0%, 100% 0, 100% 85%, 85% 100%, 0% 100%);
	
}
nav#main-nav ul li ul.sub-menu::before,
nav#main-nav ul li ul.sub-menu::after{
	_content: "";
	_position: absolute;
	_display:block;
	
	_border-color:#9DB900;
	_border-style: solid;
}
nav#main-nav ul li ul.sub-menu::after {
	_right:-40px;
	_border-right:40px solid #9DB900;
}
nav#main-nav ul li ul.sub-menu::before {
	_right:-40px;
	_border-width: 40px 40px 0 0;
}
nav#main-nav ul li ul.sub-menu:after {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 40px;
    top: 0;
    border-width: 20px;
    border-style: solid;
    border-color: #9DB900;
}
nav#main-nav ul li ul.sub-menu:before {
   content: "";
    position: absolute;
    bottom: 0;
    right: 0px;
    border-width: 40px 40px 0 0;
    border-style: solid;
    border-color: #9DB900 transparent;
}


nav#main-nav ul li:hover > ul.sub-menu{
    display:block;
    position:absolute;
}
nav#main-nav ul li a:focus ~ ul.sub-menu,
nav#main-nav ul li:focus-within ul.sub-menu{
    display:block;
    position:absolute;
}

nav#main-nav ul li ul.sub-menu li{
    display:block;
	text-align: left;
	min-width:220px;
	background-color: #9DB900;
}
nav#main-nav ul li ul.sub-menu li{
    display:block;
	text-align: left;
	min-width:220px;
	max-width:280px;
	_background-color: #9DB900;
}
nav#main-nav ul li:last-child > ul.sub-menu li{
	min-width:160px;
}
nav#main-nav ul li ul.sub-menu li:hover{

}

nav#main-nav ul li ul.sub-menu li a{
	padding-right: 0;
	color:white;
	font-size:1rem;
	font-family:forma-djr-text, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1rem;
	position: relative;
	padding-left:20px;
	font-weight:300;
	padding:10px 20px 10px 23px;
	line-height:1.5rem;
}
nav#main-nav ul li ul.sub-menu li a span{
	
}

nav#main-nav ul li ul.sub-menu li a span{
    border-bottom:0;
}

nav#meta-nav-wrapper ul li{
	_padding: .25rem;
}

nav#meta-nav-wrapper ul li:last-child{
	padding-right: 0;
}

nav#meta-nav-wrapper ul li a{
	text-decoration: none;
	padding: .25rem;
	font-size:1rem;
	font-family: forma-djr-text, sans-serif;
	letter-spacing: .1rem;
	color: #9DB900;
	font-weight:700;
	text-transform: uppercase;
}

nav#meta-nav-wrapper ul li a:hover{
	text-decoration: underline;
}

.menu-hauptnavigation-container li.karriere{
	position: relative;
}

.menu-hauptnavigation-container li.karriere.notification-active{
	padding-right: 1rem;
}

#job-notification{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #515151;
	color: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 16px;
}

.mobile_nav_container{
	display:none;
}

/* Referenzen */
.referenz-content{
	_display: flex;
	_flex-wrap:wrap;
	_justify-content: space-between;
}
.referenz-content #single-image{
	width:calc(70% - 2rem);
	max-width:810px;
	padding-right: 2rem; 
	_max-height:300px;
	display:inline-block;
	vertical-align:top;
}
.referenz-content #single-image .single_referenz_img_ele{
	position: relative;
}
.referenz-content #single-image .single_referenz_img_ele img{
	display:block;
}
.referenz-content #single-image .single_referenz_img_ele .copyright{
	display:block;
	padding:2px 7px;
	font-size:1rem;
	text-decoration: none;
	position: absolute;
	right:0;
	bottom:0;
	background:rgba(255,255,255,.8);
}
.referenz-parameters{
	_display: flex;
	_flex-wrap: wrap;
	width: 30%;
	display:inline-block;
	vertical-align:top;
}

.referenz-parameter-value{
	_border-bottom: 2px solid #ccc;
	padding-bottom: .5rem;
	margin-bottom: .5rem;
	margin-top:.5rem;
}
.referenz-parameter-caption{
	_width: 33%;
	text-align: left;
	font-weight: bold;
	_padding-right: 1rem;
	color:#9DB900;
	font-size:1.1875rem;
	text-transform: uppercase;
	letter-spacing: .1rem;
	font-family: forma-djr-text, sans-serif;
	border-bottom:2px solid #9DB900;
	margin-top:1rem;
}
.referenz-parameter-value{
	_width: 67%;
}

.referenzen-casestudies-wrapper{
	display: flex;
	justify-content: space-between;
}

.referenzen-casestudies-wrapper article{
	_padding: .5rem;
	text-align: center;
}
.referenzen-casestudies-wrapper.postcount-3 article {
    width: calc(33.333% - 30px);
}

#single-image .slick-list{
	max-width:100%;
}
#single-image{
	position:relative;
}
#single-image .slide_control{
	position:absolute;
	top:calc(50% - 45px);
	z-index:2;
	opacity:.85;
	transition: opacity .2s;
}
#single-image .slide_control:hover{
	opacity:1;
	cursor: pointer;
}
#single-image .slide_control.slide_prev{
	left:0;
}
#single-image .slide_control.slide_next{
	right:2rem;
}

body.single-case_study #main #single-image{
	position: relative;
	max-width: 100%; 
	height:100vh;
	background-size:cover;
}
.single-case_study #single-image #single_image_inner{
	position: relative;
	display:block;
	max-width:1640px;
	margin:0 auto;
	_bottom:160px;
	height:100vh;
}
.single-case_study #single-image::after{
	position: absolute;
	display:block;
	content:"";
	width:50vw;
	height:40vw;
	background-image:url('img/single_case_study_ge.svg');
	background-size: contain;
	background-position: bottom right;
	background-repeat: no-repeat;
	right:0;
	bottom:0;
	z-index:1;
	
}

.single-case_study #single-image #single_image_inner h1{
	position:absolute;
	display:block;
	bottom:160px;
	max-width:60%;
	padding:20px;
	background:rgba(255,255,255,.85);
	z-index:2;
	line-height:normal;
}

.bx-wrapper .bx-pager.bx-default-pager a{
	border-radius:0 !important;
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	display:block !important;
	width:24px !important;
	height:13px !important;
	border:2px solid white ;
	background:transparent !important;
}
.bx-wrapper .bx-pager.bx-default-pager a.active{
	background:white !important;
}
/**/
.featured-image .arrow_highlight,
.arrow_highlight,
.bb-formlos-image-text .image-text-content span{
	display:block;
	background:url('https://2020.si-tec.ch/wp-content/themes/si-tec/img/highlight_arrow_white.svg') center left no-repeat;
	background-size:22px auto;
	padding-left:30px;
}
.featured-image .arrow_highlight,
.arrow_highlight,
.bb-formlos-image-text .image-text-content span{
	background:url('img/highlight_arrow_white_back.svg') center left no-repeat;
	background-image: url('img/highlight_arrow_white_back.svg');
	background-position:  center left;
	background-repeat: no-repeat ;	
	background-size:22px auto;
	padding-left:30px;
	position: relative;
	font-size:1.1875rem;
}
.featured-image .arrow_highlight::before,
.arrow_highlight::before,
.bb-formlos-image-text .image-text-content span::before{
	display: block;
    content: "";
    width: 20px;
    background-image: url(img/highlight_arrow_white_front.svg);
    background-position: center left;
    _background-color: #1C66A6;
    background-repeat: no-repeat;
    background-size: 22px auto;
    padding-left: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -1px;
	transition: all .2s;
}
.featured-image:hover .arrow_highlight::before,
.arrow_highlight:hover::before,
.bb-formlos-image-text:hover .image-text-content span::before{
	left: 10px;
}
.image-text-content p,
.switch_team .image-text-content p{
	display:table;
	background:rgba(28,102,166,.85);
	padding:2px 5px;
	letter-spacing: 1px;
	color:white;
}
.image-text-content p{
	color:white;
	font-weight:700;
}
.hide_row{
	display:none;
}
.fl-builder-edit .hide_row{
	display:block;
}
/*Kundenfeedback*/
h3.fl-slide-title{
	display:none;
}

/* Footer */

footer {
	_margin-top: 4rem;
	border-top:5px solid white;
    background-color:#1C66A6;
	background-image:url(img/bg_pattern_white_right.svg) ;
	background-position: bottom right;
	background-repeat: no-repeat;
    background-size: auto 100%;
    background-size: 610px auto;
}
#footercontent_inner{
	padding:80px 0 120px 0;
}
#footercontent .menu-hauptnavigation-container  ul,
#footercontent .menu-hauptnavigation-englisch-container  ul{
   display:flex;
   _justify-content: space-around;
}
.menu-fusszeile-container ul{
	margin-bottom: 0;
}
#footercontent ul li{
	display: block;
    width:100%;
    text-align: center;
	list-style: none;
}

#footercontent ul li a{
    width:100%;
    padding:10px 0;
	color:white;
}

#footercontent ul li.current-menu-ancestor > a,
#footercontent ul li.current-menu-item > a{

	font-weight:700;
}
#footercontent ul li:hover > a,
#footercontent ul li.current-menu-item > a{
    text-decoration: underline;
}

#footercontent .menu-hauptnavigation-container li,
#footercontent .menu-hauptnavigation-englisch-container li {
	text-align: left;
}

#footercontent .menu li a {
	text-decoration: none;
}
#footercontent .menu li:hover a {
	
}

#footercontent .menu-hauptnavigation-container > ul > li,
#footercontent .menu-hauptnavigation-englisch-container > ul > li {
	font-weight: bold;
	padding-right: 1rem;
	width:auto;
}
.mobile_nav_container .menu-hauptnavigation-container > ul > li > a,
#footercontent .menu-hauptnavigation-container > ul > li > a,
#footercontent .menu-hauptnavigation-englisch-container > ul > li > a{
	font-family:forma-djr-text, sans-serif;
	text-transform:uppercase;
	letter-spacing:.1rem;
	font-size:1rem;
}
.mobile_nav_container .menu-hauptnavigation-container > ul > li > a{
	font-weight:700;
	font-size:1.125rem;
}
.mobile_nav_container ul li .sub-menu > li > a{
	font-size:1.125rem;
}

#footercontent ul.sub-menu {
	flex-direction: column;
}
.mobile_nav_container ul li .sub-menu,
#footercontent .menu-hauptnavigation-container ul.sub-menu,
#footercontent .menu-hauptnavigation-englisch-container ul.sub-menu{
	padding-left: 0;
	border-left:1px solid white;
	position: relative;
}
.mobile_nav_container ul li > ul.sub-menu li ,
#footercontent .menu-hauptnavigation-container ul.sub-menu > li,
#footercontent .menu-hauptnavigation-englisch-container ul.sub-menu > li{
	font-weight: normal;
	margin-bottom: .5rem;
	padding-left:20px;
	position: relative;
	z-index:2;
}
#footercontent .menu-hauptnavigation-container ul.sub-menu > li:hover a,
#footercontent .menu-hauptnavigation-englisch-container ul.sub-menu > li:hover a{
	_font-weight: 700;
}
.mobile_nav_container ul li > ul.sub-menu li::before,
#footercontent .menu-hauptnavigation-container ul.sub-menu > li::before,
#footercontent .menu-hauptnavigation-englisch-container ul.sub-menu > li::before{
	content:"";
	width:13px;
	height:10px;
	background:url('img/vertical_line_footer_menu.svg') center center no-repeat;
	background-size:13px auto;
	position: absolute;
	left:0;
	margin-left:-1px;
	top:5px;
}
.mobile_nav_container ul li .sub-menu::after,
#footercontent .menu-hauptnavigation-container  ul.sub-menu::after,
#footercontent .menu-hauptnavigation-englisch-container  ul.sub-menu::after{
	height:29px;
	width:100%;
	content:"";
	display:block;
	z-index:1;
	background: #1C66A6;
	bottom:0;
	margin-left:-1px;
	position: absolute;
}
.mobile_nav_container ul li .sub-menu::after{
	height:25px;
}

#footercontent .menu-hauptnavigation-container ul.sub-menu > li:first-child,
#footercontent .menu-hauptnavigation-englisch-container ul.sub-menu > li:first-child{
	margin-top: .5rem;
}


#footercontent #footer_meta_logo img{
	display: block;
	width:150px;
	height:auto;
}
#footercontent #footer_meta_logo{
	padding-right:20px;
}
#footercontent #footer_meta_nav_logo{
	padding:1rem 0;
	 background-color:#9DB900;
	_background-image:url(img/bg_pattern_white_right.svg) ;
	_background-position: bottom right;
	_background-repeat: no-repeat;
    _background-size: auto 100%;
    _background-size: 610px auto;
	display: flex;
	justify-content: space-between;
}
#footercontent .menu-fusszeile-container ul li,
#footercontent .menu-fusszeile-englisch-container ul li{
	display:inline-block;
	width:auto;
}
#footercontent .menu-fusszeile-container ul li a,
#footercontent .menu-fusszeile-englisch-container ul li a{
	display:block;
	padding:10px 20px;
	font-family:forma-djr-text, sans-serif;
	text-transform:uppercase;
	letter-spacing:.1rem;
	font-size:1rem;
}


.background_lightblue{
	background:#7CAFD9;
	color:white;

}

.background_lightblue .fl-row-content{
	padding-left:20px;
	padding-right:20px;

}

.fl-row.background_blue{
	background:#1C66A6 !important;
	color:white;
}
.fl-col.background_blue .fl-col-content{
	background:#1C66A6 !important;
	color:white;
}
.fl-row.background_green{
	background:#9DB900 !important;
	color:white;
}
.fl-col.background_green .fl-col-content{
	background:#9DB900 !important;
	color:white;
}
.color_green p,
.color_green span,
.color_green li,
.color_green h1,
.color_green h2,
.color_green h2.jobs-headline a ,
.color_green h3,
.color_green h4{
	color:#9DB900;
}

.einleitungstext.kompetenz{
	
}
.einleitungstext.kompetenz .fl-row-content-wrap{
	margin:-40px  0 40px 0 ;
	padding:0 20px;
}

.einleitungstext p:last-child{
	margin-bottom:0;
}

.einleitungstext p,
.einleitungstext span,
.einleitungstext li,
.einleitungstext h1,
.einleitungstext h2,
.einleitungstext h2.jobs-headline a ,
.einleitungstext h3,
.einleitungstext h4{
	color:white;
}

.einleitungstext .jobs-wrapper .read-more a{
	background:white;
	color:#1C66A6;
	transition:all .2s;
	border:2px solid #1C66A6;
}
.einleitungstext .jobs-wrapper .read-more a:hover{
	background:#1C66A6;
	color:white;
	border:2px solid white;
}

.einleitungstext .fl-col-content{
	color:white;
	background:#1C66A6;
	_padding:20px;
}
.einleitungstext .fl-rich-text > p{
	_margin-bottom:0;
}
.einleitungstext .fl-col-group .fl-col{
	width:calc(50% - 40px) !important;
}
.einleitungstext .fl-col-group .fl-col:first-child,
.einleitungstext .fl-col-group .fl-col:last-child{
	margin-left:20px;
	margin-right:20px;
}

.fl-builder-edit .einleitungstext .fl-col-group .fl-col{
	width:50% !important;
}
.fl-builder-edit .einleitungstext .fl-col-group .fl-col:first-child,
.fl-builder-edit .einleitungstext .fl-col-group .fl-col:last-child{
	margin-left:0px;
	margin-right:0px;
}

.fl-slide-text{
	font-size:1.625rem;
}
/* Jobs Widget */
.jobs-wrapper .jobs-headline a{
	text-decoration: none;
}

.jobs-wrapper article{
	margin-bottom: 2rem;
}

/* Abstände für Zeilen */
.fl-builder-content > .fl-row{
	_margin-top: 1rem;
	_margin-bottom: 1rem;
}


/*Kompetenz Modul*/
#kompetenz_slick_slider{
	display:flex;
	_width:1160px;
	max-width:100%;
	flex-direction:row;
	
}
#kompetenz_slick_slider .slide_control{
	margin-top:100px;
}
#kompetenz_slick_slider .slide_control:hover{
	cursor:pointer;
}
.bb-formlos-kompetenz-einzeln {
	width:300px;
	_height:300px;
	 flex:1 1 auto;
	padding:0 20px;
	overflow: hidden;
}
.bb-formlos-kompetenz-einzeln img,
.bb-formlos-kompetenz-einzeln a{
	display: block;
	position: relative;
	
}
.bb-formlos-kompetenz-einzeln a::after{
	content:"";
	display:block;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background: rgb(255,255,255);
	background: -webkit-linear-gradient(rgba(255,255,255,0.1) 0%, rgba(28,102,166,1) 100%);
	background: -o-linear-gradient(rgba(255,255,255,0.1) 0%, rgba(28,102,166,1) 100%); 
	background: linear-gradient(rgba(255,255,255,0.1) 0%, rgba(28,102,166,1) 100%);
	z-index:1;
}
.bb-formlos-kompetenz-einzeln .image-text-content u{
	font-style:italic;
	text-transform: none;
	display:block;
	font-size:1.1875rem;
	background:url('img/highlight_arrow_white_back.svg') center left no-repeat;
	background-image: url('img/highlight_arrow_white_back.svg');
	background-position:  center left;
	background-repeat: no-repeat ;	
	background-size:22px auto;
	padding-left:30px;
	position: relative;
	line-height:normal;
	margin-top:15px;
}
.bb-formlos-kompetenz-einzeln .image-text-content u::before{
	display: block;
    content: "";
    width: 20px;
    background-image: url(img/highlight_arrow_white_front.svg);
    background-position: center left;
    _background-color: #1C66A6;
    background-repeat: no-repeat;
    background-size: 22px auto;
    padding-left: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -2px;
	transition: all .2s;
	line-height:normal;
}

.bb-formlos-kompetenz-einzeln:hover .image-text-content u::before{
	left: 10px;
}




.bb-formlos-kompetenz-einzeln .image-text-content{
	position: absolute;
	bottom:0;
	    padding: 20px;
    z-index: 2;
    color: white;
	font-weight:500;
    _text-transform: uppercase;
    _letter-spacing: .1rem;
}

.bb-formlos-kompetenz-einzeln .image-text-content p{
	font-size:1.25rem;
	line-height: 1.35rem;
}
/**/
.background .fl-col-content,
.background .fl-row-content-wrap{
	background:white;
}
.background.background_padding.kompetenzen .fl-col-content,
.background.background_padding.kompetenzen .fl-row-content-wrap{
	background:transparent;
}

.background.background_padding.kompetenzen .fl-row-content .fl-col:last-child{
	background:white;
}
.background_padding .fl-col-content{
	padding:40px 20px;
}

.background_historie .fl-col-group{
	background:#1C66A6;
}
.background_historie .fl-col-group .fl-col{
	color:white;
}

/* Info-Blob / Störer / CTA */
#info-blob{
    position: fixed;
    top: 20vh;
	right:-800px;
   	opacity:.75;
    z-index: 20;
    color: white;
    width: 265px;
    height: 245px;
    transition: all .2s;
    text-align: center;
	background:#9DB900;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.52);
}
#info-blob.show{
	right:0;
}
#info-blob:hover{
	opacity:1;
}

#info-blob .info-title{
    font-size: 1.875rem;
    font-weight: bold;
    padding-top: 30px;
    _width: 75%;
	text-align: left;
	line-height:1em;
    _margin: 0 auto 1rem auto;
}
#info-blob p{
	font-size:1.25rem;
	text-align: left;
}

#info-blob a{
    color: #fff;
    font-style:italic;
	text-decoration: underline;
	font-size:1.25rem;
	font-weight:100;
	display:block;
	text-align: left;
	background:url('img/highlight_arrow_white_back.svg') center left no-repeat;
	background-image: url('img/highlight_arrow_white_back.svg');
	background-position:  center left;
	_background-color:  #1C66A6;
	background-repeat: no-repeat ;	
	background-size:25px auto;
	padding-left:30px;
	
	position: relative;
}
#info-blob a::before{
	display: block;
    content: "";
    width: 20px;
    background-image: url(img/highlight_arrow_white_front.svg);
    background-position: center left;
    _background-color: #1C66A6;
    background-repeat: no-repeat;
    background-size: 25px auto;
    padding-left: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -1px;
	transition: all .2s;
}

#info-blob:hover a::before{
	left: 12px;
}
.info-blob-content{
	position: relative;
    padding: 1rem;
}

#close-info-blob{
	position: absolute;
	right: 0;
	top: 0;
	/*background: center center no-repeat url(img/info_blob_close.svg) #1C66A6;*/
	background-image: url(img/info_blob_close.svg);
	background-position:  center center;
	background-color:  #1C66A6;
	background-repeat: no-repeat ;	
	background-size: 22px 22px;
	border:0;
	font-weight: bold;
	color: rgba(0,0,0,0);
	padding: .5rem;
	width:37px;
	height: 37px;
	cursor: pointer;
	
}
#feedback_form{
	-webkit-box-shadow: inset 0px 10px 5px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: inset 0px 10px 5px 0px rgba(0,0,0,0.33);
	box-shadow: inset 0px 10px 5px 0px rgba(0,0,0,0.33);
    background: #eaeaea;
	padding: 25px 0;
}
#feedback_form .gform_wrapper{
    max-width: 850px;
    margin: 0 auto;
    padding: 20px;
}

#feedback_form .gform_confirmation_message{
	max-width: 500px;
    margin: 25px auto;
    padding: 50px 25px;
    border: 2px solid green;
	font-weight: bold;
	font-size: 1.75rem;
}
/* Globales Kontaktformular*/
body.global-contact-open{
	overflow: hidden;
}
#global-contact{
	position: fixed;
	_transition: left .3s;
	_left:-100%;
	padding-top: 50px;
	_z-index:-1;
	opacity:0;
	transition:.5s all;z-index: 29;
}
body.global-contact-open #global-contact{
	background-color: rgba(28,102,166,.85);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition:.5s all;
	_transition: left .3s;
	opacity: 1;
	overflow: hidden;
	overflow-y: auto;
	z-index:130;
}
body.global-contact-open header{
	z-index:40;
}
body.global-contact-open #global-contact .gform_wrapper{
	left: 50%;
}

button.close-global-contact{
	border:0;
	box-shadow: none;
	background:url("img/close_global_contact.svg") center center no-repeat transparent;
	background-size:cover;
	display:block;
	width: 30px;
	height:30px;
}
#global-contact .gform_wrapper .gform_footer input.button, 
#global-contact .gform_wrapper .gform_footer input[type=submit], 
#global-contact .gform_wrapper .gform_page_footer input.button, 
#global-contact .gform_wrapper .gform_page_footer input[type=submit],
#global-contact .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label,
#global-contact .gform_wrapper .gfield_required,
#global-contact .gform_wrapper ul.gfield_checkbox li label, #global-contact  .gform_wrapper ul.gfield_radio li label,
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label{
	color:white;
	font-family: forma-djr-text, sans-serif;
	text-transform: uppercase;
	letter-spacing: .125rem;
	font-size:1.25rem;
}

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label{
	color:#1C66A6;
}
.background_blue.bewerbung .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label{
	color:white;
}
.background_blue.bewerbung .gform_wrapper .top_label .gfield_consent_label a{
	color:#9DB900;
}
#global-contact .gform_wrapper ul.gfield_checkbox li label, #global-contact  .gform_wrapper ul.gfield_radio li label{
	text-transform: none;
	letter-spacing: .05rem;
	margin-left:10px;
	font-family: forma-djr-text, sans-serif;
} 
#global-contact .gform_wrapper .top_label input.large,
#global-contact .gform_wrapper textarea.medium{
	border:0;
	color:#1C66A6;
	font-size:1.25rem;
}
#global-contact .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, 
#global-contact .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], 
#global-contact .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{
	margin-top:0;
	border:0;
}
#global-contact .gform_wrapper .gform_footer input.button, 
#global-contact .gform_wrapper .gform_footer input[type=submit], 
#global-contact .gform_wrapper .gform_page_footer input.button, 
#global-contact .gform_wrapper .gform_page_footer input[type=submit]{
	background:url('img/contact_plane_icon_white.svg') center left 20px no-repeat #9DB900;
	background-size:27px auto;
	padding:5px 40px 5px 50px;
	border:0;
	font-size:1.25rem;
	margin:0 auto;
}

#global-contact .gform_wrapper .gform_footer {
	text-align: center;
}
#global-contact-trigger {
    position: fixed;
    top: 50vh;
    padding: 1rem 1rem .75rem 70px;
    background-image: url(img/contact_plane_icon_white.svg);
    background-repeat: no-repeat;
    background-size: 45px 45px;
    background-position: 10px 10px;
    background-color: #1C66A6;
    cursor: pointer;
    color: #fff;
    font-family: forma-djr-text, sans-serif;
    text-transform: uppercase;
    letter-spacing: .1rem;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 52%);
    font-weight: bold;
    width: 190px;
    right: 0;
    z-index: 2;
    line-height: normal;
    transition: right .3s;
}
#global-contact-trigger.minimize{
	right:-120px;
}
#global-contact-trigger.minimize:hover{
	right:0px;
}
#global-contact .button-wrapper,
#global-contact .gform_wrapper{
	width: 500px;
	margin: 0 auto;
}
#global-contact .button-wrapper{
	text-align: right;
}
#global-contact .button-wrapper button{
	font-size: 2rem;
    padding: .25rem .5rem;
	cursor: pointer;
	float:right;
	margin-right:20px;
}
#global-contact .button-wrapper::after{
	display:block;
	content:"";
	clear: both;
	
}
#global-contact .gform_wrapper{
	z-index: 30;
}
.gform_confirmation_wrapper {
	width:500px;
	margin:50px auto;
}
#global-contact .gform_confirmation_wrapper {
	width:100%;
	margin:50px auto;
}
#global-contact .gform_confirmation_message,
.gform_confirmation_message{
	color: white;
    font-size: 1.875rem;
    line-height: normal;
	background:transparent;
	text-align: center;
}
.gform_confirmation_message {
    background-color: #9DB900;
    padding: 20px;
}
/*404 - Error*/
body.error404 #main{
	padding:170px 20px 20px 20px ;
}
body.error404 .error404{
	background:white;
	padding: 20px;
}
body.error404 #error404-lottie-animation{
	width:100%;
	max-width: 100%;
	background: url('img/si-tec-404.jpg') center center no-repeat;
	background-size:contain;
}
body.search #main{
	padding-top: 2rem;
}
div.error404{
    max-width: 740px;
	margin: 0 auto 5rem auto;
}

#error404-lottie-animation{
	max-width: 350px;
	height:350px;
	margin: 0 auto;
}

#error404-relatedcontent{
	display: flex;
	padding-top: 1rem;
}

#error404-relatedcontent > div{
	width: 50%;
}

#error404-relatedcontent > div:first-child{
	padding-right: 1rem;
}

#error404-relatedcontent > div:last-child{
	padding-left: 1rem;
}

#error404-sitemap ul li a{
	display: inline-block;
	margin-bottom: .25rem;
	text-decoration: none;
}
#error404-sitemap ul li a:hover{
	text-decoration: underline;
}

#error404-sitemap ul.sub-menu{
	margin-bottom: 0;
}

#error404-sitemap .menu-meta-navigation-container > ul > li{
	display: inline-block;
}

#error404-sitemap .menu-meta-navigation-container > ul{
	padding-left: 0;
}

#error404-sitemap .menu-meta-navigation-container > ul > li:after{
	content: ', '
}

#error404-sitemap .menu-meta-navigation-container > ul > li:last-child:after{
	content: ''
}
/*Search*/
body.search #main{
	max-width:740px;
	margin:0 auto;
	padding:160px 40px;
}
body.fl-builder-ie-11.page-template-headerimage-page
body.search #main article{
	
	margin:0 auto 40px auto;
}
body.search #main article a{
	text-decoration:none;
}
body.search #main article a:hover h2,
body.search #main article a .readmore{
	text-decoration:underline;
}
#searchform-search-top{
	margin-bottom:80px;
}
#error404-searchform input,
body.search #main input{
	font-size:1.1875rem;
	padding:10px 5px;
	border:2px solid #1C66A6;
	font-family: forma-djr-text, sans-serif;
	border-radius:3px;
	color:#1C66A6;
}
#error404-searchform input[type=submit],
body.search #main input[type=submit]{
	background:#1C66A6;
	color:white;
}
#error404-searchform input[type=submit]:hover,
body.search #main input[type=submit]:hover{
	cursor:pointer;
}
/**/
.header_read_more a{
	font-size:1.25rem;
	 color:white;
	padding:20px 20px 80px 20px;
	background:url('img/arrow_down.svg') center bottom 20px no-repeat #1C66A6;
	background-image:url(img/arrow_down.svg);
	background-position: center bottom 20px;
	background-repeat: no-repeat;
	background-color:#1C66A6;
	text-decoration:none;
	background-size:66px auto;
	position: relative;
	letter-spacing:1px;
	font-weight:500;
}
.header_read_more a::after{
	display:block;
	content:"";
	position:absolute;
	background:url('img/arrow_down.svg') center center no-repeat;
	background-image:url(img/arrow_down.svg);
	background-position: center center;
	background-repeat: no-repeat;
	text-decoration:none;
	background-size:66px auto;
	left:50%;
	margin-left:-33px;
		width:66px;
	height:35px;
	z-index:2;
	bottom:50px;
	transition: bottom .2s;
	animation: tipping 2s infinite ease-in-out;
}
@keyframes tipping{
	0%{
		bottom:50px;
	}
	50%{
		bottom:35px;
	}
	100%{
		bottom:50px;
	}
}
.header_read_more a:hover::after{
	_bottom:35px;
}
.hero_content{
	background:rgba(255,255,255,.9);
	padding:20px;
}
.hero_content h1,
.hero_content h2,
.hero_content h3,
.hero_content h4{    
	font-size:2.5rem;
	font-weight: 500;
	line-height:normal;
	margin-bottom:20px;
}
.hero_content h1{
	
}
.hero_content p,
.hero_content ul,
.hero_content li,
.hero_content span{    
	font-size:1.75rem;
	font-weight:400;
	line-height:1.2em;
}
.startseite .hero_content p{    
	font-size:2.5rem;
	font-weight:500;
	line-height:1.2em;
}
.read_more{
	
}
.fl-builder-edit .blauer_hintergrund{
	margin-top:0vh;
}
.blauer_hintergrund{
	background:#1C66A6;
	margin-top:-80px;
	padding:20px;
}
.blauer_hintergrund p,
.blauer_hintergrund h1,
.blauer_hintergrund h2,
.blauer_hintergrund h3,
.blauer_hintergrund li,
.blauer_hintergrund a{
	color:white;
}

div.ansprechpartner{
	width:calc(50% - 40px);
	_margin-left:40px;
}
.fl-builder-edit div.ansprechpartner{
	width:calc(50% - 40px);
	margin-left:0px;
}

.ansprechpartner p,
.ansprechpartner h1,
.ansprechpartner h2,
.ansprechpartner h3,
.ansprechpartner li,
.ansprechpartner a{
	color:white;
	text-align: right;
	_font-family: forma-djr-text, sans-serif;
}
.ansprechpartner h1,
.ansprechpartner h2,
.ansprechpartner h3{
	line-height: normal;
}

.ansprechpartner .fl-col-small:first-child{
	padding:20px;
	background:#9DB900;
}

.fl-module-bb-formlos-ansprechpartner .fl-module-content{
	margin: 0;
}

.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson{
	display: flex;
}

.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson > div{
	width: 50%;
}

.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson > div img{
	display:block;
}

.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson .si-tec-ansprechperson-data{
	background:#9DB900;
	padding: 30px;
	color: #fff;
	text-align: right;
}

.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson .si-tec-ansprechperson-data a{
	color: #fff;
}

.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson .ansprechperson-name{
	margin-bottom: 0;
	font-weight: bold;
	font-size:1.625rem;
	letter-spacing: .05rem;
}

.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson .ansprechperson-position{
	margin-bottom: 3rem;
	_text-transform: uppercase;
	_letter-spacing: .1rem;
}

.case_study .read-more a,
.referenz .read-more a,
.formlos_btn{
	font-size:1.875rem;
	background:#1C66A6;
	color:white;
	border:3px solid #1C66A6;
	font-weight:500;
	transition: all .3s;
	
}
.case_study .read-more a:hover,
.referenz .read-more a:hover,
.formlos_btn:hover{
	font-size:1.875rem;
	background:white;
	color:#1C66A6;
	border:3px solid #1C66A6;
	font-weight:500;
	
}

.highlight_hellblau{
	
}

.kundenfeedback_container h1,
.kundenfeedback_container h2,
.kundenfeedback_container h3,
.kundenfeedback_container p,
.referenz_container h1,
.referenz_container h2,
.referenz_container h3,
.referenz_container p,
.expertise_container h1,
.expertise_container h3,
.expertise_container p,
.expertise_container h2{
	color:white;
}
.expertise_container{
		background:url('img/bg_pattern_white_right_fixed.svg') center right -300px no-repeat #7CAFD9;

	background-size:910px auto;
	background-attachment: fixed;
	_background:#7CAFD9;
}
.expertise_container.bg_links{
		_background:url('img/bg_pattern_white_left_fixed.svg') center left -300px no-repeat #7CAFD9;
	_background-size:910px auto;
	_background-attachment: fixed;
	background:#7CAFD9;
}
.referenz_container{
	background:#1C66A6;
}
.kundenfeedback_container{
	background:#7CAFD9;
}
.background_blue .slide_control,
.background_blue .fl-content-slider-navigation .fl-content-slider-svg-container{
	width:90px !important;
	height:90px !important;
	background:url('img/menu_arrow_blue.svg') center center no-repeat white;
	background-image:url(img/menu_arrow_blue.svg);
	background-position:center center;
	background-repeat: no-repeat;
	background-color:white;
	background-size:30px auto;
}
.slide_control,
.fl-content-slider-navigation .fl-content-slider-svg-container{
	width:90px !important;
	height:90px !important;
	background:url('img/menu_arrow_white.svg') center center no-repeat #1C66A6;
	background-image:url(img/menu_arrow_white.svg);
	background-position:center center;
	background-repeat: no-repeat;
	background-color:#1C66A6;
	background-size:30px auto;
}
.fl-content-slider-navigation .fl-content-slider-svg-container svg{
	display:none !important;
}
.fl-content-slider-navigation .fl-content-slider-svg-container{
	background:url('img/arrow_blue_slider.svg') center center no-repeat white;
	background-size:30px auto;
}
.fl-content-slider-navigation .slider-prev .fl-content-slider-svg-container,
.slide_prev{
	transform: rotate(180deg);
}
.slide_next{
	
}
.slick-list{
	max-width:calc(100% - 200px);
}

.slick-slide .fl-module-content{
	margin:5px !important;
}

.kompetenz_container.kompetenz_slider .fl-col-content{
	display: flex;
	align-items: center;
}

p.testimonial_author{
	text-transform:uppercase;
	text-align: right;
	display:block;
	font-family:forma-djr-text, sans-serif;
	letter-spacing:.1rem;
	font-size:1.25rem;
}

.mejs-container {
    background: transparent !important;
}
/* für Desktop ausblenden */
.hamburger {
	display:none;
}

/* Template - ? */

.comingsoon header,
.comingsoon footer,
.comingsoon #info-blob,
.comingsoon #global-contact-trigger,
.comingsoon #cookie_notice_container{
	display: none !important;
}
/*Cookie Notice*/

/*IE Meldung*/
#ie_popup{
	position:fixed;
	left:0;
	top:50%;
	background:#ccc;
	padding:10px;
	font-size:1.25rem;
	max-width:100%;
	width:350px;
	border:2px solid white;
	transition: left .2s;
}
#ie_popup.hide{
	left:-100%;
}
#ie_popup p{
	margin-bottom:0;
}
#close_ie_popup{
	text-decoration:underline;
	display: block;
	text-align: right;
	margin-bottom:10px;
}
#close_ie_popup:hover{
	cursor:pointer;
}

.fl-builder-touch .kundenfeedback_container  .fl-content-slider{
	position:relative;
}
.fl-builder-touch .kundenfeedback_container  .fl-content-slider::before{
	position:absolute;
	z-index:1;
	content:"";
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}

/* Media Queries */

@media (max-width: 1680px)
{
	.header_inner{
		padding:30px 20px;
	}
	#kompetenz_slick_slider{
		_width:1050px;
	}
	

}

@media (max-width: 1440px){
	#kompetenz_slick_slider{
		_width:950px;
	}
	.slide_control{
		width:75px !important;
		height:75px !important;
	}
}
@media (max-width: 1280px)
{
	#kompetenz_slick_slider{
		_width:850px;
	}
	.single-case_study #main {
		background:white;
	}
	.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson .si-tec-ansprechperson-data {
		width: 66%;
	}

	.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson > div {
		width: 33%;
	}
}

@media (max-width: 1240px)
{
	#header_nav_container{
		padding-left:30px;
	}
	#logo_container {
		_width: 270px;
		max-width: none;
	}
	nav#main-nav ul li a {
		font-size: 1.25rem;
	}
}
@media (max-width: 1140px)
{

	.header_inner{
		padding:10px 20px;
	}
	.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson{
		display:block;
	}
	.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson > div{
		width:100%;
	}
	.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson .si-tec-ansprechperson-image{
		max-width:100%;
		width:350px;
	}
		.kompetenzen .fl-col-group{
		flex-direction: column-reverse;
		display:flex;
	}
	.kompetenzen .fl-col{
		display:block;
		width:100%;
	}
	.background_padding.kompetenzen .fl-col-content {
		_padding:20px;
	}
	.break_team .fl-col-group{
		display: flex;
		flex-direction: column-reverse;
	}
	.break_team .fl-col-group .fl-col{
		width:100%;
	}
	.break_team .fl-col-group .fl-col.break_team .fl-col-group{
		display: flex;
		_flex-wrap: wrap;
		flex-direction:unset;
	}
	.break_team .fl-col-group .fl-col.break_team .fl-col-group .fl-col{
		_width:50%;
	}
	.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson .si-tec-ansprechperson-data,
	.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson > div {
		width: 100%;
	}
}

@media (max-width: 1080px)
{
	nav#main-nav ul li a {
		font-size: 1.125rem;
	}
	
	.fl-module-bb-formlos-ansprechpartner .si-tec-ansprechperson .si-tec-ansprechperson-image{
		max-width:100%;
		width:100%;
	}
	.break_kompetenzen_1050 .fl-col-group .fl-col{
		width:100%;
	}
	.break_kompetenzen_1050 .fl-col-group .fl-col .fl-col-content{
		display: flex;
		flex-wrap: wrap;
	}
	.break_kompetenzen_1050 .fl-col-group .fl-col .fl-col-content .fl-module{
		width:50%;
	}
	footer{
		_margin-top: 4rem;
		background-color: #1C66A6;
		background-image: url(img/bg_pattern_white_right.svg);
		background-position: bottom right;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-size: 400px auto;
	}
	
	#footercontent .menu-fusszeile-container, #footercontent .menu-fusszeile-englisch-container{
		background-color: #9DB900;
	}
	div.ansprechpartner{
		_width:50% ;
		margin-left:0px;
	}
	
}
@media (max-width: 1024px)
{
}

@media (max-width: 980px)
{
	.referenzen-casestudies-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.referenzen-casestudies-wrapper.postcount-3 article {
		width: calc(50% - 10px);
		margin-bottom:20px;
	}
	
}

@media (max-width: 960px)
{
}

@media (max-width: 940px)
{
}

@media (max-width: 840px)
{
	#footercontent .menu-hauptnavigation-container ul, #footercontent .menu-hauptnavigation-englisch-container ul {
		display: flex;
		flex-wrap: wrap;
		_justify-content: space-around;
	}
	#footercontent .menu-hauptnavigation-container > ul > li, #footercontent .menu-hauptnavigation-englisch-container > ul > li {
		font-weight: bold;
		padding-right: 1rem;
		width: auto;
		flex-basis: 50%;
	}

	h2, .h1-m h1, .h3-m h3, .h4-m h4,
	.startseite .hero_content p,
	h1, .h2-l h2, .h3-l h3, .h4-l h4{
		font-size: 1.875rem;
	}
}
@media (max-width: 768px)
{
	body.single-referenz{
		background:white;
	}
	body.single-referenz #single_content {
		margin: 0;
		background: white;
		padding: 0 20px;
	}
		.referenz-content {
		display: flex;
		flex-wrap: wrap;
	}
	#single-image .slide_control.slide_next {
    right: 0;
}

	.referenz-parameters{
		padding-top:30px;
	}
.referenz-parameters,
	.referenz-content #single-image {
		width: 100%;
		max-width: 100%;
		padding-right: 0;
	}
	.header_inner {
    padding: 40px 20px;
}
	nav#meta-nav-wrapper ul, nav#main-nav ul{
		justify-content: flex-start
	}
	.mobile_nav_container{
		display:block;
	}
	#logo_container {
    width: 310px;
	}
	.header_read_more .fl-module-content{
		margin:0;
	}
	header #main-nav{
		display:none;
	}
	
	/*
   * Burger Menu
   */

	.hamburger {
		padding: 10px 20px 15px 20px;
		display: inline-block;
		cursor: pointer;
		transition-property: opacity, filter;
		transition-duration: 0.15s;
		transition-timing-function: linear;
		font: inherit;
		color: white;
		text-transform: none;
		background-color: #1C66A6;
		border: 0;
		margin: 0;
		overflow: visible;
		position: fixed;
		top: 20px;
		right: 20px;
		z-index: 125;
	}

	.hamburger:hover {
		_opacity: 0.7;
	}

	.hamburger.is-active:hover {
		_opacity: 0.7;
	}

	.hamburger.is-active .hamburger-inner,
	.hamburger.is-active .hamburger-inner::before,
	.hamburger.is-active .hamburger-inner::after {
		background-color: white;
	}

	.hamburger-box {
		width: 50px;
		height: 56px;
		display: inline-block;
		position: relative;
		font-weight: 500;
		letter-spacing: 1px;
	}

	.hamburger-inner {
		display: block;
		top: 50%;
		margin-top: 24px;
	}

	.hamburger-inner,
	.hamburger-inner::before,
	.hamburger-inner::after {
		width: 50px;
		height: 3px;
		background-color: white;
		_border-radius: 4px;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease;
	}

	.hamburger-inner::before,
	.hamburger-inner::after {
		content: "";
		display: block;
	}

	.hamburger-inner::before {
		top: -10px;
	}

	.hamburger-inner::after {
		bottom: -10px;
	}

	.hamburger--slider .hamburger-inner {
		top: 6px;
	}

	.hamburger--slider .hamburger-inner::before {
		top: 10px;
		transition-property: transform, opacity;
		transition-timing-function: ease;
		transition-duration: 0.15s;
	}

	.hamburger--slider .hamburger-inner::after {
		top: 20px;
	}

	.hamburger--slider.is-active .hamburger-inner {
		transform: translate3d(0, 10px, 0) rotate(45deg);
	}

	.hamburger--slider.is-active .hamburger-inner::before {
		transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
		opacity: 0;
	}

	.hamburger--slider.is-active .hamburger-inner::after {
		transform: translate3d(0, -20px, 0) rotate(-90deg);
	}
	
    body.mobile_nav_open{
        overflow:hidden;
    }
    #wrapper.mobile_nav_open{
        
    }
    footer.mobile_nav_open{

    }
    .mobile_nav_container{
        display:block;
    }
    .mobile_nav_container.mobile_nav_open{
        margin-top:0;
        overflow-y: scroll;
        overflow-x:hidden;
        -webkit-overflow-scrolling: touch;
    }
    .mobile_nav_container.left.mobile_nav_open{
        margin-left:0;
        overflow-y: scroll;
        overflow-x:hidden;
        -webkit-overflow-scrolling: touch;
    }
    .mobile_nav_container{
        background: #1C66A6;
        position:fixed;
        top:130px;
        width:100%;
        margin-top:-200%;
        transition:margin .5s;
        height:100%;
        left:0;
        overflow:auto;
        padding:50px 20px 20px 20px;
        z-index:100;
    }
	.mobile_nav_container.left{
		margin-top:0;
		margin-left:-200%;
	}
    .mobile_nav_container div > ul{
		padding-left: 0;
	}
    .mobile_nav_container ul li{
        text-align: left;
		display:block;
		margin-bottom: .75rem;
		font-size: 1.5rem;
	}
    .mobile_nav_container ul li a{ 
		text-decoration: none;
		color:white;
	}
	.mobile_nav_container ul li.current-menu-item > a{ 
		text-decoration: underline;
	}
	.mobile_nav_container ul li.current-menu-parent{ 
		_background-color: #ECECEC;
	}
    .mobile_nav_container ul li .sub-menu{
		margin-top: .5rem;
		
	}
	nav#main-nav > div {
		padding-left:0;
	}
	nav#main-nav ul{
		display:block;
	}
	nav#main-nav ul li{
		text-align: left;
	}
	nav#main-nav{
		float:none;
		margin-left:0;
		padding-top:0;
	}
	nav#main-nav ul li:first-child a,
	nav#main-nav ul li:last-child a,
	nav#main-nav ul li a{
		padding:20px;
	}
    .mobile_nav_container nav ul li a{
        color:black;
        border-bottom:0;
        font-size:1.25em;
        font-weight:500;
        letter-spacing:2px;
    }
    
    .mobile_nav_container nav ul li.current-menu-item a span, 
    .mobile_nav_container nav ul li.current_page_parent a span, 
    .mobile_nav_container nav ul li:hover a span{
        border-bottom:0;
        font-weight:500;
    }
    
    .mobile_nav_container nav ul li ul.sub-menu{
        display:block;
        position:relative;
        left:0;
        margin-left:0;
        background:rgba(0,0,0,0);
        width:100%;
        padding:40px 0 0 40px;
    }
    .mobile_nav_container nav ul li ul.sub-menu li{
        float:none;
        width:90%;
    }
    .mobile_nav_container nav ul li ul.sub-menu li a,
    .mobile_nav_container nav ul li ul.sub-menu li a:before{
        background:none !important;
        color:white;
        padding:0;
    }
    
    .mobile_nav_container nav ul li ul.sub-menu li:hover a{
        text-decoration:none;
    }
    .mobile_nav_container nav ul li ul.sub-menu li:hover a .textarea{
        bottom:0;
    }
    .mobile_nav_container nav ul li ul.sub-menu li a .textarea h2 {
        border-bottom:0;
        font-weight:700;
        text-transform:none;
        margin-bottom:.2em;
        padding-bottom:0;
    }
    
    .mobile_nav_container nav ul li ul.sub-menu li a{
        width:100%;
        height:auto;
    }
    .mobile_nav_container nav ul li ul.sub-menu li a .textarea{
       
    }
	#kompetenz_slick_slider {
		display: flex;
		width: 100%;
		max-width: 100%;
		flex-direction: row;
	}
	.slick-list{
		max-width:100%;
	}
	.mobile_nav_container.left.mobile_nav_open{
		overflow:hidden;
		overflow-y:auto;
		padding-bottom:100px;
	}
	
	.mobile_nav_container div > ul{
		padding-bottom:50px;
	}
	.kopfzeile_hintergrundbild .fl-row-content-wrap {
		padding-top: 25vh !important;
	}
	.mobile_nav_container .menu-meta-navigation-container ul.menu li,
	.mobile_nav_container .menu-meta-navigation-englisch-container ul.menu li{
		padding-right: 1rem;
	}
	.mobile_nav_container .menu-meta-navigation-englisch-container ul.menu li a,
	.mobile_nav_container .menu-meta-navigation-container ul.menu li a{
		text-decoration: none;
		padding: .25rem;
		font-size: 1rem;
		font-family: forma-djr-text, sans-serif;
		letter-spacing: .1rem;
		color: #9DB900;
		font-weight: 700;
		text-transform: uppercase;
	}
	.mobile_nav_container .menu-meta-navigation-englisch-container ul.menu,
	.mobile_nav_container .menu-meta-navigation-container ul.menu{
		padding-bottom:20px;
		display:flex;
	}
	.fl-builder-content .fl-slide-content{
		background:transparent !important;
	}
	.fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text *{
		font-size:1.25rem !important;
	}
	.background_blue .slide_control, .background_blue .fl-content-slider-navigation .fl-content-slider-svg-container,
	.slide_control, .fl-content-slider-navigation .fl-content-slider-svg-container{
		position:absolute;
		z-index:1;
	}
	.slide_next {
    right: 0;
		top:0;
}
	
}


@media (max-width: 767px)
{
	
	.header_read_more a {
		margin: 0 auto;
		display: table;
	}
	.referenzen-casestudies-wrapper.postcount-3 article {
		width: 100%;
		margin-bottom:20px;
	}
	#global-contact {
		position: fixed;
		_transition: left .3s;
		_left: -100%;
		padding: 30px 20px 20px 20px;
		_z-index: -1;
		opacity: 0;
		transition: .5s all;
		z-index: 29;
	}
	#footercontent .menu-hauptnavigation-container > ul > li, #footercontent .menu-hauptnavigation-englisch-container > ul > li {
		font-weight: bold;
		padding-right: 1rem;
		width: auto;
		flex-basis: 100%;
	}
	
	.mobile_nav_container {
		top: 110px;
	}
	.fl-module-icon {
		text-align: left !important;
	}
.break_team .fl-col-group{
		display: block;
		flex-direction: unset;
	}
	.break_team .fl-col-group .fl-col{
		width:100%;
	}
	.break_team .fl-col-group .fl-col.break_team .fl-col-group{
		display: block;
		_flex-wrap: wrap;
		flex-direction:unset;
	}
	.break_team .fl-col-group .fl-col.break_team .fl-col-group .fl-col{
		_width:50%;
	}
	#global-contact .button-wrapper, #global-contact .gform_wrapper {
		width: 100%;
		margin: 0 auto;
	}
	.einleitungstext .fl-col-group .fl-col {
		width: 100% !important;
	}
	.einleitungstext .fl-col-group .fl-col:first-child, .einleitungstext .fl-col-group .fl-col:last-child {
		margin-left: 0px;
		margin-right: 0px;
	}
	#kompetenz_slick_slider{
		display: block;
		width:100%;
	}
	.bb-formlos-kompetenz-einzeln{
		width:50%;
		_margin:0 20px;
		_padding:20px;
		display: inline-block;
	}
	.fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-content {
		margin: 0 !important;
		padding: 0px !important;
	}
	#kompetenz_slick_slider .slick-slide, #kompetenz_slick_slider .slick-list {
   _width: 470px !important;
    _height: 470px !important;
    _max-width: 100% !important;
		
}
	#kompetenz_slick_slider .slick-list {
		margin:0 auto;
	}
	#kompetenz_slick_slider .slide_control {
    margin-top: 180px;
}
	.jobs-wrapper article{
		width:100%;
		margin-bottom:40px;
		background:#1C66A6;
		padding:20px;
		color:white;

	}
	.jobs-wrapper article:first-child{
		margin-top:40px;

	}
	
	.fl_bp .fl-row-content-wrap .fl-col-group{
		display:block;
	}
	#footercontent #footer_meta_logo img{
		display: block;
		width:150px;
		height:auto;
		margin-top:40px;
		margin-bottom:40px;
	}
	#footercontent #footer_meta_nav,
	#footercontent #footer_meta_logo{
		display: table;
		margin:0 auto;
	}
	#footercontent #footer_meta_nav_logo{
		display:block;
	}
}

@media (max-width: 480px)
{
	#meta-nav-wrapper{
		display:none;
	}
.kompetenzen .fl-col {
    display: block;
    width: 100% !important;
}
	/*#kompetenz_slick_slider {
		display: block;
		width: 100vw;
		height:70vw;
		max-width: 100%;
		flex-direction: row;
		position: relative;
		padding-left:50px;
	}*/
	#kompetenz_slick_slider {
		display: block;
		width: 100%;
		height:auto;
		max-width: 100%;
		flex-direction: row;
		position: relative;
		padding-left:0px;
	}
	.bb-formlos-kompetenz-einzeln{
		width:100%;
		_margin:0 20px;
		padding:20px;
	}
	.slide_control {
		width:50px !important;
		height: 50px !important;
	}
	
	#kompetenz_slick_slider .slick-slide,
	#kompetenz_slick_slider .slick-list {
		width: 270px !important;
		height:270px !important;
		max-width:100% !important;
		
	}
	
	#single-image .slide_control {
		top: calc(50% - 25px);
	}
	.single-referenz #main {
		padding: 140px 0 60px 0;
	}
	footer {
		_margin-top: 4rem;
		border-top: 5px solid white;
		background: #1C66A6;
	}
	#footercontent .menu-fusszeile-container, #footercontent .menu-fusszeile-englisch-container{
		background:#9DB900;
	}
	.kompetenz_slider .fl-module-content{
		padding:0 !important;
		margin:0 !important;
	}
	#kompetenz_slick_slider .slide_control{
		position:absolute;
	}
	#kompetenz_slick_slider .slide_control.slide_prev{
		left:0;
		bottom:45%;
		z-index:1;
	}
	#kompetenz_slick_slider .slide_control.slide_next{
		right:0;
		bottom:45%;
		z-index:1;
	}
.hero_content h1,
.hero_content h2,
.hero_content h3,
.hero_content h4{    
	font-size:1.875rem;
}
.hero_content p,
.hero_content ul,
.hero_content li,
.hero_content span{    
	font-size:1.25rem;
	font-weight:400;
	line-height:1.2em;
}
	.break_kompetenzen_1050 .fl-col-group .fl-col .fl-col-content .fl-module{
		width:100%;
	}
	#kompetenz_slick_slider .slide_control {
		margin-top: 100px;
	}
	body.search #main {
		padding: 160px 20px;
	}
	
}
@media (max-height: 1024px)
{
	#global-contact-trigger {
   		top: 60vh;
	}
}