body {margin:0;font-family:Arial}

header {
	margin: 0 auto;
	max-width: 1140px;		/*Maximale Breite*/
	background-color: white; /*#c7d9ff*/
	color: #1d50bb;
	border-top-width: 10px;
	border-top-style: solid;
	padding-bottom: 10px;
}

#linkber{
	float: left;
	padding-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 10px;
}

#titel-link{
	color: #1d50bb;
}

.titel{
	font-size: 25px;
	max-width: 300px;
	margin-top: 5px;
	margin-bottom: 5px;
	
	margin-left:-133px; /* die halbe Breite */
    position:absolute;
    left:50%;
	
}

#linkAfS{
	float: right;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 15px;
}

a{
	text-decoration: none;
	color: #c60000;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}



/*		Navigation 		*/
.topnav {
	clear: both;
	margin: 0 auto;
	max-width: 1140px; /*Maximale Breite*/
	overflow: hidden;
	background-color: #f5f5f5;

	border-bottom-color: #1d50bb;
	
	border-bottom-width: 3.5px;
	border-bottom-style: solid;
}

.topnav a {
	float: left;
	display: block;
	color: black;
	text-align: center;
	padding: 7px 16px;
	text-decoration: none;
	font-size: 15px;  /* Stiller */
	/*font-size: 17px;*/
}

.topnav a:hover, .dropdown:hover .dropbtn {
	background-color: #1d50bb; /*blau*/
	color: white;
}

/* aktive dropdown Menue*/
.dropdown-content a:hover {
	background-color: #1d50bb;  /*blau*/
	color: white;
}

.dropdown:hover .dropdown-content {
	display: block;
}



/*zum hervorheben des aktiven TOP-Menu-Punktes*/
#topnav-active, .topnav a.topnav-active, #dropdown-active {
	background-color: #1d50bb; /*blau*/
	border-color: #1d50bb;
	color: white;
}

.topnav-active a{
}


.topnav .icon {
	display: none;
}

.dropdown {
	float: left;
	overflow: hidden;
}

.dropdown .dropbtn {
	font-size: 15px;    /*  Stiller  */
	/*font-size: 17px;    */
	border: none;
	outline: none;
	color: black;
	padding: 7px 16px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f5f5f5; /*grau*/
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown-content a {
	float: none;
	color: black;
	padding: 7px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
  
}

.dropdown-content-titel {
	border-top-width: 3.2px;
	border-top-style: solid;
	border-top-color: #1d50bb;
}


.dropdown-content-list {display: none;}

.dropdown-content-2:hover .dropdown-content-list {display: block;}


#HISTO-list3 a:last-child {
	padding-bottom:30px;
}

#EU2014-list a:last-child {
	padding-bottom:30px;
}

/*

.dropdown-content-2 a:hover {background-color: #ddd;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}


.dropdown-content-list{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
}

.dropdown-nav-list {
	border-left: 15px;
	border-left-style: solid;
	border-color: #f5f5f5;
}

.dropdown-nav-list:hover{
	border-color: #1d50bb;
}
*/

/* Ende von Navigation */

#breadcrumb {
	   /* margin: 15px 0 !important; */
   margin-left: 0.5% !important;
   /*margin-right: 1% !important; */
    padding: 0 0 10px 1.3% !important;
		font-size:0.85rem !important;
		border-bottom: 1px solid #cdcdcd !important;
}


/* #####	container	##### */

.container{
	margin: 0 auto;
	max-width: 1140px; /*Maximale Breite*/
}

#content{
	margin-left:15px;
	margin-right:15px;
}

.content-block-left{
	margin-bottom: 20px;
	max-width: 45%;
	float: left;
	
}


.content-block-right{
	margin-bottom: 20px;
	max-width: 45%;
	float: right;
}

.content-block-center{
	clear: both; 
}



.card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-titel a, .card-list li a{
	color: black;
}

.card:hover .card-titel {
	padding-top: 20px;
	padding-bottom: 20px;
	background: rgba(175, 191, 207, 0.8);
}

.card:hover .card-titel a, .card-list li:hover, .card-list li:hover a{
	color: #c60000;
}

.card-content{
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	background-color: #e6edff;
	min-height: 160px;
}


.img-container {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
	margin-top: 50px;
}

.img-container img {
	vertical-align: middle;
	width:100%;
}

 .img-container .card-titel {
	position: absolute;
	bottom: 0;
	/* background: rgb(0, 0, 0); Fallback color */
	background: rgba(175, 191, 207, 0.8); /* Black background with 0.5 opacity 103 	129 	178  29 	80 	187*/
	color: black;
	width: 100%;
	padding: 0px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}




/* Bilder */
.flagImg {
    width:50%;
    padding:5px 0 0 0;
}

footer {
	clear: both;
	margin: 0 auto;
	max-width: 1140px; /*Maximale Breite*/
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #1d50bb;
    color: #fff;
    width: 100%;
}

#footer-active{
	color: red;
}

/* NOCH ANPASSEN */
footer p {
	margin: 0px;
	font-size: 0.9rem;
}

.footerwrapper {
	padding: 0.5% 1% 0.5% 2%;
    font-size: 0.8rem;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.footerwrapper  a {
    color: #fff;
    background-color: #1d50bb;
}

.footerwrapper  a:hover {
    color: red;
}



.row {
    display: -ms-flexbox;
    display: -ms-flex;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}



@media screen and (max-width: 1020px) {
	.w3-third {
		width: 33%;
		margin: 0 auto;
	}
}


@media screen and (max-width: 900px) {
	.content-block-left{
		max-width: 100%;
	}

	.content-block-right{
		max-width: 100%;
		float:left; 
	}

	#content-block-left {
		max-width: unset !important;
		width: 95%;
	}	

	#content-block-right {
		max-width: unset !important;
		width: 95%;
	}	

}


@media screen and (max-width: 850px) {
	.titel{
		margin-left:-160px;
	}

	.w3-third {
		width: 50%;
		margin: 0 auto;
	}
	.topnav a:not(:first-child), .dropdown .dropbtn {
		display: none;
	}
	.topnav a.icon {
		float: right;
		display: block;
	}
	
	
		.topnav.responsive {position: relative;}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
	.topnav.responsive .dropdown {float: none;}
	.topnav.responsive .dropdown-content {position: relative;}
	.topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
	}
	.w3-row-padding :nth-child(1) { order: 4; }
	.w3-row-padding :nth-child(2) { order: 3; }
	.w3-row-padding :nth-child(3) { order: 2; }
	.w3-row-padding :nth-child(4) { order: 1; }

	.content-block-left {
		max-width: unset !important;
		width: 95%;
	}	

	.content-block-right {
		max-width: unset !important;
		width: 95%;
	}	

	#content-block-left {
		max-width: unset !important;
		width: 95%;
	}	

	#content-block-right {
		max-width: unset !important;
		width: 95%;
	}	

}

@media screen and (max-width: 710px) {
	
	.titel{
		clear: both; 
		position:relative;
		margin-left:-133px;
	}
	.w3-row-padding :nth-child(1) { order: 4; }
	.w3-row-padding :nth-child(2) { order: 3; }
	.w3-row-padding :nth-child(3) { order: 2; }
	.w3-row-padding :nth-child(4) { order: 1; }

	.content-block-left {
		max-width: unset !important;
		width: 95%;
	}	

	.content-block-right {
		max-width: unset !important;
		width: 95%;
	}	

	#content-block-left {
		max-width: unset !important;
		width: 95%;
	}	

	#content-block-right {
		max-width: unset !important;
		width: 95%;
	}	

}

@media screen and (max-width: 550px) {
	.w3-third {
		width: 100%;
		min-width: 230px;
	}
	
	.card-content {
		min-height: 40px;
	}
	
	
	.titel{
		clear: both;
	}
	
	.content-map{
		transform: scale(0.8); 
		margin-left: -15%;
	}


	thead {
		/*display: none;*/
	}
	table colgroup col {
		width:100% !important;
	}
	.table-ergeb.landeu2014 tr td {
		float: left;
		width:100%;
		text-align: right;
	  border-right: 0px solid #aaa;
		padding:5px;
	}
	.table-ergeb.landeu2014 tr  td:first-child {
		text-align: left;
		float: left;
		width:100%;
		height:auto;
		white-space:nowrap;
		margin-top: 5px;
		border-right: 1px solid #cdcdcd;
		font-weight:bold;
	}
	.table-ergeb.landeu2014  td:nth-child(2)::before {
		content: "Landtagswahl 2014 Anzahl";
		text-align: left;
		float: left;
		width:75%;
		height:auto;
		white-space:nowrap;
	border-right: 1px solid #cdcdcd;
	}
	.table-ergeb.landeu2014  td:nth-child(3)::before {
		content: "Landtagswahl 2014 in %";
		text-align: left;
		float: left;
		width:75%;
		height:auto;
		white-space:nowrap;
	border-right: 1px solid #cdcdcd;
	}
	.table-ergeb.landeu2014  td:nth-child(4)::before {
		content: "Landtagswahl 2009 Anzahl";
		text-align: left;
		float: left;
		width:75%;
		height:auto;
		white-space:nowrap;
	border-right: 1px solid #cdcdcd;
	}
	.table-ergeb.landeu2014  td:nth-child(5)::before {
		content: "Landtagswahl 2009 in %";
		text-align: left;
		float: left;
		width:75%;
		height:auto;
		white-space:nowrap;
	border-right: 1px solid #cdcdcd;
	}
	.table-ergeb.landeu2014  td:nth-child(6)::before {
		content: "Gewinn/Verlust Anzahl";
		text-align: left;
		float: left;
		width:75%;
		height:auto;
		white-space:nowrap;
	border-right: 1px solid #cdcdcd;
	}
	.table-ergeb.landeu2014  td:nth-child(7)::before {
		content: "Gewinn/Verlust in %-Punkten";
		text-align: left;
		float: left;
		width:75%;
		height:auto;
	border-right: 1px solid #cdcdcd;
	}
	
		.dropdown-content-2  {
			border-bottom: 3px solid #1d50bb;
		}
	.w3-row-padding  {
          display: flex;
          flex-direction: column;
        } 
	.w3-row-padding :nth-child(1) { order: 4; }
	.w3-row-padding :nth-child(2) { order: 3; }
	.w3-row-padding :nth-child(3) { order: 2; }
	.w3-row-padding :nth-child(4) { order: 1; }

	.content-block-left {
		max-width: unset !important;
		width: 95%;
	}	

	.content-block-right {
		max-width: unset !important;
		width: 95%;
	}	

	#content-block-left {
		max-width: unset !important;
		width: 95%;
	}	

	#content-block-right {
		max-width: unset !important;
		width: 95%;
	}	

}

@media screen and (max-width: 370px) {
	.content-map{
		transform: scale(0.7); 
		margin-left: -25%;
	}

	.w3-row-padding :nth-child(1) { order: 4; }
	.w3-row-padding :nth-child(2) { order: 3; }
	.w3-row-padding :nth-child(3) { order: 2; }
	.w3-row-padding :nth-child(4) { order: 1; }

	.content-block-left {
		max-width: unset !important;
		width: 95%;
	}	

	.content-block-right {
		max-width: unset !important;
		width: 95%;
	}	

	#content-block-left {
		max-width: unset !important;
		width: 95%;
	}	

	#content-block-right {
		max-width: unset !important;
		width: 95%;
	}	

}