/* ───────────────────────────────────────────────────────────────────────────────────────────────────────────── *
 * Prosolvo GmbH CSS for barbara-schulte.de *
 *
 * FONT: Noto Sans
 * COLOURS:
 *   #f0d282
 *   #bf9730
 *   #a67700
 *   #594000
 *
 * ───────────────────────────────────────────────────────────────────────────────────────────────────────────── */
/* soft css reset https://www.joshwcomeau.com/css/custom-css-reset/ */
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}
body{line-height:1.5;-webkit-font-smoothing:antialiased}
img,picture,video,canvas,svg{display:block;max-width:100%}
input,button,textarea,select{font:inherit}
p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
p{text-wrap:pretty}
h1,h2,h3,h4,h5,h6{text-wrap:balance}
#root,#__next{isolation:isolate}
/* ───────────────────────────────────────────────────────────────────────────────────────────────────────────── */
@font-face {
  font-display: swap; 
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/FONTS/noto-sans-v39-latin-regular.woff2') format('woff2'), 
       url('/FONTS/noto-sans-v39-latin-regular.ttf') format('truetype'); 
}
/* ───────────────────────────────────────────────────────────────────────────────────────────────────────────── */
a:link    { color: #594000; text-decoration: underline; }
a:visited { color: #594000; text-decoration: underline; }
a:hover   { color: #a67700; text-decoration: none; }
a:active  { color: #a67700; text-decoration: none; }
/* ───────────────────────────────────────────────────────────────────────────────────────────────────────────── */
html { margin: 0px; padding: 0px; }

body, .body {
	background-color: #FFFFFF; /* PAGE-BG */
	color: #444444; /* PAGE-FG */
	margin: 0px;
	padding: 0px;
}

body { 
	background-color: #f0d282;
	color: #000000;
	font-family: "Noto-Sans", Arial, sans-serif;
	font-size: 16px;
}
/* ───────────────────────────────────────────────────────────────────────────────────────────────────────────── */
.fr{float:right}
.fl{float:left}
/* ───────────────────────────────────────────────────────────────────────────────────────────────────────────── */
.lnkDIV { cursor: pointer; }

ol.faqnav>li { padding: 2px 4px; }
ol.faqnav>li:hover { background-color: #404040; opacity: 0.5; color: white; cursor: pointer; }

.up-nav{
	position: relative;
	cursor: pointer;
}
.up-nav::after{
	position: absolute;
	top: 1px;
	right: 4px;
	color: rgba( 128, 128, 128, 0.5);
	content: "▲";
}
.up-nav:hover::after{
	color: #000;
}
/* ───────────────────────────────────────────────────────────────────────────────────────────────────────────── */