@charset "UTF-8";

/* open-sans-300 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
	src: local('Open Sans Light'), local('OpenSans-Light'),
	url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
	url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
	url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
	url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
	url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/*	----------------------------------------------------
	dr-lange.de
	\m/ade with passion

	10.08.2016
	17.05.2018
	---------------------------------------------------- */


/*	Globale Definitionen
	---------------------------------------------------- */

	body {
		font-family: 'Open Sans', sans-serif;
		/* color: #706f6f; */
		color: #504d4d;
		font-size: 15px;
		font-weight: 300;
	}

	@media ( max-width: 767px ) {
		body {
			font-size: 16px;
			color: #000;
		}
	}

	a, a:hover {
		text-decoration: none;
	}


	.myKeyvisual { position: relative; }

	.myCite {
		position: relative;
		margin: 15px;
	}


	.myCite p {
		font-size: 20px;
		font-style: italic;
		font-family: Georgia, serif;
		margin-bottom: 0;
	}
	.myCite cite {
		margin: 0;
		font-style: normal;
	}

	header {
		margin-bottom: 1rem;
	}

	.myLogo {
		text-align: center;
		margin-bottom: 10px;
	}

	.myLogo .img-fluid {
		margin: 0 auto;
	}

	.myPersonalInfo {
		text-align: center;
	}


	@media ( min-width: 768px ) {

		.myPersonalInfo {
			text-align: left;
			margin-bottom: 5rem;
		}

		.myLogo {
			text-align: left;
		}

	}

	@media ( min-width: 992px ) {
		.myCite {
			position: absolute;
			top: 1em;
			left: 1em;
			color: #167ec0;
		}
	}

	a.myNewsLink {
		color: #167ec0;
		text-decoration: none;
		font-weight: 500;
	}

	a.myNewsLink:hover {
		color: #000;
	}

	.myNavigation {
		margin-bottom: 2rem;
	}

	.myNavigation a {
		color: #504d4d;
		font-size: 1.1rem;
		font-weight: 600;
	}

	.myNavigation a:hover,
	#home .myNav01,
	#fachgebiete .myNav02,
	#veroeffentlichungen .myNav03,
	#hoefeordnung .myNav04 {
		color: #167ec0;
	}

	footer {
		color: rgb(255,255,255);
		margin-top: 2rem;
	}

	footer .container {
		background: #167ec0;
		padding-top: 1em;
	}

	footer a {
		color: rgb(255,255,255);
		text-decoration: none;
		font-style: italic;
	}

	footer a:hover {
		color: rgb(255,255,255);
	}

	.mySocialMedia {
		/* text-align: center; */
	}

	.mySocialMedia img {
		margin-left: 5px;
		margin-bottom: 10px;
	}

	h2 {
		color: #167ec0;
		font-size: 1.1rem;
		font-weight: 600;
		margin-bottom: 2rem;
	}

	h3 {
		font-size: 1.1rem;
		font-weight: 400;
	}

	h2+h3 {
		margin-top: -1.5rem;
		margin-bottom: 2rem;
	}

	h5 { font-size: 1.1rem; }

	strong {
		font-weight: 600;
	}


	.myPubs li, ol li {
		margin-bottom: 1rem;
	}

	ol ul { margin-top: 1rem; margin-bottom: 1rem; }
	ol ul li { margin-bottom: 0; }

	.myPubs a {
		font-weight: 600;
		white-space: nowrap;
	}