@charset "UTF-8";




body {
	font-family: 'Arial Narrow', sans-serif;
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
	color:


}

section.article h1, h2 {
	font-family: 'Arial', sans-serif;
    color: #0B4368;
    font-size: 1.25em;
    margin-bottom: 0.1em;

}

section.article h3 {
	font-family: 'Arial', sans-serif;
 	text-transform: uppercase;
    color: #0B4368;
    font-size: 1.2em;
    margin-bottom: 0.2em;

}

section.article h4, h5, h6 {
	font-family: 'Arial', sans-serif;
    color: #346180;
    font-size: 1.1em;
    margin-bottom: 0.1em;

}

header {
color: #fff;

}


header figcaption{
display:table-cell;
vertical-align:middle;

}

header figure.logo {
display: table;
margin: auto;

	}

header figure.logo img{
	display:table-cell;
   	width: 90%;
   	margin-right: 15px;
	}
header figure.logo_kurz{
	display: none;
}

a {
	color: #0e547f;
}



/* Banner */

	#banner {
		padding: 3.7em 0 3.7em 0;
		background-image: url('../media/pic/banner.jpg');
		background-size: cover;
		background-position: center;
		background-attachment: scroll;
		background-repeat: no-repeat;
		text-align: center;

		border-top: 0.5em solid #0b4368;


	}

		#banner h1 {
			font-family: 'Arial', sans-serif;
			font-size: 2.7em;
			color: #fff;
			line-height: 1em;
			margin: 0.1em ;
			padding: 0;
			opacity: 1.0;



		}

		#banner p {
			font-size: 1em;
			color: rgba(255, 255, 255, 0.0);
			margin-bottom: 1.75em;
		}



#wrapper1 {
	padding: 0em;

}


/* Navigation horizontal */

 #nav {
		position: relative;
		text-align: center;
		margin-top: -16px;
		right: 0;
		background-color: #0b4368;
		color: #fff;
}


		#nav a {
			display: none;
		}

		#nav > ul
    {

    }
        #nav > ul > li
        {
        float: none;

        }

		#nav li {
			border-radius: 4px;
			display: inline-block;
			padding: 0 0.5em;
			position: relative;
		}




		#nav  li a {
			color: inherit;
					line-height: 3.5em;
					letter-spacing: 1px;
					text-decoration: none;
					text-transform: uppercase;
					padding: 0 0.5em;
    				display:inline-block;
    			-webkit-transition:color 0.2s linear, background 0.2s linear;
    			-moz-transition:color 0.2s linear, background 0.2s linear;
   				 -o-transition:color 0.2s linear, background 0.2s linear;
    			transition:color 0.2s linear, background 0.2s linear;
		}

		#nav  li a:hover {
					background-color: #175982;

				}
		#nav  li a:first {
					margin-left: 0;
		}

		#nav  li a:last {
					margin-right: 0;
		}

		#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #efa585;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

/* Dropdown Menu*/

		#nav li ul
				{

					background-color: #0e547f;
					position: relative;
					display: none;
					text-align: left;

				}

				#nav li ul a
				{

					background-color: #0e547f;
					width: 300px;
					text-align: left;


				}
					#nav  li:hover ul
					{
						position: absolute;
						display: block;
						text-align: left;
						padding: 0;
						z-index: 2;
						left: 0;

					}


		#nav  li:not( :first-child ):hover ul
						{
							left: -1px;
						}

							#nav  li ul li a:hover,
							#nav  li ul:not( :hover ) li.active a
							{
								background-color: #175982;

								}





/* Image Slider */

.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:15px;width:10px;padding:0}

.inner {
		max-width: 75em;
		margin: 0 auto;
	}
/* Section/Article */

	section.special, article.special {
		text-align: justify;
	}

	section.double1 {
		text-align: left;
		width: 45%;
		border-right: 1px solid #e3e3e3;
	}
	section.double2 {
		text-align: left;
		width: 45%;
	}

		section.special article, article.special article {
			text-align: left;
		}

	section.wrapper, article.wrapper {
		background: #0B4368;
		padding: 1.25em 0;

	}

		section.wrapper header, article.wrapper header {
			margin-bottom: 0.5em;
		}

			section.wrapper header h3, article.wrapper header h3 {
				font-size: 1.25em;
				margin: 0 0 .5em 0;
				font-weight: 300;
				color:#c5d9e5;

			}

			section.wrapper header p, article.wrapper header  p {
				font-size: 1em;

			}

			section.wrapper header h2, article.wrapper header h2 {
				font-size: 1.5em;
				margin: 0 0 .5em 0;
				font-family: 'Arial', sans-serif;
				text-align: left;
				color:#0e547f;

			}

		section.wrapper article header, article.wrapper article header {
			margin: 0;
		}
		section.wrapper.style1, article.wrapper.style1 {
    background: #fff;
    color: #000;

}

section.special, article.special {
    text-align: center;
}

section.special ul, article.special ul {
    text-align: left;
}



/* Flex */
	.flex {
		display: -ms-flexbox;
		-ms-flex-wrap: wrap;
		-ms-flex-pack: justify;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;

	}

		.flex.flex-2 article {
			width: 47%;
		}

		.flex.flex-3 article {
			position: relative;
			width: 28%;
		}

			.flex.flex-3 article:before {
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				right: -2em;
				top: 0;
				border-right: 1px solid #dbdbdb;
				pointer-events: none;
			}

			.flex.flex-3 article:last-child:before {
				border: none;
			}

		.flex.flex-4 .box {
			width: 21%;
		}

		p {
    margin: 0 0 0em 0;
    text-align: justify;
}

article, section, footer {
	display: block;
}


footer {
	color: #fff;
	background-color: #0b4368;
}

footer .inner {

    padding: 0.5em;

}

footer .inner .flex_n {
	text-align: center;
}

 /* Figure einzel */
 figure{
  margin: 0;
  position: relative;
}

figure.gesamt {
	margin: 0;
	text-align: center;
}

figure.einzel {
  display: inline-block;

}

figure.einzelImg {
	display: inline-block;
	margin-right: 20px;

}
figure img {
  width: 100%;
  display: block;
}
figcaption.einzel {
  position: absolute;
  bottom: 0;
  opacity: 0.5;
  width: 100%;
  background: white;
  color: black;
  opacity: 0.7;
}

figure.einzelTd {
	display: inline-block;
	width: 100%;
}
figure.einzelTd img {
	display: block;

}

figure.neu {
  display: inline-block;
  width: auto;

}


section.article {
	width: 75em;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: justify;
}

 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion:after {
  content: '\002B'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212"; /* Unicode character for "minus" sign (-) */
}

		@media screen and (max-width: 980px) {

			header figure.logo img {
    		display: ;
    		width: 0;
    		margin-right: 0;
			}

			header figure.logo {
			    display: table;
			    margin: auto;
			    width: 100%;
			}

			section.wrapper, article.wrapper {
				padding: 2em 0;
			}

		section.double1 {
		text-align: left;
		width: 100%;
		border: none;

	}
	section.double2 {
		text-align: left;
		width: 100%;
		padding: 0;


	}

	section.article {
		width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: justify;
}

			.flex.flex-2 article {
				width: 100%;
				margin-bottom: 3em;
			}

				.flex.flex-2 article:last-child {
					margin-bottom: 0;
				}

			.flex.flex-3 {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.flex.flex-3 article {
					width: 100%;
					border-bottom: 1px solid #dbdbdb;
					padding-bottom: 2.5em;
					margin-bottom: 3em;
				}

					.flex.flex-3 article:last-child {
						border: none;
						padding-bottom: 0;
						margin: 0 0 1em 0;
					}

					.flex.flex-3 article:before {
						display: none;
					}

			.flex.flex-4 .box {
				width: 47%;
			}

			.flex.flex-4 .box {
				width: 100%;
			}

			#nav
			{
				position: relative;
				top: auto;
				left: auto;
			}


				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #0B4368;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;

				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
						background-color: #0B4368;
						width: 100%;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #cc470d;

						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding-top: 0;
					padding: 1.25em;
					z-index: 2;


				}

				figure.einzel {

  					}



		}




		@media screen and (max-width: 1280px) {

			.inner {
			    max-width: 90%;
			}

			section.article {
			width: 100%;
			margin: 0 auto;
			margin-bottom: 10px;
			text-align: justify;
				}

			#banner {
				padding: 6em 2em 6em 2em;
			}

		}