body { border:0px solid blue; background-color: #FEF5FA;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e50083+0,e2bed3+25,ffffff+100 */
background: rgb(229,0,131); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,0,131,1) 0%, rgba(226,190,211,1) 25%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(229,0,131,1) 0%,rgba(226,190,211,1) 25%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(229,0,131,1) 0%,rgba(226,190,211,1) 25%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50083', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

color:#000; font-size:1.0em; text-align:left; min-height:100vh;font-family:-apple-system, BlinkMaSystemFont, "Sege UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height:1.5; margin:0px; padding:0px; }

header {position:relative;margin-left: 8%;}

h1, h2, h3, h4 {margin-top:1.2em;margin-bottom:.6em; line-height:1.2; }
h1 {font-family: serif; font-style: italic;}
h2 {letter-spacing:.066em;text-transform:uppercase;}
p {margin:.6em 0;}

div.Breite { position:relative; padding-bottom:30px; z-index:1; top:0px; left:0px; width:100%; height:113px; overflow:hidden;}
div.Balken {border:0px solid yellow; position: relative; background-color: #E7CCDB; z-index:2; top:69px; left:30px; width:100%; height:16px; overflow:hidden;}
div.Verlauf {border:0px solid yellow; position:absolute; background-image:url(Pix/Verlauf.gif); background-repeat:repeat-y; background-color: #F6F0F5; z-index:8; top:30px; left:792px; width:30%; height:83px; overflow:hidden;}
div.Titel { position:absolute; z-index:7; top:30px;  height:83px; overflow:hidden; display:inline;}

.Ende {position:absolute; bottom: 1.7em; left: 60px;z-index: +100;letter-spacing: .3em;}



main {position:relative; margin-left:8%;}
.Navi  { position:relative; border:0px solid green; float:left; z-index:9;   margin:0px;   margin-right:2%;padding:1em; font-size:1.0em; line-height:1.8em; background-color: #fffa; color: #000; overflow:visible; white-space:nowrap;}

.Navi a {  text-decoration: none; background-color: transparent; color: #000;  padding:2px; }
.Navi a:hover  { background-color: #E50083; color: #fff }
.Navi a:focus  { background-color: #E50083; color: yellow }
.Navi a:active { background-color: #E50083; color: yellow }

.Navi a.wahl  { color:#E50083; font-weight:bolder;} 
.Navi a:hover.wahl  { background-color:#E50083 ;color: #fff; font-weight:bolder;} 
.Navi a:focus.wahl  { background-color: #E50083; color: yellow; font-weight:bolder; }
.Navi a:active.wahl { background-color: #E50083; color: yellow; font-weight:bolder; }

.Navi a {display:block; position:relative; }
.Navi a span.Zusatz {display:none; position:absolute; top:0; padding:2px;  padding-left:.5ex; left:100%; background-color: #E50083; color: #fff }
.Navi a:hover span.Zusatz {display:block; overflow:visible; }

div.Impressum {position:absolute; z-index:9; bottom:-2.5em; left:8px; color: #fff; font-size:0.8em; }


/* aside {font-size: .8em; border:1px solid #aaa;padding:1em;max-width:23% !important; position:relative;}*/
aside {font-size: .8em; border:0px solid #aaa;padding-left:1em; position:relative;}
aside ul {margin:0; padding:0;}
aside ul li {margin:0;margin-bottom: .6em; padding:0; list-style:none; line-height:1;}
aside ul li a {text-decoration:none;color:#666;}
aside ul li a:hover {}

div.Text { max-width:940px;border:0px solid yellow; z-index:8;  margin:0px; background-color: #fff; color:#222; text-align:left; overflow:auto;  padding:1em 4%;; margin-bottom:3em;  }

div.Textindex { border:0px solid yellow; position:absolute; z-index:8; left:180px; top:130px; margin:0px; background-color: #fff; color:#222; text-align:left; overflow:auto;  padding:15px; padding-right:50px;min-width:400px; font-size:1.8ex; line-height:1.3em;}

div.Extra-Foto {border:0px solid yellow; position:absolute; top:290px; left:30px; width:138px; height:138px; overflow:hidden;}

.mini { font-size:0.9em; line-height:1.2em; }
.clearfix {clear:both;}
small, .klein {line-height:1.2; font-size:80%;}
ul {  list-style-type:square; }
li { padding-bottom:10px; }
.magenta, .magenta  a{ font-weight: bold; color:#E50083 }
h2 { font-size:1.6em; font-weight:bold; }
h3 { font-size:1.4em; font-weight:bold; }
h4 { font-size:1.0em;  }
img.Foto-r {float:right; margin-left:8px; padding:8px; margin-bottom: 6px; border: 1px solid #5F1D00;}
img.Foto-l {float:left; margin-right:16px; padding:8px; margin-bottom: 6px; border: 1px solid #666;}


img.Foto {margin-right:12px;  padding:2px; margin-bottom: 4px; border: 3px solid #E50083;}
.schwebtRechts {float:right; margin-left:1.2em;max-width:45%;}
.schwebtLinks {float:left;margin-right:1.2em;max-width:45%;}

img.Fotor {float:right; margin-left:12px;  padding:2px; margin-bottom: 4px; border: 3px solid #E50083;}
img { border: 0px solid grey; max-width:100%}
img.QB {padding-left:5px; overflow:visible}


figure {display:inline-block;margin: 0;position:relative;}
figcaption {line-height:1.2;padding:0;font-size:.9em;color: #666;margin-bottom: 1em;}
figcaption.fcOverlay {position:absolute; bottom:10px;color:white;text-shadow:0 0 5px #000;padding:0 .4em;font-size:.85em;}


a.ohneunter  { text-decoration:none; color:#000; background-color: transparent;  }
a.ohneunter:hover  { text-decoration:none; color:#000; background-color: transparent;  }
a.ohneunter:focus  { text-decoration:none; color:#000; background-color: transparent; }
a.ohneunter:active { text-decoration:none; color:#000; background-color: transparent;  }

A  { padding-bottom:3px;  margin:0px; text-decoration:underline; color:#000 }
A:link    { }
A:visited {  }
A:hover { background-color: #E50083; color: #fff}
A:active  { background-color: #E50083; color: yellow }
A:focus   { background-color: #E50083; color: yellow }


@media screen and (max-width:1250px) 
	{ 
		main,header {margin-left:4%;margin-right:4%;}
	}


@media screen and (max-width:800px) 
	{ 
		.Navi {float:none;margin-right:0;white-space: normal;;}    

		.Navi a {display:inline-block; padding:2px 1em; } 
		.Navi aside ul li {display:inline-block; padding:0; } 
		.Navi aside ul li a {padding:2px .5em; } 
		.Navi a:hover span.Zusatz {display:none;} 
		div.Text { }
	}



@media screen and (max-width:500px) 
	{ 
		main, header {margin-left: 0%;margin-right: 0%;}
		div.Breite {height: 28vw;}
		div.Titel {height: 17vw;}
		.Ende {position:absolute; bottom: 1.7em; left: 30px;letter-spacing: .0em;}

	}