/* Importierte Schriften

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;

--------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);







body {
	margin: 0;
	padding: 0;
	font-size:14px;
	line-height: 1.0;
	color: #263d8f;
	word-wrap:break-word !important;
	font-family: 'Roboto Condensed', sans-serif;
}



#container{
	margin: 0 auto;
	max-width: 1200px;
	background: #fff;
}


header {
	width: 55%;
	height: 80px;
	background-color: #fff;
}
	

#content  {
	}
	
#content2  {
	padding: 20px;
	}

/* Linke Spalte */

/* spalte 1 */

#col_1 {
	float:left;
	text-align: center;
	background: #fff;
	/* Breite einstellen */
	width: 31%;
	padding: 0;
}

/* spalte 2 */
#col_2 {
	float:left;
	text-align: center;
	background: #fff;
	/* Breite einstellen */
	width:23%;
	padding: 0;
}

/* spalte 3 */
#col_3 {
	float:left;
	text-align: center;
	background: #fff;
	/* Breite einstellen */
	width: 4%;
	padding: 0px;
	
}	
	
	/* spalte 4 */
#col_4 {
	float:left;
	text-align: center;
	background: #fff;
	/* Breite einstellen */
	width: 21%;
	padding: 0px;
}

#col_5 {
	float:left;
	text-align: center;
	background: #fff;
	/* Breite einstellen */
	width: 21%;
	padding: 0px;
}
/* Linke Spalte unten */

#col_left_unten {
	float:left;
	text-align: center;
	background: #fff;
	/* Breite einstellen */
	width: 31%;
	padding: 0;
}

/* Mittlere Spalte unten */
#col_middle_unten {
	float:left;
	text-align: center;
	background: #fff;
	/* Breite einstellen */
	width:23%;
	padding: 0;
}

/* Rechte Spalte unten */
#col_right_unten {
	float:left;
	text-align: center;
	background: #fff;
	/* Breite einstellen */
	width: 46%;
	padding: 0px;
}



/*---------------------------------
	Akkordeon
	
-----------------------------------*/
#akkordeon:not(:target) .inhalt,
#akkordeon:not(:target) .hide,
#akkordeon:target .show {display: none;}
#akkordeon:target .inhalt {display: block;}
.inhalt {
box-shadow: inset 0px 0px 0px rgba(0,0,0,0.3);
padding: 20px 20px 0px;
margin: 0px 0px 20px;
}
.show,
.hide {
padding:8px;
background: rgb(253, 1, 0);
box-shadow:none!important;
color:#ffff00;
font-weight:bold;
}
.show:hover,
.hide:hover {
background: rgb(255, 150, 150);
color:#ffff00!important;
transition:0.2s all ease-in-out!important;
}

/*---------------------------------
	Akkordeon
	
-----------------------------------*/
#akkordeon:not(:target) .inhalt,
#akkordeon:not(:target) .hide,
#akkordeon:target .show {display: none;}
#akkordeon:target .inhalt {display: block;}
.inhalt {
box-shadow: inset 0px 0px 0px rgba(0,0,0,0.3);
padding: 20px 20px 0px;
margin: 0px 0px 20px;
}
.show,
.hide {
padding:8px;
background: rgb(253, 1, 0);
box-shadow:none!important;
color:#ffff00;
font-weight:bold;
}
.show:hover,
.hide:hover {
background: rgb(255, 150, 150);
color:#ffff00!important;
transition:0.2s all ease-in-out!important;
}

/*---------------------------------
	Akkordeon2
	
-----------------------------------*/
#akkordeon2:not(:target) .inhalt2,
#akkordeon2:not(:target) .hide2,
#akkordeon2:target .show2 {display: none;}
#akkordeon2:target .inhalt2 {display: block;}
.inhalt2 {
box-shadow: inset 0px 0px 0px rgba(0,0,0,0.3);
padding: 20px 20px 1px;
margin: 0px 0px 10px;
}
.show2,
.hide2 {
padding:8px;
background: rgb(253, 1, 0);
box-shadow:none!important;
color:#ffff00;
font-weight:bold;
}
.show2:hover,
.hide2:hover {
background: rgb(255, 150, 150);
color:#ffff00!important;
transition:0.2s all ease-in-out!important;
}

/*---------------------------------
	Akkordeon3
	
-----------------------------------*/
#akkordeon3:not(:target) .inhalt3,
#akkordeon3:not(:target) .hide3,
#akkordeon3:target .show3 {display: none;}
#akkordeon3:target .inhalt3 {display: block;}
.inhalt3 {
box-shadow: inset 0px 0px 0px rgba(0,0,0,0.3);
padding: 20px 20px 1px;
margin: 0px 0px 10px;
}
.show3,
.hide3 {
padding:8px;
background: rgb(253, 1, 0);
box-shadow:none!important;
color:#ffff00;
font-weight:bold;
}
.show3:hover,
.hide3:hover {
background: rgb(255, 150, 150);
color:#ffff00!important;
transition:0.2s all ease-in-out!important;

}

/*---------------------------------
	Akkordeon4
	
-----------------------------------*/
#akkordeon4:not(:target) .inhalt4,
#akkordeon4:not(:target) .hide4,
#akkordeon4:target .show4 {display: none;}
#akkordeon4:target .inhalt4 {display: block;}
.inhalt4 {
box-shadow: inset 0px 0px 0px rgba(0,0,0,0.3);
padding: 20px 20px 1px;
margin: 0px 0px 10px;
}
.show4,
.hide4 {
padding:8px;
background: rgb(253, 1, 0);
box-shadow:none!important;
color:#ffff00;
font-weight:bold;
}
.show4:hover,
.hide4:hover {
background: rgb(255, 150, 150);
color:#ffff00!important;
transition:0.2s all ease-in-out!important;
}



h1, h2, h3, h4, h5, h6, h7, {
	color: #263d8f;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	line-height: 3.0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 14px;
	}
	
h7 {
	font-size: 12px;
	text-align: justify;
}

h8 {
	font-size: 14px;
	margin: 0px 0px 0px 80px;
	padding:8px 70px 8px 70px;
	background: rgb(253, 1, 0);
	color:#ffff00;
	font-weight:bold;
}


img {max-width:100%}

image {width:100%}


p, ul li {
	padding: 0 0 0 0;
}


a {
	text-decoration: none;
	color: #1d2645;
}

a:hover {
	text-decoration: underline; 
	color: #1d2645;
}


/* Navigation Menü
--------------------------------------------- */

.clearfix {
	display: block;
	clear: both;
}


nav {
	float:left;
	width: 100%;
	background-color: #1d2645;
	height:60px;	
	padding: 0 0 0 0%;
}

nav ul li {
	display: inline-block;
	padding: 0 3% 0 3%;
}

nav ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 18px;
}

nav ul li a:hover {
	color: #fff;
	text-decoration: none;
}


logo {
	float: right;
	width: 35%;
	background-color: #1d2645;
	height:60px;
	text-align:center;
}


/*Schaltfläche "Menü" anzeigen und ausblenden*/
.show-menu {
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	color: #fff;
	background: #1d264;
	text-align:center;
	padding: 15px 0;
	display: none;
}


/*Kontrollkästchen ausblenden*/
input[type=checkbox]{
    display: none;
}


/*Menü anzeigen, wenn das Kontrollkästchen nicht aktiv ist*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
.close-btn {
	border: none;
	border-radius: 0 0 0 8px;
	background-color: #646464;
	color: white;
	cursor: pointer;
	position: right;
	right: 0.25rem;
	font-size: 1em;
	font-weight: bold;
	padding: 1em 0,5em;
	text-align: center;
	top: 0.5rem;
}

#additional-info {
	background: #fff;
	border: thin solid #e7c157;
	max-width: 20em;
	position: absolute;
	margin: 4rem auto;
	padding: 1rem;
}
@media all and (max-width : 1000px) {
h8 {
	font-size: 14px;
	margin: 0px 0px 0px 50px;
	padding:8px 40px 8px 40px;
	background: rgb(253, 1, 0);
	color:#ffff00;
	font-weight:bold;
	}

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


nav {
	text-align: left;
	width:100%;
	padding:0;
}

#content {
	width: 100%;
	padding: 0%;	
}

h8 {
	font-size: 14px;
	margin: 0px 0px 0px 50px;
	padding:8px 20px 8px 20px;
	background: rgb(253, 1, 0);
	color:#ffff00;
	font-weight:bold;
}

nav ul {
	position: static;
	display: none;
	}	

nav li {
	margin-bottom: 1px;
	}
	
/*Make all menu links full width*/
nav ul li, li a {
	width: 100%;
	}	
	
.show-menu {
	display:block;
	text-align:center;
	}
	
	logo {
	display:block;
	text-align:center;
	width: 100%;
}