* { font-family:Verdana,Arial,sans-serif; } 
h1 { font-size:18pt; text-align: center; }
h2,h3,h4 { font-size:14pt; }
h5 { font-size:12pt; }
h6 { font-size:11pt; }
p,td,tr,i, ul, ol, li, blockquote, section { font-size:12.5pt; } 


a:link { color:#0000ff; text-decoration:underline; } 
a:visited { color:#0080ff; text-decoration:underline; } 
a:active { color:#ff0000; text-decoration:none; }
a:focus { color:#ff0000; text-decoration:none; }
a:hover {text-decoration: underline; color:#ff0000; } 



main { display: flex; }
main > article { order: 2; min-width: 12em; flex:1; }
main > nav     { order: 1; width: 180px; }
main > aside   { order: 3; width: 170px; }


@media screen and (max-width: 800px) {
aside {
display: none;
}
}


@media screen and (max-width: 550px) {
nav {
display: none;
}
}


.zentral { opacity: 0.65; background-color: #ffffff; border-radius: 0.5em 0.5em; border: 1px solid dimgray; -webkit-filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));}
.zentral2 { opacity: 0.9; background-color: #ffffff; border-radius: 0.5em 0.5em; border: 1px solid dimgray; -webkit-filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5)); }
.adsection_h { background-color: white; border-radius: 0.5em 0.5em; border: 1px solid dimgray; padding: 8px; margin: 8px; font-size:9pt; -webkit-filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5)); }
.adsection_m { background-color: white; border-radius: 0.5em 0.5em; border: 1px solid dimgray; padding: 8px; margin: 8px; font-size:9pt; -webkit-filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));}
.adsection_linkblock { background-color: white; border-radius: 0.5em 0.5em; border: 1px solid dimgray; padding: 8px; margin: 8px; font-size:9pt; -webkit-filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));}
.platzhalter { background-image: linear-gradient(to right, #ffffff, #002200, #ccc, #005500); border-radius: 0.5em 0.5em; border: 1px solid #005500; padding: 12px; margin: 8px; font-size:9pt; }


body { topmargin: 0; leftmargin: 0; rightmargin: 0; background-image: url("_hl_bg.gif"); }

article {
border: 0px solid dimgray; padding: 0px; margin: 0px 10px 5px 5px; border-radius: 0.8em 0.8em; position: relative; left: 0px; top: 2px;
}


section {
background: #ffffff;
border-color: #007700;
border-radius: 0.5em 0.5em;
border: 1px solid;
padding: 12px;
margin: 8px;
}

figure {
position: relative; top: -2px; left: 1px; 
border-radius: 0.5em 0.5em;
margin: 5px 12px 5px 0px;
padding: 5px;
border: 5px solid #ccc;
width: 100%;
max-width: 500px;
background: white;
float: left;
-webkit-filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}


figcaption {
color: #000;
position:relative;
text-align: left;
width: 98%;
font-weight: bold;
font-size: 12px; 
}


.einzelbild {
align: center; font-size: 8pt;
}

.einzelbild img {max-width:100%; height: auto; position: relative; left: 0px; }
.einzelbild figcaption {text-align: right; }
.linkleiste_unten { text-align: right; }


img {max-width:100%; height: auto; position: relative; left: 0px; }


.galerie {position: relative; top: -15px;}

.galerie img {
width: 186px;
height: 150px;
position: relative; top: 10px; 
border-radius: 0.5em 0.5em;
margin: 0px 10px 10px 0px;
padding: 0px;
border: 5px solid #c0c0d0;
background: white;
float: left;
-webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));
filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}


.galerie img:hover {
-webkit-filter: saturate(1.1) contrast(1.1) brightness(1.1);
filter: saturate(1.1) contrast(1.1) brightness(1.1);
-webkit-transform: scale(1.1) rotate(-0.5deg);
-ms-transform: scale(1.1) rotate(-0.5deg);
transform: scale(1.1) rotate(-0.5deg);
.drop-shadow
-webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));
filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));
border: 5px solid #c0c0f0;
}

.galerie:after {
clear: both;
content: " ";
display: block;
}



.galerie2 {position: relative; top: -15px;}

.galerie2 img {
width: 500px;
height: 85px;
position: relative; top: 10px; 
border-radius: 0.5em 0.5em;
margin: 0px 10px 0px 0px;
padding: 0px;
border: 5px solid #c0c0d0;
background: white;
float: left;
-webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));
filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}


.galerie2 img:hover {
-webkit-filter: saturate(1.1) contrast(1.1) brightness(1.1);
filter: saturate(1.1) contrast(1.1) brightness(1.1);
-webkit-transform: scale(1.1) rotate(-0.5deg);
-ms-transform: scale(1.1) rotate(-0.5deg);
transform: scale(1.1) rotate(-0.5deg);
.drop-shadow
-webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));
filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));
border: 5px solid #c0c0f0;
}

.galerie2:after {
clear: both;
content: " ";
display: block;
}


.zentral2:after {
clear: both;
content: " ";
display: block;
}



.artikelbild-alt {
position: relative; top: -2px; left: 1px; 
border-radius: 0.5em 0.5em;
margin: 5px 12px 5px 0px;
padding: 2px 0px 2px 5px;
border: 5px solid #ccc;
background: white;
float: left;
-webkit-filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}


.artikelbild-umfrage {
position: relative; top: -2px; left: 1px; 
border-radius: 0.5em 0.5em;
margin: 5px 25px 5px 0px;
padding: 2px 12px 2px 5px;
border: 5px solid #ccc;
background: white;
float: left;
-webkit-filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}


th.tabelle { border: solid 1px #c0c0d0; background-image: linear-gradient(#dfefff, #c1e0ff, #d1e9ff); padding: 4px; border-radius: 8px; text-align: center; position: relative; left: 0px; top: 0px; font-size: 12pt; -webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));
filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));
}
td.tabelle { border: solid 1px #c0c0d0; padding: 3px; border-radius: 8px; text-align: left; position: relative; left: 0px; top: 0px; font-size: 12pt;
-webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));
filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));
}