/**
       fileChangeTime : "2021-01-10T00:35:35+01:00",
**/
body {
    background-color: var(--main-emp-color);
    color:            var(--main-txt-color);
    font-family: sans-serif;
    margin: 3em auto;
    /*
    max-width: 42em;
*/
    fill: var(--main-txt-color);
    border: none 0px green;
}

.LinkImpressum { position:  fixed;
		 bottom:    1em;
		 right:     2em;
                 font-size: small;
	       }

.LogoMini      { width:    12em;
	         position: absolute;
	         top:      1em;
	         left:     2em;
                 z-index: -1;
	       }

H3 {
    font-size: medium;
    margin: 0 0 0 0;
}
.ViewGrid  {
    display: grid;
    justify-items: stretch;
    align-items:  stretch;
    align-content: center;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, 20em);
    margin: 0;
    padding: 1em 0;
}

.GridMember {
    border-radius: 0.5em 0.5em 0.5em;
    margin: 1em;
    padding: 1em;
    background-color: var(--main-bg-color);
    border: none 0px green;
}

.GridImage {
    text-align: center;
    vertical-align: middle;
    border-radius: 0.5em 0.5em 0.5em;
    margin: 1em;
    padding: 1em;
    background-color: var(--main-bg-color);
}

.ClickImage {cursor:pointer;}
.LargeImage    { max-width: 95%;
		 max-height: 95%;
	       }
#LargeImageDiv { position: absolute;
		 left: 0px;
		 top: 0px;
		 margin: 0em;
		 padding: 1em;
		 cursor:pointer;
		 max-width: 95%;
		 max-height: 95%;
		 text-align: center;
		 background-color: var(--main-bg-color);
	       }
#Teaser    { grid-column: 1;      }
#OSMTeaser { grid-column: 1 / -1; text-align: center; min-height: 8em;}
#EmailTR   { grid-column: 1 / -1; text-align: center;}

.ObjectProperties {
    display: grid;
    grid-template-columns: 1fr 4fr;
    background-color: var(--main-bg-color);
    padding: 0.5em;
}

.ObjectPropertyKey   { grid-column: 1;
		       margin: 0 0 0 0;
		       border: none 0px red;
		     }
.ObjectPropertyValue { grid-column: 2;
		       margin: 0 0 0 0.5em;
		       text-align: right;
		       border: none 0px blue;
		     }

.ObjectPropertyBoth   { grid-column: 1 / -1;
			margin: 0 0 0 0;
			border: none 0px yellow;
		      }
.OSMiframe {
    width:         100%;
    height:        100%;
    frameborder:      0;
    scrolling:       no;
    marginheight:     0;
    marginwidth:      0;
    border:      1px solid var(--main-txt-color);
}


img { border-style:none; }

a {
    color: var(--main-txt-color);
    opacity: 1;
/**
text-decoration: none;
**/
}
a:hover {
    /**
opacity: 0.5;
  **/
}

@media (hover: hover) {
    /**
a             { color: var(--main-txt-color);     text-decoration:none; }
a:hover       { opacity: 0.5;                                           }
  **/
}

.SVGInject { opacity: 0; }
.hidden    { display: none }
.icon      { width:   2em; height: auto; fill: var(--main-txt-color); }

.Refereces {
    position: absolute;
    right: 0.5em;
    font-family: monospace;
    font-size: x-small;
    opacity: 0.2;
}

HR { color: var(--main-txt-color); }
.invisible {    display: none;}
.flex      {    display: flex;}

@media (min-width: 60em) {
    #OSMTeaser { min-height: 25em;                                 }
    body       { max-width: 125em; margin: 6em auto;               }
    #ViewGrid  { grid-template-columns: repeat(auto-fill, 40em);  }
    .icon      { max-width:  4em; height: auto;                   }

}

@media (min-width: 40em) { 
    #Head      { grid-column-start: 2; grid-column-end: -1; }
}


/***
****   Local Variables:
****   coding:utf-8-unix
****   truncate-lines: t
****   time-stamp-start: "fileChangeTime[ 	]+:[ 	]+\\\\?[\"]+"
****   time-stamp-end: "\\\\?[\"]"
****   time-stamp-format:  "%:y-%02m-%02dT%02H:%02M:%02S+01:00"
****   indent-tabs-mode:nil 
****   End:
***/