html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
body{margin:0.2em;padding:0.2em;font:85% arial,sans-serif,;text-align:block;color:#000;background-color:#401F18}
nav ul{text-align:center}
nav li{display:inline-block}
#contents{background-color:#FFEADB;font-size:1.05em;line-height:1.25em;margin:0.2em;padding:0.2em;font-family:Helvetica Neue,Helvetica,Arial}
h1{font-size:2em;line-height:1.15em;margin:20px 0}
h2{font-size:1.5em;line-height:1.15em;margin:20px 0}
p{line-height:1.45em;margin-bottom:20px}
.illustration{width:100%}
nav{background-color:#724236;border:1px solid #CBB5B0;border-radius:4px;box-shadow:0 2px 2px -1px rgba(0,0,0,0.055);color:#fff;display:block;margin:1px 22px 8px 22px;overflow:hidden;width:90%;letter-spacing:0.1em}
nav ul{margin:0;padding:0}
nav ul li{display:inline-block;list-style-type:none;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}
nav > ul > li > a > .caret{border-top:4px solid #aaa;border-right:4px solid transparent;border-left:4px solid transparent;content:"";display:inline-block;height:0;width:0;vertical-align:middle;-webkit-transition:color 0.1s linear;-moz-transition:color 0.1s linear;-o-transition:color 0.1s linear;transition:color 0.1s linear}
nav > ul > li > a{color:#fff;display:block;line-height:40px;padding:0 12px;text-decoration:none}
nav > ul > li:hover{background-color:#401F18}
nav > ul > li:hover > a{color:#FFEADB}
nav > ul > li:hover > a > .caret{border-top-color:#FFEADB}
nav > ul > li > div{background-color:#401F18;border-top:0;border-radius:0 0 4px 4px;box-shadow:0 2px 2px -1px rgba(0,0,0,0.055);display:none;margin:0;opacity:0;position:absolute;width:165px;visibility:hidden;z-index:100;-webkit-transiton:opacity 0.2s;-moz-transition:opacity 0.2s;-ms-transition:opacity 0.2s;-o-transition:opacity 0.2s;-transition:opacity 0.2s}
nav > ul > li:hover > div{display:block;opacity:1;visibility:visible}
nav > ul > li > div ul > li{display:block}
nav > ul > li > div ul > li > a{color:#FFEADB;display:block;padding:12px 24px;text-decoration:none}
nav > ul > li > div ul > li:hover > a{background-color:rgba( 255,234,219,0.1)}
figure {display: inline-block;width: 20%;margin: 0.5em;}
figure img {border-radius: 20px;width: 100%;}
figure figcaption {text-align: center;font-weight: bold;font-size:70%;}
dl.bildunterschrift {float: left; margin:10px 10px 10px 0;}
dl.bildunterschrift dd {margin:0; font-size:60%;}
dl.bildunterschrift_rechts {float: right; margin:10px 10px 10px 0;}
dl.bildunterschrift_rechts dd {margin:0; font-size:60%;}
#footer{background-color:#724236;color:#C4AFAA}
#mapid {z-index:1; height: 400px;margin: 0 auto}
#mapid2 {z-index:1; height: 400px;margin: 0 auto}
video {max-width: 100%; height: auto}
@media (min-width: 800px) 
{
h1 {font-family: Garamond, serif;   font-weight: normal;   margin-bottom: 2%;   font-size: 250%;   text-align: left;  }      
h2 {font-family: Garamond, serif;   font-weight: normal;   margin-bottom: 2%;   font-size: 200%;   text-align: left;   letter-spacing: 0.15em;  }     h3 {font-family: Garamond, serif;   font-weight: normal;   margin-bottom: 2%;   font-size: 150%;   text-align: left;   letter-spacing: 0.15em;  }    p {font-family: Garamond, serif;   font-weight: normal;     text-align: left;   letter-spacing: 0.05em  } 
figure figcaption {text-align: center;font-family: Garamond, serif;  font-weight: bold;font-size:100%;}         
.tooltip {   color: #C32E04;    text-decoration: underline;    cursor: help;    position: relative;      }     
.tooltip span[rel=tooltip] {   display:none;     }     
.tooltip:hover span[rel=tooltip] {    display: block;     position: absolute;     bottom: 1em;    left: -6em;   width: 15em;    padding: 0.5em;    z-index: 100;    color: #000;     background-color: #FFEBE6;    border: solid 1px #C32E04;   border-radius: 0.2em;      }        
#container   {   margin: 1em auto;   width: 1000px;   text-align: left;   background-color: #FFEADB;   border: 1px solid black;   }     
#header {    height: 63px;   background-image: url(Logo.jpg);   background-repeat: no-repeat;   background-position: 0 0;   border-bottom: 1px solid #CBB5B0;   position: relative;  }        
nav {   background-color: #724236;   border: 1px solid #CBB5B0;   border-radius: 4px;   box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);   color: #fff;   display: block;   margin: 1px 22px 8px 22px;   overflow: hidden;   width: 95%;    letter-spacing: 0.1em  }      
nav ul {   margin: 0;   padding: 0;   }      
nav ul li {   display: inline-block;   list-style-type: none;      -webkit-transition: all 0.2s;   -moz-transition: all 0.2s;   -ms-transition: all 0.2s;   -o-transition: all 0.2s;   transition: all 0.2s;    }      
nav > ul > li > a > .caret {   border-top: 4px solid #aaa;   border-right: 4px solid transparent;   border-left: 4px solid transparent;   content: "";   display: inline-block;   height: 0;   width: 0;   vertical-align: middle;      -webkit-transition: color 0.1s linear;   -moz-transition: color 0.1s linear;   -o-transition: color 0.1s linear;   transition: color 0.1s linear;    }      
nav > ul > li > a {   color: #fff;   display: block;   line-height: 40px;   padding: 0 12px;   text-decoration: none;   }      
nav > ul > li:hover {   background-color: #401F18;   }      
nav > ul > li:hover > a {   color: #FFEADB;   }      
nav > ul > li:hover > a > .caret {   border-top-color: #FFEADB;   }      
nav > ul > li > div {   background-color: #401F18;   border-top: 0;   border-radius: 0 0 4px 4px;   box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);   display: none;   margin: 0;   opacity: 0;   position: absolute;   width: 250px;   visibility: hidden;   z-index: 100;      -webkit-transiton: opacity 0.2s;   -moz-transition: opacity 0.2s;   -ms-transition: opacity 0.2s;   -o-transition: opacity 0.2s;   -transition: opacity 0.2s;   }      nav > ul > li:hover > div {   display: block;   opacity: 1;   visibility: visible;   }      
nav > ul > li > div ul > li {   display: block;   }      
nav > ul > li > div ul > li > a {   color: #FFEADB;   display: block;   padding: 12px 24px;   text-decoration: none;   }      
nav > ul > li > div ul > li:hover > a {   background-color: rgba( 255, 234, 219, 0.1);   }      
#contents   {      margin-right: 20px;   margin-left: 20px;   background-color: #FFEADB;   }               
#footer    {   clear: both;   height: 20px;   background-color: #724236;   color: #C4AFAA;   }  }