@font-face {
	font-family: 'DINOT Medium';
	src: url('https://www.tangron.com/fileadmin/tangron/templates/fonts/ff_din_web_medium/DINWeb-Medium.eot');
	src: local('DINOT Medium'), url('https://www.tangron.com/fileadmin/tangron/templates/fonts/ff_din_web_medium/DINComp-Medium.ttf') format('truetype'),
        url('https://www.tangron.com/fileadmin/tangron/templates/fonts/ff_din_web_medium/DINWeb-Medium.woff') format('woff');
}
@font-face {
	font-family: 'DINOT Bold';
	src: url('https://www.tangron.com/fileadmin/tangron/templates/fonts/ff_din_web_bold/DINWeb-Bold.eot');
	src: local('DINOT Bold'), url('https://www.tangron.com/fileadmin/tangron/templates/fonts/ff_din_web_bold/DINComp-Bold.ttf') format('truetype'),
        url('https://www.tangron.com/fileadmin/tangron/templates/fonts/ff_din_web_bold/DINWeb-Bold.woff') format('woff');
}


body .tx-pmmandates { font-family: 'HelveticaNeueLT-Light', 'Roboto', sans-serif; letter-spacing:1px; overflow-x: hidden;}

body #mainContentShow article {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

#mainContentShow .wrapper , #articleHeader .wrapper, #contactAddress .wrapper { margin:0 auto; max-width:880px; }

.tx-pmmandates header.listRow .list_col { float:left; padding:12px 40px 8px 0px; width:220px;}
.tx-pmmandates header.listRow .list_col:nth-child(2) { width:190px; }
.tx-pmmandates header.listRow .sorter {cursor: pointer;}
.tx-pmmandates header { background:#f6f6f6; color:#009fe3; text-transform:uppercase; font-weight:700; font-size:12px; margin: 0 -500%; padding: 0 500%;}
.tx-pmmandates section.listing {float:left;margin-top: -15px; margin-bottom: 25px;}

.tx-pmmandates header.listRow .list_col_function, .tx-pmmandates header.listRow .list_col_region{padding:12px 40px 8px 0px;}

/* Border on entries - works only on unfiltered results */
.tx-pmmandates article.listRow {display:block; margin-left: 1px; border-top: solid 1px #58585a; border-bottom: solid 1px transparent;}
.tx-pmmandates article.listRow:first-child {border-top: solid 1px transparent;}
.tx-pmmandates article.listRow:nth-last-child(2) {border-bottom: solid 1px transparent;}
.tx-pmmandates article.listRow:nth-last-child(2):hover {border-bottom: solid 1px #009fe3;}
.tx-pmmandates article.listRow:hover {color: #009fe3;}
.tx-pmmandates article.listRow:hover .list_col a, .tx-pmmandates article.listRow:hover .list_col a span {color: #009fe3;}

.tx-pmmandates article.listRow.hover {border-top-color:#009fe3;}
.tx-pmmandates article.listRow.hoverNext {border-top-color:#009fe3;}
.tx-pmmandates article.listRow.hoverBottom {border-bottom-color:#009fe3;}
/*
.tx-pmmandates article.listRow:hover {border-top-color:#009fe3; color: #009fe3;}
.tx-pmmandates article.listRow:hover .list_col a, .tx-pmmandates article.listRow:hover .list_col a span {color: #009fe3;}
.tx-pmmandates article.listRow:hover + article.listRow {border-top-color:#009fe3;}
/* endborders */

.tx-pmmandates article.listRow .list_col { float:left;padding:8px 40px 6px 0px; width:216px; }
.tx-pmmandates article.listRow .list_col:nth-child(2) { width:190px; padding-left: 4px; }
.tx-pmmandates article.listRow .list_col:nth-child(3) { padding-left: 4px; }
.tx-pmmandates article.listRow .list_col a {color:#575756;}
.tx-pmmandates article.listRow .list_col a:hover {text-decoration:none; border-bottom: none;}
.tx-pmmandates article.listRow .list_col .offerPositionTitle,.tx-pmmandates article.listRow .list_col .offerLocationRel {font-weight:700;}
.tx-pmmandates article.listRow .list_col .offerPositionTitle {text-transform: none;}

.tx-pmmandates article.listRow .list_Col3 a {color: #575756;}


.tx-pmmandates aside#regionFilter { float:right; display:block; margin-top:40px; margin-left:0; }

.tx-pmmandates nav#selectRegionList { display:none; background: #009fe3;color: #fff;height: auto;width: 100%;padding: 10px 10px 10px 15px;}
.tx-pmmandates nav#selectRegionList select { color:#666; width:100%; }


/* ############################### detail ############################### */
#detailHeader { padding-top:30px; padding-bottom:20px;}

.tx-pmmandates #mainContentShow { margin-top:80px; }
.tx-pmmandates aside.pageInfo { float:left; margin:28px 0 0 0; }
.tx-pmmandates aside.pageInfo h1, aside.pageInfo h2, aside.pageInfo h3 { text-transform:uppercase; font-size:20px; margin:0;padding:0;color:#009fe3; font-weight:bold; font-family:'DINOT Bold', 'Roboto', sans-serif; }
.tx-pmmandates header#articleHeader h3 { font-size:12px; font-weight:normal; text-transform:uppercase; color: #575756; line-height: 16px;}
.tx-pmmandates header#articleHeader h1 {font-weight:normal;text-transform: none;font-size: 28px;line-height: 32px;}
.tx-pmmandates header#articleHeader .posDescription {color: #575756; font-size: 12px; line-height: 16px; font-weight: normal; text-transform: uppercase;font-family:'DINOT Bold', 'Roboto', sans-serif;}
.tx-pmmandates .contentMainInfos h2{margin-bottom:15px;}
.tx-pmmandates ul {margin: 0 0 0 15px;padding:0; }
.tx-pmmandates ul li {color:#58585a; font-size:15px; line-height:22px;word-wrap: break-word; }



.tx-pmmandates h4 {color:#575756;font-family:'DINOT Medium';font-size:14px;line-height:16px;margin-top:0;text-transform:uppercase;}
.tx-pmmandates header#articleHeader, header#articleHeader p { color:#575756; font-size:15px; line-height:22px; }
.tx-pmmandates #articleLeft { float:left; width:45%;}
.tx-pmmandates #articleRight { float:right; width:50%;}
.tx-pmmandates #offer { clear:both;width:100%;margin:0px 0 60px 0; display:inline-block; margin-top: 60px;}
.tx-pmmandates #offer p {margin-bottom: 0;}
.tx-pmmandates #articleLeft p, .tx-pmmandates #articleLeft, .tx-pmmandates #articleRight p , .tx-pmmandates #articleRight { font-weight:200; font-size:15px; }

.tx-pmmandates #articleLeft {}

.tx-pmmandates #regionFilter #map {height:290px; width:250px; }
.tx-pmmandates #regionFilter #map g#regions g:hover path { fill: #009fe3; }
.tx-pmmandates #regionFilter #map g#regions path.active { fill: #009fe3; }
.tx-pmmandates #filterReset {display: block;cursor: pointer;font-size: 11px;text-transform: none;font-weight: normal;color: #60586F;position: absolute;margin: 15px 0 0 0;}
.tx-pmmandates #filterReset:hover { color:#009fe3; }
.tx-pmmandates #filterReset.hidden {display: none;}
.tx-pmmandates .listing { width: auto; }
.tx-pmmandates article.none-found .list_col { float:left;padding:12px 10px 8px 10px; width:590px; }


 header#articleHeader .headlines { float:left; display:block; margin-right:30px;width:30%; margin-top: 30px;}
 header#articleHeader .descTeaser { float:right; display:block; max-width:50%;padding-top: 28px; padding-bottom: 28px; border-top: solid 2px #009fe3; border-bottom: solid 2px #009fe3;}
 header#articleHeader .descTeaser span, header#articleHeader .descTeaser p,header#articleHeader .descTeaser div {margin-bottom: 0; text-transform: none; font-weight: normal; text-transform: none;}

aside.pageInfo p, aside.pageInfo { text-transform:uppercase; font-weight:normal; font-family: 'DINOT Medium','Roboto', sans-serif; color:#868889; font-size:18px; }
aside.pageInfo {margin-top: 26px;float: left;margin-bottom: 20px;}
 figure#detailLogo { float:right; margin:0px 0 20px 0;}
header#articleHeader {padding: 30px;background: url("../Img/bg_light.jpg") 0 0 repeat-x; margin-bottom: 60px;}
.containerShow { margin:0 auto; max-width:100%; }

a.backLink {position: fixed;background: url("../Img/back_arrow.png") 0 0 no-repeat;width: 100px;left: 11%;top: 380px;height: auto;display: block;color: #878787;text-transofrm: uppercase;font-family: 'DINOT Medium','Roboto', sans-serif;font-size: 12px;padding: 30px 0 0 0;margin-top: 0; z-index: 9999; line-height: 16px;}
a.backLink:hover { color:#009fe3; text-decoration:none;}

aside#contactAddress { width:100%;display:inline-block; background:#fff; margin:0 auto;  text-align:left; margin-top:0; margin-bottom:60px;}


 #contactAddress div h5 { font-size:22px; text-transform:uppercase; color:#009fe3; font-weight:400; margin:0; }

.contentMainInfos h3 {color: #575756; font-family: 'DINOT Medium', 'Roboto', sans-serif; font-size: 14px; line-height: 16px; text-transform: uppercase; }
.contentMainInfos > span { display: block;}
.contentMainInfos .personVcard,
.contentMainInfos .personFocus,
.contentMainInfos .personLocation,
.contentMainInfos .personContact,
.contentMainInfos .personPosition { font-family: 'HelveticaNeueLT-Light', Arial, sans-serif;}
.contentMainInfos .personAddress {margin-bottom: 8px;}
.contentMainInfos .personVcard {margin-top: 15px;}
.contentMainInfos .personSocialMedia {margin-bottom: 0px; margin-top: 30px;}


@media (max-width: 1300px) {
a.backLink {position: absolute;background: url("../Img/back_arrow.png") 0 0 no-repeat;width: auto;left: 30px;top: 125px;height: auto;display: block;color: #878787;text-transform: uppercase;font-family: 'DINOT Medium','Roboto', sans-serif;font-size: 11px;padding: 1px 0 0 35px;margin-top: 0;z-index: 1;}
}
@media (max-width: 1200px) {

.tx-pmmandates aside#regionFilter, .tx-pmmandates header.listRow .list_col:last-child  { display:none; }
.tx-pmmandates nav#selectRegionList { display:block; margin:20px 0; display: inline-block; }
.tx-pmmandates nav#selectRegionList select {color: #666;width: 50%; padding:6px 10px; }



}

@media (max-width: 970px)  {
.tx-pmmandates header.listRow .list_col {float: left;padding: 12px 20px 8px 0px;width: 240px;}
.tx-pmmandates header.listRow .list_col:nth-child(2) {float: left;padding: 12px 20px 8px 8px;}
.tx-pmmandates header.listRow .list_col:nth-child(3) {float: left;padding: 12px 20px 8px 8px;}
.tx-pmmandates header#articleHeader {padding-left: 20px; padding-right: 20px; margin: 0 auto; margin-bottom: 30px;}
.tx-pmmandates > article {padding-left: 20px; padding-right: 20px;}
.tx-pmmandates article.listRow .list_col {float: left;padding: 12px 0px 8px 0px;width: 240px;}

#mainContentShow .tx-pmmandates .wrapper, .tx-pmmandates #articleHeader .wrapper, .tx-pmmandates  #contactAddress .wrapper{ max-width:100%; }
a.backLink{position: absolute;}

}




@media (max-width: 768px)  {
.tx-pmmandates section.listing { width:100%; margin-bottom: 0;}
.tx-pmmandates nav#selectRegionList { display:block; margin:20px 0; display: inline-block; }
.tx-pmmandates nav#selectRegionList select {color: #666;width: 100%; padding:6px 10px; }
.tx-pmmandates header.listRow { display:none; }
.tx-pmmandates > article {padding-left: 20px; padding-right: 20px;}
.tx-pmmandates article.listRow {padding-top: 20px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px;}
.tx-pmmandates article.listRow .list_col { width:100%; clear:left; margin-bottom:8px; padding: 0; padding-left: 5px;}
.tx-pmmandates article.listRow .listCol1:before{content:"Positionsbeschreibung:";color:#009fe3; text-transform:uppercase;display:block;width:100%;}
.tx-pmmandates article.listRow .listCol2:before{content:"Funktion:";color:#009fe3;  text-transform:uppercase;display:block;width:100%;}
.tx-pmmandates article.listRow .listCol3:before{content:"Region:";color:#009fe3;  text-transform:uppercase;display:block;width:100%;}

 #contactAddress .containerShow div { clear:left; width:100%; margin-bottom:0px; }
a.backLink {position: absolute;background: url("../Img/back_arrow.png") 0 0 no-repeat;width: auto;left: 30px;top: 125px;height: auto;display: block;color: #878787;text-transform: uppercase;font-family: 'DINOT Medium','Roboto', sans-serif;font-size: 11px;padding: 1px 0 0 35px;margin-top: 0;z-index: 1;}



header#articleHeader { padding: 50px 10px 0 10px; }
header#articleHeader .headlines {width:100%;}
.tx-pmmandates nav#selectRegionList select {color: #666;width: 100%;}
header#articleHeader .descTeaser {float: none;clear:both;display: block;max-width: 100%;}

@media (max-width: 580px) {
 figure#detailLogo {float: none;margin: 0px 0 60px 10px;clear: left;}
 aside.pageInfo {margin-top: 26px;float: left;margin-bottom: 20px;margin-left: 10px;}

 header#articleHeader {margin: 0 auto 30px;}

.tx-pmmandates article { text-align:left; }




body article {
padding: 0 20px;


}

@media (max-width: 480px) {
    .tx-pmmandates article div#articleLeft,
    .tx-pmmandates article div#articleRight {float: none; width: 100%;}
}



/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}

.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}

.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

.fancybox-opened{z-index:8030;}

.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);}

.fancybox-outer,.fancybox-inner{position:relative;}

.fancybox-inner{overflow:hidden;}

.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}

.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}

.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;}

.fancybox-image{max-width:100%;max-height:100%;}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../Img/fancybox_sprite.png);}

#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}

#fancybox-loading div{width:44px;height:44px;background:url(../Img/fancybox_loading.gif) center center no-repeat;}

.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}

.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(blank.gif);/* helps IE */
 -webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}

.fancybox-prev{left:30px;}

.fancybox-next{right:40px;}

.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}

.fancybox-prev span{left:10px;background-position:0 -36px;}

.fancybox-next span{right:10px;background-position:0 -72px;}

.fancybox-nav:hover span{visibility:visible;}

.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;max-width:99999px;max-height:99999px;overflow:visible !important;}

/* Overlay helper */

.fancybox-lock{overflow:visible !important;width:auto;}

.fancybox-lock body{overflow:hidden !important;}

.fancybox-lock-test{overflow-y:hidden !important;}

.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../Img/fancybox_overlay.png);}

.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}

.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}

/* Title helper */

.fancybox-title{visibility:hidden;font:normal 13px/20px 'DINOT Medium',Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}

.fancybox-opened .fancybox-title{visibility:visible;}

.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}

.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;/* Fallback for web browsers that doesn't support RGBa */
 background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}

.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}

.fancybox-title-inside-wrap{padding-top:10px;}

.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8);}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../Img/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
	background:#fff;
		background-image: url(../Img/body_preload.gif);
		background-size: 40px 40px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* ############################################## fancybox end  ######################################### */