p { font-size: 16px }
ul li { list-style: none !important; }
/**/
.width-full { width: 100%; display: block}
.center-text { text-align: center; }
.white { color: #fff }
.subfooter-link { color: #7b7572 !important; text-decoration: underline; }
/**/
.section-title { text-transform: uppercase; letter-spacing: 2px; margin-bottom: 40px; font-weight: 400; }
.timeline_items li .desc { background: none; line-height: normal;}
.timeline_items li .desc:before { background-image: none }
.timeline_items li h3 { font-size: 26px; font-weight: 400 }
.timeline_items li h3 span { font-size: 21px;  }
.timeline_items li:nth-child(even) h3 span {
    left: 52%;
    right: auto;
}
.timeline_items li h3 span {
    position: absolute;
    right: 52%;
    top: 8px;
}
.timeline_items li:nth-child(even) {
    padding: 0 55% 40px 0;
    }
.timeline_items li {
    padding: 0 0 40px 55%;
}
.timeline_items li h3:before { z-index: 0 }
/**/
#menu-main-menu { letter-spacing: normal }
#menu-main-menu img { margin: 20px 5px; }

#Top_bar h1 { display: none; font-size: 18px; color: #333; margin-top: 8px; letter-spacing: normal}
#Top_bar.is-sticky h1 { display: inline-block; float: left }
#logo {-webkit-box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.11);
box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.11);}
#Top_bar .logo { float: left; margin: 0 20px 0 20px;}
#Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu, .sticky-tb-color #Top_bar.is-sticky { background-color: #fff }
/**/
#hero {padding-top:260px; padding-bottom:150px; background-position:center top;}
#hero h3 { text-transform: uppercase; color: #eb8a8a; font-size: 21px  }
#hero h2 { font-size: 52px; color: #fff; line-height: 1; font-weight: 300 }
#hero p { color: #fff; width: 90%; font-size: 18px; margin-bottom: 40px}
#hero .flags-hero img { margin-right: 5px }
/**/
#services {padding-top:100px; padding-bottom:80px; }
#services .main-p { width: 80%; margin: 0 auto 60px; text-align: center; font-size: 18px}
.service-item { text-align: center  }
.service-item > div > img { margin-bottom: 20px; width: 150px }
.service-item h4 { margin-bottom: 5px; letter-spacing: normal; color: #404851 }
.service-item p { font-size: 16px; letter-spacing: normal; width: 80%; display: block; margin: 0 auto  }
.service-item .flag { width: 60px; display: inline-block; vertical-align: middle; margin: 10px }
.service-item .flag-arrow { display: inline-block; vertical-align: middle; }
/**/
#about { padding-top:140px; padding-bottom:140px;  }
#about p { margin-bottom: 20px }
#about img { margin-right: 20px !important}
#about h4 { margin-bottom: 15px; color: #333; margin-top: 10px }
#about h5 { margin-bottom: 0 }
.about-info {padding:80px 10% 20px;}
.audioplayer { margin-bottom: 15px }
.audios a { display: inline-block; margin-right: 40px; width: 60px; }
.audios a:hover { text-decoration: none; color: #964747 }
.audios i { margin-bottom: 10px }
.audios p { text-align: center; margin-top: 10px }
.control { font-size: 36px; border: 2px solid #e06767; border-radius: 104px; padding: 4px 1px;;}
/**/
#job {padding-top:120px; padding-bottom:80px;}
#show-less-btn { display: none; }
#show-less-btn.fixed {position: fixed; bottom: 20px; margin-left: -80px;}
#show-less-btn.relative { position: relative; }
.jobs-hidden { display: none }
#job img { width: 100% }
/**/
#references {padding-top:100px; padding-bottom:60px; background-color:#fff;}
#references .main-p {width: 80%; margin: 0 auto 20px; text-align: center; font-size: 18px}
.ref-block { margin-bottom: 0; padding: 10px 20px}
.ref-block h4 { margin-bottom: 7px }
/**/
#contact {padding-top:60px; padding-bottom:60px;}
.contact-list { color: #fff !important; border: 2px solid #fff; margin: 40px 0 0 !important; padding: 20px 30px; position: relative;}
.contact-name { text-transform: uppercase; font-weight: 700; font-size: 18px; margin-bottom: 0 !important}
.contact-profession { font-size: 16px; }
#contactform input, #contactform textarea { padding: 18px !important; font-size: 16px !important}
#contact .section-title { margin-bottom: 60px }
.social-group { position: absolute; right: 20px; bottom: 20px }
.social-icon { font-size: 28px }
.social-icon:hover {color: #A34B4E}
.inline-icon { display: inline-block; vertical-align: top }
/**/
#footer { text-align: center; }
#footer img { margin-top: -50px }
#footer h5 { color: #fff; opacity: 0.7 }
#footer li { display: inline-block; margin: 0 10px }
#footer hr { background-color: #3e4149; width: 40% }
#footer li a { color: #fff }
.subfooter { margin-top: 20px }
/**/
#impressum { padding: 160px 0 100px }
#impressum .contact-list { color: #555963 !important; border: 2px solid #555963; margin: 40px 0 0 !important; padding: 20px 30px; position: relative;}
/**/
#terms { padding: 160px 0 100px }
#terms h4 {color: #555963; margin-top: 40px}

/* MEDIA */
@media only screen and (min-width: 1240px) {
#Top_bar.is-sticky .logo { margin: 0 20px 0 20px; }
}
@media only screen and (max-width: 1240px) {
    .service-item p {  width: 100% }
    #about .about-link { display: block; margin-bottom: 10px }
}


@media only screen and (max-width: 960px) {
    #hero {background-position:40% top;}
    .service-item > div { padding: 10px }
}

@media only screen and (max-width: 767px) {
    p { font-size: 14px }
	#hero {padding-top:120px; padding-bottom:40px; background-position:70% top;}
	#hero h2 { font-size: 32px }
    #hero h3 { font-size: 14px  }
    #hero .flags-hero img { width: 40px }
    .logo-overflow #Top_bar:not(.is-sticky) .logo {height: 0}
    #Top_bar #logo img.logo-mobile { width: 80px !important; float: left }
    .header-transparent.ab-hide #Top_bar { background: transparent }
    #services {padding-top:60px; padding-bottom:20px; }
    #services .main-p { font-size: 16px; width: 100%}
    .service-item > div > img { margin-bottom: 10px; width: 120px }
    .service-item p { font-size: 14px; margin-bottom: 10px; width: 100% }
    .service-item { margin-bottom: 60px !important }
    .service-item .flag { width: 40px; }
    #about { padding-top:0; padding-bottom:0;  }
    #about .about-photo { height: 300px !important; background-size: 100% }
    #about .section_wrapper.mcb-section-inner { width: 100% !important }
    .about-info {padding:60px 10% 60px;}
    #job {padding-top:60px; padding-bottom:60px;}
    .timeline_items li h3 { font-size: 18px; line-height: 1 }
    .timeline_items li {padding: 0 0 25px 50px !important}
    .timeline_items li h3 span { position: relative; font-size: 14px; font-weight: 700; display: block; margin-bottom: 20px }
    #references {padding-top:60px; padding-bottom:60px;}
    #contact .section-title {margin-bottom: 40px;}
    .contact-list { padding: 10px; margin-bottom: 20px !important}
    .contact-name { font-size: 16px; margin-bottom: 20px !important }
    .social-group { position: relative; display: block; right: inherit; bottom: inherit; margin-top: 30px }
	}

    @media only screen and (max-width: 767px) and (min-width: 480px){
    .section_wrapper, .container, .four.columns { width: 90% !important }
    .timeline_items li { background-position: 24px top !important; padding: 0 0 25px 120px !important; }
    .timeline_items li h3:before {left: 67px;}
}