@charset "UTF-8";

*:focus{ outline: none;}

html,body{font-family: 'Merriweather', sans-serif;}
body{ background-color: #FFFFFF; position: relative; }

/*
 * Helper-Classes
 */
.transition{
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}


.screen-reader-text{
    display: none !important;
}

.alignleft { float: left; margin-right: 1rem; max-width: 50%; }
.alignright { float: right; margin-left: 1rem; max-width: 50%; }

/*
 * Typography
 */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color: #004985; font-family: 'Merriweather', sans-serif;font-weight: 300;font-style: normal;text-rendering: optimizeLegibility;margin-top: 0;margin-bottom: 0.5rem;line-height: 1.4; word-wrap: break-word;}
p,span,a,li,strong,em,i,b { color:#50555a;  font-family: 'Merriweather', sans-serif;font-weight: 300;text-rendering: optimizeLegibility;margin-top: 0;line-height: 1.5; word-break: break-word;}
p + ul { margin-top: -1rem; }

p a, .content ul li a { color: #004985; text-decoration: underline; }
p a:focus, p a:hover{ color: #004985; }

h1.small,h2.small,h3.small,h4.small,h5.small,h6.small,.hju1.small,.h2.small,.h3.small,.h4.small,.h5.small,.h6.small{color: #cacaca; line-height: 0; }
h1,.h1 {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 1.5rem;
    display: block;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 1rem;
}
h2,.h2 {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 1.3rem;
    display: block;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 1rem;
}
h3,.h3 {
    font-family: 'Merriweather', sans-serif;
    font-size: 1.3rem;
    display: block;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 1rem;
}
h4,.h4 {
        font-family: 'Merriweather', sans-serif;
    font-size: 1.2rem;
    display: block;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 1rem;
}
h5,.h5 {
        font-family: 'Merriweather Sans', sans-serif;
    font-size: 1rem;
    display: block;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}
h6,.h6 {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 1rem;
    display: block;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}
.blog-post h3 {
    font-size: 1rem;
}
.blog-post h4 {
    font-size: 0.8rem; font-style: normal;
}

b,b p,strong,strong p{font-weight: 400;}
i,i p,em, em p{font-style: italic;}
table { font-weight: 300; }
table strong { color: #004985; font-weight: 400; }

p.image_description{padding: 0.5rem 1rem;}

dl, ol, p, ul {margin-bottom: 1.5rem;}

ol, ul {margin-left: 1.25rem;}
ul > li{margin-bottom: 0.5rem;}
ul > li:last-child{margin-bottom: 0rem;}
.menu li{margin-bottom: 0;}
hr{border-bottom: 1px solid #003366; margin:0.75rem 0;}

sup { font-size: 50%; top: -0.75em; }

table { color: #50555a !important; font-size: 0.8em !important; }
table tr {  vertical-align: top !important; }
table th { text-align: left; }


.text-highlight{font-size: 1.2em;}
.text-highlight *{font-style: italic;}

/*
 * Default Elements & Coloring
 */
.collapsed-content{padding:.9375rem;}


.blue-light{background-color:#0063a4; color:#FFFFFF;}
.blue-medium{background-color:#004985; color:#FFFFFF;}
.blue-dark{background-color:#003366; color:#FFFFFF;}
.silver{background-color:#d4d6d9; color:#000000;}
.silver-dark{background-color:#a8adb3; color:#FFFFFF;}
.cross-grey{background-color:#50555a; color:#FFFFFF;}
.cross-red{background-color:#be051e; color:#FFFFFF;}

.read-more, .more-link { color: #004985; font-size: 1rem; }
.read-more:after, .more-link:after {content: '»';font-style: normal;}

.button{font-style: italic; margin: 0;}
.button:after{content: '»';font-style: normal;}
.button-transparent,
.button-transparent:visited{background: transparent;border: 1px solid #003366;color: #003366;}
.button-transparent:hover,
.button-transparent:focus{background: #003366;border: 1px solid #003366;color: #FFFFFF;}

.blue-light .button-transparent, .blue-light .button-transparent:visited,
.blue-medium .button-transparent, .blue-medium .button-transparent:visited,
.blue-dark .button-transparent, .blue-dark .button-transparent:visited,
.silver-dark .button-transparent, .silver-dark .button-transparent:visited,
.cross-grey .button-transparent, .cross-grey .button-transparent:visited,
.cross-red .button-transparent, .cross-red .button-transparent:visited{background: transparent;border: 1px solid #FFFFFF;color: #FFFFFF;}

.blue-light .button-transparent:hover, .blue-light .button-transparent:focus,
.blue-medium .button-transparent:hover, .blue-medium .button-transparent:focus,
.blue-dark .button-transparent:hover, .blue-dark .button-transparent:focus,
.silver-dark .button-transparent:hover, .silver-dark .button-transparent:focus,
.cross-grey .button-transparent:hover, .cross-grey .button-transparent:focus,
.cross-red .button-transparent:hover, .cross-red .button-transparent:focus{background: #FFFFFF;border: 1px solid #FFFFFF;color: #003366;}

.blue-light h1,.blue-medium h1,.blue-dark h1,.silver-dark h1,.cross-grey h1,.cross-red h1,
.blue-light h2,.blue-medium h2,.blue-dark h2,.silver-dark h2,.cross-grey h2,.cross-red h2,
.blue-light h3,.blue-medium h3,.blue-dark h3,.silver-dark h3,.cross-grey h3,.cross-red h3,
.blue-light h4,.blue-medium h4,.blue-dark h4,.silver-dark h4,.cross-grey h4,.cross-red h4,
.blue-light h5,.blue-medium h5,.blue-dark h5,.silver-dark h5,.cross-grey h5,.cross-red h5,
.blue-light h6,.blue-medium h6,.blue-dark h6,.silver-dark h6,.cross-grey h6,.cross-red h6,
.blue-light .h1,.blue-medium .h1,.blue-dark .h1,.silver-dark .h1,.cross-grey .h1,.cross-red .h1,
.blue-light .h2,.blue-medium .h2,.blue-dark .h2,.silver-dark .h2,.cross-grey .h2,.cross-red .h2,
.blue-light .h3,.blue-medium .h3,.blue-dark .h3,.silver-dark .h3,.cross-grey .h3,.cross-red .h3,
.blue-light .h4,.blue-medium .h4,.blue-dark .h4,.silver-dark .h4,.cross-grey .h4,.cross-red .h4,
.blue-light .h5,.blue-medium .h5,.blue-dark .h5,.silver-dark .h5,.cross-grey .h5,.cross-red .h5,
.blue-light .h6,.blue-medium .h6,.blue-dark .h6,.silver-dark .h6,.cross-grey .h6,.cross-red .h6,
.blue-light p,.blue-medium p,.blue-dark p,.silver-dark p,.cross-grey p,.cross-red p,
.blue-light span,.blue-medium span,.blue-dark span,.silver-dark span,.cross-grey span,.cross-red span,
.blue-light a,.blue-medium a,.blue-dark a,.silver-dark a,.cross-grey a,.cross-red a,
.blue-light li,.blue-medium li,.blue-dark li,.silver-dark li,.cross-grey li,.cross-red li,
.blue-light strong,.blue-medium strong,.blue-dark strong,.silver-dark strong,.cross-grey strong,.cross-red strong,
.blue-light em,.blue-medium em,.blue-dark em,.silver-dark em,.cross-grey em,.cross-red em,
.blue-light i,.blue-medium i,.blue-dark i,.silver-dark i,.cross-grey i,.cross-red i,
.blue-light b,.blue-medium b,.blue-dark b,.silver-dark b,.cross-grey b,.cross-red b{ color: #FFFFFF; }

.wrapper .blue-light .image-background .image-wrapper:after{background-color:rgba(0, 99, 164, 0.85);}
.wrapper .blue-medium .image-background .image-wrapper:after{background-color:rgba(0, 73, 133, 0.85);}
.wrapper .blue-dark .image-background .image-wrapper:after{background-color:rgba(0, 51, 102, 0.85);}
.wrapper .silver .image-background .image-wrapper:after{background-color:rgba(212, 214, 217, 0.85);}
.wrapper .silver-dark .image-background .image-wrapper:after{background-color:rgba(168, 173, 179, 0.85);}
.wrapper .cross-grey .image-background .image-wrapper:after{background-color:rgba(80, 85, 90, 0.85);}
.wrapper .cross-red .image-background .image-wrapper:after{background-color:rgba(190, 5, 30, 0.85);}


/*
 * Container
 */
iframe{width: 100%; height: auto; min-height:360px; margin: 1rem 0;}
.row,section{position:relative;}
.wrapper{min-width: 320px; border-left: 1px solid #50555a; border-right: 1px solid #50555a; position: relative; min-height: 100%; height: auto; max-width: 1280px; margin: 0 auto; background-color: #FFFFFF;}
.image-wrapper{display: block; width: 100%; height: auto; }
.image-wrapper img{display: block; min-width: 100%; height: auto;}
.image-wrapper .image-text-wrapper{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; padding: 0;opacity: 0; visibility: hidden;}
.image-wrapper:hover .image-text-wrapper{opacity: 1; visibility: visible;}
.image-wrapper .image-text-wrapper .image-text{position: absolute;top: 50%; left: 0; right: 0; margin: auto; width: 70%;
font-style: italic;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);  transform: translateY(-50%); }

.date-wrapper{padding: 10px; text-align: center; vertical-align: middle; border:1px solid #004985; color: #004985; font-family: 'Merriweather Sans', sans-serif; text-transform: uppercase;}
.content{padding: 30px 0;}
.section-title{border-bottom: 2px solid #004985; margin-bottom: 30px; padding-bottom: 0;}

.full-size-image{overflow:hidden;width:100%; height:100%; position:relative; margin:0; padding:0;}
.full-size-image img{position:absolute;top:-900px; bottom:-900px; left:-900px; right:-900px; margin:auto;min-width:100%; min-height:100%; max-width:150%; max-height:150%; width:auto; height:auto;}

.image-background{position:absolute; z-index:0;left:0; right:0; top:0; bottom:0;}
.image-background .image-wrapper{overflow:hidden;position:relative; z-index:0;left:0; right:0; top:0; bottom:0;width:100%; height:100%;}
.image-background .image-wrapper:after{content:'';position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.85);}
.image-background .image-wrapper img{position:absolute; z-index:0;left:-900px; right:-900px; top:-900px; bottom:-900px;min-width:100%; min-height:100%; max-width:none; max-height:none;margin:auto;}


.table-scroll {  width: 100%; overflow-x: scroll; }



/*
 * Header
 */
#header{margin-bottom: 0px; min-height: 80px; position: relative;}
.gallery .gallery-item{ margin-top: 0 !important; margin-bottom: 0!important; padding: 0.5rem !important;}
.gallery .gallery-icon{ margin-bottom: 0 !important;}
.gallery img{border: none !important;}
/*
 * Breadcrumbs
 */
#breadcrumbs{ }
#breadcrumbs span{color:#d4d6d9; }
#breadcrumbs a,#breadcrumbs a:visited, #breadcrumbs span.current{color: #FFFFFF; font-size: 0.875rem; line-height: 2.5; font-weight: 300; font-style: italic;  font-family: 'Merriweather', sans-serif; }
#breadcrumbs a:focus,#breadcrumbs a:hover{ }

/*
 * Overview-Navigation
 */
#overview-nav{text-align: center; overflow: hidden;}
#overview-nav .overview-item{margin: 0 -15px; padding: 10px; height:166px;}
#overview-nav .overview-item a { display: block; height:166px; }
#overview-nav .overview-item .h5{font-size: 0.6rem; color: #004985; padding: 0 30px; text-align: center;}
#overview-nav .overview-item .overview-icon{border-bottom: 1px solid #004985; margin: 0 30px 10px; text-align: center;}
#overview-nav .overview-item .overview-icon img{ width: 50%; min-width: 5rem; }
#overview-nav .overview-item .overview-icon img.svg{ margin: 1rem auto; min-width: 3rem; max-width: 4.5rem; height: 4rem; }

/*
 * Partner-Liste
 */
#partner a{display: inline-block; vertical-align: top; padding: .25rem; }
#partner img{width: auto; max-height: 3rem;}

/*
 * Loesungen
 */
#loesungen{padding:30px 0;}
#loesungen .project-filter{margin: -8px -5px 15px; text-align: center;}
#loesungen .project-filter .button{
    display: inline-block; text-align: center;
    max-width: 140px; margin: 8px 0; font-size: 0.7em; line-height: 1.5em;
    text-transform: uppercase;font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;border: 1px solid #FFFFFF; height: 50px; padding: 0 8px;
    position: relative;
}
#loesungen .project-filter .button:focus{
    color: #003366; background-color: #FFFFFF;
}
#loesungen .project-filter .button.is-checked{border: 1px solid #003366;}
#loesungen .project-filter .button:after{
    content:'\00D7'; position: absolute; right: 0; top: 0; display: block; 
    line-height: 1; font-size: 1rem; display: inline-block; color: #003366;
    -webkit-transform: translateY(-50%) translateX(50%);
    -moz-transform: translateY(-50%) translateX(50%);
    -ms-transform: translateY(-50%) translateX(50%);
    -o-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    opacity: 0; visibility: hidden;
    text-shadow: -1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF,
                 1px 1px 0 #FFFFFF, 1px -1px 0 #FFFFFF,
                 0 -2px 0 #FFFFFF, -2px 0 0 #FFFFFF,
                 0 2px 0 #FFFFFF, 2px 0 0 #FFFFFF;
}
#loesungen .project-filter .button.is-checked:after{
    opacity: 1; visibility: visible;
}

#loesungen .project-list{position: relative;}
#loesungen .project-item{display: block; width: 100%; padding: 0 15px; height: 300px;}
#loesungen .project-item a{max-width:100%;}
#loesungen .project-item .image-wrapper{ max-width: 100%; position: relative; height: 225px; overflow: hidden;}
#loesungen .project-item .project-title{  padding: 1rem; height: 75px; }
#loesungen .project-item .project-title .h3{ font-size: 0.9rem; letter-spacing: 2px; text-transform: uppercase;font-style: normal; font-family: 'Merriweather Sans', sans-serif; }


/**************************************
 * Services
 **************************************/
#service ul.accordion {
    border: none;
    font-size: 1rem;
}
#service ul.accordion li {
    padding: 1rem 0;
}
#service .accordion-title {
    padding: 1rem 0;
    text-align: center;
    font-size: 1rem;
    color: #004985;
    border: none;
    text-transform: uppercase;
}
#service .accordion-title:focus,
#service .accordion-title:hover {
    background-color: transparent;
}
#service .more_less {
    border-bottom: 1px solid #e6e6e6;
}
#service .accordion-content {
    padding: /* 1.25rem*/ 0;
}
#service .excerpt p {
    margin: 0;
}
#service .accordion-item .excerpt {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 2rem;
}
#service .accordion-item.is-active .excerpt {
    border: none;
    padding-bottom: 0;
}

/**************************************
 * Typo-Accordion
 **************************************/
.typo_accordion{ display: block; margin: 0 auto; }
.typo_accordion .typo_accordion_item{ display: block; margin-bottom: 2rem;}
.typo_accordion .typo_accordion_toggle{
    cursor: pointer;
}
.typo_accordion .typo_accordion_title{
    display: block; text-align: center;
    color: #004985; margin-bottom: 1.25rem; padding-top: 1.25rem;
	font-family: 'Merriweather Sans', sans-serif;
    font-size: 1.3rem;
    display: block;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 1rem;
}
.typo_accordion .typo_accordion_title img{
    margin-bottom: 1rem !important;
}

.typo_accordion .typo_accordion_content{
    border-bottom: 1px solid #004985; padding-bottom: 1.25rem;
}
.typo_accordion .typo_accordion_item:last-child .typo_accordion_content{
    border-bottom: none;
}

.typo_accordion .typo_accordion_content .typo_accordion_preview > *:last-child,
.typo_accordion .typo_accordion_content .typo_accordion_detail > *:last-child{
    margin-bottom: 0;
}
.typo_accordion .typo_accordion_item.active .typo_accordion_content .typo_accordion_preview > *:last-child {
	margin-bottom: 1.5rem;
}
.typo_accordion .typo_accordion_content .typo_accordion_detail{
    max-height: 0; overflow: hidden; padding: 0;
    opacity: 0; visibility: hidden; display: block;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.typo_accordion .active .typo_accordion_content .typo_accordion_detail{
    opacity: 1; visibility: visible; max-height: 100rem;
}
.typo_accordion .read_less,
.typo_accordion .read_more{
    font-size: 0.8rem; padding-right: 1.25em;
    margin-top: 1.25rem;
}
.typo_accordion .read_less:after,
.typo_accordion .read_more:after{
    font-family: FontAwesome; content: '\f077';
    padding-left: .25em; display: inline-block;
}
.typo_accordion .read_more:after{
    content: '\f078';
}
.typo_accordion .read_less{ display: none; }
.typo_accordion .active .read_less{ display: inline-block; }
.typo_accordion .read_more{ display: inline-block; }
.typo_accordion .active .read_more{ display: none; }

/**************************************
 * Timeline
 **************************************/
.timeline_headline {
    padding: 1.5rem;
    border: 1px solid #004985;
    margin-top: 2rem;
    text-align: center;
}
.timeline_headline p {
    margin: 0;
}
.timeline_wrapper {
    border-left: 2px dotted #004985;
    padding-left: 1.675rem;
    padding-top: 2rem;
    margin: 0 2rem;
}
.timeline_image {
    max-width: 2rem;
    margin-bottom: 1rem;
}
.timeline_item { position: relative;}
.timeline_item:after {
    content: '';
    position: absolute;
    top: 0;
    left: -3.675rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #004985;
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 1.8rem;
    text-align: center;
    z-index: 200;
}
.timeline_wrapper > div > div:nth-child(1) .timeline_item:after {
    content: '1';
}
.timeline_wrapper > div > div:nth-child(2) .timeline_item:after {
    content: '2';
}
.timeline_wrapper > div > div:nth-child(3) .timeline_item:after {
    content: '3';
}
.timeline_wrapper > div > div:nth-child(4) .timeline_item:after {
    content: '4';
}
.timeline_wrapper > div > div:nth-child(5) .timeline_item:after {
    content: '5';
}
.timeline_wrapper > div > div:nth-child(6) .timeline_item:after {
    content: '6';
    line-height: 2rem;
}
.timeline_wrapper > div > div:nth-child(7) .timeline_item:after {
    content: '7';
}
.timeline_wrapper > div > div:nth-child(8) .timeline_item:after {
    content: '8';
    line-height: 2rem;
}
.timeline_item .timeline_title {
    color: #004985;
}

.management_single .image-wrapper {
    margin-bottom: 2rem;
    max-width: 340px;
    
}

/*
 * Event-List
 */
.event_list{padding: .9375rem; margin-bottom:  1.875rem;}
.event_list_title{ text-align: center; display: block;}
.event_list ul{margin: 0; padding: 0;}
.event_list li{display: block; border-bottom: 1px solid #FFFFFF;}
.event_list li:last-child{border-bottom: none;}

.event_list .event_date{display: block;}
.event_list .event_name{display: block; text-transform: uppercase; font-family: 'Merriweather Sans', sans-serif; font-size: 1rem;}
.event_list .event_location{display: block;}

.event_list .event_info{padding: .5rem 2rem 1rem .5rem; display: block; position: relative;}
.event_list .event_info:before{
    position: absolute; right: 0; bottom: 1.25rem; content: ''; width: 1.5rem; height: 1.5rem; z-index: 10;
    background-color: #FFFFFF; border-radius: 50%;
    
}
.event_list .event_info:after{
    position: absolute; right: 0.05rem; bottom: 1.25rem; content: 'i'; width: 1.5rem; height: 1.5rem; z-index: 20;
    line-height: 1.5rem; text-align: center; font-style: italic; color: #003366; font-size: 1rem; font-weight: 700;
}

/*
 * Contact-Partner
 */
.page-template-page-apply_info hr{ border-bottom: 1px solid #003366; margin: 2rem 0;}

.contact_partner .h4{margin:1rem 0 0; display: block; }
.contact-partner-box { border: 1px solid #d6d8db; padding: 2rem 2rem 1.2rem 2rem; margin-bottom: 1rem; }
.contact-partner-box a { color: #50555a; }
.contact_partner_section{padding-bottom: 30px;}
.contact_partner_section img{margin-bottom: 1rem;}

.button-list ul { list-style: none; margin: 0; padding: 0; }
.button-list ul li { padding: 0; margin: 0 0 0.5rem; }
.button-list ul li a { display: block; background-color: #a6aab1; color: #fff; line-height: 25px; 
    padding: 1rem 1.5rem; }
.button-list ul li a img { display: inline-block; margin-right: 0.5rem; }
    
/*
 * Career-Site
 */
.content-career .career-item-image{ display: block; position: relative;}
.content-career .career-item-link{ display: block; position: relative;}
.content-career .career-item-link .overlay{
    display: block; background: rgba(0,51,102,0.85); position:absolute;
    top:0; left:0; right:0; bottom: 0; opacity: 0; visibility: hidden;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}
.content-career .career-item-link:hover .overlay{ opacity: 1; visibility: visible ;}
.content-career .career-item-link .overlay i{
    color: #FFFFFF; display: block; top: 50%; left: 0; text-align: center; position: absolute; width: 100%;
    font-size: 3rem;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
.content-career .career-item-link .overlay img{
    display: block; top: 50%; position: absolute; width: 100px; height: 100px; margin: 0 auto; left: 0; right: 0;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}

.content-career .career-page-title{
    font-size: 0.9rem;letter-spacing: 1px;text-transform: uppercase;
    font-style: normal;font-family: 'Merriweather Sans', sans-serif;text-align: center;padding: 0.5rem 2rem;
}
/*.content-career .career-page-title:after{ content: '»';font-style: normal;}*/

.content-career  h3{ font-size: 1.3rem;}
.content-career  h4{
    font-size: 0.9rem;letter-spacing: 1px;text-transform: uppercase;
    font-style: normal;font-family: 'Merriweather Sans', sans-serif;text-align: center;padding: 0.5rem 4rem;
}
.content-career  hr{margin-bottom: 2rem;}

.content-career-apply .career-apply-logo{
    background: #004985; color: #FFFFFF;
    border-radius: 50%; font-size: 1.7rem; display: block; line-height: 3rem;
    width: 3rem; margin: 1rem auto; position: relative; z-index: 10;
}

.content-career-apply .career-apply-logo i{color: #FFFFFF;}
.text-grey .career-apply-logo{background-color: #50555a;}
.text-grey h4{color: #50555a;}


.content-career .career-apply-line {
    position: relative; top: 2.5rem; z-index: 0;
}
.content-career .career-apply-line hr{margin: 0;}

.content-career .read-more,
.content-career .read-more:visited{
    color: #be051e; font-size: 0.8rem; font-style: italic;
    margin-bottom: 1.5rem; display: block;
}

.content-career .read-more:hover,
.content-career .read-more:focus{
    color: #D81F38; 
}

.content-career a{ font-weight: 600;}

/*
 * Aktuelle Jobs
 */
.jobs { border-bottom: 1px solid #a8adb3; }
.jobs h3 { margin-bottom: 1.5rem; }
.jobs .job p { margin-bottom: 0; padding: 1.5rem 0; border-top: 1px solid #a8adb3; }
.job-details p.h6 { color: #50555a; margin: 1.5rem 0 0.5rem 0; font-size: 1rem; }
.job-details p.h6 + ul {
    margin-top: 0rem;
}
.job-details .jobs--back-link { line-height: 1.5; }
.job-details .apply-link {
    display: inline-block;
    float: right;
    border: 1px solid #50555a;
    color: #50555a;
    line-height: 1.5;
    padding: 5px 10px;
}
.job-details .apply-link:hover { background:#50555A; color: #fff; }
/*
 * Service Overview
 */
#service {position:relative;padding:1rem 0 2rem;}
#service .columns{padding-top:1rem; padding-bottom:1rem;}
#service .h3{font-size: 1.5rem; }
#service img{width: auto; height: 4rem; margin: 0 auto 0.5rem; text-align: center; display: block;}
#service h1,#service .h1,#service h2,#service .h2,#service h3,#service .h3,
#service h4,#service .h4,#service h5,#service .h5,#service h6,#service .h6{text-align: center;}

#service h2,#service .h2{
    font-family: 'Merriweather', sans-serif;
    display: block;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 1rem;
}
#service h3,#service .h3{
    font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 1.2rem;
    margin: 1rem 0;
}

#service h4,#service .h4{
    font-size: 1.1rem;
    margin: 1rem 1rem;
}

#service h5,#service .h5{
    font-family: 'Merriweather', sans-serif;
    font-style: italic;
    font-size: 1rem;
    text-transform: none;
    margin: 1rem 0;
    font-weight: 700;
}
#service li{
    margin-bottom: 0;
}

/*
 * Wlan Overview
 */
#wlan {
    padding: 2rem 0;
}
#wlan h5 {
    font-family: 'Merriweather', sans-serif;
    font-style: italic;
    font-size: 1rem;
    text-transform: none;
    margin: 1rem 0;
    font-weight: 700;
}
#wlan h3 {
    font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 1.2rem;
    margin: 1rem 0;
}
.wlan_deutsch img,
.wlan_englisch img {
    display: block;
    margin: 0 auto;
}


/*
 * Recent Projects
 */
#recent-projects{padding-bottom: 30px;}
#recent-projects .image-wrapper{margin-bottom: 15px;}
#recent-projects .read-more{margin-bottom: 30px;}
#recent-projects .h3{font-size: 1.5rem; }
#recent-projects p{margin-bottom: 0.5rem;}
/*
 * Latest News
 */
#latest-news{padding-bottom: 30px;}
#latest-news .image-wrapper{margin-bottom: 15px;}
#latest-news .read-more{margin-bottom: 30px;}
#latest-news .h3{font-size: 1.5rem; }
#latest-news p{margin-bottom: 0.5rem;}
/*
 * Upcoming Events
 */
#upcoming-events .date-wrapper{ margin: 0 auto 30px auto; width: 70px; height: 70px; padding: 10px; line-height: 25px; }
#upcoming-events .date-wrapper a{color: inherit;}
#upcoming-events .title-wrapper{ margin: 0 auto 30px auto; height: 70px; padding: 0; line-height: 25px; display: table-cell; vertical-align: middle; }
/*
 * Blog-Overview
 */
#blog-posts .image-wrapper{margin-bottom: 30px;}
#blog-posts .date-wrapper{ margin: 0 auto 30px auto; width: 70px; height: 70px; padding: 10px; line-height: 25px; }
#blog-posts .blog-post{border-bottom: 1px solid #004985; margin-bottom: 30px; padding-bottom: 30px;}
#blog-posts .blog-post:last-child{border-bottom: none; margin-bottom: 0px;}

#blog-posts .blog-post .wp-caption { max-width: 100%; }
#blog-posts .blog-post .wp-caption-text { text-align: left; font-size: 0.8em; font-weight: 300; }
.video-wrapper { position: relative; height: 0; padding-bottom: 56.25%; } 
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0 !important; margin: 0; }
.sidebar_video { margin-bottom: 1rem; }
.sidebar_video .video-wrapper { padding-bottom: 100%; }


#blog-posts .blog-pagination{text-align: center;}
#blog-posts .blog-pagination a,
#blog-posts .blog-pagination a:visited,
#blog-posts .blog-pagination span{display: block; border: 1px solid #50555A; color:#50555A;padding: 5px 10px; line-height: 1.5; font-size: 0.85rem; margin: 5px;}

#blog-posts .blog-pagination .single-pagination a,
#blog-posts .blog-pagination .single-pagination span{margin: 0;}

#blog-posts .blog-pagination .dots{border: none;}
#blog-posts .blog-pagination a:hover,
#blog-posts .blog-pagination a:focus,
#blog-posts .blog-pagination .current{background:#50555A; color: #FFFFFF;}

#blog-posts .author-box{
    border-bottom: 1px solid #004985;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

#blog-posts .author-image{
    display: inline-block; max-width: 90px;
    margin-bottom: 1rem;
}

/*
 * Searchform
 */
.search-sidebar{margin:50px 0 0 0; display: block; width: 100%; position: relative; left: 0; right: 0; height: 33px;}
.search-sidebar form,
.search-sidebar form > div{height: 100%; width: 100%;}
.search-sidebar .screen-reader-text{display: none;}
.search-sidebar input{display: block; height: 35px; top:0; bottom: 0; position: absolute;border: 1px solid #003366; background:transparent; color: #003366;padding: 5px;}
.search-sidebar input#s,
.search-sidebar input#s-sb{left: 0; padding-right: 40px;border-right: none;}
.search-sidebar input#searchsubmit-sb,
.search-sidebar input#searchsubmit-sb{left: auto; right: 0;background-color:transparent;background-image: url("../images/icon-search-dark.png");background-size: 20px 20px,contain;background-position: center center;background-repeat: no-repeat;text-indent: -999px; width: 35px; border-left: none;}


/*
 * Archive-Sidebar
 */
.archive-sidebar{margin: 0; }
.archive-sidebar .h5{margin-bottom: 1rem;}
.archive-sidebar ul{display: block; margin-left: 0;}
.archive-sidebar li{display: block;}

/*
 * Tag-Sidebar
 */
.tag-sidebar{margin:50px 0; }
.tag-sidebar .h5{margin-bottom: 1rem;}
.tag-sidebar ul{display: block; margin-left: -5px; margin-right: -5px;}
.tag-sidebar li{display: block; margin: 5px; float: left;}
.tag-sidebar li a,.tag-sidebar li a:visited{display: block; border: 1px solid #50555a; padding: 5px 10px; }
.tag-sidebar li a:focus,.tag-sidebar li a:hover{color: #FFFFFF; background-color: #50555a;}

/*
 * Company-Page
 */

#company-stats {position:relative;padding:1rem 0;}
#company-stats .columns{padding-top:1rem; padding-bottom:1rem;}

#philosophie {position:relative;padding:1rem 0;}
#philosophie .columns{padding-top:1rem; padding-bottom:1rem;}
#philosophie .columns p { text-align: center; }

#management {position:relative;padding:1rem 0;}
#management .columns{padding-top:1rem; padding-bottom:1rem;}
#management img{width:100%; height:100%; margin-bottom:0.5rem; display: none;}
#management .geschaeftsfuehrung_img img { display: block;} 
#management p { text-align: center; }
#management .management_entry{vertical-align: top; display: inline-block; width: 83.333%; padding: 0 .9375rem;}

#management .management_entry { width: auto !important; padding: 0; }
#management .geschaeftsfuehrung_text span:last-child { display: none;}

p, ul, ol { font-size:0.8em; }

/*
 * Portrait-Page
 */

.portrait-quote { position: relative; }
.portrait-quote p { font-size: 1rem; padding: 6px 0 0 50px; }
.portrait-quote p:before { position: absolute; top: 0; left: 0; content: "\f10d"; font-family: 'FontAwesome'; font-size: 30px; color: #004985; }

/*
 * Footer
 */
#footer {position: absolute; bottom: 0px; left: 0; right:0;padding: 50px 0; font-weight: 100; }
.footerinfo {padding: 0 25px; font-weight: 300; font-size: 0.8em;}
.footerinfo span{font-weight: 300;}
.footerinfo .menu{text-align: center;}
.footerinfo .menu li{display: inline-block;}
/* vcard */
.footerinfo .org{text-transform: uppercase; font-family: 'Merriweather Sans', sans-serif; margin-bottom: 1em; letter-spacing: 1px; }
.footerinfo .business-info{margin-bottom: 1em;}

/*
 * Call To Action
 */
.calltoaction{padding: 25px 0; margin: 0 0 50px 0;}
.calltoaction p{ display: inline-block; padding: .85em 1em;font-size: 0.9em;margin: 0;}
.calltoaction a{margin: 0;}

/*
 * Forms
 */
[type=text], [type=password], [type=date],
[type=datetime], [type=datetime-local],
[type=month], [type=week], [type=email],
[type=number], [type=search], [type=tel],
[type=time], [type=url], [type=color], select, textarea, textarea[rows]{
    display: inline-block;
    box-shadow: none;
    border-radius: 0px;
    border: 1px solid #a8adb3;
    margin:0;
    background-color: #FFFFFF;
    font-family: 'Merriweather Sans', sans-serif;
    margin-bottom: 1rem;
    width: 100%;
}

[type=text]:focus, [type=password]:focus, [type=date]:focus,
[type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus,
[type=week]:focus, [type=email]:focus, [type=number]:focus,
[type=search]:focus, [type=tel]:focus, [type=time]:focus,
[type=url]:focus, [type=color]:focus, select:focus, textarea:focus{
   box-shadow: none;
   outline: none;
}

form span{font-size: 1rem;line-height: 2.4375rem;}
form div.wpcf7-validation-errors{width: 100%; display: inline-block;text-align: center;line-height: 1;vertical-align: middle;border-radius: 3px;border: none;padding: 0.85em 1em;margin:0;font-size: 0.9rem;background: #ffae00;color: #fff;}
form span.wpcf7-not-valid-tip{width: 100%; display: inline-block;text-align: center;line-height: 1;vertical-align: middle;border-radius: 3px;border: none;padding: 0.85em 1em;font-size: 0.9rem;background: #ec5840;margin:-1rem 0 1rem;color: #fff;}
form div.wpcf7-mail-sent-ok{width: 100%; display: inline-block;text-align: center;line-height: 1;vertical-align: middle;border-radius: 3px;border: none;padding: 0.85em 1em;margin:0;font-size: 0.9rem;background: #3adb76;color: #fff;}
form .wpcf7-form-control-wrap{width: 100%;}
form p{width: 100%; margin-bottom: 0;}

#contact-form h1,
#contact-form .h1{letter-spacing: 1px; text-transform: uppercase; font-family: "Merriweather Sans","sans serif"; font-style: normal; font-weight: 400; margin-bottom: 2rem;}
#contact-form .button{margin-bottom: 30px;}

#juicer { padding: 2rem 0 4rem 0; }
#juicer .referral { display: none; }
#juicer .juicer-feed { height: 448px !important; overflow: hidden; }

#juicer .j-stacker-wrapper { margin: 0 !important; }
#juicer .feed-item {
    display: none; position: relative; padding-bottom: 214px; width: 214px; height: 0; overflow: hidden; margin: 0 auto 20px; background-color: #036;
    font-size: 1rem;
}

#juicer .feed-item.juicer_follow { background-color: #036; max-width: 214px; }
#juicer .j-stack .feed-item:first-child { display: block; }
#juicer .j-stack .feed-item:nth-child(2){ display: block;}

#juicer .feed-item .j-poster { display: none; }
#juicer .feed-item > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
#juicer .feed-item > a img { 
    position: absolute; top: 50%; left: 50%; margin: auto;
    width: auto !important;
    height: auto !important;
    max-width: none; max-height: none;
    min-width: 100%; min-height: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
#juicer .feed-item > .adjust-to-width img {
    width: 100% !important;
}
#juicer .feed-item > .adjust-to-height img {
    height: 100% !important;
}
#juicer .feed-item .j-text { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; padding: 2rem 1rem;}
#juicer .feed-item.juicer_follow .j-text { display: block; text-align: left; font-size: 1.25rem; padding-top: 2rem; }
#juicer .feed-item .j-text p,
#juicer .feed-item .j-text p a { color: #fff !important; }
#juicer .feed-item .j-text p { max-height: 5rem; overflow: hidden; }
#juicer .feed-item .j-text a.auto { display: none; }
#juicer .feed-item:hover .j-text { display: block; background-color: rgba(0,0,0,0.6); }
#juicer .feed-item.juicer_follow .j-text { margin-bottom: 0; background: transparent; }
#juicer .feed-item.juicer_follow .j-text p { margin-bottom: 0.5rem; font-style: italic; }
#juicer .feed-item.juicer_follow .j-text a { display: inline-block; width: 35px; height: 35px; background-color: #fff; text-align: center; line-height: 35px; border-radius: 50%; margin-bottom: 0.5rem; }
#juicer .feed-item.juicer_follow .j-text a i { color: #036; line-height: 35px; font-size: 1rem; }

.juicer-feed .j-stacker{
    display: block; text-align: center;
    margin: 0 -10px; width: auto;
}

.juicer-feed .j-stacker>.j-stack{
    width: 234px !important;
    margin: 0 auto;
    display: inline-block !important;
    text-align: left;
}

/*
 * Search-Form
 */
#latest-news .news_search .section-title { margin: 50px 0 20px 0; border: 0; }
#latest-news .search{ display: block; position: relative; margin:0 auto; left: 0; right: 0; height: 33px;}
#latest-news .search .screen-reader-text{display: none;}
#latest-news .search input{ float: left; display: block; margin: 0; height: 30px; padding: 5px;}
#latest-news .search input#s,
#latest-news .search input#s-oc{ width: 100%; border: 1px solid #036; color: #50555a;}
#latest-news .search input#searchsubmit {
    position: absolute;
    top: 0; right: 0;
    background-color:transparent;background-image: url("../images/icon-search-dark.png");
    background-size: 20px 20px,contain;background-position: center center;background-repeat: no-repeat;
    text-indent: -999px; width: 35px; border: none; color: #FFFFFF;
}



/***************************************************************
 * Got The Drive
 ***************************************************************/
.got_the_drive_wrapper {
    position: absolute; bottom: 2rem; right: 2rem;
    width: 10rem;  z-index: 300;
    height: auto;
}

.porsche_holding_contact {
    background-color: #f39200;
    height: 0; width: 100%;
    padding-bottom: 40%;
    position: relative;
    display: block;
}
.porsche_holding_contact img {
    position: absolute; width: 80%;
    height: auto; left: 0; right: 0; margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/***************************************************************
 * TYPO Content Section
 ***************************************************************/
.content.typo_content_section .row {
    margin-left: auto;
    margin-right: auto;
    max-width: 60rem;
}
.contact_box {
    border: 1px solid rgba(168,173,179, 0.5);
    padding: 1.5rem;
}

/***************************************************************
 * TYPO France Listing
 ***************************************************************/
.france_listing {
    margin: 0 -0.625rem;
}
.france_listing .france_listing_item {
    padding: 0.625rem; width: 100%;
    display: inline-block; vertical-align: top;
}
.france_listing .listing_image {
    padding-bottom: 1rem;
    height: 4rem; width: auto;
}
.france_listing .listing_image img {
    height: 3rem; width: auto;
}
/***************************************************************
 * TYPO France logo
 ***************************************************************/
#header-nav .logo.france_logo img {
    width: 10rem;
}
.cookie-bar .cookie-bar-content .left span {
    color: #FFFFFF;
}



/*
 * Medium and up
 */

@media screen and (min-width: 40em) {
    iframe{ min-height:576px; }
    
    .content{padding: 50px 0;}
    .section-title{margin-bottom: 50px;}
    
    .content-career h3{ font-size: 1.5rem;}
    
    .contact_partner_section{padding-bottom: 50px;}
    
    #overview-nav .overview-item{height: 176px;}
    
    #recent-projects .h3{font-size: 2rem; }
    #recent-projects{padding-bottom: 50px;}

    #latest-news .h3{font-size: 2rem; }
    #latest-news{padding-bottom: 50px;}

    
    h1,.h1 {font-size: 2rem;}
    h2,.h2 {font-size: 1.5rem;}
    h3,.h3 {font-size: 1.3rem; margin-bottom: 0.5rem;}
    h4,.h4 {font-size: 1.2rem; margin-bottom: 0.5rem;}
    h5,.h5 {font-size: 1.1rem; margin-bottom: 0.5rem;}
    h6,.h6 {font-size: 1.1rem; margin-bottom: 0.5rem;}
    
    #blog-posts .date-wrapper{margin: 0;}
    #blog-posts .blog-pagination a,
    #blog-posts .blog-pagination a:visited,
    #blog-posts .blog-pagination span{display: inline-block;}
    
    #blog-posts .search-sidebar{margin:45px 0 0 0;}
    
    #contact-form h1,#contact-form .h1{font-size: 1.45rem;}
    
    #loesungen .project-item{width: 50%;}
    #loesungen .project-filter .button{ max-width: 160px; margin: 8px 3px; padding: 0 15px; }
    
    #management .management_entry{width: 30%;}
    
    
    .jobs, .job-details { margin: 0; /*0 50px;*/ }
    .jobs h3, .job-details h3 { font-size: 1.8rem; }
    
    .portrait-quote p { font-size: 1.5rem; }
    
    
    /**************************************
    * Timeline
    **************************************/
    .timeline_wrapper {
        border: none;
        position: relative;
        font-size: 0;
        padding: 3rem 0;
    }
    .timeline_wrapper:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        border-left: 1px dotted #004985;
        top: 0;
        left: 50%;
    }
    .timeline_item {
        vertical-align: top;
        width: 100%;
        display: inline-block;
        font-size: 1rem;
    }
    .timeline_wrapper > div > div {
        padding-right: 50%;
    }
    .timeline_wrapper > div > div:nth-child(even) {
        padding-left: 50%;
        padding-right: 0;
    }
    
    .timeline_wrapper > div > div:nth-child(odd) .timeline_item {
        padding-right: 2rem;
        text-align: right;
    }
    .timeline_wrapper > div > div:nth-child(odd) .timeline_item:after {
        left: 100%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .timeline_wrapper > div > div:nth-child(even) .timeline_item:after {
        right: 100%;
        left: auto;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%);
    }
    .timeline_wrapper > div > div:nth-child(odd) .timeline_item .timeline_image {
        margin: 0 0 1rem auto;
    }
    
    .timeline_wrapper > div > div:nth-child(even) .timeline_item {
        padding-left: 2rem;
    }
	
	.typo_accordion .typo_accordion_item{ display: block; margin-bottom: 5rem;}
    
    
    
    /***************************************************************
     * TYPO France Listing
     ***************************************************************/
    .france_listing {
        margin: 0 -0.9375rem;
        font-size: 0;
    }
    .france_listing .france_listing_item {
        padding: 0.9375rem; width: 50%;
        font-size: 1rem;
    }
    
    /***************************************************************
     * TYPO France logo
     ***************************************************************/
    #header-nav .logo.france_logo img {
        width: 15rem;
    }
    
}

@media screen and (min-width: 985px) {
    #juicer .juicer-feed{
        height: 214px !important;
    }
}

/*
 * Large and up
 */
@media screen and (min-width: 64em) {
	
	.table-scroll {  width: 100%; overflow-x: hidden; }
    iframe{min-height:659px; }
    
    .collapsed-content{padding:3.3rem;}
    
    #overview-nav .overview-item .h5{font-size: 0.9rem;}
    #overview-nav .overview-item{height: 196px;}
	#overview-nav .overview-item .overview-icon img.svg{ max-width: 5rem; height: 4.5rem; }
    
    #blog-posts .date-wrapper{ width: 90px; height: 90px; padding: 20px; line-height: 25px; }
    #blog-posts .search-sidebar{margin:0 0 50px;}
    
    #service h4,#service .h4{
        margin: 1rem 3rem;
    }
    
    #loesungen .project-item{ width: 33.3333%;}
    #loesungen .project-filter .button{ max-width: 175px; margin: 8px 3px; padding: 0 15px; }
    
    #recent-projects .read-more{margin-bottom: 0;}
    
    #latest-news .read-more{margin-bottom: 0;}
    
    
    #management .management_entry{width: 16%;}
    
   .jobs, .job-details { margin: 0; /*0 300px 0 50px;*/ }
   
    .portrait-quote p { padding-right: 300px; }
    
    
    /**************************************
    * Timeline
    **************************************/
    .timeline_wrapper > div > div {
        padding-left: 25%;
    }
    .timeline_wrapper > div > div:nth-child(even) {
        padding-right: 25%;
    }

}

/*
 * X-Large and up
 */
@media only screen and (min-width: 90.063em) { 
    .jobs{ margin: 0 200px 0 50px; }
    .job-details { margin: 0 400px 0 50px; }
}

.corona {
	background-color:#ffa421; padding: 1rem 1rem 0.5rem 1rem; font-size: 1.125rem;
	margin-bottom: 2rem;
}
.corona p {
	color: #fff !important;
	font-weight: 400;	
}