/*standard*/
*{
	margin:0;
	padding:0;
	border:0;
}

.navigieren {
	display:none;
}

body {
	background: #eaeaea;
	background: #f2f2f2;	
	margin:0;
	padding:0;

}

#wrapper{
	margin:0 auto;
	max-width:1280px;
	padding-left:10%;
	background:#fff;	
	padding-bottom:2%;	
}

html>body #text h2,
html>body #text h3,
html>body #text h4,
html>body #text p strong,
html>body #right .gelb .varia1 a,
html>body #right .gelb .varia2 a{
	font-weight:normal;
}

#header {
	margin-top:1%;
	padding:2% 0 2% 0;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
}

#header #logoIconMobil {
	display:none;	
}

#header #logo {
	width:40%;	
	width:43.47%;	
	position:relative;
	margin:0 0 0 -10.5%;
	padding:0;	
}

#header #logo img {
	display:block;
	width:100%;
	margin:0;
	padding:0;	
}

a.menu-link img {
	display:none;
}

#header #suchen {
	width:40%;
	margin: 4% 0 0 5.53%;
	text-align:right;
}

#header #suchen .volltextsuche {
	float:right;
}

#header #suchen .volltextsuche a {
	text-align:right;
}


#header #suchen .symbol {
	width:7%;
	margin: 0 2%;	
	float:right;		
}

#header #suchen .symbol img {		
	width:100%;	
	margin-top:0;
}


#header #suchen .schlagwortsuche {
	float:right;	
}


.symbolMobil img.suche{
	display:none;
}


#header #suchen .volltextsuche a,
#header #suchen .schlagwortsuche a {
	text-decoration:none;
	color:#d7d7d7;	
	line-height:155%;
}

#header #suchen .volltextsuche a:hover,
#header #suchen .schlagwortsuche a:hover {
	text-decoration:underline;
}

/*ie10 hack*/
#header #sprache {
	display:inline-table;

}

#header #sprache {
	float:right;
	width:13%;
	margin: 3.6% 0 0 6%;
	position:relative;
	display:flex;
	display:-webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;		
}


/*ie10 hack*/
#header #sprache .sp_a_De,
#header #sprache .sp_De,
#header #sprache .sp_a_Fr,
#header #sprache .sp_Fr,	
#header #sprache .sp_a_En,
#header #sprache .sp_En {
	width:22%;
	margin:0;	
	float:left;		
	padding-right:10%;
}

#header #sprache .sp_a_De,
#header #sprache .sp_De,
#header #sprache .sp_a_Fr,
#header #sprache .sp_Fr,	
#header #sprache .sp_a_En,
#header #sprache .sp_En {
	width:22%;
	margin:0;	
}

#header #sprache .sp_a_De img,
#header #sprache .sp_De img,
#header #sprache .sp_a_Fr img,
#header #sprache .sp_Fr img,	
#header #sprache .sp_a_En img,
#header #sprache .sp_En img {
	width:100%;
	display:block;
}

#main {
	clear:both;
}

#left {
	float:left;
	width:75%;
	margin:0 1% 0 0;
	padding:0;
}

nav#menu {
	width:100%;
	margin:0 0 0 .5%;
	margin:0;
	padding:0;
	-webkit-transition: all 0.3s ease-out;  
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;		
}

nav#menu.menu ul {
	display: block;
	margin:0;
	padding:0;
}

nav#menu.menu ul.hidden {
    display: none;
	margin:0;
	padding:0;
}

nav#menu.menu ul {

}

nav#menu.menu ul li {
    display: inline-block;
	list-style-type:none;	
}

nav#menu.menu ul li a {	
    margin:0;
    text-decoration: none;
    color: #d7d7d7;  
}

nav#menu.menu ul li a:hover,
nav#menu.menu ul li.active a {
    color: #fff;
}
nav#menu.menu ul li a:hover {
    text-decoration: underline;
}

nav#menu.menu ul.subnavi li a{
   color:#fff;
}

nav#menu.menu ul li.hasSubmenu ul {
    display: none;
}

nav#menu.menu ul li.hasSubmenu:hover ul li{
    margin-left:3%;
}

nav#menu.menu div.naviLevel0 {
    display: none;
}

nav#menu.menu div.naviLevel1 {
    background-color: #1662a4;
    padding:0;
}	

nav#menu.menu div.naviLevel1 ul {
    position: relative;
    list-style-type: disc;
    display: -webkit-flex;
    display: flex;	
    -webkit-justify-content: space-between;
    justify-content: space-between; 
    margin:0;
    padding:0; 
}

nav#menu.menu div.naviLevel1 ul li {
	padding:0;
}

nav#menu.menu div.naviLevel1 ul li a {
    padding: 0px 10px;
}

nav#menu.menu div.naviLevel1 ul li a:hover {
	padding-top:.55em;
	padding-bottom:.55em;	
}

nav#menu.menu div.naviLevel2 {
    background-color: #367bb7;
	padding:0 1% 0 0;
	margin:0;
}

nav#menu.menu div.naviLevel2 ul {
	margin:0 0 0 1%;
	padding:0;	
}

nav#menu.menu div.naviLevel2 li {
	display:inline;	
	padding:0;
	margin:0;
}

nav#menu.menu div.naviLevel2 ul li.active {
	display:block;
}


nav#menu.menu div.naviLevel2 li a{
	border-right: 2px solid #fdb646;	
	padding-right: .5%;
	margin-left:.15%;
}

nav#menu.menu div.naviLevel2 ul li.active a {
	border-right: none;
}

nav#menu.menu div.naviLevel3 {
    background-color: #5995c9;
	padding:0 1% 0 0;
	margin:0;    
}

nav#menu.menu div.naviLevel3 ul {
	margin:0 0 0 1%;
	padding:0;	
}

nav#menu.menu div.naviLevel3 li {	
	display:inline;	
	padding:0;
	margin:0;
}

nav#menu.menu div.naviLevel3 ul li.active {
	display:block;
}


nav#menu.menu div.naviLevel3 li a{
	border-right: 2px solid #fdb646;	
	padding-right: .5%;
	margin-left:.15%;
}

nav#menu.menu div.naviLevel3 ul li.active a {
	border-right: none;
}

nav#menu.menu div.naviLevel4 {
    background-color: #8ab8e1;
 	padding:0 1% 0 0;
	margin:0;   
}


nav#menu.menu div.naviLevel4 ul {
	margin:0 0 0 1%;
	padding:0;	
}

nav#menu.menu div.naviLevel4 li {
	display:inline;	
	padding:0;
	margin:0;
}

nav#menu.menu div.naviLevel4 ul li.active {
	display:block;
}

nav#menu.menu div.naviLevel4 li a{
	border-right: 2px solid #fdb646;	
	padding-right: .5%;
	color:#fff;
	margin-left:.15%;	
}

nav#menu.menu div.naviLevel4 ul li.active a {
	border-right: none;

}

#main-content {
	width:98%;	
	margin-left:1%;	
}

#main-content p.datumseite {
	margin: 1.1em 0 0 0;
	color: #6b7883;
}

#main-content h3.landingPage {
	color:#688bab;
	padding-top:1em;
	margin-bottom:-.75em;
	font-weight:normal;
}

#text{
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;	
	padding-top:3%;	
	padding-bottom:3%;		
}


#text h2 {
	color: #195080;
	padding-bottom:.3em;	
}

#text h3{	
	color: #195080;	
	padding-bottom:.2em;
	padding-top:1.5%;		
}


#text h4{	
	color: #195080;	
	padding-bottom:.2em;
	padding-top:1.5%;	
}

#text p {	
	padding-bottom:.6em;
	line-height:130%;	
}

#text a {
	color: #0d64ac;	
	text-decoration:none;
}

#text a:hover {	
	text-decoration:underline;
	color:#2791ed;
}

#text a.news {
	padding: 1em 0 .5em 0;

}

#text a.schlagwortResultate {
	font-weight:normal;
}

#text a.neueSuche {
	font-weight:normal;
}

#text ul,
#text ol {
	padding-left:1.5em;
	list-style-type:circle;	
}

#text li {
	padding-bottom:.25em;
	line-height:120%;
}

#text li a{
	color:#0d64ac;
}


#text ul.klein li{
	padding-bottom:.5em;				
}

#text img {
	padding-top:1%;
}	
	
#text .date {
	border-top:1px solid #cacacb;
	padding:.5em 0;
	margin-top:.75em;	
}

#text .dateNews {
	padding-bottom:.5em;
}

#text .listitem p{
	margin-top:.25em;
}
	
#text p.liste {
	padding-top:.15em;	
}

/*#text hr,*/

#text hr.liste_abc,
#text hr.liste_didaktik {
	border-top:1px solid #aab4bb;
}

#text hr.zeitlos{
	padding-top:1em;
	border-top:1px solid #aab4bb;
}

#text hr.liste_abc {
	margin:1em 0;
	
}


#text hr.liste_didaktik {
	padding-bottom:1em;
}

.listitem {
border-bottom:1px solid #cacacb;
padding:.5em 0;
}

.pages {
margin-top:1em;
}

#text #spalten {
	padding-top: 1em;
}

#text #spalten dt {
	width:22%;
	padding: 0 0 1.85% 0;
	float:left;
	clear:left;
}

#text #spalten dt.titel {
	margin:0;
	padding:1.2% 0 0 0;	
}

#text #spalten dd {	
	margin-left:22%;
	padding: 0 0 2% 0;
	line-height:140%;
}

#text #spalten dd h2 {
	margin:0;
	padding:0;	
}

#text .bildTeam {
	float:left;
	width:100px;
}


#text .veranstaltungen h3 {
	padding-bottom:.5em;
}

#text hr.veranstaltungenOben{
	border-bottom:1px solid #aab4bc;
	margin:.5em 0 1em 0;
}


#text hr.veranstaltungen{
	border-top:1px solid #aab4bc;
	margin-bottom:1em;
}

#text .beschriebTeam {
	margin-left:120px;
}

#text hr.mitBild {
	border-bottom:1px solid #aab4bc;	
	margin:1em 0  .5em 0;
}

.bge li,
.egmr li,
.hrc li{
	padding-bottom: 1.5% !important;

}

.bundesstelleDetail hr{
	border-top:1px solid #cacacb;
	margin-top:1em;
}

.bundesstelleDetail ul{
	
}

.bundesstelleDetail li{
	padding-bottom:.25em;
	line-height:130% !important;
}


#right {
	float:left;
	width:21.5%;
	margin:0 1% 0 0;
	padding:0;
	margin:0 .75% 0 .75%;
}


#right ul {
	list-style-type:circle;
}

#right li {
	padding-bottom:.25em;

}

#right .hyphenate{
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

#right #LinksWeitere .newsletter,
#right #LinksWeitere .mitglied,
#right #LinksWeitere .spende,
#right #LinksWeitere .kontakt {
	padding:0;
	color:#fff;
	margin:0 0 .5em 0;	
	width: 100%;
	background-color:#aab4bb;	
}

#right #LinksWeitere .newsletter img,
#right #LinksWeitere .mitglied img,
#right #LinksWeitere .spende img,
#right #LinksWeitere .kontakt img{
	width: 275px;
	height:auto;
	max-width:100%;	
	margin:0;
	padding:0;
	display:block;
}

#right .gastDesktop{
	padding:.5em;
	color:#000;
	margin-bottom:.5em;	
	background-color:#e0e8ee;	
}

#right .gastDesktop h3{
	margin:0 0 .5em 0;
	padding:0;
	font-weight:normal;	
}

#right .gastDesktop a{
	color:#0d64ac;
	text-decoration:none;	
}

#right .gastDesktop a:hover{
	text-decoration:underline;
}

#right .gastDesktop p.autor {
	margin-top:.25em;
}

/*ie10 hack*/
#right .gelb {
	display:inline-table;
}

#right .gelb .varia1 {
	float:left;
}

#right .gelb .varia2 {
	float:left;	
}

#right .gelb .facebook {
	float:left;	
}

#right .gelb .twitter {
	float:left;	
}

#right .gelb .facebook img{	
	width:80%;
	margin:0;
	padding:0;			
}

#right .gelb .twitter img{	
	width:80%;	
	margin:0;	
	padding:0;				
}
/*end ie10 hack*/

#right .gelb {
	width:97.6%;
	background-color:#ffb737;
	border-top:6px solid #ffb737;
	border-right:3px solid #ffb737;	
	border-bottom:6px solid #ffb737;	
	border-left:3px solid #ffb737;			
    position: relative;
    margin: 0 0 .5em 0;
	padding:.25em 0;
    display: -webkit-flex;
    display: flex;	
    -webkit-justify-content: space-around;
    justify-content: space-around;	 
  	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;  
    
}

#right .gelb .varia1,
#right .gelb .varia2{	
	margin:0;
	padding:0;		
}

#right .gelb .varia1 {
	margin:0 5px;		
}

#right .gelb .varia1 a {		
	text-decoration:none;			
	color:#fff;
	font-weight:normal;							
}

#right .gelb .varia2 a{		
	text-decoration:none;			
	color:#fff;	
	font-weight:900;								
}

#right .gelb .varia1 a:hover,
#right .gelb .varia2 a:hover	{
	color:#fff;
	text-decoration:underline;
}

#right .facebook,
#right .twitter {
	display:block;	
	width:36px;
	height:auto;	
	margin:0 .25em;
	padding:0;	
}

#right .facebook img,
#right .twitter img {
	display:block;
	width:36px;
	margin:0;	
	padding:0;
}


#right .pikto{
	padding:0;
	color:#fff;
	margin-bottom:.5em;	
	width: 100%;
	background-color:#aab4bb;	
}

#right .pikto img{
	max-width:100%;		
	display:block;
}


#right .schlagwort,
#right .sitelink {
	padding:.5em;
	color:#000;
	margin-bottom:.5em;	
	background-color:#f0f0f0;	
}

#right .schlagwort h3,
#right .sitelink h3{
	margin:0 0 .5em 0;
	padding:0;
	font-weight:normal;
}

#right .schlagwort ul,
#right .sitelink ul{
	margin-top:0;
	margin-left:1em;
}

#right .schlagwort a,
#right .sitelink a{
	color:#0d64ac;
	text-decoration:none;	
	overflow-wrap: break-word;
  	word-wrap: break-word;
  	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	hyphens: auto;
}

#right .schlagwort a:hover,
#right .sitelink a:hover{
	text-decoration:underline;
}

#right .schlagwort a {
	display:block;	
}

#right #news {
	background-color:#f9f1d2;
}


#right #letztenews {
	padding:.5em;
}	

#right #letztenews h3{
	margin:0 0 .5em 0;
	padding:0;
	font-weight:normal;	
}	


#right #letztenews p.linkNews{
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}


#right #letztenews p.date{
	color:#425a6f;
	padding-bottom:.25em;
}

#right #letztenews p.linkNews {
	padding-bottom:1em;	
}	
	
#right #letztenews p.linkNews a,
#right #letztenews p.alle a	{
	color:#0860a6;	
	text-decoration:none;				
}

#right #letztenews p.linkNews a:hover,
#right #letztenews p.alle a:hover{
	color:#0860a6;
	text-decoration:underline;				
}


#right #letztenews p.alle {
	border-top: 3px solid white;
	margin-top:0;
	padding-top:.5em;	
}


#right .gastMobil{
	display:none;	
}

#footer {
	text-align:center;
	background: #f2f2f2;

	margin:0 auto;
	max-width:1280px;
	padding-left:10%;
}

#footer p {
	text-align:center;
	color: #195080;
	margin-left:-10%;
	padding:1% 0;

}

#footerPrint {
	display:none;
}



@media screen and (min-width:2561px)  {
	body {
		display:none;
	}
	
}


@media screen and (min-width:2300px) and (max-width:2560px)  {

    body {

	}	

	#wrapper{
		max-width:1280px;	
	}


	#header #suchen .volltextsuche a,
	#header #suchen .schlagwortsuche a {	
		font-size:.9vw;
	}	
		
	nav#menu {
		font-size:.9vw;				
	}	

	nav#menu.menu ul li a {	
    	line-height: 225%;
	}


	#main-content {
		font-size:.9vw;				
	}
	
	#main-content h1.intro {
		font-size: 1.35vw;	
	}
	
	#main-content h3.landingPage {
		font-size:.9vw;
	}	
	
	#main-content p.klein {
		font-size: .8vw;
	}
	
	#main-content ul.klein li {
		font-size: .8vw;		
	}
	
	#main-content ul.klein li a {
		font-size: .8vw;	
	}		
	
	#right {
		font-size:.9vw;				
	}	

}


@media screen and (min-width:2000px) and (max-width:2300px)  {

    body {

	}

	#wrapper{
		max-width:1280px;		
	}	


	#header #suchen .volltextsuche a,
	#header #suchen .schlagwortsuche a {	
		font-size:.9vw;	
	}

	nav#menu {	
		font-size:1vw;		
	}		


	nav#menu.menu ul li a {	
   	 line-height: 220%;
	}

	
	#main-content {
		font-size:.9vw;	
	}
	
	#main-content h1.intro {
		font-size: 1.35vw;	
	}
	
	#main-content h3.landingPage {
		font-size:.9vw;
	}		
	
	#main-content p.klein {
		font-size: .8vw;
	}
	
	#main-content ul.klein li {
		font-size: .8vw;	
	}
	
	#main-content ul.klein li a {
		font-size: .8vw;	
	}		
	
	#right {
		font-size:.9vw;		
	}

}


@media screen and (min-width:1680px) and (max-width:2000px)  {
		
    body {

	}

	#wrapper{
		max-width:1280px;
	}


	#header #suchen .volltextsuche a,
	#header #suchen .schlagwortsuche a {	
		font-size:1.2vw;	
	}

	nav#menu {
		font-size:1.25vw;	
		font-size:1.22vw;		
	}	

	nav#menu.menu ul li a {	
  	  line-height: 210%;
	}

	#main-content {
		font-size:1.2vw;		
	}
	
	#main-content h1.intro {
		font-size: 1.7vw;	
	}	
	
	#main-content h3.landingPage {
		font-size:1.2vw;
	}	
	
	#main-content p.klein {
		font-size: 1.07vw;
	}
	
	#main-content ul.klein li {
		font-size: 1.07vw;		
	}
	
	#main-content ul.klein li a {
		font-size: 1.07vw;		
	}		

	#right {
		font-size:1.2vw;		
	}	
		
}


@media screen and (min-width:1360px) and (max-width:1680px) {

	#header #suchen .volltextsuche a,
	#header #suchen .schlagwortsuche a {	
		font-size:1.3vw;		
	}

	nav#menu {
		font-size:1.2vw;		
	}	


	nav#menu.menu ul li a {	
	    line-height: 255%;
	}


	#main-content {	
		font-size:1.3vw;			
	}	
	
	#main-content h1.intro {
		font-size: 2.1vw;	
	}	
	
	#main-content h3.landingPage {
		font-size:1.3vw;

	}
	
	#main-content p.klein {
		font-size: 1.17vw;
	}
	
	#main-content ul.klein li {
		font-size: 1.17vw;		
	}
	
	#main-content ul.klein li a {
		font-size: 1.17vw;		
	}

	#right {
		font-size:1.3vw;			
	}	

}


@media screen and (min-width:1024px) and (max-width:1360px)  {

	#header #suchen .volltextsuche a,
	#header #suchen .schlagwortsuche a {	
		font-size:1.5vw;	
	}


	#header #logo {
		width:35%;
		width:38%;		
		margin:0 0 0 -9%;
	}
	
	#header #suchen {
		margin-left:9%;
	}
	
	#header #sprache {	
		margin-right:3%;
	}

		
	nav#menu {
		font-size:1.6vw;	
		font-size:1.43vw;			
	}	

	nav#menu.menu ul li a {	
    	line-height: 195%;
	}
	
	nav#menu.menu div.naviLevel2 li {
		display:inline;	
	}	
	

	#main-content {	
		font-size:1.5vw;				
	}

	#main-content h1.intro {
		font-size: 2.2vw;	
	}
	
	#main-content h3.landingPage {
		font-size:1.5vw;

	}	

	#main-content p.klein {
		font-size: 1.35vw;
	}
	
	#main-content ul.klein li {
		font-size: 1.35vw;		
	}
	
	#main-content ul.klein li a {
		font-size: 1.35vw;		
	}		

	#right {
		font-size:1.5vw;			
	}	
	
	#right .varia1 a,
	#right .varia2 a {
		font-size:1.4vw;	
	}

	#LinksWeitere .newsletter,
	#LinksWeitere .mitglied,
	#LinksWeitere .spende,
	#LinksWeitere .kontakt {
		margin:0 0 .5em 0;	
		width: 100%;
		background-color:#aab4bb;
	}

	#LinksWeitere .newsletter img,
	#LinksWeitere .mitglied img,
	#LinksWeitere .spende img,
	#LinksWeitere .kontakt img{
		width: 220px;	
		display:block;	
	}


	#right .gelb .varia2 {
		margin-right:5%;
	}

	#right .facebook,
	#right .twitter {	
		width:1.75em;	
		margin:0;
		padding:0;
	}


	#right .facebook img,
	#right .twitter img {	
		width:100%;	
	}		
}


@media screen and (min-width:769px) and (max-width:1024px)  {

	#header #suchen .volltextsuche a,
	#header #suchen .schlagwortsuche a {	
		font-size:1.7vw;
	}


	#header #logo {
		width:35%;
		width:38%;		
		margin:0 0 0 -9%;
	}
	
	#header #suchen {
		margin-left:9%;
	}

	#header #sprache {
		margin-right:3%;
	}

	#header #sprache .sp_a_De,
	#header #sprache .sp_De,
	#header #sprache .sp_a_Fr,
	#header #sprache .sp_Fr,	
	#header #sprache .sp_a_En,
	#header #sprache .sp_En {
		width:23%;
		margin:0;			
	}


	nav#menu {
		font-size:1.55vw;						
	}		

	nav#menu.menu ul li a {	
    	line-height: 285%;
	}

	nav#menu.menu div.naviLevel2 {
	
	}
	
	nav#menu.menu div.naviLevel2 ul {
		margin-left:1.5%;
	}	
	
	nav#menu.menu div.naviLevel3 ul {
		margin-left:1.5%;
	}
	
	nav#menu.menu div.naviLevel4 ul {
		margin-left:1.5%;
	}
	
	#main {
		margin-left: -8%;		
	}

	#main-content {	
		font-size:1.8vw;						
	}
	
	#main-content h1.intro {
		font-size: 2.4vw;	
	}
	
	
	#main-content h3.landingPage {
		font-size:1.8vw;

	}	
		
	#main-content p.klein {
		font-size:1.65vw;		
	}
	
	#main-content ul.klein li {
		font-size:1.65vw;			
	}
	
	#main-content ul.klein li a {
		font-size:1.65vw;				
	}		
	#main-content ul.klein  {

	}
	
	#text #spalten {
		padding-top: 1em;
	}
	
	#text #spalten dt {
		width:23%;
	}


	#text #spalten dd {	
		margin-left:25%;
	}
	
	#right {
		font-size:1.8vw;					
	}	

	#LinksWeitere .newsletter,
	#LinksWeitere .mitglied,
	#LinksWeitere .spende,
	#LinksWeitere .kontakt {
		margin:0 0 .5em 0;	
		width: 100%;
		background-color:#aab4bb;
		padding:.25em 0;
	}

	#LinksWeitere .newsletter img,
	#LinksWeitere .mitglied img,
	#LinksWeitere .spende img,
	#LinksWeitere .kontakt img{	
		display:block;	
		width:220px;
	}
	
	.gelb .varia1 {
		display:none;
	}
	

	#right .facebook,
	#right .twitter {	
		width:1.5em;	
		margin:0;
		padding:0;
	}


	#right .facebook img,
	#right .twitter img {	
		width:100%;	
	}

}



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

    body {
		background-color:#fff;	
	}	
	
	#wrapper {
		margin-top:-1%;
	}	
	
	#header #suchen .volltextsuche a,
	#header #suchen .schlagwortsuche a {	
		font-size:2.2vw;	
	}

	#header {	
		margin:1% 0 0 -9%;
		padding:2% 0 2% 0;
		display: -webkit-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;							
	}
	
	#header #logo {
		position:relative;		
		width:50%;	
		width:54.3%;			
		margin:0;
		padding:0;
	}

	#header #suchen {
		float:left;
		width:5%;
		margin:0 0 0 16.7%;
		padding:0;
		position:relative;					
	}

	.symbol {
		display:none;
	}

	.symbol img{
		display:none;
	}

	.symbolMobil {
		display:block;	
		width:100%;
		margin:0;
	}

	.symbolMobil img.suche{
		display:block;
		width:100%;				
	}

	#header #suchen .volltextsuche,
	#header #suchen .schlagwortsuche {	
		display:none;
	}

	#header #sprache {
		float:left;
		width:12%;
		margin:0 2% 0 3%;	
		position:relative;	
		display: inline-block;				
	}
	
	#header #sprache .sp_a_De,
	#header #sprache .sp_De,
	#header #sprache .sp_a_Fr,
	#header #sprache .sp_Fr,
	#header #sprache .sp_a_En,
	#header #sprache .sp_En	{
		width:42%;	
		margin:0;
		padding:0;				
	}

	#header #sprache .sp_a_De,
	#header #sprache .sp_De,	
	#header #sprache .sp_a_Fr,
	#header #sprache .sp_Fr{
		float:left;		
		margin-right:5%;		
	}

	#header #sprache .sp_a_En,
	#header #sprache .sp_En{
		float:left;									
	}	
	
	#header #sprache .sp_a_En img,
	#header #sprache .sp_En img,	
	#header #sprache .sp_a_Fr img,
	#header #sprache .sp_Fr img{
		width:100%;
		margin:0;
		padding:0;	
	}		
	
	#header #sprache.lang_1 div.sp_a_De,
	#header #sprache.lang_2 div.sp_a_Fr,
	#header #sprache.lang_3 div.sp_a_En	{
	   display:none;
	}	


	#header #toggle{
		float:left;		
		width:5%;
		position:relative;		
		margin:0;
		padding:0;		
	}
	
	#header.mobile #toggle{
		display:none;		
	}

	#header #toggle	img{
		display: block;
		width:100%;
		height:auto;
		margin:0;
		padding:0;			
	}
	
	#header.mobile #suchen {
		margin-left:25%;
	}


	nav#menu {
		font-size:2.5vw;		
	}


	nav#menu.menu ul li a {	
    	line-height: 200%;
	}
		
	nav#menu.menu {
		clear:both;	
		min-width: inherit;		
		overflow: hidden;
		line-height:0;		
		max-height: 0;
		width: 100% !important;			
	}
	
	nav#menu.menu.active, 
	nav#menu.menu > ul ul.active {
		max-height: 200em;
	}		

	nav#menu.menu div.naviLevel1 ul{
		display:block;						
		margin:0;
		padding:0;	
		width:96%;
		margin-left:2.5%;				
	}
	
	nav#menu.menu div.naviLevel1 li.active {
		border:none;
	}	
	
	nav#menu.menu div.naviLevel1 ul li.hasSubmenu {
		display:block;
	}
	
	nav#menu.menu div.naviLevel1 ul li.hasSubmenu ul {
    	display: none;
	}
			
	nav#menu.menu div.naviLevel1 ul li.normal {
		display:none;
	}	

	nav#menu.menu div.naviLevel2 ul{
		width:96%;
		margin-left:3.75%;	
	}

	nav#menu.menu div.naviLevel3 ul{				
		width:96%;
		margin-left:3.75%;		
	}
	
	nav#menu.menu div.naviLevel3 ul li.active a{				
	
	}

	nav#menu.menu div.naviLevel4 ul{				
		width:96%;
		margin-left:3.75%;	
	}

	.lineMobil {
		border-top: 3px solid #1662a4;		
		width:111.7%;	
		margin-left:-11.5%;
	}

	#main-content {	
		font-size:2.3vw;		
	}
	
	#main-content h1.intro {
		font-size: 3.2vw;	
	}
	
	#main-content h3.landingPage {
		font-size:2.3vw;
	}	

	.introMobil .titelMobil h1{
		font-size: 3.2vw;    	   
	}
	
	.introMobil .textKachel a	{
		font-size:2.2vw !important;	
	}
	
 	.listeKachel .topic .textKachel a {
     	font-size:3vw;
    } 
	
	#main-content p.klein {
		font-size: 2.08vw;				
	}
	
	#main-content ul.klein li {
		font-size: 2.08vw;		
	}
	
	#main-content ul.klein li a {
		font-size: 2.08vw;			
	}		
	
	#main-content {
		width:93%;
		margin-left: 3.75%;
	}		

	#left {
		float:none;
		width:111.5%;							
		margin-left:-11.3%;	
	}
	
	#main-content ul.klein  {

	}	
	
	#text #spalten {
		padding-top: 1em;
	}

	#text #spalten dt {
		float:none;
		padding-bottom:1%;
		width: 50%;
	}

	#text #spalten dd {	
		margin-left:0;
		padding-bottom:2%;
	}
	
	#text #spalten dt.titel {	
		padding:0 0 1.5% 0;
	}		
	
	#right {		
		font-size:2.3vw;						
	}		

	#right {
		float:none;
		width:105%;
		margin:1em 0 0 -8%;
		padding:0;
	}
	
	#right #LinksWeitere {
		display:none;
	}
	
	#right .gelb {
		display:none;
	}
	
	#right .pikto {
		display:none;
	}
	
	.gastDesktop {
		display:none;
	}
	
	.kontext {
		width:100%;
	}
	
	.schlagwort,
	.sitelink {
		width:97.5%;
	}	

	
	#right .gastMobil{
		display:block;
		width:97.5%;
		padding:.5em;
		color:#000;
		margin:.5em 0;	
		background-color:#e0e8ee;	
	}
	
	#right .gastMobil h3{
		width:90%;
		margin:0 0 .5em 0;
		padding:0;
		font-weight:normal;	
	}

	#right .gastMobil a{
		color:#0d64ac;
		text-decoration:none;	
	}
	
	#right .gastMobil p.autor {
		margin-top:.25em;
	}	

	#footer p{	
		font-size:1.8vw;
		padding-bottom: 2%;
	}		

	#footer {
		border-top: 3px solid #1662a4;		
		background: #fff;		
	}

}


@media screen and (max-width:736px)  {
	body {
		-webkit-text-size-adjust: none;			
	}
}


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

	body {
		-webkit-text-size-adjust: none;						
	}


	#main-content {
		font-size:3vw;							
	}

	#main-content h3.landingPage {
		font-size:3.5vw;
		margin-bottom:-.5em;
	}
	
	#main-content p.klein {
		font-size: 2.5vw;						
	}
	
	#main-content ul.klein li {
		font-size: 2.5vw;				
	}


	#main-content ul.klein li a {
		font-size: 2.5vw;				
	}	
	
	#text #spalten dt {
		width: 60%;
	}	
	
	#right {		
		font-size:3vw;						
	}	

	#footer p{	
		font-size:2.2vw;
		padding-bottom: 2%;
	}	

}


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

	body {
		-webkit-text-size-adjust: none;	
	}

	#header #suchen .volltextsuche a,
	#header #suchen .schlagwortsuche a {	
		font-size:3.3vw;
	}


	#header {
		margin-left:-9%;
	}
	
	#header #logo {
		float:left;	
		width:54%;
		width:58.7%;				
		margin:0;
		padding:0;
	}

	#header #suchen {
		margin-left:7.3%;
		width:6%;		
	}	
	
	#header #sprache {
		width:14%;					
	}

	#header #toggle {
		width:6%;		
	}	

	nav#menu {		
		font-size:3vw;				
	}	

	nav#menu.menu div.naviLevel1{			
	
	}	

	nav#menu.menu div.naviLevel1 ul{
		display:block;					
							
	}

	#main-content {
		font-size:3.4vw;							
	}

	#main-content h3.landingPage {
		font-size:3.4vw;
	}	
	
	#main-content p.klein {
		font-size: 3.02vw;						
	}
	
	#main-content ul.klein li {
		font-size: 3.02vw;			
	}
	
	#main-content ul.klein li a {
		font-size: 3.02vw;				
	}	

	.introMobil .listeKachel .topicparent .textKachel a{
		font-size:3.25vw !important;
	}

	.titelMobil h1{
		font-size:5vw !important;	
		margin-right: 10% !important;		
		margin-left: 10% !important;	
	}	

	.introDesktop .listeKachel .topicparent .textKachel h3 a {
		font-size:3.5vw !important;
	}
	
	.introDesktop .listeKachel .topicparent .textKachel p {
		font-size:3vw !important;
	}	
	
	.introDesktop .listeKachel .variaparent .textKachel h3 a {
		font-size:3.5vw !important;
	}
	

	#main-content {
		width:91%;
		margin-left:4.5%;		
	}

	li.schlagwort a.schlagwort {
		float:left;
		clear:left;
		width:14%;
		padding:0;
	}
	
	.bge h3 {
		margin-top:1em;
	}

	#right {
		font-size:3.4vw;			
	}	

	#right .kontext {
		width:98.75%;
	}
		
	#right .gastMobil {
		width:96.5%;
	}
	
	.introDesktop .listeKachel .topicparent .textKachel h3 {
		line-height:100% !important;
	}	
	
	#footer p{	
		font-size:2.5vw;
		padding-bottom: 2%;
	}		

}


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

	body {
		-webkit-text-size-adjust: none;	
		border:none;
	}

	#header #suchen .volltextsuche a,
	#header #suchen .schlagwortsuche a {	
		font-size:3.6vw;
		border:1px solid blue;		
	}

	#header {
		margin-left:-9%;
	}
	
	#header #logo {
		float:left;	
		width:54%;	
		width:58.7%;		
		margin:0;
		padding:0;
	}

	#header #suchen {
		margin-left:3%;
		width:7%;		
	}	
	
	#header #sprache {
		width:17%;
	}

	#header #sprache.lang_1 .sp_Fr,
	#header #sprache.lang_1 .sp_En,
	#header #sprache.lang_2 .sp_De,
	#header #sprache.lang_2 .sp_En,
	#header #sprache.lang_3 .sp_De,
	#header #sprache.lang_3 .sp_Fr	{	
		width:42.5%;
		margin-left:.5%;
	}

	#header #toggle {
		width:7%;	
		margin-left:0;
	}

	nav#menu {
		font-size:3.5vw;		
	}	

	nav#menu.menu div.naviLevel1 ul,
	nav#menu.menu div.naviLevel2 ul,
	nav#menu.menu div.naviLevel3 ul,
	nav#menu.menu div.naviLevel4 ul	{
		display:block;									
	}

	nav#menu.menu div.naviLevel1 ul {
		margin-left:1.75%;
	}
	


	#main-content {
		font-size:3.8vw;						
	}

	#main-content h3.landingPage {
		font-size:3.8vw;
		margin-bottom:-.25em;
	}	

	#main-content p.klein {	
		font-size: 3.35vw;				
	}
	
	#main-content ul.klein li {	
		font-size: 3.35vw;				
	}
	
	#main-content ul.klein li a {	
		font-size: 3.35vw;				
	}	

	.titelMobil h1{
		font-size:5vw !important;
		font-weight:bold;
		margin-right: 15% !important;		
		margin-left: 15% !important;
		
	}
	
	#main-content {
		width:89%;
		margin-left:6%;		
	}
		
	li.schlagwort a.schlagwort {
		width:16%;
	}
	

	#right {
		font-size:3.8vw;				
	}	

	#right #news {
		width:100.5%;
	}

	#footer p{	
		font-size:3vw;
		padding-bottom: 2%;
	}	

}

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

	body {
	border:none;
	}

	#header #suchen .volltextsuche a,
	#header #suchen .schlagwortsuche a {	
		font-size:5.5vw;	
	}


	#header #logo{
		display:none;
	}
	
	#header #logoIconMobil {
		display:block;	
		width:30%;
	}

	#header #logoIconMobil img {
		width:100%;	
	}

	#header #suchen {
		margin-left:7%;
		margin-right:2%;
		width:11%;			
	}	
	

	#header #sprache {
		width:27%;
	}

	#header #sprache.lang_1 .sp_Fr,
	#header #sprache.lang_1 .sp_En {	
		width:42%;
		margin-right:5%;	
	}
	

	#header #toggle {
		width:11%;	
		margin-left:1%;	
	}


	nav#menu {
		font-size:5vw;		
	}	

		
	nav#menu.menu div.naviLevel1 ul{
		display:block;									
	}

	#main-content {	
		font-size: 5.6vw;				
	}

	#main-content h3.landingPage {
		font-size:5.6vw;
	}	
	
	#main-content p.klein {
		font-size: 4.98vw;	
			
	}
	
	#main-content ul.klein li {
		font-size: 4.98vw;				
	}

	#main-content ul.klein li a {
		font-size: 4.98vw;				
	}	
	
	.introMobil .listeKachel .topicparent .textKachel a{
		font-size:5vw !important;
	}

	.titelMobil h1{
		font-size:7vw !important;
		font-weight:bold;
		margin-right: 0 !important;		
		margin-left: 0 !important;
	}	

	.introDesktop .listeKachel .topicparent .textKachel h3 a {
		font-size:6vw !important;
	}
	
	.introDesktop .listeKachel .topicparent .textKachel p {
		font-size:5vw !important;
	}	
	
	.introDesktop .listeKachel .variaparent .textKachel h3 a {
		font-size:6vw !important;
	}
					
	#main-content {
		width:87%;
		margin-left:7%;		
	}

	li.schlagwort a.schlagwort {
		width:25%;
	}
	

	#text .bildTeam {
		float:none;
	}
	
	#text .beschriebTeam {
		margin-left:0;
	}

	#right {	
		font-size: 5.6vw;				
	}	

	#right .kontext{	
		width:97%;				
	}
	
	#right .gastMobil{	
		width:94.5%;				
	}	

	#footer p{	
		font-size:4vw;
		padding-bottom: 2%;
	}	
			
}



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

	nav#menu.menu div.naviLevel1 ul{		
		margin-left:1%;	
	}
	nav#menu.menu div.naviLevel2 ul,
	nav#menu.menu div.naviLevel3 ul,
	nav#menu.menu div.naviLevel4 ul{		
		margin-left:4%;	
	}


	#main-content p.klein {
		font-size: 4.98vw;	
			
	}	
			
}


ul#skiplinks {
	display:none;
}

h1.hidden {
display:none;	
}

navigation.hidden {
display:none;	
}

navigation.hidden {
display:none !important;	
}

.hidden {
display:none !important;	
border:1px solid red;
}