/* --------------------------------------------------------------- */
/*                                                                 */
/*    RESPONSIVE CSS-DATEI                                         */
/*    Webstobe GmbH, www.webstobe.ch                               */
/*                                                                 */
/* --------------------------------------------------------------- */

html {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
}

/* --------------------------------------------------------------- */
/* --- MOBILE MAIN NAVIGATION ------------------------------------ */
/* --------------------------------------------------------------- */

#mobilenav-btn {
	display:none;	
	cursor:pointer;
	
	padding:15px 0 15px 15px;
	float:right;
	font-size:1.3rem;
	text-transform:uppercase;
}

#mobilenav-btn .menu-text {
    display: block;
    float: left;
    margin-top: 8px;
}


#mobilenav-btn .menu-text .menu-close {
	display:none;
}

#mobilenav-btn.open-nav .menu-text .menu-close {
	display:block;
}

#mobilenav-btn.open-nav .menu-text .menu {
	display:none;
}

#mobilenav-btn .menu-burger {
	position:relative;
	float:right;
	margin-left:10px;	
}

#mobilenav-btn .menu-burger > span {
	display:block;
	width:30px;
	height:4px;
	background:#575757;
	margin-bottom:5px;
	-webkit-transition: all 300ms ease-in 0s;
	transition:all 300ms ease-in 0s;
}

#mobilenav-btn > span:last-child {
	margin-bottom:0;
}

#mobilenav-btn.open-nav .menu-burger > span:nth-child(2) {
    background: transparent none repeat scroll 0 0;
}
#mobilenav-btn.open-nav .menu-burger > span:first-child,
#mobilenav-btn.open-nav .menu-burger > span:last-child {
    top: 11px;
    transform-origin: 50% 50% 0;
}
#mobilenav-btn.open-nav .menu-burger > span:first-child {
	position:absolute;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	-moz-transform: rotate3d(0, 0, 1, 45deg);
	-ms-transform: rotate3d(0, 0, 1, 45deg);
	-o-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}
#mobilenav-btn.open-nav .menu-burger > span:last-child {
	position:absolute;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	-o-transform: rotate3d(0, 0, 1, -45deg);
	-ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

/* Mobile Navigation WRAPPER */
.mobilenav-wrapper {
	display:block;
	visibility:hidden;
	position:fixed;
	height:100%;
	right:0;
	top:0;
	width:75%;
	max-width:330px;
	margin-right:-330px;
	z-index:5;
}

.mobilenav-wrapper .nav-inner {
	background:#fff;
	overflow:auto;
	height:100%;
	padding:20px;
}

/* Mobile Main Navigation */
.mobile-main-navigation ul li span.link {
	display:block;
}

.mobile-main-navigation ul li > span.link {
	position:relative;
	padding:0;
	border-bottom:1px solid #fff;	
}

.mobile-main-navigation ul li.hassub > span.link {
	position:relative;
	padding-right:40px;
}

.mobile-main-navigation ul li span.link > a {
	display:block;	
}

.mobile-main-navigation ul li span.link:after {
	content:"";
	display:table;
	clear:both;	
}

.mobile-main-navigation ul li span.link > .toggle {
	display:block;
	width:40px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	text-align:right;
	
	
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mobile-main-navigation ul li.ifsub > span.link > .toggle:before {
	content: "\e903";
}

.mobile-main-navigation ul li.sub > span.link > .toggle:before {
	content: "\e902";
}


/* alle Levels */
.mobile-main-navigation ul li {
	text-align:left;
	font-family:'VAG Rounded LT W01 Light', Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
}

.mobile-main-navigation ul li > .link > a,
.mobile-main-navigation ul li > .link > .toggle {
	padding:10px 0;	
	line-height:1.2;
}

.mobile-main-navigation ul li.hassub > ul {
	display:none;	
}

.mobile-main-navigation ul li.act > ul {
	display:block;	
}

.mobile-main-navigation ul li.act > a {
	color:#e30513;
}


/* LEVEL 1 */

.mobile-main-navigation ul.level1 > li > .link {
	border-bottom:1px solid #575757;	
}

.mobile-main-navigation ul.level1 > li.sub > .link {
	border-bottom:none;	
}


.mobile-main-navigation ul.level1 > li > .link > a{
	padding:20px 0 5px 0;	
	font-size:15px;
	font-size:1.5rem;
	text-transform:uppercase;
}

.mobile-main-navigation ul.level1 > li.ifsub > .link > .toggle {
	padding:14px 3px 5px 0;
	font-size:2.3rem;
}

.mobile-main-navigation ul.level1 > li.sub > .link > .toggle {
	padding:15px 5px 5px 0;
	font-size:1.8rem;
}

.mobile-main-navigation ul.level1 > li.act > .link,
.mobile-main-navigation ul.level1 > li > .link:hover {
	color:#e30513;
}

.mobile-main-navigation ul.level1 > li > .link:hover  > a,
.mobile-main-navigation ul.level1 > li > .link:hover  > .toggle,
.mobile-main-navigation ul.level1 > li.act > .link  > a,
.mobile-main-navigation ul.level1 > li.act > .link  > .toggle   {
	color:#e30513;
}


/* LEVEL 2 */
.mobile-main-navigation ul.level2 > li > a {
	display:block;
	width:100%;
	padding:7px 0;	
	font-size:14px;
	font-size:1.4rem;
}

.touch .mobile-main-navigation ul.level2 > li > a {
	padding:10px 0;	
}


.mobile-main-navigation ul.level2 > li > a:hover,
.mobile-main-navigation ul.level2 > li.act > a {
	color:#e30513;
}


/* Service Navigation */

.mobile-service-navigation {
	display:none;
	font-family:'VAG Rounded LT W01 Light', Arial, Helvetica, sans-serif;
	font-size:1.2rem;
	margin:30px 0 15px 0;
}

.mobile-service-navigation ul li {
	display:block;
	float:left;
	margin-left: 25px;
}

.mobile-service-navigation ul li:first-child {
	margin:0;	
}


.mobile-service-navigation ul li.act a {
	color:#e30513;
}

.page-wrapper .nav-overlay {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:4;
	background:rgba(0,0,0,.2);
}

.page-wrapper.open-nav .nav-overlay {
	display:block;	
}


@media (min-width:0px) {
	.inner {
		max-width: 1020px;
		width:100%;
	}
}

@media (max-width:1100px) {
	.imageslider .btn-prev {
		margin-left:5px;
	}
	
	.imageslider .btn-next{
		margin-right:5px;
	}
}

@media (max-width:1040px) {
	.page-header .logo {
		margin:0;
	}
	
	.control-btn .prev-btn {
		padding-left:20px;
	}
	.control-btn .next-btn {
		padding-right:20px;
	}
	
	
	.news-backlink-wrap {
		margin-left:0px;
	}
	
	ul.prev-next li.previous  {
		margin-left:0;
	}
	
	ul.prev-next li.next  {
		margin-right:0;
	}


	

}


@media (max-width:990px) {
	.page-header .logo {
		left: 20px;
	}
}

@media (min-width:801px) {
	.mobilenav-wrapper {
		visibility: hidden !important;
	}
	
	.page-wrapper .nav-overlay {
		display:none !important;	
	}
	
	.page-header {
		min-height:105px;
	}
	.page-header.shrink {
		min-height:85px;
	}
}

@media (max-width:800px) {
	.page-header {
		height:105px !important;
	}
	
	.page-header.shrink {
		height:85px !important;
	}
	
	h2 {
		margin-bottom:20px;
	}	
	

	
	
	.mobilenav-wrapper {
		padding-top:105px;
	}
	
	.mobilenav-wrapper.shrink {
		padding-top:85px;
	}
	
	.main-navigation {
		display:none;	
	}
	
	#mobilenav-btn {
		display:block;
	}
	
	
	.page-footer .footer-left {
		width:60%;
	}
	
	.page-footer .footer-right {
		width:40%;
	}
	
	.page-footer .brand-logo {
		margin-top:30px;
		width:60%;
		max-width:210px;
	}

	
	.header-slider {
		padding-bottom:66%;
	}
	
	.header-slider .item .header-slider-title {
		font-size:4.5rem;
	}

	.content-column-70-left {
		width:66.25%;
		margin-right:2.75%;
	}
	
	.content-column-30-right {
		width:31%;
	}
	
	.bg-image-trenner .background-image {
		background-attachment:scroll;
	}
	
	.subsite-content > .content-element.color-0,
	.subsite-content > .content-element.color-1 {
		padding:20px 0;
	}

	/* News */
	.news-single .news-img-wrap .mediaelement {
		width:33.33%;
	}
	
	.news-overview .article  {
		width: 33.333%;
	}

	.news-overview .first-element {
		clear:none;
	}
	
	.news-overview .article:nth-child(3n+1) {
		clear:both;	
	}
	
	
	ul.prev-next:after {
		content:"";
		display:table;
		clear:both;
	}
	
	ul.prev-next {
		margin-bottom:20px;	
	}
	
	ul.prev-next li  {
		width:48%;
	}
	
	/* WS_Persons */
	.person-list-view .person-item {
		width: 33.333%;
	}
	
	.person-list-view .person-item:nth-child(4n+1) {
		clear:none;
	}
	
	.person-list-view .person-item:nth-child(3n+1) {
		clear:both;
	}
	
	ul.person-grid {
		-webkit-column-count: 3; 
		-webkit-column-gap: 20px;
		-moz-column-count: 3;
		-moz-column-gap: 20px;
		column-count: 3;
		column-gap: 20px;
	}
	
	.multiple-category {
		width:33.33%;
	}
	
	.no-csscolumns ul.person-grid li {
		width:33.33%;
	}


	

	
}

@media (min-width:701px) and (max-width:800px) {
	.page-footer .footer-right {
		min-height:80px;
	}
}

@media (max-width:700px) {	
	.inner {
		padding:0 10px;
	}
	
	.page-header,
	.page-header.shrink {
		height:50px !important;
	}
	
	.page-content .subpage {	
		padding-top:50px;
		margin-top:-50px;
	}
	
	.mobilenav-wrapper,
	.mobilenav-wrapper.shrink {
		padding-top:50px;
	}
	
	.mobilenav-wrapper .nav-inner {
		padding:10px;
	}
	
	.mobile-service-navigation {
		display:block;
	}
	
	.page-header .inner {
		padding-left:40%;	
	}
	
	.page-header .service-navigation {
		display:none;	
	}
	
	.page-header .header-left,
	.page-header.shrink .header-left {
		padding-top:2px;	
		width:40%;	
	}
	
	.page-header .logo,
	.page-header.shrink .logo {
		max-width:125px;	
		left:10px;
	}
	
	.page-header .logo:after,
	.page-header.shrink .logo:after {
		display:block;
		border-width:18px 52px 0 36px;
		top:38px;
	}
	
	#mobilenav-btn {
		padding:5px 0 5px 15px;
	}
	

	.page-header.shrink .logo .small-logo {
		display:none;
		margin-left:0;
	}
	
	.page-header.shrink .logo .original-logo {
		display:block;
	}
	
	.page-footer {
		padding:10px 0;
	}
	
	
	
	.page-footer .footer-left,
	.page-footer .footer-right {
		width:100%;
		float:left;
	}
	
	.page-footer .brand-logo {
		margin-top:20px;
	}
	
	.content-column-50-left,
	.grid-50-left,
	.content-column-50-right,
	.grid-50-right,
	.content-column-70-left,
	.content-column-30-right{
		width:100%;
		float:left;
		padding:0;
	}
	
	.content-floating {
		-webkit-column-count: auto; 
		-webkit-column-gap: 0;
		-moz-column-count: auto;
		-moz-column-gap: 0;
		column-count: auto;
		column-gap: 0;
	}

	
	
	.header-slider .item .inner {
		/*display:none;*/
		padding:20px;
	}

	.header-slider .item .header-slider-title {
		font-size:3rem;
	}
	
	.control-btn .prev-btn,
	.control-btn .next-btn{
		font-size:3rem;	
	}
	
	.imageslider .item {
		padding:0 5px;
	}
	
	.imageslider .control-btn{
		margin-top:-1.5rem;
		font-size:3rem;	
	}
	
	.control-btn .prev-btn {
		padding-left:10px;
	}
	.control-btn .next-btn {
		padding-right:10px;
	}
	
	.site-title {
		padding-bottom:40px;
	}
	
	.news-single .news-title {
		margin:35px 0;
	}
		
	
	
	h1,
	h2,
	.home-title h1,
	.news-single h1 {
		font-size:2.2rem;	
	}
	
	.intro-title,
	.trenner-title {
		font-size: 2rem;
	}
	
	
	
	/* News */
	.news-list-reference {
		padding-left:5px;
	}
	
	.news-list-reference-inner {
		margin-left:-10px;
	}
	
	.news-list-view .news-home-reference {
		padding:0 5px 20px 5px;
	}

	.news-overview .article .teaser-text {
		display:none;	
	}

	
}

@media (max-width:568px) {
	
	
	/* News */
	.news-single .news-img-wrap {
		margin: 20px 0;
		padding-left:5px;
	}
	
	
	.news-single .news-img-wrap .news-img-wrap-inner {
		margin-left:-10px;
	}
	
	.news-single .news-img-wrap .mediaelement {
		padding:5px;	
		width:50%;
	}
	
	
	.news-overview {
		padding-left:5px;
	}
	.news-overview-inner {
		margin-left:-10px;
	}

	.news-overview .article  {
		padding:0 5px 20px 5px;
		width: 50%;
	}

	.news-overview .article:nth-child(3n+1) {
		clear:none;	
	}
	
	.news-overview .article:nth-child(2n+1) {
		clear:both;	
	}
	
	
	/* WS_Persons */
	.person-list-view {
		padding-left:5px;
	}
	.person-list-view-inner {
		margin-left:-10px;
	}
	.person-list-view .person-item {
		padding:0 5px 20px 5px;
		width: 50%;
	}
	
	.person-list-view .person-item:nth-child(3n+1) {
		clear:none;
	}
	
	.person-list-view .person-item:nth-child(2n+1) {
		clear:both;
	}
	
	ul.person-grid {
		-webkit-column-count: 2; 
		-webkit-column-gap: 10px;
		-moz-column-count: 2;
		-moz-column-gap: 10px;
		column-count: 2;
		column-gap: 10px;
	}
	
	.multiple-category {
		width:50%;
		padding-right:10px;
	}
	
	.no-csscolumns ul.person-grid li {
		width:50%;
		padding-right:10px;
	}

	
}

@media (max-width:480px) {


	.header-slider .item .header-slider-title {
		font-size:2rem;
	}

	/* News */
	
	
	.news-list-view .news-home-reference {
		width:100%;
	}
	
	.news-list-view .news-home-reference:nth-child(2n+1) {
		clear:none;
	}
	
	.news-list-view .news-home-reference .news-img-wrap {
		margin: 0 0 10px 0;
	}
	




	/* Form */
	.form-row .label,
	.form-row .field {
		float:left;
		width:100%;
		padding:0;
	}
	
	.form-submitted .label {
		color:#ababab;
		font-family:'Century Gothic W01 Bold', Arial, Helvetica, sans-serif;
	}
	
	.form-row .label h3 {
		color:#575757;
	}


	.parsley-errors-list {
		padding: 5px 0;
		position: static;
		-webkit-transform:translate(0);
		-moz-transform:translate(0);
		-ms-transform:translate(0);
		transform:translate(0);
	}


	.fancybox-nav span,
	.fancybox-close {
		font-size:2.5rem;
	}
	
	.fancybox-close {
		font-size:1.8rem;
		right:0;
	}
	
	.ce-intext .ce-bodytext {
		width:100%;
	}

	.ce-intext .ce-gallery {
		width:100%;
		max-width:none;
		padding-left:0 !important;
		padding-right: 0 !important;
	}




}



@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {


}