/* CSS Document */
* {
	box-sizing:border-box;
}
*:focus-visible {
    outline: 2px dashed #323C8C;
    outline-offset: 2px;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.align-left {
	text-align:left
}
.align-right {
	text-align:right
}
.align-center {
	text-align:center !important
}
img {
	max-width:100%;
	height:auto
}
a {
	color:#323C8C;
}
a:hover {
	text-decoration:none;
}
h1, .h1 {
	color:#323C8C;
	font-size:2.0rem;
	line-height:2.2rem;
}
h2, .h2 {
	color:#323C8C;
	font-size:1.5rem;
	line-height:1.7rem;
}
h3, .h3 {
	margin-bottom:0;
	color:#323C8C;
	font-size:1.1rem;
	line-height:1.35rem;
}
p {
	margin-top:0;
}
body {
	padding-top:40px;
	background:#FFF;
	text-align:center;
	font:1.1rem/1.35rem Arial, sans-serif;
	color:#323C8C;
}
.wrapper {
	max-width:1130px;
	margin:0 auto;
}
.sidebar {
	display:none;
}
header {
	height:100px;
}
header .logo {
	background:#FFCC03;
	height:100%;
}
header .logo a {
	width:317px;
	height:100%;
	display:inline-block;
	float:right;
	padding-left:40px;
	background:#FFF;
}
footer {
}
nav ul {
	padding:0;
	list-style-type: none;
}
.level_2 {
	padding-left:30px;
}
footer nav ul li {
	margin-bottom:5px;
}
.btn {
	width:100%;
	max-width:320px;
	display:inline-block;
	padding:10px 15px;
	margin:0 0 10px;
	color:#323C8C;
	font-weight:600;
	background:#FFCC03;
}
nav .btn {
	max-width:none;
}
.btn a,
a.btn {
	color:#323C8C;
	text-decoration:none;
}
.btn a:hover,
a.btn:hover,
.btn.active {
	color:#FFCC03;
	background:#323C8C;
}
a.arrow {
	width:325px;
	height:210px;
	background:url('Grafik/arrow_right.svg') no-repeat;
	font-weight:bold;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
}
a.arrow:hover {
	background-image:url('Grafik/arrow_right_.svg');
}
.left a.arrow {
	background-image:url('Grafik/arrow_left.svg');
}
.left a.arrow:hover {
	background-image:url('Grafik/arrow_left_.svg');
}
.copy {
	color:#000;
	font-size:1rem;
	line-height:1.1rem;
	text-align:left !important;
}
.countrylist {
	font-weight:600;
	line-height:2rem;
}
.countrylist .star {
	font-size:1.5rem;
	color:#FFCC03;
}
.country-report {
	text-align:center;
}
.country-flag {
	width:100px;
	height:100px;
	padding-right:20px;
	vertical-align:middle;
	box-sizing:content-box;
}
.country-reports {
	max-width:600px;
	display:grid;
	grid-template-columns: 47% 47%;
	column-gap:6%;
}
.country-report-link {
	font-weight:bold;
}
.country-report-link .country-flag {
	width:45px;
	height:45px;
}
#footnotes ol {
	counter-reset: item;
	padding: 0;
	list-style:none;
}
#footnotes ol > li {
	position: relative;
	display: block;
	padding: .0em .0em .0em 1.5em;	
	font-size:small;
}
#footnotes ol > li:before {
	content: counter(item) ")";
	counter-increment: item;
	position: absolute;
	left: 0.5em;
	margin-top:-0.2em;	
	font-size:x-small;
}


@media (min-width:768px) {
	body {
		text-align:left;
	}
	footer {
		display:grid;
		grid-template-columns:40% 16% 40%;
		column-gap:2%;
		justify-content:center;
		align-items:center;
	}
	footer .left {
		text-align:left;
	}
	footer .left img {
		max-width:225px;
	}
	footer .center {
		text-align:center;
	}
	footer .right {
		text-align:right;
	}
	footer .right img {
		max-width:335px;
	}
	.wrapper {
		display:grid;
		grid-template-columns: auto 100px;
		column-gap:40px;
	}
	.sidebar {
		display:block;
		background:#323C8C;
	}
	.sidebar > .top {
		height:360px;
		background:#FFCC03 url('Grafik/Seepro_Sterne_blau.jpg') center bottom no-repeat;
		background-size:63px auto;
	}
	.sidebar > .center {
		height:268px;
		background:url('Grafik/Seepro_Streifen.svg') center top no-repeat;
		background-size:100px auto;
	}
	.grid-2-col {
		padding-top:20px;
		display:grid;
		grid-template-columns: 47% 47%;
		column-gap:6%;
	}
	.grid-2-col.navbar {
		display:grid;
		grid-template-columns: 240px auto;
		column-gap:8%;
	}
	.grid-2-col > .left {
		text-align:left
	}
	.grid-2-col > .right {
		text-align:right
	}
	.float_left {
		float:left;
	}
	.float_right {
		float:right;
	}
	.clear {
		clear:both;
	}	
	.country-report {
		text-align:left !important;
	}
	
}