/* 
*
*	Mobile View - Portait
*
*/
@media screen and (max-width:400px) and  (min-resolution: 120dpi){
	@-ms-viewport { width:480px}
}

html,body { overflow:auto}

body,
#header { min-width:0;}
body { background:#fff; font-size:22px}

html.ios, 
html.ios body {  height:auto; width:auto; overflow:auto;} 

#inner>section, #inner>main, #inner>footer {max-height:none}

#mainmenu,
#slider .sol-lft,
#slider .sol-rt { display:none}

html.mobile #inner { overflow:auto;overflow-x:hidden; width:480px}
html.mobile #container { overflow:hidden;-webkit-backface-visibility: hidden;}
#inner,
#container { max-height:none; width:480px}

#sponsoring,
#mainContent { padding:30px 25px}
#footer { width:auto;}

.block-grid  {-webkit-column-count:1;-moz-column-count: 1;-o-column-count: 1;-ms-column-count: 1;column-count:1;}
.block-text .inner { font-size:22px}
#scrollOuter,
#mainContent .row { height:auto !important}

fieldset .formItem label.required:after { position:static}
/* -- Header  -- */
#header { padding:20px 30px}
#header #logo { margin-right:0}

#topmenu ul li a { font-size:13px;}
#topmenu ul li.ico a { top:3px;}

#trigger-overlay { position:absolute; width:195px; height:35px; left:0; top:17px; border:0; -webkit-border-radius:0; background:rgba(0,0,0,0);}
#trigger-overlay .name { display:none}
#trigger-overlay .hamburger { width:12px; height:15px; position:absolute; left:0; top:8px}
#trigger-overlay .hamburger:before,
#trigger-overlay .hamburger:after,
#trigger-overlay .hamburger .mid { width:12px; height:3px; display:block;position:absolute;left:0; background:#888}

#trigger-overlay .hamburger:before,
#trigger-overlay .hamburger:after { content:" "; }

#trigger-overlay .hamburger:before { top:0;}
#trigger-overlay .hamburger:after { bottom:0;}
#trigger-overlay .hamburger .mid {top:6px}

/* -- Reset Layout -- */
#inner, #container { height:auto !important}
#teaser .teaserInner .teaserItem {height:auto !important}
#teaser .teaserInner .teaserItem img { height:auto !important; width:100% !important}
body.front #teaser .teaserInner .teaserItem img { height: inherit !important; width:auto !important}

#teaser,
#links .lft,
#links .rt,
body.referenzdetail .block-text,
body.referenzdetail #subContent,
body.referenzdetail #footer { width: auto !important}

.ss-slide img { min-height:0}
#inner { display:block; /*padding-top:65px */}

#links .lft { margin-right:0; margin-bottom:30px}
.btnRound.large { width:60px; height:60px}

/* -- Teaser -- */
#teaser  {}
#teaser .overlay {width:100%; left:0; right:0; top:auto; bottom:-3px; height:75px;background-image:url(../gfx/mobile/teaser-overlay.svg); zoom:1}
#teaser .teaserInner { overflow:visible;}
#teaser .teaserTxt { width:250px; height:250px;right:20px}
#teaser .teaserTxt .desc { padding:0 30px}
#teaser .teaserTxt .desc strong { height: 135px;font-size: 25px;line-height: 26px;}
#teaser .teaserTxt .desc a.btnMore { font-size:12px}
#teaser .ss-pag-wrap { padding:15px 0}

body.front #teaser { }
body.front #teaser .overlay {bottom:78px; height:75px}
html.wp body.front #teaser .overlay {bottom:78px;}
body.front #teaser .teaserInner {  margin-bottom:80px;}
body.front #teaser .teaserInner .teaserItem { height:350px !important;width:480px}
body.front #footer { margin-left:0}

html.iosNew body.front #teaser .ss-slide { width:480px !important; height:350px !important;}

@-moz-document url-prefix() { 
	body.front #teaser .overlay {bottom:0;}
}
/* -- Startseite -- */
#teaser .btnRound { display:none}
.block-news { width:410px; margin-bottom:30px !important}
.block-news a.img { width:430px; height:430px}
.block-news h3 { font-size:26px; line-height:28px; padding:0 0 20px}
.block-news .inner { font-size:22px; line-height:27px; height:auto !important}
.block-news a.btnMore {font-size:18px}
.block-service { width:auto; min-height:65px}
.block-service h3.ico { font-size:20px}
.block-service a.btnMore,
.block-service .inner { display:none}

@-moz-document url-prefix() { 
.block-service h3.ico {padding-bottom:30px}
}

.block-img > img { height: auto !important; width: 100% !important}

body.front #mainContent { padding:25px 25px 25px}

body.front #subContent { padding-left:25px; margin-right:0; width:auto; padding-right:25px; overflow:hidden; padding-top:100px; padding-bottom:100px; margin-bottom:-100px}
body.front #subContent .subBg,
body.front #subContent .subBgLine { left:50%; margin-left:-450px}

body.front #subContent .contentHead { padding-top:20px; font-size:18px; line-height:24px; margin-bottom:20px}
#subContent .contentHead h2 { line-height:36px; font-size:30px;}
body.front #subContent .contentHead p { margin-bottom:40px}

#overlayBox .subBg, 
#subContent .subBg, 
#overlayBox .subBgLine,
#subContent .subBgLine { width:900px; height:730px}

body.front #footer #gmap { height:auto !important}
body.front #footer #gmap img { height:700px;  margin-left:-538px;position: relative; display:block;width:auto}
body.front #footer #contactBox { left:50%; margin-left:-150px; right:auto; margin-top:-90px}

/* -- Agentur -- */
.block-leistungen .top {left:70px; top:50px;}
.block-leistungen .right { right:70px; top:50px}
.block-leistungen .bottom { left:70px; top:180px}
.block-leistungen .left { right:70px; top:180px}
.block-leistungen .inner { width: auto; position:relative; left:0; margin-left:0; top:320px; padding:0 50px}
.block-leistungen .inner p { height:160px; text-align:center; width:400px; left:36px}

body.agentur #teaser .teaserInner { width:480px !important}

body.agentur .block-text { padding-right:0}
body.agentur #sponsoring .block-text .inner { height:auto}
body.agentur .block-leistungen { top:0; height:518px !important; width:480px; margin:0 -25px; background:url(../gfx/handcircle-mobile.svg) no-repeat center; background-size:cover}
body.agentur .block-leistungen a.box { background-image:none}

body.agentur #mainContent{ padding-bottom:100px}

body.agentur #teaser .teaserInner .teaserItem .headline { font-size:32px; line-height:40px; left:50px}
body.agentur #teaser .teaserItem video { width:480px; height:270px; position:relative; z-index:1; margin-left:0}
body.agentur #teaser .teaserItem a.btn.icon-play { position:absolute; left:50%; top:50%; margin-left:-35px; margin-top:-35px; z-index:2}

body.agentur #subContent { /*overflow: visible !important; */ width:480px; padding:50px 25px 70px !important}
body.agentur #subContent:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

body.agentur #subContent .row { display:inline}
body.agentur #subContent .row:after { display:none}
body.agentur #subContent .row.subRow { margin-left:0}
body.agentur #subContent .row .block a.img { width:150px !important; height:150px !important}

body.agentur #subContent .block-teamplayer a.img span { width: inherit;}
body.agentur #subContent .block-teamplayer a.img strong { font-size:13px !important; line-height:16px !important; width:inherit; height:80px; text-align:center}
body.agentur #subContent .block-teamplayer a.img strong small { font-size:10px !important}
body.agentur #subContent .block-teamplayer a.img em { font-size: 11px; padding-top:5px; margin:0 25px; line-height:normal}

body.agentur #subContent > .subBg, 
body.agentur #subContent > .subBgLine { width: 1072px;height: 1024px;margin-left: -300px;}

body.agentur #overlayBox { width:480px; padding-left:0; top:53px}
.android body.agentur #overlayBox { -webkit-transform-style: preserve-3d;}
body.agentur #overlayBox aside { padding:455px 25px 0}
body.agentur #overlayBox aside .block { width:auto}
body.agentur #overlayBox aside h3 { margin-bottom:10px; font-size:35px}
body.agentur #overlayBox aside .inner { font-size: 16px; line-height:24px; padding-top:15px;}

body.agentur #overlayBox #imgPlace { width:inherit; overflow:visible}
body.agentur #overlayBox #imgPlace .profileImg { 
	width: 1072px; height: 1024px; top:-39px; margin-left:-536px;left:50%;
	-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);transform: translate(0, 0);
}
body.agentur #overlayBox #imgPlace .profileImg svg#staffImg { display:none}
body.agentur #overlayBox #imgPlace .profileImg svg#staffImgMobile{ width:480px !important; height:auto !important; position:static; top:0; margin:0 auto; display:block}
/*
body.agentur #overlayBox.slideIn #imgPlace svg {
	-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
}
body.agentur #overlayBox .subBg {
	-webkit-transform: translate3d(0, 110%,0);-moz-transform: translate3d(0, 110%, 0);-o-transform: translate3d(0, 110%, 0);
	-ms-transform: translate3d(0, 110%, 0);transform: translate3d(0, 110%, 0);
}
body.agentur #overlayBox.slideIn .subBg {
	-webkit-transform: translate3d(0,-50%,0);-moz-transform: translate3d(0,-50%,0);-o-transform: translate3d(0,-50%,0);
	-ms-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);
}
body.agentur #overlayBox #imgPlace svg {
	-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0);-o-transform: translate3d(0, -100%, 0);
	-ms-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);
}
body.agentur #overlayBox.slideIn #imgPlace svg {
	-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
}
body.agentur #overlayBox aside {
	-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0);-o-transform: translate3d(0, -100%, 0);
	-ms-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);
}
body.agentur #overlayBox.slideIn aside {
	-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
}
*/

body.agentur #overlayBox.slideIn #imgPlace svg {
	-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);transform: translate(0, 0);
}
body.agentur #overlayBox .subBg {
	-webkit-transform: translate(0, 110%);-moz-transform: translate(0, 110%);-o-transform: translate(0, 110%);
	-ms-transform: translate(0, 110%);transform: translate(0, 110%);
}
body.agentur #overlayBox.slideIn .subBg {
	-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);transform: translate(0,-50%);
}
body.agentur #overlayBox #imgPlace svg {
	-webkit-transform: translate(0, -100%);-moz-transform: translate(0, -100%);-o-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);transform: translate(0, -100%);
}
body.agentur #overlayBox.slideIn #imgPlace svg {
	-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);transform: translate(0, 0);
}
body.agentur #overlayBox aside {
	-webkit-transform: translate(0, -100%);-moz-transform: translate(0, -100%);-o-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);transform: translate(0, -100%);
}
body.agentur #overlayBox.slideIn aside {
	-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);transform: translate(0, 0);
}

body.agentur #overlayBox .subBg, 
body.agentur #overlayBox .subBgLine,
body.agentur #overlayBox .bgOuter { width: 1072px;height: 1024px;}

body.agentur #overlayBox > .btnRound { right:30px; margin-top:-136px}

#overlayBox .subBg, 
#subContent .subBg { left:0; margin-top:-2px}

body.agentur #staffImg { display:none}
body.agentur #staffImgMobile { display:block}

body.agentur #overlayBox .bgOuter {
	left:50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
body.agentur #sponsoring .block-text { height:auto !important}
body.agentur .row .block {display: block;float:left;}

#sponsoring { padding-top:70px}
#sponsoring .block-text { width:auto !important; padding-right:0 !important}
#sponsoring .block-text .inner,
#sponsoring .block-text .inner .column { width:auto !important}
#sponsoring .block-text .inner .column { margin-right:0 !important }

#sponsoring .row.table { display:block}
#sponsoring .row.table .cell { display:block; float:left; width:33.3%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; height:110px; margin-bottom:10px}
#sponsoring .row.table .cell img { width:auto !important; height:auto; max-width:100px; margin:0 auto }
#sponsoring .row.table .cell a{ display:table-cell; height:110px; vertical-align:middle; text-align:center; width: inherit}
#sponsoring .row.table .cell:nth-child(4) { border-left:0}
#sponsoring .row.table:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}

/* -- Referenzen -- */
.block-referenz { margin-bottom:50px}
.block-referenz a.img { width:540px; height:540px}
.block-referenz .name { right:-10px; bottom:-50px}
.block-referenz .name h3 { font-size:23px; padding:60px 30px 10px}

body.referenzen #mainContent { width:auto !important}
body.referenzen #mainContent .row .block { float:none}
body.referenzen .block-text { width:auto; margin-right:0; margin-bottom:30px; height:auto}
body.referenzen .block-text .inner { height:auto}
body.referenzen .block-text .subInner img{ height:auto !important; width:90px !important}
body.referenzen .block-text .subInner img{}

body.referenzen .block-referenz { margin-top:0; margin-right:auto; margin-left:-55px; margin-bottom:70px}

/* --  Referenzen Detail -- */
body.referenzdetail #footer { padding:0 25px 30px}
body.referenzdetail #mainContent { padding: 30px 25px}
body.referenzdetail #subContent { padding:0; overflow:visible; margin-bottom:30px}
body.referenzdetail .block-text .inner {-webkit-column-count:1;-moz-column-count: 1;-o-column-count: 1;-ms-column-count: 1;column-count:1;}

body.referenzdetail #subContent .swiper-wrapper,
body.referenzdetail #subContent .swiper-slide { height:285px !important}

body.referenzdetail .block-img { padding:30px 0}
body.referenzdetail .block-img img { width: 100% !important; margin-top:0}

body.referenzdetail #teaser .teaserInner { width:auto;}
body.referenzdetail #teaser .teaserInner img { 
	width:100% !important; height:auto; position:static;transform: translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform:translate(0, 0);-ms-transform: translate(0, 0);
}
body.referenzdetail #footer {display: -webkit-box; display:flex;-webkit-box-orient: vertical; flex-direction: column}
body.referenzdetail #footer #otherreferences {-webkit-box-ordinal-group: 2;  order:2}
body.referenzdetail #footer #links { -webkit-box-ordinal-group: 1; order:1}

.block-references a.img { width:150px; height:150px;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;-o-user-select: none; user-select: none;}
.block-references a.img span { width:100px}
.block-references a.img strong{ font-size:13px; line-height:20px; height:85px}
.block-references a.img em { padding-top:0; font-size:9px !important}

#otherreferences .block { float:left;}
#otherreferences:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.swiper-slide .desc { display:none}
.swipePager { bottom:0;}

.swipePager .swiper-pagination-switch {border-color:#bbb}
.swipePager .swiper-active-switch { background:#bbb; border-color:#bbb}

#slider .btnRound { margin-top:-40px}
#slider .btnRound.prev { left:-10px}
#slider .btnRound.next { right:-10px}

/* -- Aktuelles -- */
.block-tags .inner { font-size:19px}
.block-tags .inner a { padding: 0 12px 3px 0}
body.aktuelles .row.table { display:block;}
body.aktuelles .row.table .cell { display:block}
body.aktuelles #sidebar-rt { display:none}
body.aktuelles #mainContent { padding:15px 25px}
body.aktuelles #mainContent .block-aktuelles { height: auto !important}
body.aktuelles #mainContent .block-aktuelles a.img { margin-top:0 !important}

.block-aktuelles { width:auto; margin-bottom:20px}
.block-aktuelles a.img, .block-aktuelles a.img:before { height:430px; width:430px}
.block-aktuelles h3 {font-size: 26px;line-height: 28px;padding: 0 0 20px;}
.block-aktuelles .inner { font-size: 22px;line-height: 27px; max-height:none; padding:0 30px 1px}
.block-aktuelles a.btnMore { margin-left:30px}

body.aktuelles #mainContent .cell.even .block-aktuelles { padding-top:0}
body.aktuelles #mainContent .cell.even .block-aktuelles a.img { position:relative; bottom: auto}

#sidebar-lft {
	background: #e8672e;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NjcyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2MyMmYxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNDM1NmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #e8672e 0%, #c22f17 43%, #a4356e 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8672e), color-stop(43%,#c22f17), color-stop(100%,#a4356e));
	background: -webkit-linear-gradient(left, #e8672e 0%,#c22f17 43%,#a4356e 100%);
	background: -o-linear-gradient(left, #e8672e 0%,#c22f17 43%,#a4356e 100%);
	background: -ms-linear-gradient(left, #e8672e 0%,#c22f17 43%,#a4356e 100%);
	background: linear-gradient(to right, #e8672e 0%,#c22f17 43%,#a4356e 100%);
}
#sidebar-lft .opener { z-index:2}
#sidebar-lft .opener a.icon-lupe { left:50%; margin-left:-20px; margin-top:-40px}
#sidebar-lft.closed, 
#sidebar-lft.closed + #mainContent {
	-webkit-transform: translate(0, -380px);-moz-transform: translate(0, -380px);-o-transform: translate(0, -380px);-ms-transform: translate(0, -380px);transform: translate(0, -380px);
}
#sidebar-lft { width:auto}
#sidebar-lft .opener { height:40px; background-position:center top; background-image:url(../gfx/mobile/teaser-filter-overlay.svg); width:auto; top:auto; left:0;right:0;  bottom:-2px}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #sidebar-lft { overflow:hidden}
   #sidebar-lft .opener:before { background:#fff; content:" "; height:70px; position:absolute; left:-20px; right:-20px;bottom:-35px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
}

#sidebar-lft .sbInner { width:auto; padding:30px 30px 60px; position:relative; z-index:1}
#sidebar-lft.closed .sbInner {-webkit-transform: translate(0, -70px);-moz-transform: translate(0, -70px);-o-transform: translate(0, -70px);-ms-transform: translate(0, -70px);transform: translate(0, -70px);}

/* -- Aktuelles Detail -- */
body.aktuelles-detail { overflow:auto}
body.aktuelles-detail #teaser, 
body.aktuelles-detail #mainContent, 
body.aktuelles-detail #subContent, 
body.aktuelles-detail #footer, 
body.aktuelles-detail #mainContent .row .block,
body.aktuelles-detail #sidebar-rt { display:block;}

body.aktuelles-detail #teaser .teaserInner { width:auto}
body.aktuelles-detail #teaser .teaserInner .teaserItem img { min-height:0;width:100% !important; height:auto;}

body.aktuelles-detail #mainContent .row .block-text { min-width:0;}
body.aktuelles-detail #mainContent .row .block-img { padding:0; margin-right:0}

body.aktuelles-detail #mainContent { padding:30px 25px}
body.aktuelles-detail #mainContent .row { height:auto}
body.aktuelles-detail #mainContent .block-text { width:100%; margin-right:0; margin-bottom:30px}

body.aktuelles-detail #footer { padding:30px 25px; width:auto}

body.aktuelles-detail #links .lft, 
body.aktuelles-detail #links .mid, 
body.aktuelles-detail #links .rt { width:auto; margin-right:0; margin-bottom:30px}

body.aktuelles-detail #footer {display: -webkit-box; display:flex;-webkit-box-orient: vertical; flex-direction: column; padding-left:25px !important}
body.aktuelles-detail #footer #otherreferences {-webkit-box-ordinal-group: 2;  order:2}
body.aktuelles-detail #footer #links { -webkit-box-ordinal-group: 1; order:1}

body.aktuelles-detail #sidebar-rt { display:none !important}
body.aktuelles-detail #subContent { width:auto; padding-left:0; padding-right:0; margin-right:0}

body.aktuelles-detail #subContent #slider { padding-bottom:30px}
body.aktuelles-detail #subContent #slider .swiper-wrapper,
body.aktuelles-detail #subContent .swiper-slide { height:310px !important}
 
#otherreferences { padding-top:0}
#links dl.author dd span.name strong { font-size:24px; display:table-cell; vertical-align:middle; height:80px}
#links dl.details dd.smaller { font-size:17px}

/* -- Leistungen -- */
.block-leistung { text-align:center;}
.block-leistung h3 { display:inline-block;}
.block-leistung h3 a { padding-left:0}
.block-leistung h3 a:before { float:none; margin: 0 auto;  margin-top:-70px ; position:relative; z-index:3; top:-30px;width: 80px;height: 80px;font-size: 40px;line-height: 80px;}

body.leistungen .block-text { width:auto}
body.leistungen #subContent { min-width:0 !important; padding-right:25px; padding-left:25px; padding-top:60px; margin-right:0}
body.leistungen .block-img a.img { width:430px; height:430px}

body.leistungen .col, 
body.leistungen .block-img { width:430px}

body.leistungen .row { white-space:normal; overflow:visible}
body.leistungen .row .col { float:none; margin-right:0; margin-bottom:30px; width:480px; overflow:visible}
body.leistungen .row .col > .block { margin-top:0; margin-left:25px}

body.leistungen .block-img a.btnMore,
body.leistungen .block-img .inner { display:none}
body.leistungen .block-img h3 { border-top:1px solid #ddd; text-align:center; font-size:18px; line-height:24px; padding:0 !important; }
body.leistungen .block-img h3 br { display:none}

body.leistungen #subContent .subBg, 
body.leistungen #subContent .subBgLine { width:1050px; height:1050px; left:50%; margin-left:-525px;top:82%}

.references .block-references { margin-right:-10px !important}
.references .block-references a.img { width:130px; height:130px}

body.leistungen .row .block-references:nth-child(4),
body.leistungen .row .block-references:nth-child(5),
body.leistungen .row .block-references:nth-child(6) {display:none !important}

/* - Overlay Box - */
body.leistungen .contentBox .btnClose { z-index:2; background-color:#fff; top:40px}
body.leistungen .contentBox { margin-top:0; left:50%; top:115px}
body.leistungen .contentBox .inner { width:430px; padding-left:25px; padding-right:25px}
body.leistungen .contentBox .inner h2 { font-size:30px; line-height:36px; margin-right:0; margin-bottom:14px; position:relative; z-index:1}
body.leistungen .contentBox .inner h2:before { float:none; margin:-120px auto 35px}

body.leistungen #subContent {padding-left:0; padding-right:0}
body.leistungen #subContent .row {/*overflow:hidden; */ padding-right:0; width:480px}
body.leistungen #subContent .contentBox .row {width:430px; height:130px}

body.leistungen #subContent .open { margin:0; height:1130px}
body.leistungen #subContent .open .contentBox {
	-webkit-transform: scale(1) translateX(-50%);-moz-transform: scale(1) translateX(-50%);-o-transform: scale(1) translateX(-50%);
	-ms-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);
}

body.leistungen .open .contentBox {}
body.leistungen .col.open .contentBox .inner p {
	-webkit-column-count: 1;-moz-column-count: 1;-o-column-count: 1;-ms-column-count: 1;column-count: 1;
	-webkit-column-gap: 1px;-moz-column-gap: 1px;-o-column-gap: 1px;-ms-column-gap: 1px;column-gap: 1px;
}
body.leistungen .col.open .contentBox .inner .row { margin-left:-10px}

/* -- Kontakt -- */
body.kontakt #teaser .teaserInner .teaserItem img { 
	width:100% !important; height:auto !important;top:-10%;-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);
}
body.kontakt #mainContent { padding-right:0}

#contactForm { 
	position:relative; top:0; right: auto; left:-120px; width:630px; height:630px; padding-top:0; margin-bottom:-60px;
	-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);
}
#contactForm fieldset { padding-top:130px; padding-bottom:35px}
#contactForm fieldset label { text-align:left}
#contactForm fieldset .formItem input.formText, 
#contactForm fieldset .formItem textarea { width:402px}
#contactForm fieldset .formItem:before { width:402px;}

body.kontakt .block-contactInfo { width:auto; float:none}
body.kontakt #footer { width:auto; height:500px}
#footer .ovCircle {left:0; bottom:auto; right:0; top:-3px; width:auto; height:65px; background-image:url(../gfx/mobile/circle-contact-end.svg); background-position:center bottom;}

#gmap { padding-left:0}
#gmap  #map { width:480px !important; height:500px !important}
body.kontakt #tooltip { right:104px}
body.kontakt .pin {right:190px}

/* -- Jobs -- */
body.jobs #teaser { }
body.jobs #teaser .teaserInner{ width:auto;max-height:430px}
body.jobs #teaser .teaserInner .teaserItem img { width:100% !important; height:auto !important}

body.jobs #mainContent { min-width:0}
body.jobs .block-job { width:430px}
body.jobs .block-job .img{ width:430px; height:430px}
body.jobs .block-text { width:auto; margin-right:0}
body.jobs .block-text .inner {-webkit-column-count:1;-moz-column-count: 1;-o-column-count: 1;-ms-column-count: 1;column-count:1;}

body.jobs .row { display:block}
.row.joblist { margin-top:0}

/* -- Job-Detail -- */
body.jobdetail #teaser .overlay { right:0}
body.jobdetail #teaser .teaserInner { width:auto;}
body.jobdetail #teaser .teaserInner .teaserItem img { 
	min-height:0;position:static;transform: translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform:translate(0, 0);-ms-transform: translate(0, 0);width: 100% !important; height:auto !important;
}
body.jobdetail #mainContent { padding-bottom:150px}
body.jobdetail #mainContent .row { min-width:0; padding-right:0}
body.jobdetail #mainContent .block { margin-right:0; width:auto}

body.jobdetail #footer { width:auto; height:200px}
body.jobdetail #contactBox { left:50%; right: auto; margin-left:-150px; margin-top:-250px}

body.jobdetail #footer .ovCircle { background-image:url(../gfx/mobile/circle-end.svg); background-position:center top;  width:100%; height:90px; left:0; right:0;top:0; bottom: auto}
body.jobdetail #mainContent .block-text .inner {
	-webkit-column-count: 1;-moz-column-count: 1;-o-column-count: 1;-ms-column-count: 1;column-count: 1;
	-webkit-column-gap: 0px;-moz-column-gap: 0px;-o-column-gap: 0px;-ms-column-gap: 0px;column-gap: 0px;
}

/* -- Newsletter -- */
body.newsletter #teaser .teaserInner { width:auto}
body.newsletter #teaser .teaserInner .teaserItem img { width:100% !important; height:auto !important}


/* -- Spalten & Blöcke -- */
.row .lft, 
.row .mid, 
.row .box, 
.row .rt,
.row .block { float:none; margin:0; display:block !important}
/* 
*
*	Mobile Overlay Menu
*
*/
#trigger-overlay,
#header a.hamburger { display:block}
/* Overlay style */
.overlay-menu {
	position: fixed;width: 100%;height: 100%;height: 100vh;top: 0;left: 0;z-index:10; display:block; margin:0 !important;
	background: -moz-linear-gradient(45deg, rgba(232,103,46,0.95) 0%, rgba(194,47,23,0.95) 43%, rgba(164,53,110,0.95) 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(232,103,46,0.95)), color-stop(43%,rgba(194,47,23,0.95)), color-stop(100%,rgba(164,53,110,0.95)));
	background: -webkit-linear-gradient(45deg, rgba(232,103,46,0.95) 0%,rgba(194,47,23,0.95) 43%,rgba(164,53,110,0.95) 100%);
	background: -o-linear-gradient(45deg, rgba(232,103,46,0.95) 0%,rgba(194,47,23,0.95) 43%,rgba(164,53,110,0.95) 100%);
	background: -ms-linear-gradient(45deg, rgba(232,103,46,0.95) 0%,rgba(194,47,23,0.95) 43%,rgba(164,53,110,0.95) 100%);
	background: linear-gradient(45deg, rgba(232,103,46,0.95) 0%,rgba(194,47,23,0.95) 43%,rgba(164,53,110,0.95) 100%);	
}

/* Overlay closing cross */
.overlay-menu .overlay-close {
	width: 47px;height: 47px;position: absolute;right: 30px;
	top: 30px;overflow: hidden;	border: none;text-indent: 200%;	color: transparent;background:transparent;outline: none;z-index: 100;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
	border:1px solid #fff;
}
.overlay-menu .overlay-close:before,
.overlay-menu .overlay-close:after {
	height:3px; width:30px;content: " "; background:#fff; display:block; position:absolute; left:7px; top:21px;
	-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
}

.overlay-menu .overlay-close:before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.overlay-menu .overlay-close:after {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}

/* Menu style */
.overlay-menu nav {text-align: left;position: relative;top: 50%;height: 60%;-webkit-transform: translateY(-50%);transform: translateY(-50%); text-transform:uppercase}
.overlay-menu ul {list-style: none;padding: 0 50px;margin: 0 auto;display: inline-block;height: 100%;position: relative;}
.overlay-menu ul li {display: block;height: 20%;height: calc(100% / 6);min-height: 54px;-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.overlay-menu ul li a {font-size: 30px;font-weight: 300;display: block;	color: #fff;-webkit-transition: color 0.2s;	transition: color 0.2s; text-decoration:none}

.overlay-menu ul li a:hover,
.overlay-menu ul li a:focus {color: #f0f0f0;}
.overlay-menu ul li.active a { font-weight:500}

/* Effects */
.overlay-scale {
	visibility: hidden;	opacity: 0;	
	-webkit-transform: scale(0.9);	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;	
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.overlay-scale.open {
	visibility: visible;opacity: 1;-webkit-transform: scale(1);transform: scale(1);	
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;
}

@media screen and (max-height: 30.5em) {
	.overlay-menu nav {	height: 70%;font-size: 34px;	}
	.overlay-menu ul li {min-height: 34px;	}
}
/* -- -- */
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.teaserItem {
	margin:0 auto;position:relative;-webkit-backface-visibility:hidden;	-moz-backface-visibility:hidden;	-ms-backface-visibility:hidden;	-o-backface-visibility:hidden;backface-visibility:hidden;
	/* Fix of Webkit flickering 
	z-index:1;*/
}
.ss-slides {
	position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;	-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;
	-moz-transition-property:-moz-transform, left, top;	-moz-transition-duration:0s;	-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;
	-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;	-o-transform:translate(0,0);
	-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;	
	transition-property:transform, left, top;transition-duration:0s;	transform:translate3d(0,0,0);transition-timing-function:ease;
	-webkit-box-sizing: content-box;	-moz-box-sizing: content-box;box-sizing: content-box;
}
.ss-slide {	float: left;}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
.ss-slide img{ width:auto !important; height: inherit !important}

/* -- iOS Fixes -- */
html.ios body.referenzen #scrollOuter{}
html.ios body.front #subContent {overflow:visible;-webkit-transform-style: preserve-3d;}
html.iosNew body.front #subContent {overflow:hidden;}
html.ios body.front #gmap > img { width:auto !important}
html.ios6 body.front #teaser { width:auto !important; height:auto !important; margin-top:0}

html.ios body.aktuelles #mainContent .row { overflow:visible;-webkit-backface-visibility:hidden;}
html.ios body.aktuelles #mainContent .row .cell{ height:auto !important; }
html.ios body.aktuelles #mainContent .row .cell .block { -webkit-transform-style: preserve-3d;}