/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/poppins-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/poppins-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/poppins-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/poppins-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/poppins-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/poppins-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* Main */
* {padding: 0; margin: 0; box-sizing: border-box; outline: none; font-family: 'Poppins'; }
body {overflow-y: scroll;}

main {display: block; width: 100%; max-width: 1500px; margin: 0 auto;}

/* Header */

#pageimg {z-index: 50; background-size: cover; background-position: top center; max-width: 1400px; margin: 0 auto; }
#pageimg div {background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.8) 100%); height: 660px; position: relative; z-index: 51;}
@media screen and (max-width: 800px) { 
	#pageimg div {height: 420px;}
}
.bigimg  {
	
	max-width: 1400px;
margin: 0 auto;
	
}
.bigimg img {
	width: 100%;
	
}
@media screen and (min-width: 1420px) { 
.bigimg img {
	
	border-radius: 8px;
}
}

header {z-index: 100; position: fixed; top: 0; right: 0; left: 0;  z-index: 1000; }
header section { padding-left: 100px; padding-right: 100px;  height: 120px; position: relative; z-index: 100; width: 100%; max-width: 1400px; margin: 0 auto; transition: 300ms; }
/* .scrolled header section {border-bottom: 1px solid #999;} */

@media screen and (min-width: 1420px) { 
	#pageimg { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
	header section {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
}

@media screen and (max-width: 1300px) { 
	header section { padding-left: 30px; padding-right: 30px;   }
}

@media screen and (max-width: 800px) { 
	header section { padding-left: 20px; padding-right: 100px;  }
}

.scrolled header section { background-color: #fff;  transition: 300ms; height: 80px;

-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30); 
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);
 }
@media screen and (max-width: 1000px) {
	.scrolled header section {height: 80px;}
	
}

#logo {width: 360px; height: 150px; float: left; transition: 300ms; position: relative; background-color: #004f9f; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 20px;


 }
@media screen and (min-width: 1000px) { 

#logo {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.67); 
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.67);
 }
}

@media screen and (max-width: 1200px) { 
	#logo {width: 250px; height: 115px; } 
}
@media screen and (max-width: 400px) { 
	/* #logo {width: 200px; height: 92px;}  */
}
#logo img {width: 100%;}

#logob {opacity: 0; position: absolute; top: 0; left: 0;}
/* .scrolled #logob {opacity: 1;} */
/* .scrolled #logow {opacity: 0;} */
.scrolled #logo {width: 240px; height: 100px; background-color: #004f9f;}
@media screen and (max-width: 1000px) { 
	.scrolled #logo {width: 200px; margin-top: 10px; background: rgba(0,0,0,0);} 
	.scrolled #logow {opacity: 0; } 
	.scrolled #logob {opacity: 1; } 
}

#mainnav > ul { display: inline-block; padding-top: 50px; float: right;  transition: 300ms; }
#mainnav > ul > li { display: inline-block; vertical-align: top; position: relative;}
#mainnav > ul > li > a { display: inline-block; font-weight: 500; color: #fff; text-decoration: none; font-size: 21px; letter-spacing: -0.6px; margin-left: 20px; transition: 300ms; }
#mainnav > ul.dark > li > a { color: #000; }
#mainnav > ul > li.current > a { border-bottom: 3px solid #fff; }
#mainnav > ul.dark > li.current > a { border-bottom: 3px solid #000; }

#mainnav > ul > li > a:hover {color: #004f9f; transition: 300ms; }
#mainnav > ul > li:hover > a {color: #ccc; transition: 300ms; }


.scrolled #mainnav > ul > li > a {color: rgba(0,0,0,0.9);}
.scrolled #mainnav > ul > li > a:hover {color: #004f9f;}
.scrolled #mainnav > ul > li.current > a { border-bottom: 3px solid rgba(0,0,0,0.9); }
.scrolled #mainnav > ul {padding-top: 24px;}

@media screen and (max-width: 1100px) { 
	#mainnav > ul > li > a { font-size: 18px; }
	#mainnav > ul > li li > a { font-size: 18px; }
	.scrolled #mainnav > ul {padding-top: 26px;}
}
#navswitch {width: 30px; height: 30px;  cursor: pointer; display: none;  position: absolute;right: 17px;top: 34px; transition: 300ms;}
#switchbar1 {fill: white;  transition: 300ms;}
#switchbar2 {fill: white;  transition: 300ms;} 
#switchbar3 {fill: white;  transition: 300ms;}
#switchbar4 {fill: white;  transition: 300ms;}

@media screen and (max-width: 900px) { 
	 #switchbar1 {fill: rgba(0,0,0,0.9);  transition: 300ms;}
	 #switchbar2 {fill: rgba(0,0,0,0.9);  transition: 300ms;} 
	 #switchbar3 {fill: rgba(0,0,0,0.9);  transition: 300ms;}
	 #switchbar4 {fill: rgba(0,0,0,0.9);  transition: 300ms;}
}

.scrolled #switchbar1 {fill: rgba(0,0,0,0.9);  transition: 300ms;}
.scrolled #switchbar2 {fill: rgba(0,0,0,0.9);  transition: 300ms;} 
.scrolled #switchbar3 {fill: rgba(0,0,0,0.9);  transition: 300ms;}
.scrolled #switchbar4 {fill: rgba(0,0,0,0.9);  transition: 300ms;}

#navswitch:hover #switchbar1 { transform: translate(0%, -20%); fill: #004f9f; transition: 300ms; }
#navswitch:hover #switchbar2 { transform: translate(56%, 0%) rotate(90deg); transition: 300ms; fill: #004f9f;}
#navswitch:hover #switchbar3 { transform: translate(43%, 101%) rotate(-90deg); transition: 300ms; fill: #004f9f;}
#navswitch:hover #switchbar4 { transform: translate(0%, 18%);  fill: #004f9f; transition: 300ms; }

.navopen #switchbar1 { opacity: 0; }
.navopen #switchbar2 { transform: translate(50%, -20%) rotate(45deg); transition: 300ms;}
.navopen #switchbar3 { transform: translate(-25%, 51%) rotate(-45deg); transition: 300ms;}
.navopen #switchbar4 { opacity: 0; }

.navopen #navswitch:hover #switchbar1 { opacity: 0; transform: translate(0, 0) rotate(0); }
.navopen #navswitch:hover #switchbar2 { transform: translate(50%, -20%) rotate(45deg); transition: 300ms;}
.navopen #navswitch:hover #switchbar3 { transform: translate(-25%, 51%) rotate(-45deg); transition: 300ms;}
.navopen #navswitch:hover #switchbar4 { opacity: 0; transform: translate(0, 0) rotate(0); }

@media screen and (max-width: 900px) {
	#navswitch {display: inline-block;}
	.scrolled #navswitch {top: 25px;}
	#mainnav, #mainnav * {transition: 300ms;}
	#mainnav { opacity: 0.5; position: absolute; top: 112px; right: 0;  left: -2000px; right: 1000px; border-bottom: 2px solid #ccc; height: 100vh; overflow-y: scroll; background-color: #fff; padding-bottom: 200px;}
	#mainnav > ul {float: none; width: 100%; padding-top: 0;}
	#mainnav > ul > li {display: block; width: 100%; border-top: 2px solid #ccc;}
	#mainnav > ul > li li {display: block; width: 100%; border-top: 2px solid #ccc;}
	#mainnav > ul > li > a {display: block; width: 100%; margin: 0; padding: 10px 30px; font-size: 21px; color: rgba(0,0,0,0.9); background-color: #fff; border-bottom: 0;}
	#mainnav > ul > li li > a {display: block; width: 100%; margin: 0; padding: 10px 30px; padding-left: 50px; font-size: 21px; color: rgba(0,0,0,0.9); background-color: #fff; border-bottom: 0; text-decoration: none;}
	#mainnav > ul > li > a.current {border: none;}
	.scrolled #mainnav > ul > li > a.current {border-bottom: 0;}
	.scrolled #mainnav {top: 78px; }
	.navopen #mainnav {opacity: 1; left: 0; right: 0;}
	.scrolled #mainnav ul {padding-top: 0;}
	#mainnav > ul > li li > a:hover { color: #004f9f;  }
}
@media screen and (min-width: 900px) {
	#mainnav > ul > li li {display: none; }
	
	#mainnav > ul > li ul { position: absolute; top: -1000px; }
	#mainnav > ul > li:hover ul {  position: absolute; top: 23px; left: -30px; padding: 10px;transition: left 300ms; width: 300px;}
	#mainnav > ul > li li {background-color: rgba(255,255,255,0);transition: 300ms; display: block;}
	#mainnav > ul > li li a {font-size: 1px;}
	#mainnav > ul > li:hover li {background-color: rgba(255,255,255,1); display: block;  border-bottom: 2px solid #ccc; transition: 300ms;}
	
	#mainnav > ul > li:hover li:nth-of-type(1) { transition:  400ms; }
	#mainnav > ul > li:hover li:nth-of-type(2) { transition:  600ms; }
	#mainnav > ul > li:hover li:nth-of-type(3) { transition:  800ms; }
	#mainnav > ul > li:hover li:nth-of-type(4) { transition: 1000ms; }
	
	#mainnav > ul > li:hover li:last-of-type { border-bottom: 0; }
	#mainnav > ul > li:hover li a {padding: 10px 20px; transition: 300ms; display: block; }
	#mainnav > ul > li li > a { display: inline-block; font-weight: 400; color: rgba(0,0,0,0.9); text-decoration: none; font-size: 18px; letter-spacing: -0.6px;  transition: 300ms; }
	#mainnav > ul > li li:hover {background-color: #004f9f; transition: 300ms; }
	#mainnav > ul > li li > a:hover {color: #fff; background-color: #004f9f; transition: 300ms; }
	.scrolled #mainnav > ul > li:hover li {background-color: rgba(230,230,230,1);}
	.scrolled #mainnav > ul > li li > a {color: rgba(0,0,0,0.9);}
	.scrolled #mainnav > ul > li li > a:hover {color: #fff;}
	.scrolled #mainnav > ul > li li > a.current { border-bottom: 3px solid rgba(0,0,0,0.9); }
	.scrolled #mainnav > ul > li:hover ul {   transition: left 300ms; }
	
}
@media screen and (min-width: 1000px) {
	#mainnav > ul > li li > a {  font-size: 18px;  }
}


/* Stage */

article { position: relative; background-color: rgba(255,255,255,1); width: 100%; max-width: 1200px; margin: 0 auto; margin-top: -40px; margin-bottom: -40px; z-index: 200; } 
@media screen and (max-width: 1000px) {
	article {  margin-top: 0px; margin-bottom: 0px; }
}
@media screen and (min-width: 1250px) {
	article {  border-radius: 8px; }
}

h1 { font-weight: 600; font-size: 44px; text-align: center; letter-spacing: -1.3px;line-height: 120%; padding-bottom: 45px;}
h2 { font-weight: 600; font-size: 35px; text-align: center; letter-spacing: -1.3px;line-height: 120%; padding-bottom: 30px; padding-top: 30px;}
h3 { font-weight: 600; font-size: 30px; text-align: center; letter-spacing: -1.3px;line-height: 120%; padding-bottom: 35px;}

/* section.default h2 { font-weight: 800; font-size: 36px; padding-bottom: 15px; } */

p { font-size: 21px; text-align: center; letter-spacing: -0.5px; line-height: 160%; max-width: 800px; margin: 0 auto; color: rgba(0,0,0,0.9); padding-bottom: 25px; padding-top: 25px; font-weight: 300;}
a.button { font-size: 20px; font-weight: 400; color: #fff; background-color: #004f9f; border-radius: 8px; display: inline-block; padding: 5px 20px; text-decoration: none; margin: 10px; margin-top: 25px; margin-bottom: 25px; transition: 300ms; }
section.default a.button {margin-top: 0;}

a.button:hover {  background-color: #184667;  }

@media screen and (max-width: 800px) {
	h1 { font-size: 42px;  }
	h2 { font-size: 36px;  }
	h3 { font-size: 30px;  }
}
@media screen and (max-width: 450px) {
	h1 { font-size: 36px;  }
	h2 { font-size: 32px;  }
	h3 { font-size: 27px;  }
	p { font-size: 18px; }
}

section.center-text {padding-top: 60px; }
@media screen and (max-width: 1300px) { 
	section.center-text {margin-left: 30px; margin-right: 30px;}
}

article section ul,article section ol {text-align: left; max-width: 1100px; margin: 0 auto; font-size: inherit; line-height: inherit; color: inherit;  padding-bottom: 25px;}
article section li { margin-left: 30px; padding-left: 20px; font-size: 21px; letter-spacing: -0.5px; line-height: 155%; font-weight: 300;}
 

section.default {padding-top: 60px; padding-bottom: 60px; }
section.default h1, 
section.default h2, 
section.default h3, 
section.default p
 {text-align: left; max-width: 1100px; margin: 0 auto;}
@media screen and (max-width: 1300px) { 
	section.default {margin-left: 30px; margin-right: 30px;}
}




section.img-text {margin-top: 25px; display: table; width: 100%; margin-bottom: 40px;}
section.img-text {background: rgb(27,51,106); background: linear-gradient(180deg, rgba(27,51,106,1) 0%, rgba(15,29,60,1) 100%);}
section.img-text div {display: table-cell; width: 50%; padding-left: 50px; padding-right: 50px; padding-top: 65px; vertical-align: top; padding-bottom: 20px; }
section.img-text h2, section.img-text p {color: #fff; text-align: left;}
section.img-text div .button {margin: 5px;}
section.img-text div.poster {padding: 0; position: relative;}
section.img-text div.poster img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; border-left: 0 ! important;  border-right: 5px solid #fff;}
@media screen and (max-width: 800px) {
	section.img-text { display: block; }
	section.img-text div { display: block; width: 100%; min-height: 300px; }
}




section.columns div {display: inline-block; width: 33%; vertical-align: top; padding-top: 50px; padding-bottom: 25px;}
section.columns div p { padding: 0 40px; }
@media screen and (max-width: 1100px) {
	section.columns {text-align: center;}
	section.columns div { width: 49%; }
}
@media screen and (max-width: 1100px) {
	section.columns div { width: 100%; }
}


/* Footer */
footer { background: #2e2e2e;  }
footer section { padding-left: 150px; padding-right: 150px; padding-top: 50px;   position: relative; z-index: 100; width: 100%; max-width: 1500px; margin: 0 auto; transition: 300ms; }

#footernav > ul {display: inline-block; vertical-align: top; float: right; padding-top: 40px;  width: 100%;}
#footernav > ul > li {display: inline-block; vertical-align: top; width: 29%;}
#footernav > ul > li:last-of-type {width: 10%;}
#footernav > ul > li li { display: block; }


#footernav > ul > li a {display: inline-block; font-weight: 500; color: #fff; text-decoration: none; font-size: 21px; letter-spacing: -0.6px; margin-left: 20px; transition: 300ms;padding-top: 3px; padding-bottom: 3px;}
#footernav > ul > li a:hover  { color: #004f9f; }
#footernav > ul > li li a { font-size: 18px; font-weight: 300;}
footer p, footer p a  { font-weight: 300; color: #fff; text-decoration: none; font-size: 21px;   transition: 300ms;}
#metanav {padding-top: 60px;}
#metanav a  { font-weight: 300; color: #fff; text-decoration: none; font-size: 18px; letter-spacing: -0.6px;  transition: 300ms;}
#metanav a:hover  { color: #004f9f; }
#copyright {text-align: center; color: #ccc; font-size: 14px; padding-top: 20px; text-transform: uppercase; letter-spacing: 1px;}
#fund {width: 150px; }

footer i {font-style: normal;}

@media screen and (max-width: 1100px) {
	footer section { padding-left: 20px; padding-right: 20px;}
	#footernav {display: block; width: 100%; margin: 0 auto;}
	#footernav ul {float: initial;}
	#footernav > ul > li a {margin-left: 0; text-align: left;}
	#footernav > ul > li {padding-top: 20px; }
}

@media screen and (max-width: 800px) {
	#footernav > ul > li { width: 100%; }
	#metanav i { display: none;}
	#metanav a { width: 100%; display: block; padding: 20px;}
	#footernav a { padding: 10px ! important;}
	#footernav > ul > li > a { font-size: 24px; text-align: left;}
}





#breadcrumb {
	max-width: 1100px;
	margin: 0 auto;
	padding-bottom: 50px;
		font-size: 21px;
		
}
#breadcrumb a {
		text-decoration: none;
		color: #004f9f;
		font-size: 21px;
		
}
#breadcrumb a:hover {
		text-decoration: underline;
		color: #004f9f;
		font-size: 21px;
		
}



span.copyright{
	display: block;
	font-size: 14px;
	text-align: center;
	letter-spacing: -0.5px;
	line-height: 155%;
	max-width: 800px;
	margin: 0 auto;
	color: rgba(0,0,0,0.3);
	padding-bottom: 25px;
	text-align: right;
	
}

section.default img {
	background-color: #f5f5f5;
	
}

section.default a {
		text-decoration: none;
		color: #004f9f;
		
		
}
section.default a:hover {
		text-decoration: underline;
		color: #004f9f;
		
		
}

section.default a.button {
		text-decoration: none;
		color: #fff;
		
		
}
section.default a.button:hover {
		text-decoration: none;
		color: #fff;
		
		
}


@media screen and (max-width: 750px) { 
	.seitenvideo {display: none;}
}

section img {max-width: 100%;}

div.teaser {
	text-align: left;
	max-width: 800px;
	margin: 0 auto;	
	display: table;
	width: 100%;
}
div.teaserimg { display: table-cell; width: 200px; vertical-align: top;  padding-bottom: 20px; padding-top: 30px;}
div.teasertext { display: table-cell;   vertical-align: top; padding-left: 50px; padding-bottom: 20px; padding-top: 30px;}
div.teasertext a {
	font-weight: 800;
	font-size: 36px;
	padding-bottom: 15px;
	color: #000;
	
}
div.teasertext p {
	padding-bottom: 10px;
}
div.teasertext a:hover  {
	text-decoration: none;
}


h1 strong {font-weight: inherit;}
h2 strong {font-weight: inherit;}
h3 strong {font-weight: inherit;}

#page50 h1 { text-align: center;}
#page50 h2 { text-align: center;}
#page50 p { text-align: center; max-width: 900px;}
#page50 #breadcrumb {display: none;}
	
#newsletter {background-color: #505050; padding-top: 50px; padding-bottom: 50px; margin-top: 50px;}	

.nl-h1 {
	display: block;
	
box-sizing: border-box;
font-family: "Poppins";
font-size: 44px;
font-weight: 600;
letter-spacing: -1.3px;
line-height: 52.8px;
margin: 0 auto;


max-width: 1100px;
color: #fff;
padding: 0;
text-align: center;
padding-top: 50px;
	
}
.nl-p {
	display: block;
	
box-sizing: border-box;
font-family: "Poppins";
font-size: 21px;
font-weight: 300;

line-height: 160%;
margin: 0 auto;


max-width: 1100px;
color: #fff;
padding: 0;
padding-top: 20px;
text-align: center;
	
}

footer nav .black {display: none;}
header nav .black {display: none;}
.scrolled #mainnav .white {display: none;}
.scrolled #mainnav .black {display: inline-block;}

header nav ul.dark .white {display: none;}
header nav ul.dark .black {display: inline-block;}

#metanav img {width: 40px; margin: 10px;}
	
h1 {margin-bottom: 40px ! important; padding-top: 0 ! important;  padding-bottom: 0 ! important;}
p {margin-top: 30px; margin-bottom: 30px ! important; padding-top: 0 ! important;  padding-bottom: 0 ! important;}

.home-double {
	border-top: 1px solid #ccc;
	padding-top: 50px;
}

.thema {
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 12px;
	padding: 4px 8px; 
	border-radius: 4px; 
	display: inline-block;

	
}
.seitentitel_desk {display: none;}
.seitentitel_mobile {display: none;}
@media screen and (min-width: 800px) { 
.seitentitel_desk {
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 45px;
	text-align: left;
	padding-left: 60%;
	padding-top: 250px;
	line-height: 130%;
	text-shadow: 0 0  3px rgba(0,0,0,1);
	
}
}
@media screen and (max-width: 800px) { 
.seitentitel_mobile {
	background-color: #004f9f;
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 45px;
	text-align: center;
	padding: 40px;
	line-height: 130%;
	text-shadow: 0 0  3px rgba(0,0,0,1);
	
}
}

@media screen and (min-width: 800px) { 
	.home-double {
		display: table;
	}
	.home-double > div{
			display: table-cell;
			padding-left: 30px;
			padding-right: 30px;
	}
}

a.button {margin-left: 0;}

.boxen {
	display: block;
	max-width: 1100px;
	margin: 0 auto;
	
}
.formatbox {
	border: 1px solid #ccc;
	display: inline-block; 
	padding: 10px 30px;
	width: 100%;
	margin-bottom: 20px;
	vertical-align: top;
	
}
.formatbox a {
	display: inline-block;
	line-height: 140%;
}

@media screen and (min-width: 800px) { 
.formatbox {
	margin-right: 20px;
	width: 45%;


}

}


b {font-weight: 600;}

.flatimg #pageimg div {height: 400px;}

.thema_inline { padding: 0px 10px; display: inline; vertical-align: top;}
section.default a.headlinelink { font-size: 24px; font-weight: 600;}

.bigimg {position: relative;}
.bigimg span.copyright {
	width: 300px;
	height: 20px;
	
	position: absolute;
	top: 150px;
	left: -130px;
	transform: rotate(-90deg);
	color: rgba(0,0,0,0.5);
	
}

#pageimg {position: relative;}
#pageimg span.copyright {
	width: 300px;
	height: 20px;
	
	position: absolute;
	bottom: 185px;
	text-align: left;
	right: -140px;
	transform: rotate(-90deg);
	color: rgba(0,0,0,0.5);
	z-index: 60;
	color: #000;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	
}

.pageimg_mobile {display: none;}
@media screen and (max-width: 900px) { 
	.pageimg_desk {display: none;}	
	.pageimg_mobile {display: block;}
	.pageimg_mobile > div > img {width: 100%;}
	.pageimg_mobile  div  {height: initial ! important;}
	#pageimg {
		margin-top: 100px;
		
	}
	#pageimg div { background: none; }
	#pageimg {background-size: cover; background-repeat: no-repeat;}
	
}




@media print {
	@page { margin: 2cm; }
	#newsletter {display: none;}
  #navswitch {display: none;}
  #mainnav {display: none;}
  #logo {display: none;}
  #logo {background: white; float: none; display: inline;}
  #logow {display: none;}
  #logob {display: inline-block; opacity: 1; width: 200px ! important; position: initial; top: initial; left: initial; max-width: initial;}
  header {position: initial; width: 100%; max-width: 1200px;  margin: 0 auto;}
  header > section {padding: 0; height: 100px; text-align: right;}
  footer {display: none;}
  p {font-size: 12pt; text-align: left ! important; }
  
  .button {display: none ! important;}
	#pageimg { display: none; height: 4cm; background-position: center center;}
	h1 {font-size: 28px;  text-align: left ! important; letter-spacing: initial;}
	h2 {font-size: 20px;  text-align: left ! important; letter-spacing: initial;}
	.home-double {padding-top: 0;}
	article section li {font-size: 12pt;  }
  p.sharebtns {display: none;}
   #breadcrumb {
	   padding-bottom: 10px;
	   
   }
  #breadcrumb, #breadcrumb a, p, .thema {
	  font-size: 11pt ! important;
	  font-family: Arial, Helvetica, sans-serif;
  }
  #breadcrumb a {
	background: none ! important;
	padding: 0 ! important;
  }
  
  
  
  
}


h2 {margin-top: 30px ! important; padding-top: 0! important;} 
h1 {margin-bottom: 30px ! important; }