:root {
  --color-akzent:#70393f;
  --color-akzent1:#6f9aa7;
  --color-bg:#f2f0eb;
  --color-fg:#000;
}
@font-face {
  font-display: swap;
  font-family: 'Forum';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/forum-v19-latin-regular.woff2') format('woff2'); 
}
@font-face {
  font-display: swap;
  font-family: 'Trirong';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/trirong-v17-latin-regular.woff2') format('woff2'); 
}
* {box-sizing: border-box}
p{margin-top:0;line-height:150%}

h1{display:none}
nav{padding-bottom:20px;margin-bottom:40px;
/* position:sticky;top:0;background:var(--color-bg);z-index:5 */
}
body {margin: 20px;background:var(--color-bg);font-family:Trirong,serif;color:var(--color-fg) }
a{text-decoration: none}
nav a {margin-right: 15px;color:var(--color-akzent);border-bottom:4px var(--color-akzent)}
nav a.selected {border-bottom-style:solid}
#content{position:relative}
#content a {color:var(--color-fg)}  
#content a:visited {color:forestgreen;}  


#wrapper{max-width:1000px;margin:0 auto}
.page{display:none;opacity:1}
#suche{}
#searchheader{
	/* position:sticky;top:45px;background:var(--color-bg);z-index:5;padding:10px 0; */
	border-bottom: 1px solid #ccc;
	}
#results {padding-top: 10px;list-style-type:none;padding-left:0}
#results li{margin-bottom:5px;  box-shadow:5px 5px 10px rgba(0,0,0,0.1);line-height:1rem;background: linear-gradient(180deg,rgba(242, 242, 240, 1) 0%, rgba(247, 246, 237, 1) 100%);padding:0.4rem}
#cardview{position:fixed;top:0;bottom:0;right:0;z-index:1001;display:none;flex-direction: column/*zoom:0.3*/}
#cardcont {overflow-y:auto;overflow-x:hidden;padding:20px 20px 200px 20px;margin:0;background:#eee;width:500px;box-shadow: inset 5px 5px 5px #ddda;flex:1}
#cardul{list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:20px}
#cardul .card{background:#fff;padding:20px;position:relative;max-width:500px}
.close{font-size:9px;font-weight:bold;border:1px solid #000;border-radius:50%;width:16px;height:16px;text-align:center;cursor:pointer}
#cardul .close {position:absolute;top:0;right:0;}
#map{width:100%;height:700px;box-shadow: 10px 10px 30px rgba(0,0,0,0.5);}
#funcs{background:#fff;padding:5px 10px;border-bottom:1px solid #ddd;display:flex;align-items:center;border-bottom-left-radius:20px;gap:10px;}
#funcs>div{display:flex;align-items:center;gap:10px;}
#funcs #korb{color:#a55;margin:0;padding:0}
#funcs #anzahl{width:6em}
#funcs #dl{background:transparent;border:none;cursor:pointer}
#funcs #dl img{width:16px;height:16px}
#viewfull{font-size:25px;cursor:pointer}
.marker{width:16px;height:16px;border-radius:50%;background:var(--color-akzent1);color:#000;text-align:center;font-size:10px;box-shadow:2px 2px 4px rgba(0,0,0,0.5);}
.intro {
  column-count: 3;
  column-gap: 20px;
  overflow-y: auto; 
  hyphens:auto
}
.intro p::first-letter {
font-family: Georgia,serif;
  font-size:3em;
  float: left;
  line-height:100%;
  padding:0 5px 0 0;
}
.intro img{width:100%;margin:20px 0}
.gev{animation:fadeInFromNone 0.5s ease-in;}
@keyframes fadeInFromNone {0% {opacity: 0;}100% {opacity: 1;}}
mark{background:#ffdf87}