/* Das CSS-Reset von Eric Meyer */
@import url("reset.css");
html {
     font-size:100%;
	 height:100%;
}

@font-face{ font-family: 'EBGaramond12-SC'; 
	src: url('http://www.elsbethweichmannges.de/css/fonts/EBGaramond12-SC.otf'); 
	src: url('http://www.elsbethweichmannges.de/css/fonts/EBGaramond12-SC.eot'),
		 url('http://www.elsbethweichmannges.de/css/fonts/EBGaramond12-SC.woff') format('woff'), 
		 url('http://www.elsbethweichmannges.de/css/fonts/EBGaramond12-SC.ttf') format('truetype'); 
}
/* eb-garamond-regular - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('http://www.elsbethweichmannges.de/css/fonts/eb-garamond-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('http://www.elsbethweichmannges.de/css/fonts/eb-garamond-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://www.elsbethweichmannges.de/css/fonts/eb-garamond-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://www.elsbethweichmannges.de/css/fonts/eb-garamond-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('http://www.elsbethweichmannges.de/css/fonts/eb-garamond-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('http://www.elsbethweichmannges.de/css/fonts/eb-garamond-v26-latin-regular.svg#EBGaramond') format('svg'); /* Legacy iOS */
}
@font-face{ font-family: 'EBGaramond12-SC'; 
	src: url('https://www.elsbethweichmannges.de/css/fonts/EBGaramond12-SC.otf'); 
	src: url('https://www.elsbethweichmannges.de/css/fonts/EBGaramond12-SC.eot'),
		 url('https://www.elsbethweichmannges.de/css/fonts/EBGaramond12-SC.woff') format('woff'), 
		 url('https://www.elsbethweichmannges.de/css/fonts/EBGaramond12-SC.ttf') format('truetype'); 
}
/* eb-garamond-regular - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.elsbethweichmannges.de/css/fonts/eb-garamond-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.elsbethweichmannges.de/css/fonts/eb-garamond-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.elsbethweichmannges.de/css/fonts/eb-garamond-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.elsbethweichmannges.de/css/fonts/eb-garamond-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.elsbethweichmannges.de/css/fonts/eb-garamond-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.elsbethweichmannges.de/css/fonts/eb-garamond-v26-latin-regular.svg#EBGaramond') format('svg'); /* Legacy iOS */
}


body {/* body bestimmt die Breite des weißen Teils des Menüs - umfasst aber alles =Header+Menü+Inhalt */
  	  /* muss auch in der script.js definiert werden */
	background: #B5C4D2 url(../img/hintergrund.jpg)  no-repeat 0 0;
	font-family: Verdana, "Avantgarde", Corbel, sans serif;
	font-size: 13px;  /*Fallback für ältere Browser  */
    font-size: 0.79rem;/**/
	color:#000;
	padding-left:5px;
	 width: 94%; 
	 height: 100%;
	 max-width: 933px; /*Fallback für ältere Browser  */
	 max-width: 58.2rem;
     margin: 5px auto;
}
span.no-wrap{
     white-space: nowrap;
}

#footer-nach-unten{
min-height:100%; margin:0 auto -50px; height:auto !important;
}
a:link, a:visited {
	color: #900202;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #996666;
	text-decoration: none;
}
.hidden {
     display: none;
}


/* Header  */

header{ 
	 display: block;
     position:relative;
     width: 100%;
     border: 0px solid #CC0000;
     padding:4.5% 0 4.5% 0;  
     height: 6.2em;
}
#headercontent{
     position:relative;
     margin:0;
     border: 0px solid #CC0000;
     height: 80%;
}
#logobild {
     position: absolute;   
	 height: auto; width: 483px;    
	 left: 0em; top: 0em;
     border: 0px solid #CC0000;
}
#logobild img{
	width: 6.3em; 
	height: 6.2em;
}
header h1{
     float:left;
	 font-family: "EBGaramond12-SC";
     /*font-size: ; kein Fallback für ältere Browser, weil ab IE8 ein Bild eingesetzt statt H1-Titel  */  
     font-size: 1.45rem;
     font-weight: 400;
	 color: #5b5b5b;
	 padding: 1.19em 0 0 3.8em;
     height: 32px;
}
header h1 span.spatio{
 	display: inline;
	letter-spacing: -0.05em;
	font-weight: 400;
	border: 0px solid #CC0000;
}
header h1 span.hide{
display: none;
}

/*  Navigation  */

.toggleMenu a{
     position: absolute;
     background: #FFFFFF url(../img/icon-menu.png) no-repeat 10% 14px;
     left: 0;
     bottom: 0em;
     display:  none;
     height: 38px;
     width: 100%;     

     border-bottom: 0px solid #999999;
}

nav {
	 font-family: 'EB Garamond',times,georgia, serif;
}

nav#main-menu { /* Hintergrundfarbe und Schatten des Menüs  */
     background: url(../img/navi-transparenz.png) repeat;
	 height: auto;
     font-size: 15px;  /* Fallback für ältere Browser  */
     font-size: 0.92rem;
	 letter-spacing:0.05em;
}


nav > ul { 
     margin: 0; 
}
.navi { 
     *zoom: 1; /*  For IE 6/7 only - include this rule to trigger hasLayout and contain floats. */
}
/*  
 * Micro clearfix  
*/ 
}
.navi:before,
.navi:after {
    content: " "; 
    display: table; 
}
.navi:after {
    clear: both;
}

/*  ================== */

.navi ul {
     position: relative;
     width: 100%;
     height: auto;
}

.navi a {
    *zoom: 1;  /*  For IE 6/7 only - include this rule to trigger hasLayout and contain floats. */
}


.navi > li {
     position: relative;
     width: 22%;
     min-width: 100px;
     margin: 0 1.5%;
     border: 0px solid #CC0000;   
     float: left;
     border-bottom: 0px solid #999999;
}
.navi > li:last-child {
     margin: 0 0 0 1.5%;
	 padding-left:  0%;
	 text-align: center;
}

.navi > li:first-child > a, .navi > li:first-child > span{
		color:#265280;
	padding: 4px 0 4px 22%; /*Fallback für ältere Browser  */
	padding:  0.3rem 0 0.3rem 22%;
    display: block;
	text-align: left;
	 
}

.js .navi li.hover > a,.js .navi li ul a.hover {/* Hovereffekt des grauen Menüpunkt-Hintergrunds,  */
    outline: medium none;                    /* mit Javascript, so dass für Touchscreens der Mouse-over-  */
     background-color: #FFFFFF;                    /* effekt in Click umgewandelt werden kann (mit script.js) */     
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
}
.no-js .navi li:hover > a,.no-js .navi li ul a:hover { /* Hovereffekt des grauen Menüpunkt-Hintergrunds, ohne Javascript  */
    outline: medium none;
     background-color: #FFFFFF;
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
}
.navi > li > a {
    display: block;
}
.navi li a, .navi li span { /* Durch Padding wird die Menübalkenhöhe bestimmt*/
	color:#265280;
	padding: 4px 0 4px 0%; /*Fallback für ältere Browser  */
	padding:  0.3rem 0 0.3rem 0%;
    display: block;
	text-align: center;
}

.navi li.current-menu-item span, .navi li.current-menu-item > a  {
    color: #8D8D8D;
    background-color: #FFFFFF;
}

/* Ausklappen des Submenüs*/
.navi > li:first-child ul > li > a, .navi > li:first-child ul > li > span{
	text-align: left;}

.navi li ul { /* Bewirkt, dass die Unterpunkte nicht mehr von .navi eingeschlossen werden  */
    position: absolute;
	background: url(../img/navi-sub-transparenz.png) repeat;
	font-size: 13px;  /* Fallback für ältere Browser  */
    font-size: 0.8rem;
	line-height: 17px; /*Fallback für ältere Browser  */
	line-height: 1.3rem;
}

.navi li ul li {
    max-height: 0; /* die Umrahmung der Unterpunkte wird so schmal gemacht, dass die Unterpunkte ausgeblendet werden  */
	position: relative;
    overflow: hidden;
	width: 100%;
    -webkit-transition: max-height 2s ease-out 0s; /* Ausklapptempo des Submenüs (des unten definierten Hover-Effekts)*/
    -moz-transition: max-height 2s ease-out 0s;
    -o-transition: max-height 2s ease-out 0s;
    -ms-transition: mmax-height 2s ease-out 0s;
    transition: max-height 2s ease-out 0s;
}
.js .navi > li.hover > ul > li{ /* Hover = Ausklappen des Submenüs mit Touch-screen-Javascript (script.js)*/
     max-height: 170px;
}
.no-js .navi > li:hover > ul > li{ /* Hover = Ausklappen des Submenüs, ohne Javascript*/
     max-height: 170px;
}

.js .navi li li.hover ul {
    left: 100%;
    top: 0;
}
.no-js .navi li li:hover ul {
    left: 100%;
    top: 0;
}
.navi li ul {
   	background: url(../img/navi-sub-transparenz.png) repeat;
    z-index:90;	
}
.navi li li a {
    position: relative;
    display: block;
    text-decoration: none;
    z-index:100; 
	margin-top: 4px;
	padding: 0.8em 2em 1em 22%;
}

.navi li li.active_sub a, .navi li li.active_sub span {
     background:  #FFFFFF;
	 margin-top: 4px;
	 padding: 0.8em 2em 1em 22%;/**/
}

/*  Inhalt  */

noscript span {display:none}

main {   
     -webkit-hyphens: none;
     -o-hyphens: none;
     -moz-hyphens: none;
     -ms-hyphens: none;
     hyphens: none;
     padding-bottom: 100px; 
     padding-top: 10px;
     margin: 0; /*  Breite des gesamten Inhaltsbereiches  */
	 display: block;
	 height:100%;
	 min-height: 100%;
} 
.content {
    padding-top: 38px;  /* Fallback für ältere Browser  */
	padding-top: 2.1rem;
	margin: 0 9% 0 9.7%;
	font-size: 11px; /*Fallback für ältere Browser  */
	font-size: 0.7rem;
}
.ohnebild {
	margin: 0 9% 0 36%;
}

.content a:link, .content a:visited {
     outline: medium none;
     color: #990000;
     text-decoration: none;
}
.content a:hover, .content a:active, .content a:focus {
     outline: medium none;
     color: #996666;
}
.content p, .content ul {
	margin-bottom: 2em;
}
.content ul  {
    list-style: none;
    margin-left: 4%;
}

p > span {
     padding: 0 0 0em;
     border:  0px solid #CC0000;
}
p {
    margin-bottom: 1.3em;
    max-width: 550px;
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
   -moz-hyphenate-limit-chars: auto 5;
   -o-hyphenate-limit-chars: auto 5;
   -webkit-hyphenate-limit-chars: auto 5;
   -ms-hyphenate-limit-chars: auto 5;
   hyphenate-limit-chars: auto 5; 
}

p.p_ende {
     margin-bottom: 3em;
}
h2 {
	font-family: 'EB Garamond',times,georgia, serif;
	margin: 1em 0 1em 0;
	max-width: 45em;
}

h2 {
	-webkit-hyphens: none;
	-o-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: #000;
	font-weight: 400;
	font-size: 19px; /*Fallback für ältere Browser  */
    font-size: 1.2rem;
	line-height: 22px; /*Fallback für ältere Browser  */
	line-height: 1.3rem;
	margin-bottom: 1.5em;
}
h3 {
	color: #38586F;
	font-size: 15px; /*Fallback für ältere Browser  */
	font-size: 0.9375rem;
	margin-bottom: -0.4em;
	margin-left: 28.5%;
	margin-right: 15%;
}
h4 {
	font-size: 11px; /*Fallback für ältere Browser  */
	font-size: 0.73rem;
	margin-bottom: 0.1em;
	margin-top:  -1em;
	margin-right: 15%;
	color: #38586F;
}

/* Nach reset wieder definierten */

strong {
	text-transform: uppercase;
}
em { font-style: italic; }


/* Inhalt - Foerderer */
#foerderer {
	margin-left:auto;
	margin-right:auto;
	border: 0px solid #CC0000;
	padding: 0 5% 0 0;
	margin: 0;
}	

#foerderer dl.inline-flex {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: 100%;      /* set the container width*/
  overflow: visible;
  	border: 0px solid #CC0000;
}
#foerderer dl.inline-flex dt {
    flex: 0 0 31%;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 0px solid #CC0000;
	color: #38586F;
	font-family: Verdana, "Avantgarde", Corbel, sans serif;
	font-size: 14px; /*Fallback für ältere Browser  */
	font-size: 0.875rem;
	text-align: right;
	padding-right: 3%;
}
#foerderer dl.inline-flex dd {
  flex:0 0 56%;
  padding-right: 10%;
  margin-left: auto;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 0px solid #CC0000;
}

#foerderer a:link, #foerderer a:visited {
	color: #38586F;
	text-decoration: none;
}
#foerderer a:hover, #foerderer a:active, #foerderer a:focus {
	color: #38586F;
	text-decoration: underline;
}



/* Inhalt - Themenauswahl */

#thema {   
	margin-left:auto;
	margin-right:auto;
	border: 0px solid #CC0000;
	padding: 0 5% 0 0;
	margin: 0;

}
#thema dl {
	margin:15px 0px 25px 0px;
	width: 100%;
	padding: 0;
}

#thema dt {	
	float:right;
	width:66%; /* Titel-Abstand von der linken Seite  */
	margin: -.3em 0 1em 0;
	padding: 0 0 .5em 0;
	border: 0px solid #CC0000;
	font-family: 'EB Garamond',times,georgia, serif;	
	-webkit-hyphens: none;
	-o-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: #000;
	font-weight: 400;
	font-size: 19px; /*Fallback für ältere Browser  */
    font-size: 1.2rem;
	line-height: 22px; /*Fallback für ältere Browser  */
	line-height: 1.3rem;

}
#thema > dl.veranstaltungen > dt{	
	color: #38586F;
	font-family: Verdana, "Avantgarde", Corbel, sans serif;
	font-size: 15px; /*Fallback für ältere Browser  */
	font-size: 0.9375rem;
	/*margin: 0;*/
}

 h2.veranstaltungen{
	margin: 0 0 0 34%;
	padding: 0 0 1.6em 0;
}

#thema dd h3{	
	margin: 0 0 1em 0;
	padding: 0;

}
#thema dd {
	margin: 0;
	padding:  0 0 1em 34%; /* Fließtext-Abstand von der linken Seite  */
	border: 0px solid #CC0000;
}
/*#thema dd.info > p {
	margin: 0 0 0 0;
}*/

#thema dd.img{
	padding: 0;
	width:28%;
	}
#thema dd.img img {
	padding:  0 0 2.5em 0;
	border: 0px;
	float:left;
	margin: 0;
    width: 100%; /* Bild-Breite  */
	max-width:195px;
	}
#thema > #veranstaltungen > dd.img img {
	margin: 0.6em 0 0 0;
	}
#thema dd.img p{
	max-width:195px;
	}
	
#thema p.p_ende {
	margin-bottom: 3.5em;
}
 h2.allgemein{
	margin: 0 0 0 34%;
	padding: 0 0 1.6em 0;
}

#thema > .allgemein > dd.img img {
	margin: 0.6em 0 0 0;
	}
#thema > .allgemein > dt.leer{
display: none;
}
	  
/*  Inhalt-Top-Button  */
.ohnebild h3{
	margin: 0 0 1em 0;
	padding: 0;
}
 h2.veranstaltungen{
	margin: 0 0 0 34%;
	padding: 0 0 1.6em 0;
}

#project_nurtop {
     display: none;
     -webkit-hyphens: none;
     -o-hyphens: none;
     -moz-hyphens: none;
     -ms-hyphens: none;
     hyphens: none;
     height: 30px;
     position: relative;
    margin: 6em 20% 0 20%;
     padding: .3em 0 .1em 0;
     border-top: 1px solid #DCDCDC;
     border-bottom: 0px solid #DCDCDC;
}

#proj_top{
     opacity: .8;
     position: absolute;
     bottom: 20%;
     height: 1.8em;
     right: 0;  
     padding: 0 27px 0 0;
     margin: 0;
     border: 0px solid #CC0000;
     background: url(../img/arrow-top.png) no-repeat 0 0px;
     background-position: right;
}

#project_nurtop a:link, #project_nurtop a:visited, #project_nurtop a:active, #project_nurtop a:focus {
     color: #FFFFFF;
     text-decoration: none;
}
#proj_top:hover  {
     opacity: 1;
} 


/* clearen*/

#thema dl:after,
#thema:after,
nav:after,
#headercontent:after { /* fuer Browser, die :after unterstuetzen */
    content: ".";
     display:block;
     height: 0;
     clear:both;
     visibility:hidden;
}

* html #thema dl,
* html #thema,
* html nav,
* html #headercontent { height: 1%; } /* fuer IE5+6*/

* :first-child+html #thema dl,
* :first-child+html #thema,
* :first-child+html nav,
* :first-child+html #headercontent{ min-height: 1px; } /* fuer IE7*/


/*  ----------------------------------------------------------------------  */
@media only screen and (max-width: 876px) {
body {
     background: #B5C4D2 url(../img/hintergrund_852px.jpg)  no-repeat 0 0;
}
/*  Header  */ 
#headercontent{
     margin:0 8%;
}

/* Inhalt - Top-button */

#project_nurtop {
    display: block;
    border-top: 0px solid #DCDCDC;
    border-bottom: 0px solid #DCDCDC;
    margin: 3em 8% 0 8%;
}
}
/*  ----------------------------------------------------------------------  */

@media only screen and (max-width: 816px) {

body {
width: 94%;
}

/*  Header  */ 
header{ 
     padding:3% 0 4% 0;  
	 height: 11.5em; 
}
#headercontent{
     position:relative;
     margin:0 5% 0 5%;
     border: 0px solid #CC0000;
}
header h1{
     float:none;
}


/*  Toggle-Navigation  */ 

.toggleMenu a{
    display:  block;
}

.js nav > ul {
     margin: 0;
     border: 0px solid #CC0000;
}
.no-js nav > ul{
     margin: 0;
     display: none;
}
.no-js #menu-open:target nav > ul{
          margin: 0;
          display: block;
}
.no-js a.open {
          display: block;
}
.no-js a.close {
          display: none;
}
.no-js #menu-open:target a.open {
          display: none;
}
.no-js #menu-open:target a.close {
          display: block;
}

/*  Navigation  */ 


.navi li ul li {
    -webkit-transition: max-height 0s ease-in-out 0s;
    -moz-transition: max-height 0s ease-in-out 0s;
    -o-transition: max-height 0s ease-in-out 0s;
    -ms-transition: max-height 0s ease-in-out 0s;
    transition: max-height 0s ease-in-out 0s;
}
.active {
        display: block;
}
     
.navi > li, .navi > li:last-child {
	margin: 0;
    width: 100%;
    float: none;
     border-bottom: 1px solid #999999;
    }
.navi > li:first-child {
     border-top: 1px solid #999999;
    }
.navi > li > .parent {
    background-image: url("../img/rightArrow.png");
    background-repeat: no-repeat;
    background-position: 15.5em 50%;
}
.navi li a, .navi > li:first-child a, .navi > li:first-child span {
    padding:10px 0 12px 10%;
		text-align: left;
}
.navi li span {
     padding:10px 0 12px 10%;
	 	text-align: left;
}
.navi ul {
        display: block;
        width: 100%;
}
	
.js .navi li.hover > a,.js .navi li ul a.hover {
    background-image: url("../img/cross.png");
     background-repeat: no-repeat;
    background-position: 15.5em 50%;
}

.js .navi > li.hover > ul ,.js .navi li li.hover ul {
        position: static;
    }
.no-js .navi > li:hover > ul ,.no-js .navi li li:hover ul {
        position: static;
    }

nav ul li.current-menu-item > a, nav ul li.current-menu-item > span {
     background:  #FFFFFF url(../img/icon-check.png) no-repeat 4% 18px; 
}

.navi  > li > li{
     background:  #FFFFFF url(../img/icon-check.png) no-repeat 4% 18px;
}
.navi li li.active_sub span,.navi li li.active_sub a {
          background:  #FFFFFF url(../img/icon-check.png) no-repeat 4% 16px;
     padding:10px 0 12px 10%;
}


/* Inhalt */
main{
     margin:0;
}
.content {
	margin: 0 2% 0 9.8%;
}

/* Inhalt - Thema */
#thema {
    margin: 0;
}

#foerderer dl.inline-flex dd {
  flex:0 0 66%;
  padding-right: 0%;
}
}

/*  ----------------------------------------------------------------------  */


@media only screen and (max-width: 570px) {
body {
     background: #B5C4D2 url(../img/hintergrund_570px.jpg)  no-repeat 0 0;
     margin: 0 2%;
}

/*  Header  */ 

header{ 
    padding:0 0 2em 0;
    height: 150px;
}
#headercontent {
    margin: 0 5%;
}

/*  Inhalt  */ 

main {
     margin: 0;
}
.content{
     margin:0 8%;
	padding-top: 1.5em;
}
h2 {
    margin-bottom: 1.6em;
}
h2#veranstaltungen{
	margin: 0;
	padding: 0 0 1.6em 0;
}
 h2.veranstaltungen{
	margin: 0;
	padding: 0 0 1.6em 0;
}
 h2.allgemein{
	margin: 0;
	padding: 0 0 1.6em 0;
}
#foerderer dl.inline-flex {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: 100%;      /* set the container width*/
  overflow: visible;
  	border: 0px solid #CC0000;
}
#foerderer dl.inline-flex dt {
    flex: 0 0 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 0px solid #CC0000;
	font-size: 14px; /*Fallback für ältere Browser  */
	font-size: 0.875rem;
	text-align: left;
	padding-right: 3%;
}
#foerderer dl.inline-flex dd {
  flex:0 0 100%;
  margin-left: auto;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 0px solid #CC0000;
}
/* Inhalt - Thema */

#thema {
    margin: 0;
}
#thema dt {	
	width:100%;
}
#thema dd h3{	
	margin: 0 0 1em 0;
	padding: 0;
}

#thema dd.img{
	width:100%;
	}
#thema dd.img img {
    padding: 0.7em 2.5em 2.5em 0;
}
#thema > .allgemein > dd.img img {
    margin: 0 0 0 0;
}
#thema dd.info{
	padding: 0;
	width:100%;
	}
	
/* Inhalt - Top-button */
	
#project_nurtop {
     display: block;
     border-top: 0px solid #DCDCDC;
     border-bottom: 0px solid #DCDCDC;
    margin: 3em 8% 0 8%;
}

.linktext_top{ 
     white-space: nowrap;
     position: absolute;
     bottom: -2em;
     right: 0; 
}  
}
/*  ----------------------------------------------------------------------  */
@media only screen and (max-width: 449px) {

html {
     
     font-size: 105%;
}


/* Header */

header h1{
	/*font-size: ; kein Fallback für ältere Browser, weil ab IE8 ein Bild eingesetzt statt H1-Titel  */ 
     font-size: 1.25rem;
	 padding: 0.9em 0 0 4.0em;
}

#headercontent {
    margin: 0 2%;
}
#logobild {   
     height: auto; width: 200px;    
     left: 0em; top: 0em;
     border: 0px solid #CC0000;
}
#logobild img{
     width:5.6em; 
     height:5.6em;
}


/* Inhalt */

h2 {
     /*font-size: 0px; kein Fallback für ältere Browser - weil sowieso nicht responsive  */
     font-size: 1.24rem;
}


/* Inhalt - Thema */

#thema dt {
    padding: 0 0 1em;
	margin: -0.2em 0 0em;
}

#thema dd{
	margin: 0em 0 1em;
}

#thema dd.img img {
    padding: 0.7em 20em 1em 0;
    width: 100%;
	margin: -0.2em 0 1em;
}
  
} 


