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

/* --------------------------------------------------------------- */
/* --- FARBEN ---------------------------------------------------- */
/* --------------------------------------------------------------- */
/*

	Rot:							#e30513		rgba(227,6,19)	(Links, Aktiv-Status)
	Hellstgrau  (5% v. Dunkelgrau): #f6f6f6		rgba(246,246,246) (Hintergrund)
	Hellgrau  (20% v. Dunkelgrau):  #dddddd
	Mittelgrau (50% v. Dunkelgrau):	#ababab		rgba(171,171,171)  (H1)
	Dunkelgrau:						#575757		rgba(87,87,87)	(Schrift)
	
	font-family:'Century Gothic W01';
	font-family:'Century Gothic W01 Bold';
	font-family:'VAG Rounded LT W01 Light';
	font-family:'VAG Rounded LT W01 Bold';
*/


/* --------------------------------------------------------------- */
/* --- ICON FONTS ------------------------------------------------ */
/* --------------------------------------------------------------- */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icons/icomoon.eot?ikb4aw');
	src:url('../fonts/icons/icomoon.eot?ikb4aw#iefix') format('embedded-opentype'),
		url('../fonts/icons/icomoon.woff2?ikb4aw') format('woff2'),
		url('../fonts/icons/icomoon.ttf?ikb4aw') format('truetype'),
		url('../fonts/icons/icomoon.woff?ikb4aw') format('woff'),
		url('../fonts/icons/icomoon.svg?ikb4aw#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	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;
}

.icon-arrowleft:before {
	content: "\e900";
}
.icon-arrowright:before {
	content: "\e901";
}
.icon-close:before {
	content: "\e902";
}
.icon-arrowdown:before {
	content: "\e903";
}


/* --------------------------------------------------------------- */
/* --- HTML TAGS ------------------------------------------------- */
/* --------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body > html {
	height: 100%;
}


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

a {
	color: #575757;
	text-decoration: none;
	outline: none;
}

a:hover {
	color:#e30513;
	text-decoration: none;
}


a[href^=tel] { 
	color: #575757 !important; 
	text-decoration: none; 
}


/* --------------------------------------------------------------- */
/* --- FONT  ----------------------------------------------------- */
/* --------------------------------------------------------------- */

html {
	font-size: 62.5%; /* = 10px = 1rem / 12px = 1.2rem */
}

body {
	font-family:  'Century Gothic W01', Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.4;
	color:#575757;
}


ul {
	margin: 0 0 0 15px;
}

ol {
	margin: 0 0 0 25px;
}

p,
li {
	margin: 0 0 .6rem;
	padding: 0;
}

.content-element ul {
	margin: 0 0 10px 15px;
}

.content-element ul li {
	line-height:1.2;
}

nav ul {
	list-style:none;
	margin:0;
	padding:0;	
}

nav ul li {
	line-height:1.2;
	margin:0;	
}

h1 {
	font-size: 5rem;
	line-height:1.1;
	font-weight:normal;
	text-transform:uppercase;
	color:#575757;
	margin: 0 0 .6rem;
}

.intro-title {
	font-size: 5rem;
	font-weight:normal;
	color:#575757;
	margin: 0 0 .6rem;
	text-transform:none;
}

.intro-title p {
	margin:0;
	line-height:1.2;
}

.intro-title p:last-child {
	padding-left:60px;	
}

h2,
.home-title h1,
.news-single h1 {
	font-size: 3.5rem;
	line-height:1.1;
	font-weight:normal;
	text-transform:uppercase;
	color:#ababab;
	text-align:center;
}

h2 {
	margin-bottom:40px;
}

.site-title h2,
.subsite-title h2 {
	margin:0;
}

h3 {
	font-size: 2.2rem;
	line-height:1.2;
	font-family:'Century Gothic W01 Bold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #575757;
}

h3 > span {
	font-family:'Century Gothic W01', Arial, Helvetica, sans-serif;
}

h4 {
	font-size: 1em;
	font-family:'Century Gothic W01 Bold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin: 0;
}

h5 {
	font-size: 2rem;
	font-family:'Century Gothic W01', Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:10px;
}

table {
	border-collapse: collapse;
}

table tr th {
	font-weight: bold;
}

table tr td {
}

table.contenttable tr td,
table.contenttable tr th {
	vertical-align: top;
}

.content-element {

}

strong,
b {
	font-family:'Century Gothic W01 Bold', Arial, Helvetica, sans-serif;
	font-weight:normal;
}

address {
	font-style:normal;
}

iframe {
	border:none;
}


.gmap {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56%;
}

.video-wrapper {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56%;
}

.gmap iframe,
.video-wrapper iframe {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;	
}



/* --------------------------------------------------------------- */
/* --- STANDARD-KLASSEN ------------------------------------------ */
/* --------------------------------------------------------------- */

.clear {
	clear: both;
}

.cf:after,
.inner:after,
.content-element:after,
nav ul:after {
	content:"";
	display:table;
	clear:both;	
}


.red {
	color:#e30513;
}

.color-1 {
	background-color: #f6f6f6;	
}


.btn {
	font-size:1.2rem;
	line-height:1.1;
	color:#fff;
	display:inline-block;
	padding:5px;
	background:#ababab;
	margin-right:5px;
}

a.btn:hover,
a:hover span.btn {
	color:#fff;
	background:#575757;
}

/* --------------------------------------------------------------- */
/* --- HAUPT AUFBAU ---------------------------------------------- */
/* --------------------------------------------------------------- */

.mobilenav-wrapper {
	display:none;
}

.inner {
	width: 1020px;
	padding:0 20px;
	margin: 0 auto;
}

.inner .inner {
	padding:0;
	width:100%;	
}



.page-header {
	position:fixed;
	width:100%;
	height:105px;
	top:0;
	left:0;
	padding-top:10px;
	background:#fff;
	background:rgba(255,255,255,0.9);
	-webkit-transition:height 300ms ease-in 0s;
	transition:height 300ms ease-in 0s;
	z-index:10;
}

.page-header .inner {
	position:relative;
	width:100%;
	height:100%;
	padding-left:250px;
}

.page-header .header-left {
	position:absolute;
	left:0;
	top:0;
	width:230px;
	padding-top:29px;
	-webkit-transition:padding 300ms ease-in 0s;
	transition:padding 300ms ease-in 0s;
}

.page-header .logo img{
	position:relative;
	z-index:1;
}

.page-header .logo {
	position:relative;
	max-width:218px;
	margin-left:-20px;
	-webkit-transition:left 300ms ease-in 0s, margin 300ms ease-in 0s;
	transition:left 300ms ease-in 0s, margin 300ms ease-in 0s;
}

.page-header .logo .small-logo {
	display:none;
}

.page-header .logo:after {
	content: "";
	position: absolute;
    bottom: 0;
    height: 0;
	width: 0;
    left: 1px;
    top: 66px;
    z-index: 0;
	border-color: rgba(255, 255, 255, 0.9) transparent transparent;
    border-style: solid;
    border-width: 30px 85px 0 63px;
}



/* Shrinked Header */

.page-header.shrink {
	height:85px;	
}

.page-header.shrink .service-navigation {
	display:none;	
}

.page-header.shrink .logo{
	max-width:145px;
}

.page-header.shrink .logo .small-logo {
	display:block;
	margin-left:20px;
}

.page-header.shrink .logo .original-logo {
	display:none;
}

.page-header.shrink .logo:after  {
	display:none;
}

.page-header.shrink  .header-left {
	padding-top:15px;	
}


.site-title,
.subsite-title {
	text-align:center;
}

.site-title {
	padding-bottom:80px;
}

.subsite-title {
	padding-bottom:20px;
}

.news-single .news-title {
	margin:40px 0 75px;
}

.mainpage .site-title {
	padding-bottom:0;
}

.homepage .site-title {
	padding-bottom:40px;
}

.site-title .site-logo {
	padding:0 25px;
	margin:0 auto;
	max-width:500px;
}

.page-content {
	display:block;
	min-height:500px;
	text-align: left;
}

.page-content > section {
	width:100%;
	float:left;
}


.page-content .subpage {
	padding-top:92px;
	margin-top:-105px;
	padding-bottom: 20px;
}

.page-content .singlepage {
	padding-top:105px;
}


section .section-inner {
	padding:35px 0;
}

section.mainpage .section-inner {

}

.page-wrapper > [class^="page-"]:after{
	content:"";
	display:table;
	clear:both;	
}


.page-footer {
	font-size:1.3rem;
	padding:15px 0 45px;
	/*font-family:'VAG Rounded LT W01 Light', Arial, Helvetica, sans-serif;*/
}


.page-footer .footer-inner {
	position:relative;
	padding-top:15px;
	border-top:1px solid #575757;
}

.page-footer .footer-row {
	margin:0px -5px;
}
.page-footer .footer-col {
	padding: 0px 5px;
	width: 25%;
	float: left;
	line-height: 16px;
}
@media (max-width:767px) {
	.page-footer .footer-col {
		width: 50%;
		margin-bottom: 25px;
	}
	.page-footer .footer-col-3 {
		clear: left;
	}
}
@media (max-width:380px) {
	.page-footer .footer-col {
		width: 100%;
		margin-bottom: 25px;
	}
}
.page-footer .footer-col a {
	color: #e30513;
	text-decoration: none;
}

.page-footer .social-media-link {
	text-align: right;
	margin-top: 25px;
}

.page-footer .social-media-link a {
	display: inline-block;
	margin-right: 28px;
}
.page-footer .social-media-link a img{
	width: 24px;
	height: auto;
}
.page-footer .meta-navigation {
	border-top:1px solid #575757;
	float:none!important;
	text-align: left!important;
	margin-top: 8px;
	padding-top: 13px;
}
.page-footer .meta-navigation li {
	margin: 0px;
}
.page-footer .meta-navigation a:after {
	content: '|';
	display: inline-block;
	margin: 0px 5px;
}
.page-footer .meta-navigation li:last-child a:after {
	display: none;
}

.facebook-link {
	position:absolute;
	right:0;
	max-width:25px;
	float:right;
	top:20px;
}

/* --------------------------------------------------------------- */
/* --- HEADER SLIDER --------------------------------------------- */
/* --------------------------------------------------------------- */
.header-slider-wrapper {
	position:relative;
	width:100%;
	max-height: 785px;
	overflow:hidden;
}

.header-slider {
	width:100%;
	height:0;
	padding-bottom:75%;
}

.header-slider .items,
.header-slider .items .item {
	position:relative;
	width:100%;
	height:100%;
}

.header-slider .items {
    left: 0;
    max-height: 785px;
    position: absolute;
    top: 0;
    z-index: 2;
}

.header-slider .item {
	background-color:#dddddd;
}

.header-slider .item .background-image {
	position:absolute;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.header-slider .item .inner {
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	color:#fff;
	padding:20px 20px 40px 80px;
}


.header-slider .item .header-slider-title {
	position:relative;
	font-size:6.5rem;
	line-height:1;
	color:#fff;	
	margin-bottom:25px;
}

.header-slider .item .header-slider-title p {
	margin:0;
	line-height:1;
	-webkit-transition: color 100ms linear;
	transition: color 100ms linear;
}

.header-slider .item .header-slider-title .header-slider-title-link a {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	text-indent:-1000em;
}


.header-slider .item .header-slider-title > .header-slider-title-link + p:last-child:after,
.header-slider .item .header-slider-title > .header-slider-title-link + p + p:last-child:after,
.header-slider .item .header-slider-title > .header-slider-title-link + p + p + p:last-child:after {
	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;
	content: "\e901";
	padding-left: 3%;
	margin-top: 2px;
	position: absolute;

}

.header-slider .item .header-slider-title:hover > .header-slider-title-link + p,
.header-slider .item .header-slider-title:hover > .header-slider-title-link + p + p,
.header-slider .item .header-slider-title:hover > .header-slider-title-link + p + p + p{
	color:#e30513;
}

.header-slider .item .header-slider-title .tab_1{
	padding-left:10%;	
}

.header-slider .item .header-slider-title .tab_2 {
	padding-left:20%;
}

.header-slider .item .header-slider-title .tab_3 {
	padding-left:30%;
}



.header-slider .item .header-slider-text {
	font-size:1.6rem;	
	max-width:450px;
}


.header-slider .item .button-outline {
	display:block;
	float:left;
	margin-top:15px;
}

.header-slider .item .button-outline a {
	display:block;
	float:left;
	color:#fff;
	padding:5px 10px;
	font-size:1.3rem;
	border:1px solid #fff;
	background:rgba(255,255,255,.3);
}

.header-slider .item .button-outline a:hover {
	background:#fff;	
	color:#e30513;
}



.header-slider .control-btn {
	display:none;
	left: 0;
	margin: auto;
	max-width: 980px;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	color:#fff;
	height:100%;
}

.control-btn .prev-btn,
.control-btn .next-btn {
	position:relative;
	z-index:3;
	cursor:pointer;
	font-size:5rem;
	opacity:0.4;
	height:100%;
	width:100%;
	top:0;
}

.header-slider .control-btn .prev-btn:hover,
.header-slider .control-btn .next-btn:hover {
	opacity:1;
}

.control-btn [class^="icon-"],
.control-btn [class*=" icon-"] {
	display:block;
}

.control-btn .prev-btn {
	float:left;
	margin-left:-100%;
}

.control-btn .next-btn {
	float:right;
	margin-right:-100%;
}

.control-btn .next-btn i {
	position:relative;
	float:left;
	top:50%;
}

.control-btn .prev-btn i {
	position:relative;
	float:right;
	top:50%;
}



.header-slider .slider-paging {
	position:absolute;
	width:100%;
	bottom:10px;
	text-align:center;
}


.header-slider .slider-paging ul {
	display:inline-block;
	position:relative;
	z-index:2;
}

.header-slider .slider-paging ul li{
	display:block;
	float:left;
	margin:0 8px 0 0;
	cursor:pointer;
	padding:5px;
}

.header-slider .slider-paging ul li:last-child {
	margin-right:0;
}

.header-slider .slider-paging ul li a {
	display:block;	
	width:10px;
	height:10px;
	border:1px solid #fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	opacity:1;
}

.header-slider .slider-paging ul li.cycle-pager-active a {
	background:#fff;
}




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

.main-navigation:after,
.main-navigation:before,
.main-navigation ul:after {
	content:"";
	display:table;
	clear:both;
}


.main-navigation {
	position:relative;
	float:right;
	width:100%;
	text-align:right;
	font-family:'VAG Rounded LT W01 Light', Arial, Helvetica, sans-serif;
	margin-top:15px;
}

.main-navigation ul {
	list-style: none; 
}

.main-navigation > ul {
	display:inline-block;
	padding-bottom:5px;
	border-bottom:1px solid #575757;
}

.main-navigation ul li {
	display:inline-block;
	margin-left: 20px;
	font-size:1.5rem;
	text-transform:uppercase;
	letter-spacing:0.05em;
}

.main-navigation ul li:first-child {
	margin-left:0;	
}

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


/* MIT SUBLEVEL */

.main-navigation ul.level2 {
	display:none;
	position:absolute;
	width:100%;
	top:27px;
	right:0;
	float:right;
	padding:8px 0;
	text-align:right;
}

.main-navigation ul.level2:after {
    bottom: -180px;
    content: "";
    display: block;
    height: 180px;
    position: absolute;
    width: 100%;
}

.main-navigation li.act > ul.level2:after {
    display: none;
}

.main-navigation ul.level1 > li.act > ul.level2 {
	display:block;
}
.main-navigation ul.level2 li {
	display:inline-block;
	margin-left:20px;
	font-size:1.4rem;
	text-transform:none;
}

.main-navigation ul.level1 > li.hover > .link {
	display:block;
	position:relative;
}

.main-navigation ul.level1 > li.hover > .link > a:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	width:100%;
	height:100px;
	bottom:-100px;
}


/* --------------------------------------------------------------- */
/* --- SERVICE NAVIGATION ---------------------------------------- */
/* --------------------------------------------------------------- */

.service-navigation {
	font-family:'VAG Rounded LT W01 Light', Arial, Helvetica, sans-serif;
	font-size:1.2rem;
	text-align:right;
	
}

.service-navigation ul {
	display:inline-block;	
}

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

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


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


/* --------------------------------------------------------------- */
/* --- META NAVIGATION ------------------------------------------- */
/* --------------------------------------------------------------- */

.meta-navigation {
	float:right;
	text-align:right;
}

.meta-navigation ul li {
	display:inline-block;
	margin:5px 0 0 10px;
}

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

/* AKTIVER ZUSTAND */
.meta-navigation ul li.act a {
	color:#e30513;
}


/* --------------------------------------------------------------- */
/* --- INHALTE --------------------------------------------------- */
/* --------------------------------------------------------------- */

.content-column-100 {
	float: left;
	width:100%;
}

.content-column-70-left {
	float:left;
	width:58%;
	margin-right:9%;
}

.content-column-30-right {
	float:right;
	width:33%;
}

.content-column-50-left,
.grid-50-left {
	float: left;
	width: 50%;
	margin:0;
	padding-right:10px;
}
.content-column-50-right,
.grid-50-right{
	float: right;
	width:50%;
	padding-left:10px;
}


.mainpage .site-content {
	margin-top:80px;
}

.subsite-content {
	position:relative;
}


.homepage .site-content .content-column-70-left,
.homepage .site-content .content-column-30-right {
	padding-top:5px;
	border-top:1px solid #575757;
}

.subsite-content > .content-element.color-0,
.subsite-content > .content-element.color-1 {
	padding:40px 0;
	margin:0;
}


.content-floating {
	-webkit-column-count: 2; 
	-webkit-column-gap: 20px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}


figcaption {
	display:block;
	font-style:normal;
	margin-top:5px;
	font-size:1.3rem;
	line-height:1.3em;
	color:#ababab;
}


/* --------------------------------------------------------------- */
/* --- TYPO3 BILDER ---------------------------------------------- */
/* --------------------------------------------------------------- */

.ce-intext .ce-gallery {
	max-width:50%;
}


.ce-intext.ce-right .ce-gallery {
	padding-left:20px;
	margin-left:0;
}


.ce-intext.ce-left .ce-gallery {
	padding-right:20px;
	margin-right:0;
}


.ce-gallery .ce-row {
	margin-left:-5px;
	margin-right:-5px;
}

.ce-gallery .ce-column {
	padding: 0 5px;
	margin:0;
}

.ce-center .ce-gallery .ce-outer,
.ce-center .ce-gallery .ce-inner {
	max-width:100%;
}

.ce-gallery[data-ce-columns="1"] .ce-column {
	width:100%;
}

.ce-gallery[data-ce-columns="2"] .ce-column {
	width:50%;
}

.ce-gallery[data-ce-columns="3"] .ce-column {
	width:33.33%;
}

.ce-gallery[data-ce-columns="4"] .ce-column {
	width:25%;
}

.ce-gallery[data-ce-columns="5"] .ce-column {
	width:20%;
}

.ce-gallery figcaption {
	display:block;
	width:100%;
	padding-top:2px;
	color:#aaa;
	line-height:1.2;
}

.ce-gallery figure {
	display:block;
}



/* --------------------------------------------------------------- */
/* --- SLIDER ---------------------------------------------------- */
/* --------------------------------------------------------------- */

.imageslider {
	position:relative;
	margin-left:-10px;	
	visibility:hidden;
}

.imageslider.slick-initialized {
	visibility:visible;
}

.imageslider .item {
	display:block;
	float:left;
	padding:0 10px;
}



.imageslider .control-btn {
	display:block;
	position:absolute;
	top:50%;
	cursor:pointer;	
	font-size:5rem;
	margin-top:-2.5rem;
	color:#c3c3c3;
	z-index:1;
}

.imageslider .control-btn:hover {
	color:#575757;	
}

.imageslider .btn-prev {
	left:0;
	margin-left:-50px;
}

.imageslider .btn-next {
	right:0;
	margin-right:-50px;
}

.slick-disabled,
.slick-hidden {
	display:none !important;	
}

/* --------------------------------------------------------------- */
/* --- BACKGROUND IMAGE TRENNER ---------------------------------- */
/* --------------------------------------------------------------- */
.bg-image-trenner {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:37.5%;
	color:#fff;
}

.bg-image-trenner .background-image {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
}

.touch-device .bg-image-trenner .background-image {
	background-attachment:scroll;
}

.bg-image-trenner .background-image .inner {
	display:table;
	height:100%;	
}

.trenner-title {
	display:table-cell;
	vertical-align:middle;
	font-size: 5rem;
	font-weight:normal;
	color:#fff;
	margin: 0 0 .6rem;
	text-transform:none;
}

.trenner-title p {
	margin:0;
	line-height:1.2;
}

.trenner-title p:last-child {
	padding-left:60px;	
}


/* --------------------------------------------------------------- */
/* --- WS_PERSONS ------------------------------------------------ */
/* --------------------------------------------------------------- */
.person-list-view {
	width:100%;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	padding-left:10px;
}

.person-list-view-inner {
	margin-left:-20px;
}

.person-list-view .person-item {
	width: 25%;
	margin:0;
	padding:0 10px 30px 10px;
	position: relative;
	float: left;	
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.person-list-view .person-item  p {
	margin:0;
}

.person-list-view .person-item:nth-child(4n+1) {
	clear:both;
}


.person-item .person-image {
	margin-bottom:5px;	
}

.person-list-view .person-item .contact-email a {
	color: #e30513;
	
}

.person-list-view .person-item .contact-email a:hover {
	color: #e30513;
	text-decoration: none;
	border-bottom: 1px solid #e30513;
}

ul.person-grid {
	list-style:none;
	margin:0;
	padding:0;
	
	-webkit-column-count: 4; 
	-webkit-column-gap: 20px;
	-moz-column-count: 4;
	-moz-column-gap: 20px;
	column-count: 4;
	column-gap: 20px;
}

ul.person-grid li {
	display:inline-block;
	width:100%;
	margin-bottom:0.8em;
}

.no-csscolumns ul.person-grid li {
	width:25%;
	float:left;
	padding-right:20px;
}

.multiple-category ul.person-grid {
	-webkit-column-count: auto;
	-webkit-column-gap: auto;
	-moz-column-count: auto;
	-moz-column-gap: auto;
	column-count: auto;
	column-gap: auto;
}


.multiple-category {
	width:25%;
	padding-right:20px;
	float:left;
	margin-bottom:20px;
}

.no-csscolumns .multiple-category ul.person-grid li {
	width:100%;
	float:none;
	padding-right:0;
}

.multiple-category h4 {
	margin:0 0 0.8em;
}


/* --------------------------------------------------------------- */
/* --- LINK-KLASSEN ---------------------------------------------- */
/* --------------------------------------------------------------- */

a.internal-link,
a.external-link,
a.download-icon,
a.excel-icon,
a.word-icon,
a.powerpoint-icon,
a.pdf-icon,
a.zip-icon,
a.mail-link,
span.link-decoration {
	position:relative;
	/*display:inline-block;*/
	color: #e30513;
	text-decoration: none;
	border:1px solid transparent;
}

a.internal-link:hover,
a.external-link:hover,
a.download-icon:hover,
a.excel-icon:hover,
a.word-icon:hover,
a.powerpoint-icon:hover,
a.pdf-icon:hover,
a.zip-icon:hover,
a.mail-link:hover,
span.link-decoration:hover {
	color: #e30513;
	border-bottom:1px solid #e30513;
}

/* File Icons */

a.pdf-icon,
a.excel-icon,
a.xls-icon,
a.xlsx-icon,
a.word-icon,
a.docx-icon,
a.doc-icon,
a.zip-icon,
a.powerpoint-icon,
a.ppt-icon,
a.pptx-icon,
a.download-icon,
a.txt-icon,
a.jpg-icon,
a.gif-icon,
a.png-icon {
	text-decoration: none;
	display: inline-block;
	position: relative;
	padding: 0 0 0 23px;
}

span.link-decoration:hover,
a.internal-link:hover,
a.exernal-link:hover,
a.mail-link:hover,
a.pdf-icon:hover,
a.excel-icon:hover,
a.xls-icon:hover,
a.xlsx-icon:hover,
a.word-icon:hover,
a.docx-icon:hover,
a.doc-icon:hover,
a.zip-icon:hover,
a.powerpoint-icon:hover,
a.ppt-icon:hover,
a.pptx-icon:hover,
a.download-icon:hover,
a.txt-icon:hover,
a.jpg-icon:hover,
a.gif-icon:hover,
a.png-icon:hover {
	text-decoration: none;
}

a.pdf-icon:before,
a.excel-icon:before,
a.xls-icon:before,
a.xlsx-icon:before,
a.word-icon:before,
a.docx-icon:before,
a.doc-icon:before,
a.zip-icon:before,
a.powerpoint-icon:before,
a.ppt-icon:before,
a.pptx-icon:before,
a.download-icon:before,
a.txt-icon:before,
a.jpg-icon:before,
a.gif-icon:before,
a.png-icon:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-image: url(../images/icons/fileicons.png);
}


a.download-icon:before,
a.txt-icon:before {
	background-position: 0 0;
}

a.pdf-icon:before {
	background-position: -18px -18px;
}

a.docx-icon:before,
a.doc-icon:before,
a.word-icon:before {
	background-position: -36px -36px;
}

a.xls-icon:before,
a.xlsx-icon:before,
a.excel-icon:before {
	background-position: -54px -54px;
}

a.ppt-icon:before,
a.pptx-icon:before,
a.powerpoint-icon:before {
	background-position: -72px -72px;
}

a.zip-icon:before {
	background-position: -108px -108px;
}

a.jpg-icon:before {
	background-position: -126px -126px;
}

a.gif-icon:before {
	background-position: -144px -144px;
}

a.png-icon:before {
	background-position: -162px -162px;
}

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

	a.pdf-icon:before,
	a.excel-icon:before,
	a.xls-icon:before,
	a.xlsx-icon:before,
	a.word-icon:before,
	a.docx-icon:before,
	a.doc-icon:before,
	a.zip-icon:before,
	a.powerpoint-icon:before,
	a.ppt-icon:before,
	a.pptx-icon:before,
	a.download-icon:before,
	a.txt-icon:before,
	a.jpg-icon:before,
	a.gif-icon:before,
	a.png-icon:before {
		background-image: url(../images/icons/fileicons@2x.png);
		background-size: 180px 180px;
	}

}


/* --------------------------------------------------------------- */
/* --- PAGE BROWSER ---------------------------------------------- */
/* --------------------------------------------------------------- */

.browsebox {
	list-style-type: none;
	margin: .5em 0 0;
}

.browsebox li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 30px;
}

.browsebox li a {
	color: #900;
	padding: 4px 8px;
	border: 1px solid #CCC;
	background-color: #F2F2F2;
	margin: 0 2px 0;
}

.browsebox li a:hover {
	background-color: #E2E2E2;
}

.browsebox li.act a {
	text-decoration: underline;
}

/* --------------------------------------------------------------- */
/* --- FANCYBOX -------------------------------------------------- */
/* --------------------------------------------------------------- */

.fancybox-close,
.fancybox-nav span {
	position:fixed;
	visibility:visible;
	text-align:center;
	width:60px;
	height:60px;
	padding:10px;
}

.fancybox-prev span {
	left:5%;	
}

.fancybox-next span {
	right:5%;	
}


.fancybox-nav span,
.fancybox-close {
	background:none !important;
	font-size:3.5rem;
	color:#fff;
	opacity:0.5;
}

.fancybox-close {
	font-size:2.5rem;
	right:5%;
	top:12px;
	opacity:.5;
}

.fancybox-nav span:hover,
.fancybox-close:hover {
	opacity:1;
	color:#fff;
}


.fancybox-nav span:before,
.fancybox-close:before {
	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;
}

.fancybox-prev span:before {
	content: "\e900";
}



.fancybox-next span:before {
	content: "\e901";
}
.fancybox-close:before {
	content: "\e902";
}

/* --------------------------------------------------------------- */
/* --- FORM ------------------------------------------------------ */
/* --------------------------------------------------------------- */


form fieldset,
.fieldset {
	margin-bottom:15px;	
}

.page-content form {
	max-width:650px;	
}

.form-row:after {
	content:"";
	display:table;
	clear:both;
}

.form-row{
	margin:0 0 6px 0;	
}

.form-row .label {
	float:left;
	width:40%;
	padding: 0 15px 0 0;
}

.form-row .field {
	float:right;
	width:60%;
}

.form-row.submit-row {
	padding-left:40%;	
}

.form-row .field input,
.form-row .field textarea,
.form-row .field select {
	width:100%;	
}

.form-row .label > h3 {
	margin: 0 0 0.6em;
}

.form-row .field > .checkbox {
	margin-bottom:4px;	
}

.touch .form-row .field > .checkbox {
	margin-bottom:8px;	
}

.form-row .title > div {
	width:50%;
	float:left;	
	padding-right:10px;
}

.info-required {
	color:#ababab;
}

input,
textarea {
	border: 1px solid #ababab;
	background-color: #f6f6f6;
	padding: 5px 10px;
	color: #575757;
	font-family:  'Century Gothic W01', Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;	
	border-radius:0;
}

input:hover,
select:hover,
textarea:hover {
	background-color: #f6f6f6;
	border: 1px solid #575757;
}

input:focus,
select:focus,
textarea:focus {
	background-color: #f6f6f6;
	border: 1px solid #575757;
}


input[type=submit][disabled=disabled],
input[type=submit][disabled=disabled]:focus,
input[type=submit][disabled=disabled]:hover {
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	color:#ababab;
	cursor:default;
}

input[type = "submit"],
input[type = "button"],
input[type = "reset"] {
	-webkit-appearance:none;
	appearance:none;
	border: 1px solid #e30513;
	background-color: #e30513;
	color:#fff;
	padding: 4px 10px;
	width:auto;
	border-radius:0;
}

input[type = "submit"]:hover,
input[type = "submit"]:focus,
input[type = "button"]:hover,
input[type = "button"]:focus,
input[type = "reset"] {
	border: 1px solid #e30513;
	background-color: #FFF;
	color:#e30513;
}

.form-row .field input[type = "submit"],
.form-row .field input[type = "button"],
.form-row .field input[type = "reset"] {
	width:auto;
}

input[type = "radio"],
input[type = "checkbox"],
.form-row .field input[type = "radio"],
.form-row .field input[type = "checkbox"] {
	background: none;
	border: none;
	width:auto;
}

select {
	font-size: 1em;
	border: 1px solid #666666;
	background-color: #F2F2F2;
	padding: 1px;
}

fieldset {
	border: none;
}

legend {
	display: none;
}

label,
select,
input[type = "checkbox"],
input[type = "radio"],
input[type = "button"],
input[type = "submit"] {
	cursor: pointer;
}



.form-row .field .checkbox > input,
.form-row .field .radio > input {
	margin-right:4px;
}


.mandatory {
	color:#e30513;
	display:inline-block;
	margin-left:2px;
}

/* Contact Form */

/* Interessen Label */
.powermail_fieldwrap_marker_01 > .label {
	font-family:'Century Gothic W01 Bold', Arial, Helvetica, sans-serif;
}

.powermail_fieldwrap_gender .field > .radio {
	width:50%;
	float:left;
}

.powermail_fieldwrap_gender .field:after {
	content:"";
	display:table;
	clear:both;
}

.powermail_fieldwrap_mandatory {
	color:#ababab;
	margin-bottom: .6rem;
}

.powermail_fieldwrap_persoenlicheangaben .field {
	float:none;
	width:auto;
	font-family:'Century Gothic W01 Bold', Arial, Helvetica, sans-serif;
}

/* End Contact Form */

/* Form Submitted */
.form-submitted td {
	padding:2px;
}

.form-submitted .powermail_all_label {
	padding-right:20px;
}


/* Parsley Error */

.form-row .field {
	position:relative;
}

.parsley-error,
.parsley-error:hover,
.parsley-error:focus {
	border-color:red;
}

.powermail_fieldwrap_type_file .parsley-error,
.powermail_fieldwrap_type_input .parsley-error,
.powermail_fieldwrap_type_textarea .parsley-error,
.powermail_fieldwrap_type_select .parsley-error {
	background: rgba(255,0,0,0.05);
}


.parsley-error input[type="checkbox"] + label:before,
.parsley-error  input[type="radio"] + label:before {
	background: rgba(255,0,0,0.05);
}

.parsley-errors-list {
	position:absolute;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	transform:translate(0,-50%);
	padding: 10px;
	list-style:none;
	margin:0 !important;
	right:0;
	top:50%;
	color:red;
	line-height:1.1;
}

.parsley-errors-list li {
	margin:0;
}

.powermail_fieldwrap_type_check .parsley-errors-list,
.powermail_fieldwrap_type_radio .parsley-errors-list {
	position:static;
	padding:0;
	transform:translate(0,0);
}


.clearer {
	display: block;
	overflow: hidden;
	height: 1px;
	clear:both;
}

.contact-3cols-element {

}

.contact-3cols-element .row {
	margin: 0px -10px;
}
.contact-3cols-element .col-33 {
	float:left;
	width: 33%;
	padding: 10px;
}

.contact-3cols-element .col-33 a {
	color: #e30513;
	text-decoration: none;
}
@media (max-width:576px) {
	.contact-3cols-element .col-33 {
		float: none;
		width: auto;
	}
}