/* roboto-slab-500 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-slab-v22-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v22-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v22-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v22-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v22-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v22-latin-500.svg#RobotoSlab') format('svg'); /* Legacy iOS */
	font-display: fallback;
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
	font-display: fallback;
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
	font-display: fallback;
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
	font-display: fallback;
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v19-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
	font-display: fallback;
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v19-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
	font-display: fallback;
}

html, body {height:100%; width:100%; margin:0; padding:0; font-family:'Roboto' !important; font-size:15px; font-weight:300; color:#343435; background:#fff;}
section, header, footer, article {position:relative; display:block; width:auto; max-width:100%;}
div,* {box-sizing:border-box;}
.sectionMarker {position:absolute; top:-120px; left:0; height:1px; width:1px;}

img {height:auto; width:auto; max-width:100%; border:none;}
img.rounded {border-radius:50%;}
img.roundCorner {border:1px #d1dfde solid; border-radius:2em;}
a {color:#343435; text-decoration:none;}
a.underlined, span.underlined {text-decoration:underline;}
.clearfix:after {content:""; display:table; clear:both;}
.noWrap {white-space:nowrap;}
a.editorLink {position:absolute; top:0; right:0;}
a.editorLink:before {content:"\f044"; font-family:'icomoon' !important; font-size:50px; line-height:50px; color:#000;}
.larger {font-size:1.4em;}
p.condensed, ul.condensed, li.condensed, h2.condensed, h3.condensed {font-family:'Roboto Condensed';}
p.margin-top-0, ul.margin-top-0, li.margin-top-0, h2.margin-top-0, h3.margin-top-0 {margin-top:0;}

/* Header */
header {position:fixed; width:100%; display:block; z-index:90;}
#headerLine {height:20px; transition:0.1s; z-index:2;}
.scrolled #headerLine {height:10px;}
#headerMain {background-color:#fff; box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.5);}
#headerMain .container {padding:15px 0; z-index:10;}
.scrolled #headerMain .container {padding:10px 0;}
#headerMain a.logo {position:relative; display:inline-block; width:420px; transition:0.2s;}
#headerMain .logo img {display:block; width:100%;}
#headerMain .logo .underline, #headerMain .logo .uSpacer {position:absolute; top:66%; left:18.7%; height:10%; width:7.9%; z-index:11;}

.mainNav {height:auto; max-height:1px; overflow:hidden; transition:max-height 0.6s;}
.mainNav ul {margin:0; padding:15px 0;}
.mainNav li {list-style-type:none; padding:8px 0; text-align:center;}
.mainNav a {position:relative; display:inline-block; padding:0; font-size:1.2em; font-weight:700; text-decoration:none; color:#000;}
.mainNav a.act, .mainNav .liAct .aMain {color:#000;}
.mainNav li li a {font-size:1em;}
.navOpened .mainNav {max-height:460px;}
.badge {display:block; position:absolute; top:-4px; right:-18px; height:18px; width:18px; font-size:12px; font-weight:300; line-height:17px; text-align:center; color:#fff; background-color:#c52c48; border-radius:50%;}
#searchIcon, #phoneIcon, #navOpen {position:relative; display:inline-block; height:32px; width:32px; font-size:1.1em; line-height:32px; text-align:center; cursor:pointer;}
#searchIcon {color:#ccc;}
#phoneIcon {color:#000; background-color:#eee; border-radius:50%; transform:scale(1.2); transform-origin:center;}
#phoneIcon:before {content:"\f095"; font-family:'Icomoon' !important;}
#phoneLayer {display:none; position:absolute; top:36px; right:0; padding:10px 15px 10px 60px; font-family:'Roboto' !important; font-size:1.2em; line-height:1.1em; color:#000; z-index:96;}
#phoneLayer span {display:block; white-space:nowrap; font-weight:bold;}
#phoneLayer .icon-phone {position:absolute; top:50%; left:10px; margin-top:-0.7em; width:1.4em; font-size:1.6em; line-height:1.4em; text-align:center; color:#fff; background-color:#000; border-radius:50%;}
#phoneLayer .fontS {font-size:0.68em;}
#searchIcon:before {content:"\f002"; font-family:'Icomoon' !important;}
#searchLayer {display:none; position:absolute; top:60px; right:15px; width:300px; z-index:96;}
#searchLayer input {width:100%; padding:0.3em 1.8em 0.3em 0.5em; font-size:1.1em; border:none; background-color:#eee; border-bottom:1px #000 solid;}
#searchLayer input:focus {outline:none;}
#searchButton {position:absolute; display:block; top:0.2em; right:0.2em; font-size:1.4em; cursor:pointer;}
.phoneOpened #phoneLayer {display:block;}
.phoneOpened #phoneIcon:before {content:"\f00d";}
.searchOpened #searchLayer {display:block;}
.searchOpened #searchIcon:before {content:"\f00d";}
#navOpen:before {content:"\f0c9"; font-family:'Icomoon' !important; font-size:1.2em;}
.navOpened #navOpen:before {content:"\f00d";}
.mainContent {padding-top:133px;}

/* Content */
.mainContainer {padding-top:3.6em; padding-bottom:3.6em;}
.padding-bottom-0 .mainContainer {padding-bottom:0;}
h1 {font-family:'Roboto Slab',Times,serif; font-size:2.3em; font-weight:500; line-height:1.25em; text-align:center;}
h2 {font-family:'Roboto Slab',Times,serif; font-size:2em; font-weight:500; line-height:1.3em; text-align:center;}
h3 {font-size:1.6em; line-height:1.3em; font-weight:normal;}
h4 {font-size:1.3em; line-height:1.3em; font-weight:normal;}
h5 {font-size:1.1em; line-height:1.3em; font-weight:normal;}
h3.bgColored {font-size:1.3em; margin:0 -10px 1em; padding:0.1em 10px;}
.rowHeadline h1 {position:relative; margin:0 0 1em; padding:0.35em 0 0.6em;}
.rowHeadline h2 {position:relative; margin:0 0 1.25em; padding:0.4em 0 0.7em;}
.rowHeadline h1:after, .rowHeadline h2:after {content:""; display:block; position:absolute; bottom:0; left:50%; height:3px; width:120px; margin-left:-60px; transition:1s;}
.rowHeadline.io0 h1:after, .rowHeadline.io0 h2:after {width:60%; margin-left:-30%; opacity:0.01; transition:0;}
.rowHeadline.headOnly h1, .rowHeadline.headOnly h2 {margin-bottom:0;}
.col .rowHeadline h1, .col .rowHeadline h2 {text-align:left; margin-bottom:0; padding-bottom:0.3em;}
.col .rowHeadline h1:after, .col .rowHeadline h2:after {display:none;}
p {line-height:1.5em; margin:0.8em 0;}
ul {margin:0.8em 0; padding:0 0 0 15px; line-height:1.5em;}
.fontL {font-size:1.25em;}
.fontS {font-size:0.85em;}
a.button, a.buttonLight {position:relative; display:inline-block; padding:0.6em 2.2em; margin-top:1.6em; width:auto; min-width:12em; font-weight:bold; text-align:center; text-decoration:none; border-radius:1.4em; transition:0.1s;}
a.buttonLight {background-color:#fff !important; border:1px solid;}
.hasTeaserLink {cursor:pointer; transition:0.1s;}
.buttonHolder {position:absolute; bottom:15px; left:0; width:100%; text-align:center;}
video {width:auto; height:auto !important; max-width:100%;}

/* Slideshow */
.slick-slide {display:none; float:left; height:auto; min-height:1px;}
.slick-dots {position:absolute; bottom:1em; right:0; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
.slick-dots li {position:relative; display:inline-block; margin:0 0.5em; padding:0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display:block; width:20px; height:20px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent;}
.slick-dots li button:hover, .slick-dots li button:focus {outline:none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity:1;}
.slick-dots li button:before {content:""; display:block; position:absolute; top:20%; left:20%; width: 60%; height: 60%; text-align:center; opacity:.25; background-color:#fff; border-radius:50%;}
.slick-dots li.slick-active button:before {opacity:.75;}
.slick-arrow {font-size:0; line-height:0; display:block; position:absolute; top:0; width:50px; height:100%; cursor:pointer; border:none; outline:none; background-color:transparent; background-position:center; background-repeat:no-repeat; opacity:0.6; z-index:10;}
.slick-prev {left:0;}
.slick-next {right:0;}
.slick-prev:before {content:"\f104"; font-family:'icomoon' !important; font-size:40px; color:#fff; text-shadow:2px 2px 4px rgba(0,0,0,0.6);}
.slick-next:before {content:"\f105"; font-family:'icomoon' !important; font-size:40px; color:#fff; text-shadow:2px 2px 4px rgba(0,0,0,0.6);}

/* Header-Slideshow breit */
.headerSlidersLarge {}
.headerSlidersLarge .slider {position:absolute; top:0; opacity:0; height:390px; overflow:hidden;}
.headerSlidersLarge .slider:first-child, .headerSlidersLarge .slider.slick-slide {position:relative; opacity:1;}
.headerSlidersLarge .sliderContent {position:absolute; top:0; left:0; height:100%; width:100%; font-family:'Roboto Condensed',Arial, sans-serif;}
.headerSlidersLarge .sliderContent .container {display:flex; height:100%; align-items:center; justify-content:center;}
.headerSlidersLarge .sliderContent .col {padding:15px; text-align:center;}
.headerSlidersLarge h1 {margin:0; padding:0; color:#fff;}
.headerSlidersLarge .sliderContent h2 {margin:0; padding:0; font-size:2em; color:#fff;}
/*.headerSlidersLarge .sliderContent h2 span {background-color:rgba(0,33,77,0.6); padding:0.1em 15px; box-decoration-break:clone;}
.headerSlidersLarge .sliderContent p span {background-color:rgba(0,33,77,0.6); padding:0em 15px; box-decoration-break:clone;}*/
.headerSlidersLarge .sliderContent p {margin:0.5em 0 1em; padding:0; font-size:1.5em; color:#fff;}
.headerSlidersLarge .sliderContent a.button {display:inline-block; padding:0 1.5em; font-family:'Roboto',Arial,sans-serif; font-size:0.6em; text-decoration:none; color:#333; background-color:#fff; border-radius:1.2em;}
.headerSlidersLarge .slick-slide .sliderContent {transform: translateX(-100%); transition:1s;}
.headerSlidersLarge .slick-slide.slick-current .sliderContent {transform: translateX(0)}
.darker20 {background-color:rgba(0,0,0,0.2);}
.darker40 {background-color:rgba(0,0,0,0.4);}
.bgPic .picL {position:absolute; top:0; left:0%; height:100%; width:100%; background-position:center; background-size:cover;}
.bgPic .picS {display:none;}
@keyframe headerScale {
  0% {transform: scale(1.2); -webkit-transform: scale(1.2);}
  100% {transform: scale(1.0); -webkit-transform: scale(1.0);}
}
@-webkit-keyframes headerScale {
  0% {transform: scale(1.2); -webkit-transform: scale(1.2);}
  100% {transform: scale(1.0); -webkit-transform: scale(1.0);}
}
.headerSlidersLarge.noSlick .slider .bgPic .picL, .headerSlidersLarge .slick-current .bgPic .picL {animation-name: headerScale; animation-duration: 4s;}

/* Header-Slideshow / -Bild */
.headerSliders .slider {position:absolute; top:0; opacity:0; height:420px; overflow:hidden;}
.headerSliders .slider:first-child, .headerSliders .slider.slick-slide {position:relative; opacity:1;}
.headerSliders .sliderContent {position:absolute; top:0; left:0; height:100%; width:100%; font-family:'Roboto Condensed',Arial, sans-serif;}
.headerSliders .sliderContent .container {display:flex; height:100%; align-items:center;}
.headerSliders .sliderContent .col {padding:15px; width:50%;}
.headerSliders .sliderContent h2 {margin:0; padding:0; font-family:'Roboto Condensed',Arial,sans-serif; font-size:2em; text-align:left;}
.headerSliders .sliderContent p {margin:0.5em 0 1em; padding:0; font-size:1.5em;}
.headerSliders .sliderContent a.button {display:inline-block; padding:0.1em 2.5em; font-family:'Roboto',Arial,sans-serif; font-size:0.65em; text-decoration:none;}
.headerSliders .slick-slide .sliderContent {transform: translateX(-100%); transition:1s;}
.headerSliders .slick-slide.slick-current .sliderContent {transform: translateX(0)}
.headerSliders .slick-dots {width:50%;}
.picHolder {position:absolute; top:0; right:-10%; height:100%; width:50%; max-width:1100px; border-bottom-left-radius:100px; transform: skew(-20deg); overflow:hidden;}
.picHolder .picL {position:absolute; top:0; left:-10%; height:100%; width:100%; background-position:center; background-size:cover; transform:skew(20deg);}
.picHolder .picS {display:none;}
@keyframe headerScaleS {
  0% {transform: scale(1.2) skew(20deg); -webkit-transform: scale(1.2) skew(20deg);}
  100% {transform: scale(1.0) skew(20deg); -webkit-transform: scale(1.0) skew(20deg);}
}
@-webkit-keyframes headerScaleS {
  0% {transform: scale(1.2) skew(20deg); -webkit-transform: scale(1.2) skew(20deg);}
  100% {transform: scale(1.0) skew(20deg); -webkit-transform: scale(1.0) skew(20deg);}
}
.headerSliders.noSlick .slider .picHolder .picL, .headerSliders .slick-current .picHolder .picL {animation-name: headerScaleS; animation-duration: 4s;}

.breadcrumbs .mainContainer {padding:2.5em 0; border-bottom:1px #ddd solid;}
.breadcrumbs a {text-decoration:none;}
.startPage .breadcrumbs {display:none;}

/* Absatz */
.standard h3, .standard h4, .standard h5 {margin-top:0; margin-bottom:1em;}
.standard .pic img, .standard img.bordered {display:block; border-radius:1.5em;}
.standard p img.bordered {margin:-0.5em 0; border:1px #d1dfde solid;}
.standard ul {position:relative; margin:1em 0 0.5em; padding:0; overflow:hidden;}
.standard ul:before {content:""; display:block; position:absolute; top:0; left:0.7em; height:100%; width:1px; background-color:#ccc;}
.standard ul li {position:relative; list-style-type:none; margin:0; padding:0 0 0.8em 2.6em;}
.standard ul li:after {content:"\f00c"; font-family:'icomoon' !important; display:block; position:absolute; top:0em; left:0; font-size:0.8em; line-height:1.4em; height:1.5em; width:1.5em; text-align:center; border:2px solid; border-radius:50%; z-index:3;}
.standard ul li:last-child:before {content:""; display:block; position:absolute; bottom:-1.4em; left:0; height:100%; width:1.6em; background-color:#fff; z-index:2}
.standard ul.noDots:before {display:none;}
.standard ul.noDots li {padding-left:1.5em;}
.standard ul.noDots li:after {content:"\f105"; font-family:'icomoon' !important; top:-0.1em; font-size:1.1em; text-align:center; background-image:none; background-color:transparent !important; border:none;}
.standard ul.noDots li:last-child:before {display:none; height:1px;}

/* Teaser Startseite */
.mainTeasers .tMain {position:relative; width:auto; max-width:575px; margin:15px auto; padding-bottom:4.4em; font-size:0.9em; background-color:#fff; border:1px #d1dfde solid; border-radius:2em; overflow:hidden;}
.mainTeasers .tMain .pic {height:185px; padding:0; background-size:cover;}
.mainTeasers .tMain h3 {margin:0.5em 0; padding:0; font-size:2em; text-align:left;}
.mainTeasers .tMain .button {width:80%; text-align:center;}
.mainTeasers .tMain ul {position:relative; margin:1em 0 0.5em; padding:0; overflow:hidden;}
.mainTeasers .tMain ul:before {content:""; display:block; position:absolute; top:0; left:0.75em; height:100%; width:1px; background-color:#ccc;}
.mainTeasers .tMain li {position:relative; list-style-type:none; margin:0; padding:0 0.5em 0.8em 2.6em;}
.mainTeasers .tMain li:after {content:"\f00c"; font-family:'icomoon' !important; display:block; position:absolute; top:0em; left:0; font-size:0.9em; line-height:1.4em; height:1.5em; width:1.5em; text-align:center; border:2px solid; border-radius:50%; z-index:3;}
.mainTeasers .tMain li:last-child:before {content:""; display:block; position:absolute; bottom:-1.4em; left:0; height:100%; width:1.6em; background-color:#fff; z-index:2}
.mainTeasers .tMain a.more {display:inline-block; margin-left:2.6em; border-bottom:1px solid;}
.mainTeasers .tMain a.more:before {content:">";display:inline-block; margin-right:0.3em; font-weight:bold;}
.mainTeasers .content {width:auto; max-width:475px; margin:0 auto; padding:15px;}
.mainTeasers .tMenu {position:relative; padding-top:20px; font-size:0.9em; margin:15px auto;}
.mainTeasers .tMenu:before {content:"\f10e"; position:absolute; top:0; left:0; width:100%; text-align:center; font-family:'icomoon' !important; font-size:4.5em;}
.mainTeasers .tMenu h3 {position:relative; margin:1.5em -15px 0; padding: 0.5em 0; font-family:'Roboto Slab',Times,serif; font-size:2em; text-align:center; color:#333;}
.mainTeasers .tMenu ul {position:relative; margin:0.5em 1.5em; padding:0;}
.mainTeasers .tMenu li {list-style-type:none; border-bottom:2px #ccc solid;}
.mainTeasers .tMenu li a {position:relative; display:block; padding:1em 0 0.5em 2em;}
.mainTeasers .tMenu li a:before {content:">"; position:absolute; left:0;}

/* Referenzen */
.refSliders {padding-top:15px; padding-bottom:15px;}
.refSliders .slick-dots {bottom:0;}
.refSliders .slider {position:relative; height:340px; margin-bottom:3em; border-radius:1.5em; overflow:hidden; display:flex; align-items:center;}
.refSliders .picHolder {width:60%; max-width:680px;}
.refSliders .sliderContent {display:flex; height:100%; width:100%; align-items:center;}
.refSliders .sliderContent .col {width:45%; padding:10em 8%; text-align:center;}
p.refCitation {position:relative; font-size:1.1em; margin:1em 0;}
p.refCitation:before {content:"\f10e"; position:absolute; top:-2.5em; left:0; width:100%; text-align:center; font-family:'icomoon' !important; font-size:1em;}
p.refMeta {font-size:0.85em; font-style:italic;}

/* Akkordeon */
.accordeon .mainContainer {padding-top:0; padding-bottom:2px;}
.accordeon.hasPadding {padding-bottom:3em;}
.accordeon .rowHeadline {border-top:1px #ddd solid;}
.accordeon .rowHeadline h2 {position:relative; padding:0.8em 0.8em 0.8em 0; margin:0; font-family: 'Roboto',Arial,sans-serif; font-size:1.1em; text-align:left; cursor:pointer;}
.accordeon .rowHeadline h2:after {display:none;}
.accordeon .rowHeadline h2:before {content:"\f107"; font-family:'icomoon' !important; display:block; position:absolute; top:0.7em; right:0; height:auto; font-size:1.2em;  transition:0.1s;}
.accordeon.boxOpened .rowHeadline, .accordeon.clicked .rowHeadline {}
.accordeon.boxOpened .rowHeadline h2:before {transform:rotate(-180deg);}
.accordeon .rowContent {display: none;}
.accordeon.boxOpened .rowContent {display:block;}

/* Projekte */
.projects .teaser {position:relative; margin:0;}
.projects .teaser .pic {height:250px; padding-top:40px; background-color:#f0f3f5; border-radius:2em;}
.projects .teaser .pic a {display:flex; height:170px; width:190px; margin:0 auto;}
.projects .teaser .pic img {display:block; margin:0 auto;}
.projects .teaser .content {padding:15px; font-size:0.9em;}
.projects h3 {font-size:1.2em; margin:0 0 0.5em;}
.projects ul {margin:0; padding:0;}
.projects li {list-style-type:none; padding:0 0.5em; margin:0; text-transform:uppercase; border-left:3px #333 solid;}
.tagList {padding-top:2em; padding-bottom:0; margin-bottom:-2em;}
.tag {display:inline-block; padding:0.6em 1.2em; margin-right:1em; margin-bottom:1em; font-weight:bold; border-radius:2em; cursor:pointer;}


/* Icon-Teaser */
.iconTeasers .teaser {width:auto; font-size:0.9em; text-align:center; background-color:#fff; border:1px #d1dfde solid; border-radius:2em; overflow:hidden;}
.iconTeasers .icon {display:block; font-size:5em; line-height:1.5em;}
.iconTeasers h3 {margin:0; padding:0; font-size:1.7em; white-space:nowrap;}
.iconTeasers p {margin:0.8em 0;}

/* Services */
.services img {display:block; width:100%; height:auto;}
.services figure {position:relative; margin:0; padding:0; background-color:#ccc; border-radius:2em; transition:0.5s;}
.services figure.io0 {opacity:0.01; transform:scale(0.1); transition:0;}
.services figcaption {position:absolute; top:0; left:0; display:flex; height:100%; width:100%; align-items:center;}
.services a {display:block; width:100%; font-size:2em; font-weight:700; color:#fff; text-decoration:none;}

/* Subnav */
.colSubnav h3 {margin:1.1em 0 0.5em; padding:0.1em 0.5em;}
.colSubnav ul:before, .colSubnav ul li:last-child:before, .colSubnav ul li:after {display:none;}
.colSubnav ul li {padding:0; font-size:1.1em;}
.colSubnav li a {display:block; padding:0.35em 0.6em;}
.colSubnav li a.act {background-color:#f6f6f6;}

/* Smint-Links */
.standard a.intern {position:relative; display:inline-block; margin-left:0.8em; font-size:1.2em; font-weight:bold;}
.standard a.intern:before {position:absolute; left:-0.8em; content:"\f105"; font-family:'icomoon' !important;}

/* Formulare */
.boxForm .rowContent {background-color:#e7f2e1;}
.boxForm .boxContent {background-color:#E7F2E1; padding:0 0 40px;}
formRow {max-width:660px; clear:both; position:relative; padding:5px 10px; margin:0 auto; font-size:18px; line-height:20px;}
.formRow {position:relative; max-width:660px; clear:both; padding:5px 10px; margin:0 auto;}
.formRow h3 {margin:1em 0 0.3em; padding:5px 0;}
.formRow p {margin:0.5em 0 0.5em; padding:0;}
.formRow label {display:block;}
.rowCheck, .rowRadio, .rowText {}
.rowCheck input, .rowRadio input {float:left; z-index:2; text-align:center; margin:6px 10px;}
.rowCheck label, .rowRadio label {display:block; position:relative; padding:6px 0 4px 45px;}
.rowCheck label:before, .rowRadio label:before {content:""; display:block; position:absolute; top:0px; left:0px; height:1.7em; width:1.7em; background:#fff; border:1px #ACD332 solid; border-radius:5px;}
.formRow.selected label:before {background-color:#CEDF9B; border-color:#81ac00; background-image:url(../img/checked.png); background-position:center; background-repeat:no-repeat;}
.rowCheck .labelBox, .rowRadio .labelBox {display:block; position:absolute; top:0px; left:0px; height:30px; width:30px; background:#fff; border:1px #ACD332 solid; border-radius:5px;}
.formRow.selected .labelBox {background-color:#CEDF9B; border-color:#81ac00; background-image:url(../img/checked.png); background-position:center; background-repeat:no-repeat;}
.rowCheck label:hover .labelBox, .rowRadio label:hover .labelBox, .rowText:hover input, .rowText:hover textarea {box-shadow: 0px 0px 3px 2px #81ac00;}
.rowText {padding:5px 10px;}
.rowText input, .rowText textarea {width:100%; padding:5px 5px; box-sizing:border-box; font-family:Arial,sans-serif; font-size:16px; line-height:20px; background:#fff; border:1px #81ac00 solid; border-radius:5px;}
.rowText input.sum {font-weight:600; border:2px #0F3965 solid; box-shadow:none;}
.rowText label {font-size:16px; line-height:18px; padding:0 0 2px 3px;}
.rowSubmit {padding:45px 10px 15px; text-align:center;}
.boxForm button {font-size:1em; line-height:1.2em; padding:0.6em 1.2em; color:#fff; background-color:#284e83; border:none; border-radius:1.4em; cursor:pointer;}
.asterisk {font-weight:600; color:#c00;}
.formSet.marked {background-color:#fcc;}
.formMessage {position:relative; max-width:660px; padding:20px 10px; box-sizing:border-box; margin:40px auto 0; font-size:18px; font-weight:bold; background:#ffc; border:3px #fc6 solid; display:none;}

/* Blog */
.newsList .teaser {position:relative; width:auto; max-width:575px; margin:0 auto 15px; padding-bottom:4.4em; font-size:0.9em; background-color:#fff; /*border:1px #d1dfde solid;*/ border-radius:2em; overflow:hidden;}
.newsList .teaser .pic {border:1px #d1dfde solid; border-radius:2em; overflow:hidden;}
.newsList .teaser .picInner {display:block; width:100%; aspect-ratio:575/350; transition:0.5s;}
.newsList .teaser .content {position:relative; width:auto; max-width:475px; margin:0 auto; padding:15px;}
.newsList .teaser h3 {margin:0 0 0.5em; padding:0; font-size:1.5em; text-align:left;}
.newsList .teaser h3 a, .newsList .teaser:hover h3 a, .newsList .teaser h3 a:hover {color:#000;}
.newsList .teaser p {line-height:1.3em; margin:0;}
.newsList .teaser p.pubDate {position:absolute; top:-40px; right:15px; padding:0 5px; font-size:0.9em; background:rgba(255,255,255,0.6);}
.newsList .teaser p.category {margin:0; font-weight:bold;}
.newsList .teaser .button {width:80%; text-align:center;}
.rowMeta .col {font-size:0.9em; padding-bottom:20px;}
.rowMeta p {margin:0;}

.pageNav a {display:inline-block; height:2em; width:2em; margin-right:0.3em; line-height:1.9em; text-align:center; border-radius:50%;}
.pageNav a.inactive {color:#999;}
.pageNav a.num {color:#00214d; background-color:#fff; border:1px #00214d solid;}
.pageNav a.num.active {color:#fff; background-color:#00214d;}

/* Suche */
.searchList h3 {margin-bottom:0.5em;}
h3 .preHead {display:block; font-size:0.75em;}

/* Masonry Grid */
.grid {padding:0;}
.grid-item {width:33.3%; float:left;}
.grid-item img {display:block; width:94%; margin:3%; height:auto; border-radius:2em;}
.grid-item:after {content:"\f002"; font-family:'icomoon' !important; position:absolute; bottom:1.4em; right:1.4em; color:#fff; opacity:0.8;}
.mfp-gallery img {border-radius:3em;}
.mfp-title {font-size:0.9em; padding-right:66px;}
.mfp-content {padding:40px 0 50px;}
img.mfp-img {padding:0; min-width:366px;}
.mfp-figure:after {background:transparent; box-shadow:none;}

/* Zwei Boxen */
.twoBoxes .teaser {height:100%; margin:0; padding:30px; border-radius:2em;}
.twoBoxes .boxLeft .content {width:66%;}
.twoBoxes .teaserLink {font-size:1.3em; border-bottom:1px solid;}
.twoBoxes .teaserLink:before {content:">"; display:inline-block; padding-right:0.3em;}
.twoBoxes .boxRight  li {margin-bottom:1em;}
.twoBoxes .pic {padding-top:1.5em; perspective:500px; transform-origin:bottom right; transition:0.2s;}
.twoBoxes .iconHolder {text-align:right; font-size:6em; line-height:1em; opacity:0.5; transform-origin:bottom right; transition:0.2s;}
.twoBoxes .bgLightGray .iconHolder {color:#fff;}
.standard.twoBoxes img {width:66%; margin-left:auto; border-radius:0; transition:0.3s; transform: rotateY(-45deg); transform-origin: 100% 50% 0px; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px}


/* Spacer */
.spacerLine {padding:4em 0;}
.spacerLine .container {height:4px ; background:#e8ebed;}
.spacerLine .container:after {content:"\e900"; font-family:'icomoon' !important; position:absolute; top:0; left:50%; margin-top:-0.5em; margin-left:-0.5em; padding:0 3px; font-size:8em; line-height:1em; color:#e8ebed; background-color:#fff;}

.spacerE {padding:55px 0;}
.spacerE .container {height:2px; background:#f0f3f5;}
.spacerE .container:after {content:""; position:absolute; top:0; left:50%; height:111px; width:113px; margin-top:-55px; margin-left:-55px; background-image:url('../img/E-grau.png'); background-position:center; background-size:100% auto; background-repeat:no-repeat;}

/* Footer */
.footerNav .col {font-size:0.9em;}
.footerNav h3 {font-family:'Roboto Condensed', Arial, sans-serif; font-size:1.6em; text-transform:uppercase;}
.footerNav ul {padding:0;}
.footerNav li {list-style-type:none; margin:0; padding:0;}
.footerNav li a {display:block; padding:0.3em 0;}
.footerNav address {display:block; margin:0.5em 0 1.5em; font-style:normal; line-height: 1.5em;}
.footerNav .fontL {font-size:1.9em; margin-top:1.6em;}
.social .icon {display:inline-block; font-size:1.2em; line-height:1.4em; height:1.4em; width:1.4em; text-align:center; margin:10px 10px 0 0; color:#99b0b6; background-color:#fff; border-radius:0.3em;}
.bottomNav .container {font-size:0.95em;}
.bottomNav ul {margin:0 -0.5em; padding:0;}
.bottomNav .colRight ul {float:right;}
.bottomNav li {list-style-type:none; float:left;}
.bottomNav ul a {display:block; padding:0.3em 0.5em;}
.footerBottom {color:#748387; background-color:#f0f3f5; padding:2.4em 0; font-size:0.85em;}
#webInfo {display:block; position:absolute; right:15px; bottom:-2.4em; font-size:0.8em; color:#748387;}
#webInfo a {color:#748387;}

/* Startseite */
.startPage .headerSliders .slick-slide .sliderContent {transform:none;}
.startPage .headerSliders .sliderContent h2 {opacity:0; font-size:3.4em; text-transform:uppercase; font-weight:bold; margin-bottom:0;}
.startPage .headerSliders .h2Copy {position:absolute; top:15px; left:15px; font-size:3.4em; text-transform:uppercase; font-weight:bold;}

/* Farben */
.bgWhite {background-color:#fff;}
.bgLightGray {background-color:#f0f3f5;}
.bgLightGray.standard ul li:last-child:before {background-color:#f0f3f5;}
.bgGray, .footerNav {color:#fff; background-color:#919caa;}
.bgGray.standard ul li:last-child:before {background-color:#919caa;}
.bgGray h2, .bgGray h3, .bgGray a {color:#fff;}
.bgColored, h3.bgColored {color:#fff !important; background-color:#00214d;}
.bgColored h2, .bgColored h3, .bgColored a {color:#fff !important;}
a.button {color:#fff;}
a.buttonLight, .bgColored a.buttonLight, .bgColored a.buttonLight, .headerSliders .sliderContent a.button {color:#00214d; background-color:#fff; border-color:#00214d;}
.bgGray .teaser, .bgLightGray .teaser {border:none;}

#headerLine {background-color:#00214d;}
/*#headerLine {height:30px; background-color:#384245;}*/
#headerMain .logo .underline {background-color:#00214d;}
.headerSliders.light .sliderContent {color:#00214d;}
.headerSliders.light, .headerSliders.light p {background-color:#f0f3f5;}
.headerSliders .sliderContent {color:#fff;}
.headerSliders, .headerSliders p {background-color:#00214d;}
.headerSlidersLarge .sliderContent a.button, a.more {color:#00214d;}

.rowHeadline h1:after, .rowHeadline h2:after {background-color:#00214d;}
h3, h4, h5, .accordeon .rowHeadline h2, .breadcrumbs a.first {color:#00214d;}
.tag {color:#00214d; background-color:#f0f3f5;}
.button, .mainTeasers .tMain li:after, .standard ul li:after, .tag.act {color:#fff; background-color:#00214d;}
.standard ul.noDots li:after {color:#343435;}
.mainTeasers .tMain li:after, .standard ul li:after {border-color:#919caa;}
.mainTeasers .tMain ul:before, .standard ul:before {background-color:#919caa;}
.buttonLight {color:#00214d; border-color:#00214d;}
.slick-dots li button:before {background-color:#00214d;}
.refSliders .slider {background-color:#f0f3f5;}
p.refCitation:before, p.refMeta, .iconTeasers .icon, .mainTeasers .tMenu:before {color:#00214d;}
.newsList .teaser p.category {color:#00214d;}

.p_corporate .headerSliders .sliderContent, .p_web .headerSliders .sliderContent, .p_print .headerSliders .sliderContent, .p_hosting .headerSliders .sliderContent {color:#fff;}
.p_corporate .bgGray h3, .p_web .bgGray h3, .p_print .bgGray h3, .p_hosting .bgGray h3 {color:#fff;}

.p_corporate .bgGray, .p_corporate .bgGray.standard ul li:last-child:before, .p_corporate .standard ul:before, .p_corporate .mainTeasers .tMain ul:before {background-color:#bf959c;}
.p_corporate .refSliders .slider, .p_corporate .bgLightGray, .p_corporate .bgLightGray.standard ul li:last-child:before, .p_corporate .projects .teaser .pic {background-color:#f4f3f3;}
.p_corporate .bgColored, .p_corporate h3.bgColored, .p_corporate #headerLine, .p_corporate #headerMain .logo .underline, .p_corporate h1:after, .p_corporate h2:after, .p_corporate .button, .p_corporate .mainTeasers .tMain li:after, .p_corporate .standard ul li:after, .p_corporate .slick-dots li button:before, .p_corporate h3.bgColored {background-color:#9f0f28;}
.p_corporate .mainNav a.act, .p_corporate .mainNav .liAct .aMain, .p_corporate .mainNav li .liAct a {color:#9f0f28;}
.p_corporate .headerSliders, .p_corporate .headerSliders p, .services .corporate figure {background-color:#9f0f28;}
.p_corporate h3, .p_corporate h4, .p_corporate h5, .p_corporate .mainTeasers .tMenu:before, .p_corporate .breadcrumbs a.first, .p_corporate p.refCitation:before, .p_corporate p.refMeta, .p_corporate .iconTeasers .icon, .p_corporate .accordeon .rowHeadline h2, .newsList .teaser.corporatedesign p.category {color:#9f0f28;}
.p_corporate .buttonLight, .p_corporate .headerSliders .sliderContent a.button {color:#9f0f28; border-color:#9f0f28;}
.p_corporate .standard ul li:after, .p_corporate .mainTeasers .tMain li:after {border-color:#bf959c;}
.p_corporate .mainTeasers .tMain a.more {color:#9f0f28; border-color:#9f0f28;}
/*.p_corporate .social .icon {color:#bf959c;}*/

.p_web #headerLine, .p_web #headerMain .logo .underline, .p_web .headerSliders, .p_web .headerSliders p, .services .web figure {background-color:#0e4182;}
.p_web .bgColored, .p_web h3.bgColored, .p_web #headerLine, .p_web #headerMain .logo .underline, .p_web h1:after, .p_web h2:after, .p_web .button, .p_web .mainTeasers .tMain li:after, .p_web .standard ul li:after, .p_web .slick-dots li button:before, .p_web h3.bgColored {background-color:#0e4182;}
.p_web .mainNav a.act, .p_web .mainNav .liAct .aMain, .p_web .mainNav li .liAct a {color:#0e4182;}
.p_web .headerSliders, .p_web .headerSliders p, .services .print figure {background-color:#0e4182;}
.p_web h3, .p_web h4, .p_web h5, .p_web .mainTeasers .tMenu:before, .p_web .breadcrumbs a.first, .p_web p.refCitation:before, .p_web p.refMeta, .p_web .iconTeasers .icon, .p_web .accordeon .rowHeadline h2, .newsList .teaser.webdesign p.category {color:#0e4182;}
.p_web .buttonLight, .p_web .headerSliders .sliderContent a.button {color:#0e4182; border-color:#0e4182;}
.p_web .standard ul li:after, .p_web .mainTeasers .tMain li:after {border-color:#919caa;}
.p_web .mainTeasers .tMain a.more {color:#0e4182; border-color:#0e4182;}

.p_print .bgGray, .p_print .bgGray.standard ul li:last-child:before, .p_print .standard ul:before, .p_print .mainTeasers .tMain ul:before {background-color:#92b1a4;}
.p_print .refSliders .slider, .p_print .bgLightGray, .p_print .bgLightGray.standard ul li:last-child:before, .p_print .projects .teaser .pic {background-color:#f1f5f3;}
.p_print .bgColored, .p_print h3.bgColored, .p_print #headerLine, .p_print #headerMain .logo .underline, .p_print h1:after, .p_print h2:after, .p_print .button, .p_print .mainTeasers .tMain li:after, .p_print .standard ul li:after, .p_print .slick-dots li button:before, .p_print h3.bgColored {background-color:#006138;}
.p_print .mainNav a.act, .p_print .mainNav .liAct .aMain, .p_print .mainNav li .liAct a {color:#006138;}
.p_print .headerSliders, .p_print .headerSliders p, .services .print figure {background-color:#006138;}
.p_print h3, .p_print h4, .p_print h5, .p_print .mainTeasers .tMenu:before, .p_print .breadcrumbs a.first, .p_print p.refCitation:before, .p_print p.refMeta, .p_print .iconTeasers .icon, .p_print .accordeon .rowHeadline h2, .newsList .teaser.printdesign p.category {color:#006138;}
.p_print .buttonLight, .p_print .headerSliders .sliderContent a.button {color:#006138; border-color:#006138;}
.p_print .standard ul li:after, .p_print .mainTeasers .tMain li:after {border-color:#92b1a4;}
.p_print .mainTeasers .tMain a.more {color:#006138; border-color:#006138;}
/*.p_print .social .icon {color:#92b1a4;}*/

.p_hosting .bgGray, .p_hosting .bgGray.standard ul li:last-child:before, .p_hosting .standard ul:before, .p_hosting .mainTeasers .tMain ul:before {background-color:#d2c193;}
.p_hosting .refSliders .slider, .p_hosting .bgLightGray, .p_hosting .bgLightGray.standard ul li:last-child:before, .p_hosting .projects .teaser .pic {background-color:#f6f5f3;}
.p_hosting .bgColored, .p_hosting h3.bgColored, .p_hosting #headerLine, .p_hosting #headerMain .logo .underline, .p_hosting h1:after, .p_hosting h2:after, .p_hosting .button, .p_hosting .mainTeasers .tMain li:after, .p_hosting .standard ul li:after, .p_hosting .slick-dots li button:before, .p_hosting h3.bgColored {background-color:#c58f03;}
.p_hosting .mainNav a.act, .p_hosting .mainNav .liAct .aMain, .p_hosting .mainNav li .liAct a {color:#c58f03;}
.p_hosting .headerSliders, .p_hosting .headerSliders p, .services .hosting figure {background-color:#c58f03;}
.p_hosting h3, .p_hosting h4, .p_hosting h5, .p_hosting .mainTeasers .tMenu:before, .p_hosting .breadcrumbs a.first, .p_hosting p.refCitation:before, .p_hosting p.refMeta, .p_hosting .iconTeasers .icon, .p_hosting .accordeon .rowHeadline h2, .newsList .teaser.hosting p.category {color:#c58f03;}
.p_hosting .buttonLight, .p_hosting .headerSliders .sliderContent a.button {color:#c58f03; border-color:#c58f03;}
.p_hosting .standard ul li:after, .p_hosting .mainTeasers .tMain li:after {border-color:#d2c193;}
.p_hosting .mainTeasers .tMain a.more {color:#c58f03; border-color:#c58f03;}
/*.p_hosting .social .icon {color:#d2c193;}*/

.footerNav, .footerNav h3, .footerNav li a {color:#fff;}

@media screen and (max-width:575px){
  .headerSliders .sliderContent h2 {color:#fff; background-color:rgba(0,33,77,0.8);}
  .p_corporate .headerSliders .sliderContent h2 {color:#9f0f28; background-color:rgba(255,255,255,0.8);}
  .p_web .headerSliders .sliderContent h2 {color:#00214d; background-color:rgba(255,255,255,0.8);}
  .p_print .headerSliders .sliderContent h2 {color:#006138; background-color:rgba(255,255,255,0.8);}
  .p_hosting .headerSliders .sliderContent h2 {color:#c58f03; background-color:rgba(255,255,255,0.8);}
}

/* spezielle Seiten */
.tags .headerSlidersLarge {padding-bottom:2em;}
.tags .headerSlidersLarge .slick-dots {bottom:0;}
.tags .headerSlidersLarge .slick-dots li button:before {background-color:#333;}
.tags .headerSlidersLarge .sliderContent .col {position:absolute; top:0; right:15px; width:26em; padding:15px; font-size:0.6em; background-color:#333; transform:translateY(-100%) scale(10%); transform-origin:top center; transition-delay:0s; transition-duration:0.5s;}
.tags .headerSlidersLarge .slick-slide .sliderContent {transform:none;}
.tags .headerSlidersLarge .slick-slide.slick-current .sliderContent .col, .tags .headerSlidersLarge.noSlick .sliderContent .col {transform:none; transition-delay:1s;}
.tags .headerSlidersLarge .sliderContent h2 {font-family:'Roboto Condensed',Arial,sans-serif;}

.blogentry .headerSlidersLarge .sliderContent .col, .blogentry .headerSlidersLarge h2 {width:100%; text-align:center;}

/* Modifikationen */
p.refCitation.larger {font-size:1.6em; margin-top:2.8em; margin-bottom:0.8em;}
#a33 ul {margin-left:-1em;}
#a33 ul li {margin-left:29px;}
#a33 ul li:after {left:-9px;}
#a33 h3 img {margin-bottom:-4px;}

/* Media Queries */
@media screen and (min-width:991px){
  .headerSlidersLarge .sliderContent .col {padding:8.3%;}
  .tags header {position:absolute;}
  .tags .headerSlidersLarge .slider {height:50vw;}
  .tags #toTop {display:none; position:fixed; bottom:0.9em; right:10px; height:2em; width:2em; font-size:1.6em; z-index:12;}
  .tags #toTop:before {content:"\f062"; font-family:'icomoon' !important; display:block; height:2em; width:2em; text-align:center; line-height:1.8em; color:#fff; background:#333; border-radius:50%; cursor:pointer;}
  .scrolled.tags #toTop {display:block;}
  .teaserBox .row {margin-left:-15px; margin-right:-15px;}
  .teaserBox .row .row {margin-left:0; margin-right:0;}
  .teaser {margin:15px 0;}
  .hasLines .col {border-right: 1px #ccc solid;}
  .hasLines .col:last-child {border-right: none;}
  .bottomNav:before {content:"\e900"; font-family:'icomoon' !important; display:block; position:absolute; top:50%; left:50%; font-size:3em; margin-top:-0.6em; margin-left:-0.5em; color:#fff;}
}

@media screen and (min-width:1200px){
  body {font-size:18px;}
  #headerLine {height:40px;}
  #headerMain .container {padding:50px 0 40px; transition:0.1s;}
  #phoneLayer {top:40px; right:0; padding:15px 15px 15px 75px; color:#fff; background-color:#000;}
  #phoneLayer:after {content:""; display:block; position:absolute; top:-7px; right:21px; height:20px; width:20px; background-color:#000; transform:rotate(45deg);}
  #phoneLayer .icon-phone {color:#000; background-color:#fff;}
  #searchLayer {width:700px; padding-left:290px; top:80px; background-color:#fff;}
  .mainContent {padding-top:222px;}
  .mainNav {margin-top:-8px; max-height:150px; overflow:visible;}
  .mainNav ul {position:relative; float:right; /*display:inline-block;*/ margin:0; padding:0; z-index:95;}
  .mainNav li {float:left; padding:10px 0.55em;}
  .mainNav li.liMain {height:100px;}
  .mainNav .aMain {font-size:1.2em; color:#bbb;}
  .mainNav li ul {display:none; position:absolute; top:81px; left:0; display:none; width:auto; min-width:1000px;}
  .mainNav li:hover ul, .mainNav .liAct ul {display:block;}
  .mainNav li:hover .aMain {color:#000;}
  .mainNav li li a {font-size:0.9em;}
  #navOpen {display:none;}
  #searchIcon, #phoneIcon {display:inline-block; margin-top:0;}
  /*.scrolled header {top:0; left:0; width:100%;}*/
  .scrolled #headerMain .container {padding:10px 0;}
  .scrolled #headerMain a.logo {width:315px;}
  .scrolled #phoneLayer {top:30px; font-size:1em; padding-top:5px; padding-bottom:5px;}
  .scrolled #phoneLayer:after {height:10px; width:10px; top:-4px; right:26px;}
  .scrolled #searchLayer {top:42px; font-size:0.9em;}
  .scrolled .mainNav li ul {top:48px;}
  .scrolled .mainNav li.liMain {height:55px;}
  .tags.scrolled #headerMain a.logo {width:420px;}
  .headerSliders .slider, .headerSlidersLarge .slider {height:540px;}
  .refSliders .slider {height:400px;}
  a.button:hover, .button:hover, .buttonLight:hover {box-shadow: 0px 2px 6px rgba(0,0,0,0.5); transform:scale(1.05);}
  a.button:hover:after, a.buttonLight:hover:after, .hasTeaserLink:hover a.button:after {content:"\f105"; font-family:'icomoon' !important; position:absolute; right:1em;}
  .tMain a.more:hover {border-width:2px;}
  .tMain a.button:hover:after, .tMain a.buttonLight:hover:after {font-size:1.2em;}
  a.noDeco:hover {text-decoration:underline;}
  footer a:hover {text-decoration:underline;}
  .hasTeaserLink:hover {transform:scale(105%); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); transition:0.1s;}
  /*.hasTeaserLink:hover h1, .hasTeaserLink:hover h2, .hasTeaserLink:hover h3, .hasTeaserLink:hover h1 a, .hasTeaserLink:hover h2 a, .hasTeaserLink:hover h3 a, .hasTeaserLink:hover .icon {color:#009b8a;}*/
  .hasTeaserLink:hover .button {transform:none; box-shadow:none;}
  .pageNav a.num:hover {color:#fff; background-color:#000;}
  .newsList .hasTeaserLink:hover {transform:none; box-shadow:none;}
  .newsList .teaser:hover .picInner {transform:scale(1.05);}
  .details .col {height:385px;}
  .details p {line-height:1.4em;}
  .details p.result {bottom:3em;}
  .mainTeasers .tMain {font-size:0.8em;}
  .references .pic {height:80px;}
  .standard .col.content {padding-left:30px; padding-right:30px;}
  .standard .col.pic {padding-left:0; padding-right:15px;}
  .standard .pic.col-lg-push-6 {padding-left:15px; padding-right:0;}
  .standard .pic.noBorder {padding:15px;}
  .projects .hasTeaserLink:hover {transform:none; box-shadow:none;}
  .projects .teaser {background-color:#f0f3f5; border-radius:2em;}
  .projects .teaser .pic {height:360px; padding-top:95px;}
  .projects .teaser .content {position:absolute; top:0; left:0; height:100%; width:100%; color:#fff; background-color:#343435; border-radius:2em; opacity:0; transform:scaleX(1%); transition:0.2s;}
  .projects .teaser:hover .content {opacity:1; transform:scaleX(100%);}
  .projects h3 {font-size:1em; text-transform:uppercase; color:#fff !important;}
  .projects ul {position:absolute; bottom:15px; right:15px;}
  .projects li {text-align:right; border-left:none; border-right:3px #fff solid;}
  .services figure:hover {transform:scale(105%); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); transition:0.1s;}
  .standard.twoBoxes .hasTeaserLink:hover .pic {transform:scale(1.1);}
  .standard.twoBoxes .hasTeaserLink:hover .iconHolder {transform:scale(1.6); opacity:0.2;}
  .twoBoxes .hasTeaserLink:hover .teaserLink {border-width:2px;}
  .twoBoxes .hasTeaserLink:hover {transform:none; box-shadow:none;}
  .twoBoxes .boxRight a:hover {text-decoration:underline;}
  .boxForm button:hover {box-shadow: 0px 2px 6px rgba(0,0,0,0.5); transform:scale(1.05);}
  .footerFirst ul, .footerSecond ul {font-size:0.85em;}
  .footerSecond .icon:hover {text-decoration:none; transform:scale(1.1);}
  .tags #toTop {bottom:0.6em;}
}

@media screen and (min-width:1200px) and (max-height:800px){
  #headerMain .container {padding:30px 0 20px;}
  .mainNav li ul, #searchLayer {top:71px;}
  #phoneLayer {padding-top:10px; padding-bottom:10px;}
  .mainContent {padding-top:182px;}
}

@media screen and (min-width:1680px){
  .headerSliders .slider, .headerSlidersLarge .slider {height:580px; font-size:1.1em;}
  .headerSliders .sliderContent .col {width:55%;}
}

@media screen and (min-width:2200px){
  .headerSliders .slider, .headerSlidersLarge .slider {height:700px; font-size:1.2em;}
  .headerSliders .sliderContent .col {width:60%;}
}

@media screen and (max-width:990px){
  .headerSliders .slider, , .headerSlidersLarge .slider {height:320px;}
  .headerSliders .sliderContent .col {padding:15px; font-size:0.8em;}
  .headerSliders .sliderContent a.button {font-size:0.75em; padding-top:0.25em; padding-bottom:0.25em;}
  .picHolder {right:-15%;}
  .picHolder .picL {width:130%; margin-left:-15%;}
  .refSliders .slider {margin-bottom:0;}
  p.refCitation {font-size:1em;}
  .hasLines .col {border-bottom:1px #ccc solid;}
  .col-md-12 .col {padding-left:0; padding-right:0;}
  .col .rowHeadline h1, .col .rowHeadline h2 {text-align:center; padding:0.35em 0 0.6em; margin:0.5em 0 1em;}
  .col .rowHeadline h1:after, .col .rowHeadline h2:after {display:block;}
  /*.col-md-12 .col {text-align:center;}
  .col-md-12 .col li {padding-left:0;}
  .col-md-12 .col ul:before, .col-md-12 .col li:after {display:none;}*/
  .colSubnav h3 {position:relative; padding:0.4em 0; margin:0; font-size:1.3em !important; text-align:center; cursor:pointer;}
  .colSubnav h3:before {content: "\f0c9"; font-family: 'Icomoon' !important; position:absolute; right:10px;}
  .colSubnav.opened h3:before {content:"\f00d";}
  .colSubnav ul {padding-top:1px; height:auto; max-height:1px; transition:0.5s;}
  .colSubnav.opened ul {max-height:240px;}
  .colSubnav a {padding:0.5em 0; text-align:center;}
  .services a {font-size:1.6em;}
  .twoBoxes .boxLeft .content {width:auto;}
  .standard.twoBoxes img {width:auto;}
  /*h3 {text-align:center;}*/
  .footerNav .row {display:flex; flex-wrap:wrap;}
  .footerNav .col, .bottomNav {font-size:1em;}
  .footerNav .fontL {margin-top:0.5em;}
  .bottomNav .colRight ul {float:none;}
  .bottomNav ul a {padding:0.6em 0.5em;}
}

@media screen and (max-width:990px) and (orientation:landscape){
  header {position:absolute;}
  .mainNav li ul {padding:5px 0;}
  #toTop {display:none; position:fixed; bottom:0.9em; right:10px; height:2em; width:2em; font-size:1.6em; z-index:12;}
  #toTop:before {content:"\f062"; font-family:'icomoon' !important; display:block; height:2em; width:2em; text-align:center; line-height:1.8em; color:#fff; background:#333; border-radius:50%; cursor:pointer;}
  .scrolled #toTop {display:block;}
  #headerLine, .scrolled #headerLine {height:15px !important;}
  #headerMain .container, .scrolled #headerMain .container {padding:10px 0;}
  #headerMain a.logo {width:210px;}
  #navOpen {margin-right:-10px;}
  #searchIcon, #phoneIcon, #navOpen {margin-top:0;}
  #searchIcon {display:none;}
  #phoneLayer {top:-6px; right:85px; color:#fff; background-color:#000;}
  #phoneLayer .icon-phone {color:#000; background-color:#fff;}
  .headerSliders .sliderContent .col {width:60%;}
  .sectionMarker {top:-74px;}
  .mainContent {padding-top:84px;}
}

@media screen and (max-width:767px){
  #headerLine {height:15px;}
  .scrolled #headerLine {height:5px;}
  #headerMain a.logo {width:210px;}
  #navOpen {margin-right:-10px;}
  #searchIcon, #phoneIcon, #navOpen {margin-top:0;}
  #searchIcon {display:none;}
  #phoneLayer {top:-6px; right:85px; color:#fff; background-color:#000;}
  #phoneLayer .icon-phone {color:#000; background-color:#fff;}
  .headerSliders .sliderContent .col {width:60%;}
  .sectionMarker {top:-74px;}
  .mainContent {padding-top:84px;}
  .breadcrumbs {display:none;}
  .mainTeasers .tMenu {display:none;}
  .refSliders .slider {height:300px; margin-bottom:0;}
  .refSliders .picHolder {width:50%;}
  .refSliders .sliderContent .col {width:65%;}
  .footerFirst ul, .footerSecond ul {float:none;}
  .footerFirst li, .footerSecond li {float:none;}
  .grid-item {width:49.8%;}
  .grid-item img {border-radius:1.5em;}
  .grid-item:after {bottom:1.2em; right:1.2em;}
  .mfp-gallery img {border-radius:2em;}
  .spacerLine {padding:2.2em 0;}
  .spacerLine .container {height:2px;}
  .spacerLine .container:after {font-size:4em;}
  .twoBoxes .teaser {margin-bottom:15px;}
}

@media screen and (max-width:575px){
  body {font-size:15px;}
  h1 {font-size:1.7em;}
  h2 {font-size:1.5em;}
  .fontL {font-size:1.1em;}
  .picL {display:none;}
  .picS {display:block; height:100%; background-size:cover; background-position:center;}
  .headerSlidersLarge h1 {font-size:2em;}
  .headerSliders {background-color:transparent !important;}
  .headerSliders .slider {height:auto; margin-bottom:0;}
  .headerSliders .picHolder {position:relative; top:0; right:auto; height:auto; width:auto; border-bottom-left-radius:0; transform:none;}
  .headerSliders .picS, .headerSlidersLarge .picS {display:block; height:350px; background-size:cover; background-position:center;}
  .headerSliders .sliderContent {position:relative;}
  .headerSliders .sliderContent .col {width:100%;}
  .headerSliders .sliderContent h2, .startPage .headerSliders .sliderContent {text-align:left;}
  .headerSliders .sliderContent h2, .startPage .headerSliders .sliderContent h2 {position:absolute; bottom:100%; left:0; padding:0 0.2em 0 15px; font-size:2.1em; float:left; font-weight:500; opacity:1;}
  .startPage .headerSliders .sliderContent h2 br {display:none;}
  .startPage .headerSliders .h2Copy {display:none;}
  .headerSliders .sliderContent p {display:inline; margin-left:-15px; padding:0.2em 5px 0.2em 15px; -webkit-box-decoration-break:clone; box-decoration-break:clone; line-height:2em;}
  .headerSliders .slick-dots {width:100%; bottom:-2em;}
  .headerSlidersLarge .slider {height:350px;}
  .tags .headerSlidersLarge {padding-bottom:0;}
  .colSubnav {padding:0;}
  .mainTeasers .teaser, .newsList .teaser {margin:0 -15px; border:none; border-radius:0;}
  .mainTeasers.bgLightGrey .tMain li:last-child:before {background-color:#f6f6f6;}
  .newsList .teaser .pic {border:none; border-radius:0;}
  .services figure {border-radius:0;}
  .refSliders {padding:15px 0 0;}
  .refSliders .slider {height:auto; border-radius:0;}
  .refSliders .picHolder {position:relative; top:0; right:auto; height:200px; width:auto; border-bottom-left-radius:0; transform:none;}
  .refSliders .picL {display:block; height:200px; background-size:cover; background-position:center; transform:none;}
  .refSliders .sliderContent {display:block; position:relative; height:auto;}
  .refSliders .sliderContent .col {width:auto; padding:4em 45px 2em;}
  .iconTeasers .teaser {margin:-15px; max-width:120%; border:none; border-radius:0;}
  .iconTeasers .button {display:block; width:auto; margin:0 -15px; font-size:1.2em; border-radius:0;}
  .standard h3 {font-size:1.4em;}
  .standard .pic {padding:0 0 15px;}
  .standard .pic img, img.roundCorner {border:none; border-radius:0;}
  .projects .teaser .pic {border-radius:0; margin-left:-15px; margin-right:-15px;}
  .grid-item img, .mfp-gallery img {border-radius:0;}
  .twoBoxes .teaser {margin:0 -15px; padding:15px; border-radius:0;}
  .standard.twoBoxes img {width:300px;}
  .footerNav .mainContainer {padding-top:0;}
  .footerNav .col {border-top:1px #fff solid;}
  
  .bottomNav li {float:none;}
  .bottomNav ul a {text-align:center;}
}