/* ----------------------------------------------------------------------------- * 
 *                     Look and Feel : Farben und Schriften                      *
 *          Alle weiteren Styles sind in layout.css definiert           		 *
 * ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- * 
 * Primäre Farben
 * 239,51,64 	- Rot
 * 54,156,219 	- Blau
 *
 * Sekundäre Farben:
 * 72,72,72 	- Dunkelgrau	Fliesstext, Navigation (Text)
 * 244,244,244 	- Hellgrau		BG (Download-Box)
 * 215,24,38 	- Dunkelrot 	Button (hover)
 *
 * ----------------------------------------------------------------------------- */
html {
  font-size: 100%;
}
body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.5; /* Immer ohne Einheit! */
  color: rgba(72, 72, 72, 1.0); /* Sekundärfarbe */
}
body p {
  font-size: 1.00em; /* Nicht innerhalb body zuweisen, damit font-size nicht max-width verändert */
}
footer h4 { /* PathoVet */
  margin: 0.25em 0 0.75em 0;
  color: rgba(239, 51, 64, 1.0); /* PathoVet-Rot */
}
.headline {
  -webkit-hyphens: manual;
}
/* ----------------------------------------------------------------------------- * 
 * 		Headings                               									 *
 * ----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h7 {
  font-family: "Ubuntu", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.3; /* Immer ohne Einheit! */
}
h1 {
  margin: 0.5em 0 1em 0;
  font-size: 2.3em;
  font-weight: 400;
  color: rgba(72, 72, 72, 1.00); /* .. */
  letter-spacing: -0.02em;
}
.subheading {
  font-family: "Ubuntu", Arial, Helvetica, sans-serif;
  font-size: 0.90em; /* .... */
  font-weight: 300;
  color: rgba(239, 51, 64, 1.00); /* .. */
  line-height: 1.2; /* Immer ohne Einheit! */
}
h2 {
  margin: 1.25em 0 0.3em 0;
  font-size: 1.20em;
  font-weight: 500;
  letter-spacing: -0.01em;
}
a.full-link h2 { /* Teaser */
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis; /* Überlangen Text schneiden und 3 Punkte setzen */
}
h3 { /* Titel Teaser */
  margin: 1em 0 0.5em 0;
  font-size: 1.15em;
  font-weight: 500;
}
.specialContent h4 {
  margin: 0.5em 0 0.25em 0;
  padding: 1.0em 0 0.25em 0;
  border-top: 3px solid rgba(40, 157, 192, 1.0); /* Corak-Blau */
  font-size: 1.15em;
  text-transform: uppercase;
}
.column-left figcaption, .column-right figcaption {
  padding: 0.5em 0 0 0; /* Abstand Fotolegende nach unten */
}
.column-left small, .column-right small {
  color: rgba(67, 89, 99, 0.5); /* Corak-Grau */
}
h6 { /* Titel Startseite */
  margin: 1em 0 0.5em 0;
  font-size: 1.65em;
  font-weight: 300;
  color: rgba(54, 156, 219, 1.0); /* PathoVet-Blau */
}

aside h5 {
  margin: 0.5em 0 0.25em 0;
  font-size: 1.15em;
  font-weight: 700;
}
h7 { /* Teaser unten */
  position: relative;
  top: 0.6em;
  left: 0;
  padding: 0.75em 0;
  font-family: "Ubuntu", Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: 600;
}
.teaser p {
  margin: -1.2em 0 0.25em 0;
  padding: 2.5em 0 0 0;
  font-size: 1.0em;
}
strong {
  font-weight: 600;
}
.highlight {
  color: rgba(239, 51, 64, 1.0); /* PathoVet-Rot */
}
.detail {
  color: rgba(0, 0, 0, 0.55); 
    font-size: 0.95em;
}
/* ----------------------------------------------------------------------------- * 
 * 		PathoVet-Links                               							 *
 * ----------------------------------------------------------------------------- */
a:link, a:visited {
  color: rgba(54, 156, 219, 1.0); /* PathoVet-Blau */
  text-decoration: none;
}
a:hover, a:focus, a:active {
  text-decoration: underline;
}
.nav-browse a:link, .nav-browse a:visited {
  color: white;
  text-decoration: none;
}
.nav-browse a:hover, .nav-browse a:focus, .nav-browse a:active, .footer-banderole a:hover, .footer-banderole a:focus, .footer-banderole a:active {
  text-decoration: underline;
}
/* ----------------------------------------------------------------------------- * 
 * 		Indikator                               							 	 *
 * ----------------------------------------------------------------------------- */
.address-info {
  background-color: rgba(103,212,225,0.60);/* PathoVet-Blau rgba(54, 156, 219, 0.85); */
  border: none;
  border-radius: 16px;
  color: rgba(0, 0, 0, 0.60);
  padding: 3px 11px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 2px 5px 0;
}
/* ----------------------------------------------------------------------------- * 
 * 		Statements                               							 	 *
 * ----------------------------------------------------------------------------- */
.statement {
  font-family: "Ubuntu", Arial, Helvetica, sans-serif;
  font-size: 1.26em;
  font-weight: 300;
  line-height: 1.45;
}
.statement::first-line {
  font-size: 1.34em;
  color: rgba(239, 51, 64, 1.0); /* PathoVet-Rot */
  line-height: 1.40;
}
.statement strong {
  color: rgba(40, 157, 192, 1.0); /* Corak-Blau */
  text-transform: uppercase;
}
/* ----------------------------------------------------------------------------- * 
 * 		Links                               									 *
 * ----------------------------------------------------------------------------- */
a:link, a:visited {
  color: rgba(40, 157, 192, 1.0); /* Corak-Grün */
  text-decoration: none;
}
a:hover, a:focus, a:active {
  text-decoration: underline;
}
/* ----------------------------------------------------------------------------- * 
 * 		Listen                               									 *
 * ----------------------------------------------------------------------------- */
ul, ol {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none; /* Kein Standard-Aufzählungszeichen */
}
/* Aufzählung PathoVet-Leistungen */
ul.list-level-1 li {
  position: relative;
  margin: 0.3em 0.5em 0.2em 0;
  padding: 0.10em 0 0 1.28em;
}
ul.list-level-1 li::before {
  position: absolute;
  left: 0.07em;
  top: 0.22em;
  font-size: 0.90em;
  content: "\f14a\ ";
  font-family: FontAwesome;
}
ul.list-level-2 li {
  margin-left: 1.28em;
}
ul.list-level-2 li::before {
  position: absolute;
  left: 0em;
  top: 0.35em;
  font-size: 0.75em;
  content: "\f00c\ ";
  font-family: FontAwesome;
}
ul.list-level-2 li::before {
  content: "\f04d\ "; /* Antragsformulare */
  color: rgba(54, 156, 219, 1.0); /* PathoVet-Blau */
}
/* Aufzählung PathoVet-CV */
ul.list-cv {
  margin: 0.75em 0;
  padding-left: 0.02em;
}
ul.list-cv li {
  position: relative;
  margin: 0.25em 0 0.50em 0;
  padding: 0 0 0 1.20em;
  font-size: 1.05em;
}
ul.list-cv li::before {
  position: absolute;
  left: 0.05em;
  top: 0.55em;
  font-size: 0.60em;
  content: "\f04d\ ";
  font-family: FontAwesome;
  color: rgba(239, 51, 64, 1.0); /* PathoVet-Rot */
}
/* Aufzählung normal */
ul.list-normal {
  margin: 0.75em 0;
  padding-left: 2em;
}
ul.list-normal li {
  position: relative;
  margin: 0.25em 0 0.50em 0;
  padding: 0 0 0 1.50em;
  font-size: 1.10em;
}
aside ul.list-normal li {
  font-size: 1.00em;
}
.acc-container ul.list-normal li {
  font-size: 1.05em;
}
ul.list-normal li::before {
  position: absolute;
  left: 0.5em;
  top: 0.55em;
  font-size: 0.60em;
  content: "\f04d\ ";
  font-family: FontAwesome;
  color: rgba(40, 157, 192, 1.0); /* Corak-Blau */
}
/* Aufzählung PDF ( Externe Links / ... (mit speziellem Icon) */
ul.list-pdf li, ul.list-link-external li {
  position: relative;
  margin: 0 0;
  padding: 0.75em 0 1.0em 0;
  border-bottom: 1px solid rgba(67, 89, 99, 0.2); /* Corak-Grau */
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.4; /* Immer ohne Einheit! */
}
ul.list-pdf li, ul.list-link-external li {
  position: relative;
  margin: 0.25em 0 0.25em 0;
  padding: 0.25em 0 0.50em 1.60em;
  font-size: 1.00em;
}
ul.list-pdf li:last-of-type, ul.list-link-external li:last-of-type {
  border: none;
}
/* Aufzählung Navigation (Overviews) */
aside ul.list-overviews li {
  padding: 0.15em 0 0.25em 0;
}
/* Aufzählung Verwandte Links */
ul.list-related li {
  position: relative;
  margin: 0 0;
  padding: 0.5em 0 0.6em 0;
  border-bottom: 1px solid rgba(67, 89, 99, 0.2); /* Corak-Grau */
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.3; /* Immer ohne Einheit! */
}
ul.list-related li:first-of-type {
  margin-top: 0.75em;
  border-top: 1px solid rgba(67, 89, 99, 0.2); /* Corak-Grau */
}
/* Aufzählung Links */
ul.list-link li {
  position: relative;
  margin: 0 0;
  padding: 0.8em 0 0.8em 1.5em;
  border-bottom: 1px solid rgba(67, 89, 99, 0.2); /* Corak-Grau */
  line-height: 1.3; /* Immer ohne Einheit! */
}
ul.list-link li::before {
  position: absolute;
  left: -1.2em;
  top: 0.85em;
  font-size: 0.5em;
  color: rgba(40, 157, 192, 1.0); /* Corak-Blau */
  content: "\f0c8\ ";
  font-family: FontAwesome;
}
ul.list-link li:first-of-type {
  margin-top: 0.75em;
}
/* ----------------------------------------------------------------------------- * 
 * 		Reiter		                               								 *
 * ----------------------------------------------------------------------------- */
#tabs {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
}
ul#tabs li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: inline-block;
}
#tabs li a {
  margin: 0 1px 0 0;
  border: 1px solid white;
  border-right: 1px solid rgba(67, 89, 99, 0.3); /* Corak-Grau */
  border-bottom: 1px solid rgba(67, 89, 99, 0.3); /* Corak-Grau */
  padding: 0.5em 2em 0.5em 2em;
  display: block;
  font-family: "Ubuntu", Arial, Helvetica, sans-serif;
  font-size: 0.85em;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(67, 89, 99, 1.0); /* Corak-Grau */
  background-color: rgba(67, 89, 99, 0.2); /* Corak-Grau */
}
#tabs li a.current {
  border-top: 1px solid rgba(67, 89, 99, 0.3); /* Corak-Grau */
  border-bottom: 1px solid white;
  text-decoration: none;
  background-color: white;
}
#tabs a:hover {
  color: rgba(40, 157, 192, 1.0); /* Corak-Blau */
  text-decoration: none;
}
#tabs a:focus, #tabs a:active {
  border-top: 1px solid rgba(67, 89, 99, 0.3); /* Corak-Grau */
  border-right: 1px solid rgba(67, 89, 99, 0.3); /* Corak-Grau */
  border-bottom: 1px solid white;
  color: rgba(40, 157, 192, 1.0); /* Corak-Blau */
  text-decoration: none;
  background-color: white;
}
#tabs-content article {
  margin-bottom: 0.5em;
  min-width: 100%;
  min-height: 15em;
  padding: 1em 0.75em;
  box-shadow: none;
  font-size: 0.95em;
}
#tabs-content article h3 {
  padding: 0 0 0.5em 0;
}
#tabs-content article:nth-of-type(2), #tabs-content article:nth-of-type(3), #tabs-content article:nth-of-type(4), #tabs-content article:nth-of-type(5) {
  display: none; /* Alle Tab-Inhalte ausblenden ausser von erstem Tab */
}
/* ----------------------------------------------------------------------------- * 
 * 		Spezielles                               								 *
 * ----------------------------------------------------------------------------- */
.specialContent figcaption {
  margin-bottom: 1.3em;
  font-size: 0.87em;
  line-height: 1.3; /* Immer ohne Einheit! */
}
figure.topvisual figcaption {
  color: white;
  font-size: 1.6em;
  line-height: 1.8; /* Immer ohne Einheit! */
}
p {
  margin: 0.5em 0 0.25em 0;
}
mark {
  padding: 0.1em 0.35em;
  background-color: rgba(67, 89, 99, 0.10); /* Corak-Grau */
}
.link-overview {
  margin: 0 0;
  padding: 0 0;
  font-size: 0.9em;
  text-transform: uppercase;
}
.definition {
  margin: 0.5em 0;
  border: 1px dashed rgba(122, 181, 29, 1.00); /* Corak-Grün */
  padding: 0.75em;
  background-color: white;
}
p cite {
  font-weight: 400;
  font-style: italic;
}
ul.list-link small {
  white-space: nowrap;
} /* Kein Zeilenumbruch bei kleinem Text (Link-/Dateiinfo) */
blockquote, q {
  margin: 1.50em 0 1.75em 0;
  border-radius: 10px;
  border: 2px solid rgba(122, 181, 29, 0.5); /* Corak-Grün */
  padding: 0.65em 1em 0.75em 1em;
  font-size: 1.20em;
  font-style: italic;
  font-weight: 400;
  color: rgba(122, 181, 29, 1.0); /* Corak-Grün */
  line-height: 1.7; /* Immer ohne Einheit! */
}
abbr[title] { /* Keine Hervorhebung (normalize.css rückgängig machen) */
  border-bottom: none;
  text-decoration: none;
  cursor: help;
}
.hint { /* Hinweis */
  margin: 1em 0 0.75em 0;
  padding: 0.6em 0.8em 0.75em 6em;
  border-radius: 2px;
  min-height: 4.8em;
  font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: rgba(40, 157, 192, 1.0); /* Corak-Blau */
  line-height: 1.7;
  background: url("../img/pikto-box-hint.png") 1.25em 0.6em no-repeat;
  background-color: rgba(40, 157, 192, 0.05); /* Corak-Blau */
}
/* ----------------------------------------------------------------------------- * 
 * 		Icons (Font Awesome)                               						 *
 * ----------------------------------------------------------------------------- */
i.fa {
  display: inline-block;
  font-family: FontAwesome;
  padding-right: 0.5em;
}
/* Link Top (Seitenanfang) */
a[href$=top]::after {
  content: "\f0aa"; /* fa-arrow-circle-up */
  display: inline-block;
  font-family: FontAwesome;
  padding-left: 0.5em;
}
/* Hinweis */
.fa-tags::before {
  content: "\f02c\ ";
  font-size: 1.25em;
  color: rgba(170, 156, 120, 0.75); /* PathoVet-Beige */
}
/* Menü-Symbol für Smartphones */
.fa-bars::before {
  content: "\f0c9\ ";
} /* Klasse wird in togglemenu.js verwendet */
/* Verwandte Themen, Verbundene Leistungen, Footer Services */
.specialContent section a::before {
  content: "\f105"; /* ... */
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 0.4em;
}
/* View-Optionen */
ul#view-options .fa-folder-o, ul#view-options .fa-th, ul#view-options .fa-sort-alpha-asc {
  font-size: 2em;
}
/* Button "Frühere Projekte anzeigen" */
.fa-plus-square-o {
  font-size: 1.0em;
}
/* Mehr-Link */
section.teaser p a::after { /* Wegen "p" keine Selektion des a-Tages auf dem Bild */
  content: "\f105"; /* fa-arrow-right */
  display: inline-block;
  font-family: FontAwesome;
  padding-left: 0.3em;
  padding-right: 0.3em;
}
section.teaser p a {
  white-space: nowrap;
} /* Mehr-Link: Icon und Text auf gleicher Zeile */
/* Link zum Lexikon */
main li > a[href*=glossar]::before { /* Link beinhaltet String "glossar" */
  content: "\f02e"; /* fa-bookmark */
  display: inline-block;
  font-family: FontAwesome;
  padding-right: 0.5em;
}
/* E-Mail-Adresse */
.fa-envelope-o::before {
  content: "\f003\ ";
}
/* Telefon */
.fa-phone::before {
  content: "\f095\ ";
}
/* Lageplan */
.fa-map-o::before {
  content: "\f278\ ";
}
/* Box Visual "Individuelles Angebot" */
.fa-paper-plane-o {
  width: 100%;
  margin-bottom: 0.2em;
  padding: 0.4em 0;
  text-align: center;
  font-size: 4.5em;
  color: rgba(122, 181, 29, 1.0); /* Corak-Grün */
  background-color: rgba(122, 181, 29, 0.15); /* Corak-Grün 15% */
}
/* Box Visual "Alle Featured Projekte" */
.fa-commenting-o {
  width: 100%;
  margin-bottom: 0.2em;
  padding: 0.4em 0;
  text-align: center;
  font-size: 4.5em;
  color: rgba(40, 157, 192, 1.0); /* Corak-Blau */
  background-color: rgba(40, 157, 192, 0.15); /* Corak-Blau 15% */
}
/* Publikationen */
.fa-file-text ::before {
  color: rgba(239, 51, 64, 1.0); /* PathoVet-Rot */
}
/* Vorträge */
.fa-comment::before {
  color: rgba(239, 51, 64, 1.0); /* PathoVet-Rot */
}