/* Add here all your css styles (customizations) */
/* drcordes */

@import url('/fonts/css/ptsans.css');
@import url('/fonts/css/opensans.css');

body {
	font-weight: 400;
	font-family: 'PT Sans', sans-serif;
	font-size:15px;
	line-height: 1.6;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
	text-rendering: optimizelegibility;
	background-color: #fff;
	hyphens: auto;
	}

h1, h2, h3, h4, h5, h6 {
  	font-family: 'Open Sans', sans-serif;
	color: #3f5159;
	color: #000000;
	font-size:35px;
	}

h1 {
	margin: 30px 0 10px 0;
	}


h1 {
	font-size:180%;
	}


body#root p.doc-description{
	display:none;
	}
	
body#root h1{
	text-align:center;
	margin: 30px 0 20px 0;
	}	

h2, h3, h4 {
	margin-top: 1.7em;
	margin-bottom: 1.1em;
	}

h2, h3, h4 {
	margin-top: 1.4em;
	margin-bottom: 0.3em;
	}

h2 {
	font-size:160%;
	}

h2.centered-txt {
	font-size:210%;
	}

h2.headline-1 {
	font-size:234%;
	}

h3 {
	font-size:140%;
	}

h3.inline-txt {
	margin:10px 0px 10px 0px;
	font-size:100%;
	font-weight:normal;
	} 


h4.inline-txt {
	margin:10px 0px 10px 0px;
	font-size:110%;
	font-weight:normal;
	} 




@media (min-width: 992px) {
h1 {
	font-size:234%;
	}


body#root p.doc-description{
	display:none;
	}
	
body#root h1{
	text-align:center;
	margin: 30px 0 20px 0;
	}	

h2, h3, h4 {
	margin-top: 1.7em;
	margin-bottom: 1.1em;
	}

h2, h3, h4 {
	margin-top: 1.4em;
	margin-bottom: 0.3em;
	}

h2 {
	font-size:160%;
	}

h2.centered-txt {
	font-size:210%;
	}

h2.headline-1 {
	font-size:234%;
	}

h3 {
	font-size:140%;
	}

h3.inline-txt {
	margin:10px 0px 10px 0px;
	font-size:100%;
	font-weight:normal;
	} 


h4.inline-txt {
	margin:10px 0px 10px 0px;
	font-size:110%;
	font-weight:normal;
	} 
}

.centered-txt {
	text-align:center;
	}

p.doc-description,
.boxed-layout-row p,
.call-action-v1-box p,
.right-col p,
.right-col li,
.right-col li a,
.right-col label,
.team-v7 p
 {
	color: #1f1f1f;
	font-size:15px;
	line-height:1.8em;
	}

p.doc-description {
	color: #1f1f1f;
	font-style: italic;
	margin-bottom:1.5em;
	}

p+ul {
	margin-top:-15px;
	margin-bottom:20px;
	}

@media (min-width: 992px) {
	.txt-two-cols {
		column-count: 2;
		column-gap: 60px;
	}

	.txt-three-cols {
		column-count: 3;
		column-gap: 60px;
	}
}




.color-darker {
	color: inherit;
	}

h2.title-v3-md {
	color: #000000;
	}

span.ptz-orange {
	color:#1f1f1f;
	}

.boxed-layout-container a {
	color:#000;
	text-decoration:underline
	}

.boxed-layout-container a:hover {
	color:#ff0000;
	text-decoration:underline;
	}


.title-description-container .row>div * {
	padding-left:15px;
	padding-left:0px;
	}

/* texts selection [ when making highlighting on texts by mouse ] */
::-moz-selection{
	background:#000000;	/* background color of fonts when highlight texts by mouse */
	color: #fff; /* if the background is dark and the text is not appearing clearly, then use color value #fff instead */	/* color of fonts when highlight texts by mouse */
	}

::selection {
	background:#000000;	/* background color when highlight texts by mouse */
	color: #fff; /* if the background is dark and the text is not appearing clearly, then use color value #fff instead */	/* color of fonts when highlight texts by mouse */
	}

.u-go-to-v1:hover, .u-go-to-v1:focus:hover {
	background-color: #8daaca;
	}


/* SEARCH */
#search_results h4,
#search_results .header.row {
	color:#999;
}
#search_results h4 {
	margin: 2em 0 0 0;
}
#search_results h2 {
	font-size: 120%;
	font-weight: bold;
	margin: 1em 0 0 0;
}
#search_results .breadcrumb {
	top: inherit;
	z-index: auto;
	padding: 0;
	margin:0;
	font-style:italic;
	font-size:13px
}
#search_results .breadcrumb a {
	color: #008AC7;
}
#search_results .col-md-8.col-sm-9 {
	width:100%;
}

ul.pagination :first-child a {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
ul.pagination :last-child a {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
ul.pagination>li>a,
ul.pagination>li>span {
	padding: 6px 12px !important;
	font-size: 15px;
}

.main-container {
  margin-bottom:60px;
  
}


/* footer
------------------------------------*/
#contacts-section {
    margin-top:80px;
    margin-top:0px;
  
}



footer {
	margin-top:240px;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:20px;
  	background:#000;
  
	color:#fff;
	min-height:220px;
	}

footer .container {
  	background:#000;
	color:#fff;
	}

.footer-content{
	margin-bottom:30px;
	}

.footer-content p{
	color:#ffffff;
	}


.footer-adress-hint-wrapper>*, .footer-socmedia-wrapper>*{

	}

.footer-box-details p {
	margin:0 0 0.3em 0;
	padding:0px;
	line-height:160%;
	color:#fff;
	}

.headline h2 {
	margin-top:0px;
	padding-bottom:5px;
	text-transform:uppercase;
	font-size:16px;
	color:#fff;
	line-height:100%;
	}

.footer-imprint-wrapper, .footer-adress-hint-wrapper {
	border-right:0px solid #e67e22;
	}

.footer-socmedia-wrapper .list-inline li {
	margin-right:20px;
	}

.flink  {
	margin:0px 0px 5px 0px !important;
	}

.flink:first-child  {
	margin:0px 0px 5px 0px !important;
	}

.flink a, .fhint-email a {
	color:#fff;
	}

.flink a:hover, .fhint-email a:hover {
	color:#cfcfcf;
	}

.flink a{
	position: relative;
	padding-left:0px;
	}
 
.fhint-facebook {
	margin-top:30px !important;
	padding-top:10px;
	}

.fhint-facebook a{
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color:#fff;
	width: 45px;
	height: 45px;
	display: block;
	text-align: center;
	font-size: 20px;
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	padding-top:12px;
	}

.fhint-facebook a:hover{
	background-color: #3b5998;
	border-color: #3b5998;
	color:#fff;
	}

ul.footer-list {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

ul.footer-list li{
	margin:0px 0px 30px 0px;
	}

ul.footer-list li:first-child{
	margin:22px 0px 30px 0px !important;
	}

@media (min-width: 992px) {
	.footer-box-title {

	}
}

.fhint-email {
	white-space: nowrap;
	overflow: hidden;
	width: 110%;
	text-overflow: ellipsis;
	}





/* copyright
------------------------------------*/
.copyright {
 	height: 70px; 
	width: 100%; 
	font-size: 11px; 
	background-color: #445D69;
	background-color: #2f383c;
	color:#b8b7b7;
	}

.copyright a {
	color: #fff; 
	text-decoration: none;
	}

.copyright a:hover {
	color: #e8e8e8;
	}

.copyright .copyright-text {
	line-height: 20px;
	text-align:center;
	vertical-align:center;
	}

@media only screen and (min-width : 768px) {
	.copyright {
 		height: 40px; 
	}
	.copyright .copyright-text {
		line-height: 40px;
	}
}

.error {
	color:red;
	}

/*-------------------------------------------------------------------------------------------------*/
/* iframe - bvg-widget */
/*-------------------------------------------------------------------------------------------------*/
iframe {
	border: 1px solid #cfcfcf;
	padding:0px;
	}

/*-------------------------------------------------------------------------------------------------*/
/* blog-item */
/*-------------------------------------------------------------------------------------------------*/
.blog-item-wrapper {
	max-width:660px;
	margin-bottom:40px;
	}

h2.blog-item-title {
	margin-bottom:10px !important;
	}

p.blog-item-author {
	margin-top:0px;
	color:#9c9c9c !important;
	}

/*-------------------------------------------------------------------------------------------------*/
/* CV */
/*-------------------------------------------------------------------------------------------------*/
.cv-wrapper {
	margin:0px 0px 60px 0px !important;
	padding-bottom:50px;
	border-bottom: 1px solid #dedede;
	}

h1.cv, h2.cv {
	text-align:center;
	}

h1.cv {
	margin:0px 0px 17px 0px;
	padding:0px;
	font-size:28px;
	text-align:center;
	}

 h2.cv {
 	margin:0px 0px 20px 0px;
	padding:0px;
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal !important;
	letter-spacing:0.2em;
	}

/*-------------------------------------------------------------------------------------------------*/
/* tocbox */
/*-------------------------------------------------------------------------------------------------*/
.toc-box {
	padding-bottom:10px;
	margin-top:40px;
	border-bottom:0px solid #072356;
	}

.no-margin-top .toc-box {
	margin-top:-20px;
	padding-top:0px;
	}

.no-margin-top .toc-box .tocbox-title {
	margin-top:0px !important;
	padding-top:0px !important;
	}

.toc-box:hover {
	cursor:pointer;
	border-bottom:0px solid #bc3364;
	}

.dates .toc-box:hover {
	cursor:default;
	}

.toc-box *{
	text-align:center;
	}

.tocbox-img-wrapper {
	margin-bottom:10px;
	}

.tocbox-img-wrapper img.img-responsive{
	/* width:100% */
	}

.tocbox-img {
	width:80%;
	margin-bottom:30px;
  	}

.cv-item .tocbox-img {
	width:100%;
	margin-bottom:0px;
  	}

.tocbox-img-wrapper img {
	filter: grayscale(1000%);
	}

.tocbox-img-wrapper img:hover {
	filter: grayscale(0%);
	}

.tocbox-title {
	margin:20px 0px 0px 0px !important;
	font-size:15px !important;;
	line-height:1.5em;
	color:#000;
	text-transform:uppercase;
	letter-spacing:0.1em !important;
	font-weight:normal;
	}

.dates .tocbox-title {
	font-size:110% !important;
	}

.tocbox-text {
	margin-bottom:40px !important;
	}

.tocbox-btn span{ 
	position:absolute;
	bottom:0px;
	padding:5px;
	display:block;
	background:#000;
	margin-right: auto;
	margin-left: auto;
	width:85%;
	color:#fff;
	font-size:85%;
	text-transform:uppercase;
	letter-spacing:2px;
	}

.tocbox-btn span{ 
	position:absolute;
	bottom:0px;
	padding:5px;
	display:block;
	background:#000;
	margin-right: auto;
	margin-left: auto;
	width:94% !important;
	color:#fff;
	font-size:85%;
	text-transform:uppercase;
	letter-spacing:2px;
	}

.tocbox-btn span:hover{ 
	background:#9c9999;
	color:#fff;
	}



@media (min-width: 768px) {
	.no-margin-top .toc-box {
		margin-top:0px;
		padding-top:0px;
		}
	
	.no-margin-top .toc-box .tocbox-title {
		margin-top:20px !important;
	}
	

	.toc-box-wrapper {
		margin-top:30px;
	}
	.toc-box {
		padding-bottom:30px;
		margin-top:0px;
	}
}

/*-------------------------------------------------------------------------------------------------*/
/* accordion  */
/*-------------------------------------------------------------------------------------------------*/
h4.panel-title {
	margin-top:0px;
	margin-bottom:0px;
	padding:10px;
	padding-bottom:10px;
	color:#fff !important;
	font-size:1.4rem;
	}

.panel:first-child h4.panel-title {
	margin-top:0px;
	margin-bottom:0px;
	padding:10px;
	padding-bottom:10px;
	color:#fff !important;
	font-size:2.4rem;
	}

h4.panel-title span, h4.panel-title i, h4.panel-title a {
	color:#fff !important;
	text-decoration:none;
	}


.panel:first-child h4.panel-title span.a-title {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width:210px !important;
	display:inline-block;
	}

@media (min-width: 768px) {
	.panel:first-child h4.panel-title span.a-title {
		overflow: visible;
		text-overflow: ellipsis;
		max-width:96% !important;
		display:inline-block;
		}
}



.accordion-toggle>span>img {
	transform: rotateZ(180deg);
	transition: all 0.4s ease-in-out 0s;
	height:30px !important;
	}

.collapsed>span>img {
	transform: rotateZ(0deg);
	transition: all 0.4s ease-in-out 0s;
	}

.accordion-toggle {
	display:block;
	padding:10px 20px 10px 20px;
	}

[aria-expanded="false"] {
	padding:10px 20px 10px 20px;
	}

.panel:first-child [aria-expanded="true"] {
	padding:50px 20px 50px 20px;
	}

.fa-chevron-down {
	padding-top:5px;
	}

.fa-chevron-up {
	/* padding-top:50px; */
	}

.panel-body h2, .panel-body h3, .panel-body h4 {
	margin-top:0px;
	font-size:1.3rem;
	}

.panel-body h2 + h3{
	margin-top:10px;
	}


.panel-group .p-type-sti_d h4  { background: #c3c7c9; }
.panel-group .p-type-hiv_r h4  { background: #ff1395; }
.panel-group .p-type-hiv_p h4  { background: #b80070; }
.panel-group .p-type-sti_s h4  { background: #00b6ff; }
.panel-group .p-type-sti_t h4  { background: #565766; }
.panel-group .p-type-sti_i h4  { background: #416395; }
.panel-group .p-type-hiv_prep h4  { background: #bda6c3; }
.panel-group .p-type-chem_sex h4  { background: #ff83ad; }
.panel-group .p-type-insurance h4  { background: #4d2654; }

/* unused */
.panel-group .p-type-health h4  { background: #90868d; }
.panel-group .p-type-sti_c h4  { background: #2a3458; }


.panel-group .p-type-sti_d .panel-body h2, .panel-group .p-type-sti_d .panel-body h3, .panel-group .p-type-sti_d .panel-body h4  { color: #c3c7c9; }
.panel-group .p-type-hiv_r .panel-body h2, .panel-group .p-type-hiv_r .panel-body h3, .panel-group .p-type-hiv_r .panel-body h4  { color: #ff1395; }
.panel-group .p-type-hiv_p .panel-body h2, .panel-group .p-type-hiv_p .panel-body h3, .panel-group .p-type-hiv_p .panel-body h4  { color: #b80070; }
.panel-group .p-type-sti_s .panel-body h2, .panel-group .p-type-sti_s .panel-body h3, .panel-group .p-type-sti_s .panel-body h4  { color: #00b6ff; }
.panel-group .p-type-sti_t .panel-body h2, .panel-group .p-type-sti_t .panel-body h3, .panel-group .p-type-sti_t .panel-body h4  { color: #565766; }
.panel-group .p-type-sti_i .panel-body h2, .panel-group .p-type-sti_i .panel-body h3, .panel-group .p-type-sti_i .panel-body h4  { color: #416395; }
.panel-group .p-type-hiv_prep .panel-body h2, .panel-group .p-type-hiv_prep .panel-body h3, .panel-group .p-type-hiv_prep .panel-body h4  { color: #bda6c3; }
.panel-group .p-type-chem_sex .panel-body h2, .panel-group .p-type-chem_sex .panel-body h3, .panel-group .p-type-chem_sex .panel-body h4  { color: #ff83ad; }
.panel-group .p-type-insurance .panel-body h2, .panel-group .p-type-insurance .panel-body h3, .panel-group .p-type-insurance .panel-body h4  { color: #522549; }

/* unused */
.panel-group .p-type-health .panel-body h2, .panel-group .p-type-health .panel-body h3, .panel-group .p-type-health .panel-body h4  { color: #bda6c3; }
.panel-group .p-type-sti_c .panel-body h2, .panel-group .p-type-sti_c .panel-body h3, .panel-group .p-type-sti_c .panel-body h4  { color: #abdade; }

.panel-collapse {
	padding:20px 20px 20px 20px;
	}

.panel-body *{
	max-width:600px;
	}


/* css 4 page layout - spec./customized for sti site */
body[id=e630] .title-description-container {
	display:none;
	}

body[id=e630] h1.doc-title {
	display:none;
	}

body[id=e630] #contacts-section {
	border:0px solid red !important;
	margin-top:0px;
	}



/*-------------------------------------------------------------------------------------------------*/
/* hero */
/*-------------------------------------------------------------------------------------------------*/
.project-hero.bgsize-cover {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-color:transparent;
	}


/*-------------------------------------------------------------------------------------------------*/
/* chours (sprechzeiten)*/
/*-------------------------------------------------------------------------------------------------*/
.c-hours-title-col .h2 {
	font-size:2.9rem !important;
	}

.chour-item-wrapper {
	font-size:1.6rem;
	text-align:left !important;
	}

.chour-item-wrapper em{
	font-style:normal;
	padding:0px 0px !important;
	}


/*-------------------------------------------------------------------------------------------------*/
/* callto */
/*-------------------------------------------------------------------------------------------------*/
.callto-bg-purple1 {
	background:#a4a5c3;
	}

.callto-bg-purple1 *{
	color:#fff;
	}

.callto-bg-purple2 {
	background:#d1d1dd;
	}

.callto-bg-purple2 *{
	color:#000;
	}

.callto-bg-purple2 .btn{
	color:#fff;
	}

.callto-bg-grey {
	background:#cccccc;
	}

.callto-bg-grey *{
	color:#000;
	}

.callto-bg-grey .btn{
	color:#fff;
	}

.callto-bg-yellow {
	background:#ecd5c7;
	}

.callto-bg-yellow *{
	color:#000;
	}

.callto-bg-yellow .btn{
	color:#fff;
	}


.callto-bg-white {
	background:#ecd5c7;
	}

.callto-bg-white *{
	color:#000;
	}

.callto-bg-white .btn{
	color:#fff;
	}



/*-------------------------------------------------------------------------------------------------*/
/* zmsfile */
/*-------------------------------------------------------------------------------------------------*/
div.ZMSFile, div.ZMSLinkElement { 
	margin:1.5em 0em 1.5em 0em !important;
	line-height:1.5em;
	border-bottom:0px solid rgba(0, 9, 9, 0.1);
	font-size:100%;
	background:#a4a5c3;
	padding:16px 10px 9px 15px;
	}

div.ZMSFile:hover, div.ZMSLinkElement:hover { 
	background:#a8000d;
	}


div.ZMSFile:hover, div.ZMSLinkElement:hover *{ 
	color:#fff !important;
	}

div.ZMSFile.none, div.ZMSLinkElement.none {
	background-color: transparent;
	}

div.ZMSFile.floatleft, div.ZMSLinkElement.floatleft { 
	float:left;
	width:50%
	}

div.ZMSFile.floatright, div.ZMSLinkElement.floatright { 
	float:right;
	width:50%
	}

div.ZMSFile div.title, div.ZMSLinkElement div.title {
	font-size:1.9rem !important;
	line-height:2.7rem !important;
	margin-bottom:1rem;
	}

div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited {
	text-decoration:none;
	font-weight:normal !important;
	}

div.ZMSFile div.title span, div.ZMSLinkElement div.title span{
	font-size:1.9rem !important;
	line-height:2.7rem !important;
	margin-bottom:1rem;
	}

div.ZMSFile div.title a:hover, div.ZMSFile div.title a:active, div.ZMSLinkElement div.title a:hover, div.ZMSLinkElement div.title a:active {
	color:#fff;
	}

div.ZMSFile div.title img {
	display:none;
	}

.ZMSFile .title a:after {
	padding:0px 2px 0px 5px;
	font-family: "FontAwesome";
	content: "\f019";
	}


div.ZMSLinkElement .title a:after {
	padding:0px 2px 0px 10px;
	font-family: "FontAwesome";
	content: "\f0c1";
	}

div.ZMSLinkElement div.title img {
	
	}
	
div.ZMSFile div.text, div.ZMSLinkElement div.text {
	color:#fff;
	font-size:1.4rem !important;
	}

div.ZMSFile div.description, div.ZMSLinkElement div.description {
		margin-top:5px !important;
	}

div.ZMSFile div.title,
div.ZMSFile div.title a:link, 
div.ZMSFile div.title a:visited,
div.ZMSFile div.text,  
div.ZMSFile div.description, 
div.ZMSLinkElement div.title,
div.ZMSLinkElement div.title a:link, 
div.ZMSLinkElement div.title a:visited,
div.ZMSLinkElement div.text,
div.ZMSLinkElement div.description  {
		}
	
.ZMSFile a, .ZMSLinkElement a {
	color:#fff;
	}
	
div.ZMSFile:hover a, div.ZMSLinkElement:hover a{
 	color:#fff;
 	
	}

div.ZMSFile a:hover, div.ZMSLinkElement a:hover {
	text-decoration:underline !important;
	}


/*-------------------------------------------------------------------------------------------------*/
/* ZMSGraphic */
/*-------------------------------------------------------------------------------------------------*/
.ZMSGraphic {
	background-color: transparent;
	margin: 1em 0;
}
.ZMSGraphic.left {
	text-align:left;
}
.ZMSGraphic.right {
	text-align:right;
}
.ZMSGraphic.center {
	text-align:center;
}
.ZMSGraphic.floatleft {
	float:left;
	margin-right:2em;
}
.ZMSGraphic.floatright {
	float:right;
	margin-left:2em;
}
.ZMSGraphic .alignleft {
	margin-right:10px;
}
.ZMSGraphic.center div.graphic {
	text-align:center;
	margin:0px auto;
}
.ZMSGraphic .graphic,
.ZMSGraphic .graphic img {
	max-width:100% !important;
}
.ZMSGraphic .graphic.alignleft {
	float:left;
	text-align:right;
}
.ZMSGraphic .graphic.alignright {
	float:right;
	text-align:right;
}
.ZMSGraphic .text {
	background-color:transparent;
	
}
.ZMSGraphic .graphic {
	margin-bottom: .5em;
}
.ZMSGraphic.center div.graphic  {
	margin:0 auto
}
.ZMSGraphic.left .graphic.alignleft {
	float:left;
	margin-right:1.2em;
}
.ZMSGraphic.left .text,
.ZMSGraphic.right .graphic,
.ZMSGraphic.right .text {
	width: auto !important;
}
/*-- ## FF Patch ## --*/
.ZMSGraphic.right div.graphic {
	width:100% !important;
}
.ZMSGraphic.right div.graphic img {
	display:inline !important;
}