img[src*=".svg"] { width: 100% \9; }

@media screen and (min-width: 0\0) { img[src*=".svg"] { width: 100%; } }
:focus { outline: none; }

html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

ul { margin: 0; padding: 0 !important; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

::-moz-selection { background: #000; color: #FFF; text-shadow: none; }

::selection { background: #000; color: #FFF; text-shadow: none; }

/***********************************************/
/* MAIN Divs                                 */
/***********************************************/
html { font-size: 62.5%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0px; padding: 0px; overflow-x: hidden; }

body { margin: 0px; padding: 0px; overflow-x: hidden; font-size: 1.4rem; font-size: 14px; color: #444; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; background-color: #F9F9F9; }

#pageWrap { width: 100%; height: auto; margin: 0px; background-color: #FFF; display: inline-block; position: relative; border-bottom: solid 1px #DCDCDC; }

.wrap { position: relative; width: 990px; margin: 0 auto; display: block; }

#topSpacer { position: relative; width: 100%; height: 210px; }

#topSpacerSubNav { position: relative; width: 100%; height: 230px; }

img { height: auto; max-width: 100%; }

/************************************************************************************
HEADER
*************************************************************************************/
header { position: fixed; top: 0px; bottom: auto; height: 125px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 15; border-bottom: solid 1px #DCDCDC; background-color: white; }

#headerWrapper { position: relative; width: 1470px; height: 125px; margin: 0 auto; }

#logoHolder { width: 200px; height: 67px; margin-top: 30px; position: relative; float: left; }

#logo { width: 200px; cursor: pointer; }

.shadow { border-bottom-color: rgba(0, 0, 0, 0.8); position: fixed !important; top: 0 !important; -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }

/************************************************************************************
NAVIGATION
*************************************************************************************/
#nav { position: relative; float: left; height: 25px; margin-left: 40px; margin-top: 55px; }

#nav ul { position: relative; margin: 0; padding: 0; }

#nav li { position: relative; float: left; list-style: none outside none; font-size: 1.4rem; font-size: 14px; text-align: center; margin-right: 60px; letter-spacing: 1px; }

#nav li:last-child { margin-right: 0px; }

#nav li a { color: #595A62; text-decoration: none; outline: none; }

#nav li a:hover { color: #000; text-decoration: none; outline: none; padding-bottom: 2px; }

#nav_1 a:hover { border-bottom: solid 3px #004581; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }

#nav_1 a.active { border-bottom: solid 3px #004581; color: #000; padding-bottom: 2px; }

#nav_2 a:hover { border-bottom: solid 3px #EF631D; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

#nav_2 a.active { border-bottom: solid 3px #EF631D; color: #000; padding-bottom: 2px; }

#nav_3 a:hover { border-bottom: solid 3px #A91D3B; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

#nav_3 a.active { border-bottom: solid 3px #A91D3B; color: #000; padding-bottom: 2px; }

#nav_4 a:hover { border-bottom: solid 3px #006340; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

#nav_4 a.active { border-bottom: solid 3px #006340; color: #000; padding-bottom: 2px; }

#SM_Menu { display: block; }

#SMNav { display: none; }

/************************************************************************************
LANG-NAV
***********************************************************************************/
#langNav { position: relative; height: 25px; width: auto; top: 55px; float: right; }

#langNav ul { position: relative; margin: 0; padding: 0; }

#langNav li { position: relative; float: left; list-style: none outside none; font-size: 1.4rem; font-size: 14px; text-align: center; margin-right: 20px; letter-spacing: 1px; }

#langNav li:last-child { margin-right: 0px; }

#langNav li a { color: #595A62; text-decoration: none; outline: none; padding-bottom: 2px; }

#langNav li a:hover { color: #000; text-decoration: none; outline: none; border-bottom: solid 3px #0F7BBB; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

#langNav .active { border-bottom: solid 3px #0F7BBB; color: #000; }

/************************************************************************************
SUBNAV-ABOUT
*************************************************************************************/
#subnavHolder { position: fixed; top: 125px; bottom: auto; height: 50px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 10; border-bottom: solid 1px #DCDCDC; background-color: #F9F9F9; display: block; }

#subnavWrapper { position: relative; width: 1470px; height: 50px; margin: 0 auto; }

#subnav { position: relative; float: left; margin-left: 240px; margin-top: 15px; }

#subnav ul { position: relative; margin: 0; padding: 0; }

#subnav li { position: relative; float: left; list-style: none outside none; font-size: 1.4rem; font-size: 14px; text-align: center; margin-right: 60px; letter-spacing: 1px; }

#subnav li:last-child { margin-right: 0px; }

#subnav li a { color: #595A62; text-decoration: none; outline: none; }

#subnav li a:hover { color: #000; text-decoration: none; outline: none; padding-bottom: 2px; }

#subnav a:hover { border-bottom: solid 3px #004581; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }

#subnav li a.current { border-bottom: solid 3px #004581; color: #000; padding-bottom: 2px; }

/************************************************************************************
SUBNAV-LEISTUNGEN
*************************************************************************************/
#subnav_2 { position: relative; float: left; margin-left: 240px; margin-top: 15px; }

#subnav_2 ul { position: relative; margin: 0; padding: 0; }

#subnav_2 li { position: relative; float: left; list-style: none outside none; font-size: 1.4rem; font-size: 14px; text-align: center; margin-right: 60px; letter-spacing: 1px; }

#subnav_2 li:last-child { margin-right: 0px; }

#subnav_2 li a { color: #595A62; text-decoration: none; outline: none; }

#subnav_2 li a:hover { color: #000; text-decoration: none; outline: none; padding-bottom: 2px; }

#subnav_2 a:hover { border-bottom: solid 3px #EF631D; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }

#subnav_2 li a.current { border-bottom: solid 3px #EF631D; color: #000; padding-bottom: 2px; }

/************************************************************************************
NEWS
*************************************************************************************/
#NewsSlideshow { position: relative; overflow: hidden; background-size: cover; width: 100%; height: 100% !important; padding: 0; margin: 0; }

.flexslider, .flex-viewport { width: 100%; height: 100% !important; margin: 0; padding: 0; }

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

.flexslider { margin: 0; padding: 0; zoom: 1; height: 100% !important; }

.flexslider ul { margin: 0; padding: 0; }

.flexslider .slides { height: 100% !important; list-style: none; }

.flexslider .slides li { width: 100%; height: 100% !important; margin: 0; padding: 0; background-size: cover !important; }

.slides:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 100% !important; }

.no-js .slides > li:first-child { display: block; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-decoration: none; display: block; width: 10%; height: 100%; margin: 0; position: absolute; top: 0; z-index: 10; overflow: hidden; cursor: pointer; text-indent: -9999px; opacity: 0; }

.flex-direction-nav .flex-prev { left: 2%; background-image: url(../img/picNav_l@2.png); background-position: center; background-repeat: no-repeat; }

.flex-direction-nav .flex-next { right: 2%; background-image: url(../img/picNav_r@2.png); background-position: center; background-repeat: no-repeat; }

.flexslider:hover .flex-prev { opacity: 1; }

.flexslider:hover .flex-next { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; }

.slide_overlay { position: absolute; top: 0; left: 0; height: 100%; width: 84%; padding-left: 13%; padding-right: 13%; background: rgba(0, 0, 0, 0.3); }

.container { height: auto; top: 35%; overflow: hidden; position: relative; width: 75%; display: none; }

.containerClaim { font-family: 'Droid Sans', sans-serif; font-weight: 700; letter-spacing: 1px; color: #FFF; }

.containerClaim h1 { font-size: 6.0rem; font-size: 60px; font-weight: 700; letter-spacing: 1px; line-height: 72px; margin: 0; padding: 0; }

.containerClaim h2 { font-size: 5.0rem; font-size: 50px; font-weight: 700; letter-spacing: 1px; line-height: 62px; margin: 0; padding: 0; }

.containerClaim h3 { font-size: 4.0rem; font-size: 40px; font-weight: 700; letter-spacing: 1px; line-height: 50px; margin: 0; padding: 0; }

.containerMore a { font-size: 4.0rem; font-size: 40px; line-height: 80px; font-weight: lighter; letter-spacing: 1px; color: #FFF; }

/************************************************************************************
TEMP-STYLES
*************************************************************************************/
.marg_down { margin-bottom: 120px; }

h1 { font-size: 4.0rem; font-size: 40px; line-height: 40px; letter-spacing: 1px; font-style: normal; font-weight: normal; }

h2 { font-size: 1.6rem; font-size: 16px; line-height: 16px; letter-spacing: 1px; font-style: normal; font-weight: normal; }

strong { font-size: 1.6rem; font-size: 16px; line-height: 16px; }

.pdf_Icon { margin-top: 15px; display: block; text-align: center; padding-top: 10px; position: relative; float: left; height: 40px; margin-right: 15px; }

.pdf_name { margin-top: 15px; display: block; border-right: #999999 solid 1px; padding-top: 10px; position: relative; float: left; height: 40px; line-height: 32px; ont-size: 1.4rem; font-size: 14px; padding-right: 15px; }

a .pdf_name { text-decoration: none; color: #444; }

.pdf_name:nth-child(1n+1) { border-right: none; }

/************************************************************************************
ABOUT
*************************************************************************************/
.temp_about { position: relative; float: left; width: 100%; }

.aboutTitel { color: #004581; position: relative; float: left; width: 100%; margin-bottom: 30px; }

.temp_about_txt { font-size: 1.6rem; font-size: 16px; line-height: 24px; position: relative; float: left; width: 100%; }
.temp_about_txt ul { padding: 20px !important; }
@media screen and (max-width: 1035px) { .temp_about_txt ul { padding: 15px !important; } }

.temp_about_txt a { text-decoration: none; color: #004581; }

.temp_about_txt_pic { font-size: 1.6rem; font-size: 16px; line-height: 24px; position: relative; float: left; width: 42%; margin-right: 8%; }

.temp_about_txt_pic a { text-decoration: none; color: #004581; }

.temp_about_txt_SM { display: none; }

.temp_about_pic { width: 50%; display: block; float: left; }

.temp_about_pdf_Holder { display: block; padding-bottom: 10px; border-top: #999999 solid 1px; float: left; margin-top: 20px; padding-right: 30px; height: auto; }

/************************************************************************************
LEISTUNGEN
*************************************************************************************/
.marg_leistungen_down { margin-bottom: 40px; }

.temp_leistungen { position: relative; float: left; width: 100%; }

.leistungenTitel { color: #EF631D; position: relative; float: left; width: 100%; margin-bottom: 20px; }

.temp_leistungen_txt { font-size: 1.6rem; font-size: 16px; line-height: 24px; position: relative; float: left; width: 100%; }

.temp_leistungen_txt strong { color: #EF631D; }

.temp_leistungen_txt a { text-decoration: none; color: #EF631D; }

.temp_leistungen_pdf_Holder { display: block; padding-bottom: 10px; border-top: #999999 solid 1px; float: left; margin-top: 20px; padding-right: 30px; height: auto; }

.leistungenSubTitel { color: #EF631D; position: relative; float: left; width: 100%; margin-bottom: 10px; }

.temp_leistungen_txt_pic { font-size: 1.6rem; font-size: 16px; line-height: 24px; position: relative; float: left; width: 42%; margin-right: 8%; }

.temp_leistungen_txt_SM { display: none; }

.temp_leistungen_pic { width: 50%; display: block; float: left; }

#leistNavHolderSM { display: none; }

/************************************************************************************
REFERENZEN
*************************************************************************************/
.temp_referenzen { position: relative; float: left; width: 100%; }

.refOverviewHolder { float: left; width: 23.232323%; margin-left: 2.35690267%; margin-bottom: 2.356%; cursor: pointer; background-color: #A91D3B; }

.refOverviewHolder:nth-child(4n+1) { margin-left: 0; }

.refOverviewHolder a { color: #FFFFFF; font-weight: bold; text-decoration: none; }

.refPicTxt { display: inline-block; font-size: 1.6rem; font-size: 16px; line-height: 20px; color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left: 10px; padding-top: 10px; position: absolute; height: auto; z-index: 1; }

a:hover .refPicTxt { display: none; }

.refPicHolder { opacity: 0.4; display: block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

a:hover .refPicHolder { opacity: 1; }

.temp_referenzen_pic { position: relative; float: left; width: 100%; margin-bottom: 60px; }

.temp_referenz_titel { width: 42%; margin-right: 8%; display: block; float: left; position: relative; }

.referenzTitel { color: #A91D3B; position: relative; float: left; width: 100%; }

.temp_referenz_txt { font-size: 1.6rem; font-size: 16px; line-height: 24px; position: relative; float: left; width: 50%; }

.temp_referenz_txt strong { color: #A91D3B; }

.temp_referenz_txt a { text-decoration: none; color: #A91D3B; }

#refNavHolder { position: relative; float: left; width: 100%; margin-top: 60px; }

#refNavHolderSM { display: none; }

.viewprev a { display: block; position: relative; float: left; height: 50px; width: 50px; background-position: top center; background-repeat: no-repeat; border: 1px solid #cacaca; margin-right: 30px; background-image: url(../img/nav_l.jpg); }

.viewgrid a { display: block; position: relative; float: left; height: 50px; width: 50px; background-position: top center; background-repeat: no-repeat; border: 1px solid #cacaca; margin-right: 30px; background-image: url(../img/grid.jpg); }

.viewnext a { display: block; position: relative; float: left; height: 50px; width: 50px; background-position: top center; background-repeat: no-repeat; border: 1px solid #cacaca; background-image: url(../img/nav_r.jpg); }

/************************************************************************************
TEAM
*************************************************************************************/
.temp_team { position: relative; float: left; width: 100%; }

.teamOverviewHolder { float: left; width: 23.232323%; margin-left: 2.35690267%; margin-bottom: 2.356%; cursor: pointer; background-color: #006340; }

.teamOverviewHolder:nth-child(4n+1) { margin-left: 0; }

.teamOverviewHolder a { color: #FFFFFF; text-decoration: none; }

.teamName { display: inline-block; font-size: 1.6rem; font-size: 16px; line-height: 20px; color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left: 10px; padding-top: 10px; position: absolute; height: auto; z-index: 1; }

a:hover .teamName { display: none; }

.teamPosition { font-size: 1.6rem; font-size: 16px; line-height: 20px; color: #FFFFFF; text-decoration: none; padding-left: 0px; padding-top: 3px; font-weight: normal; position: relative; height: auto; z-index: 1; }

a:hover .teamPosition { display: none; }

.teamPicHolder { opacity: 0.4; display: block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

a:hover .teamPicHolder { opacity: 1; }

.picMitarbeiter { position: relative; text-align: center; width: 100%; }

.namenMitarbeiter { position: relative; text-align: center; width: 100%; margin-top: 40px; font-size: 1.8rem; font-size: 18px; line-height: 24px; color: #006340; }

.positionMitarbeiter { position: relative; text-align: center; width: 100%; font-size: 1.8rem; font-size: 18px; line-height: 24px; }

.textMitarbeiter { position: relative; text-align: center; width: 500px; margin: 0px auto; padding-top: 40px; font-size: 1.6rem; font-size: 16px; line-height: 24px; }

.contactHolderMitarbeiter { position: relative; border-top: #999999 solid 1px; width: 500px; margin: 40px auto 10px; height: 80px; }

.phoneMitarbeiter { position: relative; float: left; padding-top: 20px; padding-bottom: 20px; width: 60%; line-height: 24px; font-size: 1.6rem; font-size: 16px; }

.contactMitarbeiter { position: relative; float: left; width: 40%; padding-top: 25px; padding-bottom: 25px; }

.mailMitarbeiter { position: relative; float: left; border-left: #999999 solid 1px; width: 49%; text-align: center; height: 30px; padding-top: 10px; cursor: pointer; }

.vCardMitarbeiter { position: relative; float: left; border-left: #999999 solid 1px; width: 49%; text-align: center; height: 30px; padding-top: 10px; cursor: pointer; }

#teamNavHolder { margin: 0 auto; width: 214px; height: 52px; position: relative; margin-top: 60px; }

.viewprevTeam a { display: block; position: relative; float: left; height: 50px; width: 50px; background-position: top center; background-repeat: no-repeat; border: 1px solid #cacaca; margin-right: 30px; background-image: url(../img/nav_l.jpg); }

.viewgridTeam a { display: block; position: relative; float: left; height: 50px; width: 50px; background-position: top center; background-repeat: no-repeat; border: 1px solid #cacaca; margin-right: 30px; background-image: url(../img/grid.jpg); }

.viewnextTeam a { display: block; position: relative; float: left; height: 50px; width: 50px; background-position: top center; background-repeat: no-repeat; border: 1px solid #cacaca; background-image: url(../img/nav_r.jpg); }

/************************************************************************************
CONTACT
*************************************************************************************/
.contactHeader { font-size: 6.0rem; font-size: 60px; line-height: 60px; letter-spacing: 1px; color: #006340; position: relative; float: left; width: 100%; margin-bottom: 60px; }

.contactContentHolder { position: relative; float: left; width: 100%; font-size: 1.5rem; font-size: 15px; line-height: 25px; }

.contactAddressHolder { position: relative; float: left; width: 33%; }

.contactAdress { padding-top: 10px; display: block; padding-bottom: 18px; }

.contactPhone { display: block; padding-top: 10px; padding-bottom: 10px; border-top: #999999 solid 1px; border-bottom: #999999 solid 1px; width: 75%; }

.contactMail { margin-top: 15px; display: block; border-right: #999999 solid 1px; width: 25%; text-align: center; height: 30px; padding-top: 10px; position: relative; float: left; cursor: pointer; }

.contactVcard { margin-top: 15px; display: block; width: 25%; text-align: center; height: 30px; padding-top: 10px; position: relative; float: left; cursor: pointer; }

.contactMapHolder { position: relative; float: left; width: 66%; }

.mapHolder { margin-top: 15px; float: left; height: 400px; width: 100%; }

.contactTitel { color: #006340; }

#noPhoneCall { display: block; }

#phoneCall { display: none; }

/************************************************************************************
FOOTER
*************************************************************************************/
footer { position: relative; float: left; width: 100%; }

#footerHolder { position: relative; width: 990px; margin: 0 auto; }

#footerAddress { position: relative; float: left; width: 100%; color: #595A62; text-align: center; margin-top: 50px; font-size: 1.4rem; font-size: 14px; line-height: 24px; margin-bottom: 50px; }

#footerAddress a { color: #595A62; text-decoration: none; }

.copyright { font-size: 1.2rem; font-size: 12px; padding-right: 20px; }

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: inline-block; }

.clearfix { display: block; zoom: 1; }

/************************************************************************************
PRINT
************************************************************************************/
@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
/* CSS Document */
@media screen and (max-width: 1600px) { /************************************************************************************ HEADER ************************************************************************************/
  #headerWrapper { width: 92%; padding-left: 4%; padding-right: 4%; }
  /************************************************************************************ SUBNAV ************************************************************************************/
  #subnavWrapper { width: 92%; padding-left: 4%; padding-right: 4%; }
  /************************************************************************************ FOOTER ************************************************************************************/
  #footerHolder { width: 92%; padding-left: 4%; padding-right: 4%; } }
@media screen and (max-width: 1035px) { /***********************************************/
  /* MAIN Divs                                 */
  /***********************************************/
  .wrap { width: 92%; padding-left: 4%; padding-right: 4%; margin: 0; }
  #topSpacer { height: 140px; }
  #topSpacerSubNav { height: 160px; }
  /************************************************************************************ HEADER ************************************************************************************/
  header { height: 85px; }
  #headerWrapper { height: 85px; }
  #logoHolder { width: 112px; height: 36px; margin-top: 25px; }
  #logo { width: 112px; }
  /************************************************************************************ NAVIGATION ************************************************************************************/
  #SM_Menu { display: block; }
  #nav { position: relative; float: left; height: 20px; margin-top: 35px; margin-left: 30px; }
  #nav li { font-size: 1.2rem; font-size: 12px; margin-right: 30px; }
  /************************************************************************************ LANG-NAV **********************************************************************************/
  #langNav { height: 20px; top: 35px; }
  #langNav li { font-size: 1.2rem; font-size: 12px; text-align: center; margin-right: 15px; }
  /************************************************************************************ SUBNAV ************************************************************************************/
  #subnavWrapper { height: 40px; }
  #subnavHolder { top: 85px; height: 40px; }
  #subnav { margin-left: 140px; margin-top: 12px; }
  #subnav li { font-size: 1.2rem; font-size: 12px; margin-right: 30px; }
  #subnav_2 { margin-left: 140px; margin-top: 12px; }
  #subnav_2 li { font-size: 1.2rem; font-size: 12px; margin-right: 30px; }
  /************************************************************************************ NEWS ************************************************************************************/
  .flex-direction-nav .flex-next { right: 1%; background-image: url(../img/picNav_r.png); }
  .flex-direction-nav .flex-prev { right: 1%; background-image: url(../img/picNav_l.png); }
  .containerClaim h1 { font-size: 4.5rem; font-size: 45px; line-height: 52px; }
  .containerClaim h2 { font-size: 3.5rem; font-size: 35px; line-height: 42px; }
  .containerClaim h3 { font-size: 2.5rem; font-size: 25px; line-height: 30px; }
  .containerMore a { font-size: 2.5rem; font-size: 25px; line-height: 40px; }
  /************************************************************************************ TEMP-STYLES ************************************************************************************/
  .marg_down { margin-bottom: 80px; }
  h1 { font-size: 3.0rem; font-size: 30px; line-height: 30px; }
  h2 { font-size: 1.4rem; font-size: 14px; line-height: 14px; }
  strong { font-size: 1.4rem; font-size: 14px; line-height: 14px; }
  .pdf_name { ont-size: 1.3rem; font-size: 13px; }
  /************************************************************************************ ABOUT ************************************************************************************/
  .aboutTitel { margin-bottom: 15px; }
  .temp_about_txt { font-size: 1.4rem; font-size: 14px; line-height: 20px; }
  .temp_about_txt_pic { font-size: 1.4rem; font-size: 14px; line-height: 20px; }
  /************************************************************************************ LEISTUNGEN ************************************************************************************/
  .marg_leistungen_down { margin-bottom: 30px; }
  .leistungenTitel { margin-bottom: 15px; }
  .temp_leistungen_txt { font-size: 1.4rem; font-size: 14px; line-height: 20px; }
  .leistungenSubTitel { font-size: 1.4rem; font-size: 14px; line-height: 20px; }
  .temp_leistungen_txt_pic { font-size: 1.4rem; font-size: 14px; line-height: 20px; }
  .temp_referenzen_pic { margin-bottom: 40px; }
  /************************************************************************************ REFERENZEN ************************************************************************************/
  .refPicTxt { font-size: 1.4rem; font-size: 14px; line-height: 18px; }
  .temp_referenz_txt { font-size: 1.4rem; font-size: 14px; line-height: 20px; }
  #refNavHolder { margin-top: 40px; }
  .viewprev a { margin-right: 20px; }
  .viewgrid a { margin-right: 20px; }
  /************************************************************************************ TEAM ************************************************************************************/
  .teamName { font-size: 1.3rem; font-size: 13px; line-height: 16px; }
  .teamPosition { font-size: 1.3rem; font-size: 13px; line-height: 16px; }
  .namenMitarbeiter { margin-top: 30px; font-size: 1.6rem; font-size: 16px; line-height: 22px; }
  .positionMitarbeiter { font-size: 1.6rem; font-size: 16px; line-height: 22px; }
  .textMitarbeiter { padding-top: 30px; font-size: 1.4rem; font-size: 14px; line-height: 22px; width: 450px; }
  .contactHolderMitarbeiter { width: 450px; margin: 30px auto 10px; }
  .phoneMitarbeiter { line-height: 22px; font-size: 1.4rem; font-size: 14px; padding-top: 22px; padding-bottom: 22px; }
  #teamNavHolder { margin-top: 40px; margin-bottom: 20px; }
  /************************************************************************************ CONTACT ************************************************************************************/
  .contactHeader { font-size: 4.5rem; font-size: 45px; line-height: 52px; }
  .contactTitel { font-size: 1.4rem; font-size: 14px; }
  .contactContentHolder { font-size: 1.4rem; font-size: 14px; line-height: 22px; }
  #footerAddress { margin-top: 30px; margin-bottom: 30px; font-size: 1.3rem; font-size: 13px; line-height: 20px; }
  .copyright { font-size: 1.1rem; font-size: 11px; padding-right: 15px; } }
@media screen and (max-width: 800px) { /************************************************************************************ REFERENZEN ************************************************************************************/
  .refOverviewHolder { width: 31.0171199%; margin-left: 3.4743202%; margin-bottom: 3.4743202%; }
  .refOverviewHolder:nth-child(3n+1) { margin-left: 0; clear: both; }
  .refOverviewHolder:nth-child(5n) { margin-left: 3.4743202%; }
  /************************************************************************************ TEAM ************************************************************************************/
  .teamOverviewHolder { width: 31.0171199%; margin-left: 3.4743202%; margin-bottom: 3.4743202%; }
  .teamOverviewHolder:nth-child(3n+1) { margin-left: 0; clear: both; }
  .teamOverviewHolder:nth-child(5n) { margin-left: 3.4743202%; } }
@media screen and (max-width: 720px) { /***********************************************/
  /* MAIN Divs                                 */
  /***********************************************/
  .wrap { width: 92%; padding-left: 4%; padding-right: 4%; margin: 0; }
  #topSpacer { height: 80px; }
  #topSpacerSubNav { height: 80px; }
  /************************************************************************************ HEADER ************************************************************************************/
  header { height: 55px; }
  #headerWrapper { height: 55px; width: 92%; padding-left: 4%; padding-right: 4%; }
  #logoHolder { width: 100px; height: 33px; margin-top: 11px; }
  #logo { width: 100px; }
  /************************************************************************************ NAVIGATION ************************************************************************************/
  #SMNav { display: block; width: 24px; height: 24px; position: absolute; right: 20px; top: 17px; }
  #SM_Menu { display: none; position: relative; width: 100%; }
  #SMNav div { background-color: #0F7BBB; height: 2px; margin-bottom: 4px; width: 24px; }
  #nav { height: auto; margin-top: 11px; margin-left: 0px; width: 100%; background-color: #FFF; }
  #nav li { float: none; margin-right: 0; height: 45px; font-size: 1.4rem; font-size: 14px; line-height: 45px; border-bottom: solid 1px #afafb2; }
  /************************************************************************************ LANG-NAV **********************************************************************************/
  #langNav { float: left; height: 45px; top: 0px; width: 100%; background-color: #FFF; border-bottom: solid 1px #afafb2; }
  #langNav ul { margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0; }
  #langNav li { float: left; font-size: 1.4rem; font-size: 14px; line-height: 45px; height: 45px; width: 40px; margin-right: 0px; }
  /************************************************************************************ SUBNAV ************************************************************************************/
  #subnavHolder { display: none; }
  /************************************************************************************ NEWS ************************************************************************************/
  .containerClaim { font-size: 3.0rem; font-size: 30px; line-height: 36px; }
  .containerClaim h1 { font-size: 3.0rem; font-size: 30px; line-height: 36px; }
  .containerClaim h2 { font-size: 2.0rem; font-size: 20px; line-height: 26px; }
  .containerClaim h3 { font-size: 1.8rem; font-size: 18px; line-height: 22px; }
  .containerMore a { font-size: 2.0rem; font-size: 20px; line-height: 35px; }
  /************************************************************************************ TEMP-STYLES ************************************************************************************/
  .marg_down { margin-bottom: 40px; }
  h1 { font-size: 2.0rem; font-size: 20px; line-height: 20px; }
  h2 { font-size: 1.3rem; font-size: 13px; line-height: 13px; }
  strong { font-size: 1.3rem; font-size: 13px; line-height: 13px; }
  .pdf_name { ont-size: 1.2rem; font-size: 12px; }
  /************************************************************************************ ABOUT ************************************************************************************/
  .aboutTitel { margin-bottom: 10px; }
  .temp_about_txt { font-size: 1.3rem; font-size: 13px; line-height: 18px; }
  .temp_about_txt_pic { font-size: 1.3rem; font-size: 13px; line-height: 18px; }
  /************************************************************************************ LEISTUNGEN ************************************************************************************/
  .marg_leistungen_down { margin-bottom: 20px; }
  .leistungenTitel { margin-bottom: 10px; }
  .temp_leistungen_txt { font-size: 1.3rem; font-size: 13px; line-height: 18px; }
  .temp_leistungen_txt_pic { font-size: 1.3rem; font-size: 13px; line-height: 18px; }
  .leistungenSubTitel { font-size: 1.3rem; font-size: 13px; line-height: 18px; }
  #leistNavHolderSM { position: relative; float: right; width: 114px; display: block; }
  .viewprevLeistung a { display: block; position: relative; float: right; height: 50px; width: 50px; background-position: top center; background-repeat: no-repeat; border: 1px solid #cacaca; margin-right: 10px; background-image: url(../img/nav_l.jpg); }
  .viewnextLeistung a { display: block; position: relative; float: right; height: 50px; width: 50px; background-position: top center; background-repeat: no-repeat; border: 1px solid #cacaca; background-image: url(../img/nav_r.jpg); }
  /************************************************************************************ REFERENZEN ************************************************************************************/
  .refPicTxt { font-size: 1.3rem; font-size: 13px; line-height: 13px; }
  .temp_referenz_txt { font-size: 1.3rem; font-size: 13px; line-height: 18px; }
  .temp_referenzen_pic { margin-bottom: 20px; }
  #refNavHolder { margin-top: 20px; }
  .viewprev a { margin-right: 10px; }
  .viewgrid a { margin-right: 10px; }
  /************************************************************************************ TEAM ************************************************************************************/
  .teamName { font-size: 1.2rem; font-size: 12px; line-height: 13px; }
  .teamPosition { font-size: 1.2rem; font-size: 12px; line-height: 14px; }
  /************************************************************************************ CONTACT ************************************************************************************/
  .contactAddressHolder { width: 100%; margin-bottom: 35px; }
  .contactMapHolder { width: 100%; }
  .contactHeader { font-size: 3.5rem; font-size: 35px; line-height: 35px; letter-spacing: 0px; margin-bottom: 30px; }
  .contactTitel { letter-spacing: 0px; }
  .contactPhone { width: 50%; }
  .contactMail { width: 15%; }
  .contactVcard { width: 15%; } }
@media screen and (max-width: 500px) { /***********************************************/
  /* MAIN Divs                                 */
  /***********************************************/
  .wrap { width: 92%; padding-left: 4%; padding-right: 4%; margin: 0; }
  /************************************************************************************ HEADER ************************************************************************************/
  #headerWrapper { width: 92%; padding-left: 4%; padding-right: 4%; }
  /************************************************************************************ NEWS ************************************************************************************/
  .containerClaim h1 { font-size: 2.5rem; font-size: 25px; line-height: 30px; }
  .containerClaim h2 { font-size: 1.8rem; font-size: 18px; line-height: 24px; }
  .containerClaim h3 { font-size: 1.6rem; font-size: 16px; line-height: 20px; }
  .containerMore a { font-size: 1.5rem; font-size: 15px; line-height: 30px; }
  /************************************************************************************ TEMP-STYLES ************************************************************************************/
  .marg_down { margin-bottom: 40px; }
  /************************************************************************************ ABOUT ************************************************************************************/
  .aboutTitel { margin-bottom: 10px; }
  .temp_about_txt_pic { display: none; }
  .temp_about_pic { width: 100%; }
  .temp_about_pic.marg_down { margin-bottom: 10px; }
  .temp_about_txt_SM { font-size: 1.3rem; font-size: 13px; line-height: 18px; position: relative; float: left; width: 100%; display: block; margin-top: 10px; }
  .temp_about_txt_SM a { text-decoration: none; color: #004581; }
  /************************************************************************************ LEISTUNGEN ************************************************************************************/
  .leistungenTitel { margin-bottom: 10px; }
  .temp_leistungen_txt_pic { display: none; }
  .temp_leistungen_pic { width: 100%; }
  .temp_leistungen_pic.marg_leistungen_down { margin-bottom: 10px; }
  .temp_leistungen_txt_SM { font-size: 1.3rem; font-size: 13px; line-height: 18px; position: relative; float: left; width: 100%; display: block; }
  /************************************************************************************ REFERENZEN ************************************************************************************/
  .refOverviewHolder { width: 47.5%; margin-left: 5%; margin-bottom: 5%; }
  .refPicTxt { font-size: 1.2rem; font-size: 12px; line-height: 12px; }
  .refOverviewHolder:nth-child(3n+1) { margin-left: 5%; clear: none; }
  .refOverviewHolder:nth-child(2n+1) { margin-left: 0; clear: both; }
  .temp_referenz_titel { width: 100%; margin-right: 0; }
  .temp_referenz_txt { width: 100%; margin-top: 20px; margin-bottom: 30px; }
  #refNavHolder { display: none; }
  #refNavHolderSM { position: relative; float: right; width: 186px; display: block; }
  .viewnext a { float: right; }
  .viewprev a { float: right; }
  .viewgrid a { float: right; }
  /************************************************************************************ TEAM ************************************************************************************/
  .teamOverviewHolder { width: 47.5%; margin-left: 5%; margin-bottom: 5%; }
  .teamOverviewHolder:nth-child(3n+1) { margin-left: 5%; clear: none; }
  .teamOverviewHolder:nth-child(2n+1) { margin-left: 0; clear: both; }
  .namenMitarbeiter { margin-top: 20px; }
  .textMitarbeiter { padding-top: 20px; font-size: 1.3rem; font-size: 13px; line-height: 18px; width: 300px; }
  .contactHolderMitarbeiter { width: 300px; margin: 20px auto 10px; }
  .phoneMitarbeiter { line-height: 18px; font-size: 1.3rem; font-size: 13px; padding-top: 18px; padding-bottom: 18px; }
  .contactMitarbeiter { padding-top: 20px; padding-bottom: 20px; }
  .mailMitarbeiter { padding-top: 6px; }
  .vCardMitarbeiter { padding-top: 6px; }
  #teamNavHolder { margin-top: 20px; margin-bottom: 10px; }
  /************************************************************************************ CONTACT ************************************************************************************/
  #phoneCall { display: block; }
  #phoneCall a { color: #000000; text-decoration: none; }
  #noPhoneCall { display: none; }
  .contactAdress { padding-top: 5px; }
  .contactHeader { font-size: 2.5rem; font-size: 25px; line-height: 25px; } }