/*
/*---------------------------------------------------------------------------------------------*/
/*	CSS Reset by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0
/*---------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html {-ms-text-size-adjust: none;-webkit-text-size-adjust: none;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
input:focus,textarea:focus{border:1px solid #999; outline:0;}
a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;}
::-webkit-input-placeholder {color:#787974;}
:-moz-placeholder {color:#787974;}
.placeholder {color:#787974;}

/* --- Clearfix --- */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}

/* special font------------------------- */
@font-face {
    font-family:'margarosaregular';
    src: url('font/margarosa-webfont.eot');
    src: url('font/margarosa-webfont.eot?#iefix') format('embedded-opentype'),
url('font/margarosa-webfont.woff') format('woff'),
url('font/margarosa-webfont.ttf') format('truetype'),
url('font/margarosa-webfont.svg#margarosaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('fonts/roboto-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v19-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v19-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
:root {
font-size: 16px;
}

/*-----------------------------------------------------------------------------------*/
/*	General Structure
/*-----------------------------------------------------------------------------------*/
body {
	font-family: 'Roboto', sans-serif;
	color:#ac0922;
	background: #e2007d url("images/the-yellow-wall.png") 18px 0 ; 
	background-size: cover; 
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#wrap {
	margin: 14px 0 0 0;
	}
#wrap.start {margin: 160px 0 0 0}

.title {font-family: margarosaregular;
	color: #ad151e;
	font-size: 16px;
	padding12px 0 0 0}	
/*-----------------------------------------------------------------------------------*/
/*	Headlines
/*-----------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color:#ad151e;
	font-weight:700;
	text-rendering: optimizeLegibility;
	
}
h1 {
	/*margin: 1.2em 0 1.3em;*/
	font-size:48px;
	font-size:2rem;
	font-family: margarosaregular;
	color: #ad151e;
	letter-spacing: 6px;
	text-shadow: 4px 3px 4px #fff;
	font-weight: lighter;
	}
h2 {
	margin: 1.4em 0 0.6em;
	font-size:24px;
	font-size:1.5rem;
}
h3 {
	margin: 1.2em 0 0.5em;
	font-size:21px;
	font-size:1.3125rem;
}
h4 {
	margin: 1em 0 0.4em;
	font-size: 18px;
	font-size: 1.125rem;
}
h5 {
	margin: 0.8em 0 0.4em;
	font-size:18px;
	font-size:1.125rem;
}
h6 {
	margin: 0.7em 0 0.4em;
	font-size: 16px;
	font-size: 1rem;
}
h1.startslogan {
	text-align: right; 
	padding-right: 3em;
	font-size:24px;
	font-size:1.5rem;}
/*-----------------------------------------------------------------------------------*/
/*	Alignment
/*-----------------------------------------------------------------------------------*/
.alignleft,
.alignright {
	float: none;
	display: block;
}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}
img.alignleft,
img.alignright {
	margin-top:10px;
	margin-bottom:10px;
}

/*-----------------------------------------------------------------------------------*/
/*	Links
/*-----------------------------------------------------------------------------------*/
a,
#site-title h1 a:hover {
	text-decoration:none;
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
	     -o-transition: all 0.1s ease-in-out;
	        transition: all 0.1s ease-in-out;
}
.entry-content p a {
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
a.selected {font-weight: bold}
/*-----------------------------------------------------------------------------------*/
/*	Customizable Colors
/*-----------------------------------------------------------------------------------*/
/* ---  Link Colors --- */
a, a.lang, a.selected {
	color:#e2007d;
}


/* ---  Special Background Color (Special Widgets, Main Nav, Autor Info)  --- */
#site-nav-wrap {
	background:hsl(57, 100%, 93%); /*was none, originalgruen: #45C496*/
	margin: 0 0 120px 0;
}

/*-----------------------------------------------------------------------------------*/
/*	Lists
/*-----------------------------------------------------------------------------------*/
ol {
	list-style: decimal;
}
ul, ul ul {list-style-type: none;}

ul li,
ol li {
	margin: 0;
	padding: 0 0 10px 0;
	display: list-item;
	line-height:1.8;
}
.entry-content ul {
    list-style-type: none;/* Hiermit wird das eigentliche Listenbullet ausgblendet */  
	 padding-left: 1em;
text-indent: -1em;} 
  .entry-content li:before {
	  content: "\... " /* Hiermit werden die Auslassungspunkte vor jeden Listenpunkt gesetzt */;
}
.entry-content ul ul {padding-left: 3em;}
.entry-content ul ul li:before {content: "\· "} 

.entry-content ul ul.sublinks {padding-left:2em; list-style-type:none !important; padding-top: 1.3em}
.entry-content ul ul.sublinks li {list-style:none !important; }
dl dt {
	font-size:16px;
	font-size:1rem;
	color:#111;
	font-weight: bold;
	line-height:1.6;
}
dl dd {
	margin: 0 0 30px 0;
	line-height: 1.4;
}

/*-----------------------------------------------------------------------------------*/
/*	Header
/*-----------------------------------------------------------------------------------*/

#site-nav-wrap {
	margin: 0 0 0 1.25em;
	background:hsl(57, 100%, 93%); }

#site-nav-container {background: hsl(57, 100%, 93%); }
 /*#legal-menu {
	background: hsla(0,0%,100%, 0.5);} */
#site-title {
	padding:4px 0 0 0;
}

/* --- Custom Logo Image --- */
#site-title img {
	/*max-width:100%;*/
	width: auto\9; /* ie8 */
	height:auto;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
/*			background: hsl(57, 100%, 93%);
*/			
}

/* --- Site Nav --- */
#site-nav-wrap a#mobile-menu-btn {
	display:block;
	width:115px;
	height:50px;
	margin:0 auto;
	padding:0;
	background: url(images/menuicon_pi.png) 40px 12px no-repeat;
	color: #e2007d;
	font-size:26px;
	font-size:1.625rem;
	font-weight:400;
	text-decoration:none;
	text-indent:-9999em;
}
#site-nav {
	display:none;
	position:relative;
	overflow:hidden;
/*	background:hsl(57, 100%, 93%); 
*/	text-align:left;
}


#site-nav ul li {
	display:block;
	padding:0 20px;
	text-align: center
}

#site-nav li a {
	display:block;
	padding:9px 0;
	border-bottom:1px solid #e2007d;
	font-size:16px; /*18px*/
	font-size:1 rem; /*1.25rem;*/
	font-family: 'Roboto', sans-serif;
	}

#site-nav li a:hover {
	color:#aaa;
}

#site-nav ul ul {
  display: none;
  position: absolute;
  left:-60px
}






/* --- Header Image --- */
.header-image {
	max-width:1132px;
	margin: 0 auto 60px;
}

/*-----------------------------------------------------------------------------------*/
/*	Posts
/*-----------------------------------------------------------------------------------*/
.post {
	margin:0 auto;
	padding: 0 0 35px;
	display:block;
	position: relative;
}
.entry-content {
	width: 100%;
	padding: 20px;
    background: hsla(0,0%,100%, 0.6);
	
}
.page-content {max-width: 660px; text-align: left; margin: 0 auto; padding: 30px 0; font-size: 1em;}

/*-----------------------------------------------------------------------------------*/
/*	article Header
/*-----------------------------------------------------------------------------------*/


/* --- article  Header --- */
.article-header {
	max-width:90%;
	min-width: 80%;
	margin: 20px 0 0 2em;/*was3%*/
	padding: 20px 0 24px 10px;
	word-wrap: break-word;
	text-align: left;
}
.article-header h1.article-title {
	margin:40px 0 0 0;
	padding:0;
	display:inline-block;
	word-wrap: break-word;
	
}
.article-header h1.article-title {
	font-size:28px;
	font-size:1.75rem;
	line-height:2.3;
}


/*-----------------------------------------------------------------------------------*/
/*	Typography
/*-----------------------------------------------------------------------------------*/
.entry-content p {
	margin: 0 5px 20px 0;
	line-height:1.5;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
}

p.justify {
	text-align:justify;
}
.entry-content p:last-child, 
.entry-summary p:last-child {
	margin: 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

address{
	padding:0 0 30px; 
	line-height:1.7;
}
abbr,acronym {
	border-bottom:.1em dotted #aaa;
	cursor: help;
}
ins{ 
	background:#ffffcc;
	text-decoration:none;
}
small {
	font-size:12px;
	font-size:0.75rem;
}
blockquote blockquote {
	margin:10px 0 0;
}



/*-----------------------------------------------------------------------------------*/
/*	Images / Video
/*-----------------------------------------------------------------------------------*/
img {
	max-width:100%;
	height:auto;
	width: auto\9; /* ie8 */
}
img.img-border {
	max-width:98.1%;
	padding:5px;
	background:#fff;
	border:1px solid #e5e5e5;
}
.widget img {
	max-width:100%;
	height:auto;
	width: auto\9; /* ie8 */
}

.entry-content .entry-caption p {
	margin: 0;
	text-align:center;
	padding: 17px 20px 20px;
	font-size:14px;
	font-size:0.875rem;
	line-height: 1.4;
	font-style:italic;
}
/* Embedded elements */
object,
embed {
	max-width:100%;
}

/*-----------------------------------------------------------------------------------*/
/*	Tables
/*-----------------------------------------------------------------------------------*/
table {
	width: 100%;
	margin:0 0 30px;
}
table tr {
/*	border-bottom:1px solid #ececec;
*/ border: none;
} 
td {
	padding: 0 8px 10px 0;
	border: none;
	line-height:1.5;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
}
td:first-child {font-size: .95em}
table.time td:first-child {
  width: 28%;
  margin: 0 10px 0 0;
  hyphens: none
}
/*table.kosten {line-height: 1.5em;
width: 80%}*/
table.kosten td:first-child {
	width: 15%;
	color: #ad151e;
	font-weight: 500;
	hyphens: none}
/*-----------------------------------------------------------------------------------*/
/* Widget Area Top / Widget Area Bottom
/*-----------------------------------------------------------------------------------*/
.widget-wrap {
       /*margin: 0 auto;
	   max-width:100%;
    min-width: 90%;*/
}
.widget-area {
	text-align: left;}
.widget ul {width: 80%; 
}
.widget-area .widget ul li {
    padding: 1em;
	text-indent: -1em;
    list-style: none;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2;
	display: inline; 
}
.widget ul > li:not(:last-child)::after {
    content: " · ";
}

#legal-menu {
	background: hsla(0,0%,100%, 0.6);
	width:100%;
	margin: 22px  0 0 2em; /*was3%*//*78px*/
	}


/*-----------------------------------------------------------------------------------*/
/*	Styles for Internet Explorer 8 and below
/*-----------------------------------------------------------------------------------*/
/* --- General Structure --- */
.ie body {
	font-size: 100%;
}
.ie #site-nav-wrap {
	margin: 0 0 0 1.25em; }
.ie #site-nav-container {
	width: 500px;
	margin:0 auto;
}
.ie #content {
	width:100%;
}
.ie .entry-content,
.ie .article-header,
.ie .widget-wrap {
	padding-left:0;
	padding-right:0;
}

.ie .post,
.ie .page #content {
	padding-left:0;
	padding-right:0;
}
/* --- Headerlines --- */
.ie h1 {
/*	margin: 1.2em 0 1.3em;
*/	font-size: 48px;
	font-size: 2rem;
}
.ie h2 {
	margin: 1.4em 0 0.6em;
	font-size: 24px;
	font-size: 1.5rem;
}
.ie h3 {
	margin: 1.2em 0 0.5em;
	font-size: 21px;
	font-size: 1.3125rem;
}
.ie h4 {
	margin: 1em 0 0.4em;
	font-size: 18px;
	font-size: 1.125rem;
}
.ie h5 {
	margin: 0.8em 0 0.4em;
	font-size: 18px;
	font-size: 1.125rem;
}
.ie h6 {
	margin: 0.7em 0 0.4em;
	font-size: 16px;
	font-size: 1rem;
}
.ie .article-header h1.article-title,
.ie .article-header h2.article-title {
	font-size:28px;
	font-size: 1.75rem;
	line-height:2em;
	padding:0;
}

/* --- Site Nav --- */
.ie #site-nav-wrap a#mobile-menu-btn {
	display:none;
}
.ie #site-nav {
	position:relative;
	padding:0;
	display:block !important;
	background:none;
	overflow:visible;
}
.ie #site-nav ul {
	padding: 0;
	text-align:center;
}
.ie #site-nav ul li {
	position:relative;
	display:inline-block;
	float:left;
	padding:0;
	background:none;
}

.ie #site-nav li a {
	height:32px;
	display:inline-block;
	margin:0 15px 0 0;
	padding:14px;
	border:none;
	font-size:20px;
	font-size:1.25rem;
	color: #fff;
	text-transform:none;
	letter-spacing:0;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}

.ie #site-nav ul.menu li:last-child a {
	border-bottom:none;
}
.ie #site-nav li a:hover {
	background:none;
	color: rgba(173, 21, 30, 1) !important;
}

.ie #site-nav ul li:hover > ul {
	display: inline;
	color:#aaa;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}
.ie #site-nav li:hover > a {
	color:#fff;
}
.ie #site-nav li li:hover > a {
	background:none;
	color:#333 !important;
}


/*-----------------------------------------------------------------------------------*/
/*	CSS3 Media Queries for Responsiveness (mobile-first, from small to big)
/*-----------------------------------------------------------------------------------*/
/* --- smartphones in landscape mode --- */
@media screen and (min-width: 320px) {
/* --- Alignment --- */
body {background: #e2007d url("images/the-yellow-wall.png") 18px 0 ; 
	background-size: cover; 
	background-repeat: no-repeat;
	background-attachment: fixed;}
.alignleft {
	display:inline;
	float: left;
	margin-right: 10px;
}
.alignright {
	display:inline;
	float: right;
	margin-left: 10px;
}
#site-nav-wrap {margin-left: 18px}
#wrap.start {margin: 40px 0 0 0}

h1.startslogan {
	text-align: center; 
	padding-left: 10px ;
	font-size:18px;
	font-size:1.25rem;}
	

.entry-content {
	margin: 10px 0 0 18px /*was3%*/; /*20px*/
	}

#legal-menu {
	margin: 20px 10px 0 18px;
	 	}
.page-content {max-width:85%;text-align: left; margin: 0 5px;}
.article-header h1.article-title {
	font-size:28px;
	font-size:1.75rem;
	line-height:2.4em;
	margin:16px 0 0 0;
	}
	/* untermenu */
#site-nav ul li:hover > ul {
  display: none
}
}



@media screen and (min-width: 480px) {
/* --- Alignment --- */

.alignleft {
	display:inline;
	float: left;
	margin-right: 20px;
}
.alignright {
	display:inline;
	float: right;
	margin-left: 20px;
}
body {background: #e2007d url("images/the-yellow-wall.png") 18px 0 ; 
	background-size: cover; 
	background-repeat: no-repeat;
	background-attachment: fixed;}

.entry-content {
	margin: 10px 0 0 18px; /*was3%* 40px*/
	}
/*	.page-content {
		max-width: 100%; 
		margin: 0 5px 0 0
		}*/
		
#site-nav-wrap {margin-left: 18px}
#legal-menu {
	margin-left: 18px}
	
/* untermenu */
#site-nav ul li:hover > ul {
  display:inline; 
}

}


/* --- tablets in portrait mode --- */
@media screen and (min-width: 768px) {
/* --- General Structure --- */
body {
	background: #e2007d url("images/the-yellow-wall.png") 18px 0 ; 
	background-size: cover; 
	background-repeat: no-repeat;
	background-attachment: fixed;}

h1.startslogan {
	text-align: center; 
	padding-right: 3em;
	font-size:28px;
	font-size:1.75rem;}
.widget-wrap {
	padding-left:0px;
}
#site-nav-wrap a#mobile-menu-btn {
display: block;	
}
.entry-content {
	margin: 10px 0 0 18px 
		}

#site-nav-wrap {
	margin-left: 18px}
#legal-menu {
	margin: 20px 5px 0px 18px;
}

/* untermenu
#site-nav ul li:hover > ul {
  display: block; width: 270px; padding: 0; margin: -24px
} */
}
/* untermenu in mobiler Ansicht*/
@media screen and (max-width: 1075px) {
	#site-nav ul ul {
  display: inline;
  position: relative;
  top:0px;
  left:0;
  margin:0;
}
#site-nav ul ul li a{
  display: inline;
  left:0;
  margin:0;
}

	}
@media screen and (min-width: 820px) {
		
	.entry-content {
		margin-top: 20px;
	}
/*	.page-content {
		max-width: 90%; 
		margin: 0 10px 0 0
		}
*/


/* --- Headlines --- */
h1 {
	margin: 2em 0 1.6em;
	/*font-size: 34px;
	font-size: 2.125rem;*/
	font-size: 32px;
	font-size: 2rem;
}
h2 {
	margin: 1.4em 0 0.6em;
	font-size: 30px;
	font-size: 1.875rem;
}
h3 {
	margin: 1.3em 0 0.6em;
	font-size: 26px;
	font-size: 1.625rem;
}

/* --- Header --- */

/* --- Custom Logo Image --- */
#site-title img {
/*	width:342px;*/
	max-width: 100%;
}

.article-header h1.article-title {
	font-size:32px;
	font-size:2rem;
	line-height:2em;
	padding:0 40px;
}

.entry-content p,
.entry-summary p {
	font-size:18px;
	font-size:1.125rem;
	line-height:1.7;
}

/* --- Footer --- */
#site-info .footer-nav {
	line-height:1.5;
}
#site-info .footer-nav ul.menu li {
	margin:0 2px;
}
#site-info .footer-nav ul.menu li:after {
	content: " \00b7 \0020";
}
#site-info .footer-nav ul.menu li:last-child::after {
	content: "";
}
#footer #site-info .footer-nav ul li {
	list-style:inline-block;
	float:left;
}

}

/* tablets in landscape mode */
@media screen and (min-width: 1024px) {
/* --- General Structure --- */
/*body {
	font-size: 115%;
}
*/
body {background: #e2007d url("images/the-yellow-wall.png") 20px 0 ; 
	background-size: cover; 
	background-repeat: no-repeat;
	background-attachment: fixed;}
.entry-content {
    min-width: 1000px;
	margin-left: 20px;
	padding-right:0;
}
/*	.page-content {
		max-width: 90%; 
		margin: 0 10px 0 0
		}
*/#site-nav-wrap {margin-left: 20px}
#legal-menu {
	width: 100%; 
	margin-left: 20px /*was3%*/; /*76px*/}


/* standard laptop + desktop screens */
@media screen and (min-width: 1170px) {
/* --- General Structure --- */
body {
	font-size: 100%;
}
#site-nav-wrap {
	background:hsl(57, 100%, 93%);
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 120px;
	 z-index: 999;
		}
#site-title {
	background:hsl(57, 100%, 93%);
	padding-right: 20px;
}

#site-nav-container {
	position: relative;
	top: -76px;
	left: 300px;	
	 padding:10px 0; /*10px 100px 0;*/
	 background:hsl(57, 100%, 93%);

/*	 box-shadow: 0 1px 2px #E2007D; 	
*/	}
#wrap.start {margin: 160px 0 0 0}
#content {
	width:100%;
}
.entry-content {
	width: 100%;
	margin:0 0 0 20px;
	padding-right:0;
}
	.page-content {
		max-width: 66%; 
		margin: 0 auto;
		}
#legal-menu {width: 100%}		
		
.article-header h1.article-title {
	margin:140px 0 0 0;}

#footer {
	padding-right:0;
}


/* --- Site Nav --- */
#site-nav-wrap a#mobile-menu-btn {
	display: none;
}
#site-nav {
	position:relative;
	padding:0 0 0 0;
	display:block !important;
	background: none;
	overflow:visible;
    background:hsl(57, 100%, 93%); 

}
#site-nav ul {
	padding: 0;
}
#site-nav ul li {
	position:relative;
	display:inline-block;
	padding:0;
	background:none;
}

#site-nav li a {
	height:32px;
	display:inline-block;
	margin:0 12px 0 0;
	padding:10px;
	border:none;
	font-size:18px;
	font-size:1.125rem;
	font-family: 'Roboto', sans-serif;
	color: #ac0922;
	text-transform:none;
	letter-spacing:0;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}
#site-nav li a.selected, #site-nav li a.lang {
	color: #e2007d; 
	font-weight: bold}


#site-nav ul.menu li:last-child a {
	border-bottom:none;
}


#site-nav li a:hover, li.current_page_item {
	background:none;
	color:#e2007d;	
}


#site-nav li:hover > a {
	color:#e2007d;
}
/* --- Posts --- */

#site-nav ul ul {display: none}

#site-nav ul li:hover ul {
  display: block;
  width: 200px;
  position: absolute;
  top:35px;
  left:-60px;
  margin:0;
}
#site-nav ul ul li a{
  display: inline;
  left:0;
  margin:0;
}

}

/*-----------------------------------------------------------------------------------*/
/*	Retina Display optimized Images
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#site-nav-wrap a#mobile-menu-btn {
	background: url(images/x2/menuicon.png) 40px 12px no-repeat;
	-webkit-background-size: 35px 22px;
}

}

/*-----------------------------------------------------------------------------------*/
/*	Print
/*-----------------------------------------------------------------------------------*/
@media print {
body {background: none !important; font-size: 14pt;}
#header { background:none !important;}
#branding { color:#111 !important;}
#content { margin: 0; width: auto; }
.header-image, #header #site-nav, .widget-area {display:none;}
#site-title h1 {font-size:28pt;}
h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid;font-weight:bold;}
a{font-weight:bold;color:#000 !important;text-decoration:underline !important;}
blockquote,table,pre{page-break-inside:avoid;}
ul,ol,dl{page-break-before:avoid;}
img.aligncentered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
.right{float:right;}
.left{float:left;}
img{page-break-inside:avoid;page-break-after:avoid;}
}

span.ltrText {unicode-bidi: bidi-override; direction: rtl}
.erklaerung {
	width: 90%;
	max-height: 500px;
	overflow: auto
	}