/*Styles für nbh-oberding-eitting.de*/

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

[mhlightbox] {
	display: inline-block;
	line-height: 0;
}

* {
	margin:0;
	padding:0;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	transition:all 0.1s ease-in-out ;
}

h1 {
	font-size:1.8em;	
}

h2 {
	font-size:1.4em;
}

h3 {
	font-size:1.2em;
	color:#3169bf;
}

hr {
	margin-top:10px;
	margin-bottom:10px;
}

ul,ol {
	margin-left:25px;
}

img {
	max-width:100%;
}

p {
	margin: 12px 0;
}

a {
	color: #3169bf;
	text-decoration: none;
}

body {
	font-size:14px;
}

header {
	height:150px;
	background:#316b9f;
	font-size: 22px;
	position: relative;
}

nav {
	max-width:1200px;
	margin:auto;
	bottom:0;
	padding-top:110px;
	padding-left:20px;
}

nav a {
	display:inline-block;
	text-decoration: none;
	color:#fff;
	padding:0 10px;
}

section {
	max-width:1200px;
	min-height:400px;
	background: #ecf0f4;
	box-shadow:0 0 20px #aaa;
	margin:20px auto;
	padding:10px;
	margin-bottom:100px;
}

footer {
	height:30px;
	line-height: 30px;
	background:#316b9f;
	width:100%;
	position:fixed;
	bottom:0;
	text-align:center;
}

	footer a {
		text-decoration: none;
		font-weight:bold;
		color:white;
	}


#logo {
	width:258px;
	height:116px;
	background:url(../img/logo.png) no-repeat center center;
	background-size:cover;
	float:left;
	margin-left:20px;
	margin-top:16px;
}

#wappen {
	width:175px;
	height:114px;
	margin-right:20px;
	margin-top:18px;
	background:url(../img/wappen.png) no-repeat center center;
	float:right;
}

.clearfix {
	float:none;
	clear:both;
	height:0;
	margin:0;
}

.nav_mobil {
	display:none;
}

.slider {
	width:100%;
	max-width:1200px;
	height:238px;
	margin:auto;
	box-shadow:0 0 10px #555; 
	background:url('../img/slider2.jpg') center center no-repeat;
	background-size:cover;
}
.slider img {
	width:100%
}

.slogan {
	text-align:center;
	width:100px;
	float:left;
	font-weight:bold;
}

.breadcrumbs {
	font-size:0.8em;
	font-style:italic;
	display:block;
	border-bottom: 1px solid #555;
	margin:5px 0;
}

.vorstandschaft {
	width:23%;
	/* height:260px; */
	float:left;
	background:white;
	box-shadow: 0 0 5px #555;
	border-radius: 5px;
	margin:1%;
	text-align:center;
	padding:3px;
}

	.vorstandschaft img {
		height:200px;
	}

.img_right {
	float:right;
	margin: 0 0 24px 24px;
	width:50%;
	max-width:400px;
}

.single_image {
	width:50%;
}

@media all and (max-width:1600px) {
	header {
		font-size:18px;
	}
}
@media all and (max-width:1375px) {
	#logo {
		width:170px;
		height:76px;
	}
	#wappen {
		width: 117px;
		height:76px;
		background-size: cover;
	}
}
@media all and (max-width:1024px) {
	header {
		height:130px;
	}
	nav {
		padding:0;
	}
	nav a {
		width:100%;
		padding:5px;
	}

	.nav_mobil {
		display:block;
		width:100%;
		padding-top:100px;
		text-align:center;
	}

	.nav_mobil a {
		color:white;
		text-decoration: none;
		font-weight:bold;
	}

	.nav_desktop {
		position:absolute;
		width:200px;
		left:-200px;
		top:130px;
		background:#316b9f;
	}
}
@media all and (max-width:960px) {

}
@media all and (max-width:768px) {
	#logo {
		width:129px;
		height:58px;
	}
	#wappen {
		width: 88px;
		height:57px;
		background-size: cover;
	}

	.single_image {
		width:75%;
	}
	.vorstandschaft {
		width:31%;
		height:210px;
	}
		.vorstandschaft img {
		height:150px;
		}
	.slider {
		width:100%;
		height:40vw;
	}
	
}
@media all and (max-width:600px) {

}
@media all and (max-width:480px) {
	.img_right {
		width:90%;
		margin:auto;
		float:none;
	}

	.single_image {
	width:90%;
	}
	.vorstandschaft {
		width:48%;
		height:240px;
	}
		.vorstandschaft img {
		height:150px;
		}

}
@media all and (max-width:360px) {

}