 /* reset */
*, *::before, *::after{
    box-sizing: border-box; 
}
*{
    margin: 0; 
    padding: 0; 
}
ul[role='list'], ol[role='list']{
    list-style: none; 
}
html:focus-within{
    scroll-behavior: smooth; 
}
a:not([class]){
    text-decoration-skip-ink: auto; 
}
img, picture, svg, video, canvas{
    max-width: 100%;
    height: auto; 
    vertical-align: middle; 
    font-style: italic; 
    background-repeat: no-repeat; 
    background-size: cover;
}
input, button, textarea, select{
    font: inherit; 
}
@media (prefers-reduced-motion: reduce){
html:focus-within {
	scroll-behavior: auto;
}
*, *::before, *::after {
	animation-duration: 0.01ms !important;
	animation-iteration-count: 1 !important;
	transition-duration: 0.01ms !important;
	scroll-behavior: auto !important;
	transition: none;
}
}
/* roboto-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body, html{
    height: 100%; 
    scroll-behavior: smooth; 
}
body {
	font-family: Roboto, Arial, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	background: #cd9c50 url(images/23.jpg);
	color: #393939;
	font-size: 16px; 
}
body,html {
	min-height:101%; /*Firefox scrollbar fix*/
}
a:link, a:visited, a:active {
	color: #9f2800;
	text-decoration: none;
	border-bottom: 1px dotted #202020;
}
a:hover {
	color: #600000;
	text-decoration: none;
	border-bottom: 1px solid #202020;
}
a:focus {
	outline: none;
}
a img {
	border: none;
}
.clear {
	clear: both;
}
hr {
	border: none;
	background-color: #dcc194;
	color: #dcc194;
	height: 1px;
	display: block;
	margin-bottom: 15px;
}
pre {
	font-size: 1rem;
	color: #5e5e5e;
	font-style: italic;
	margin: -10px 0 15px 0;
}
/*** LINK PADDING FOR ICONS ***/
#content a[href^="https:"],
a[href$=".pdf"],
a[href$=".doc"],
a[href$=".xls"],
a[href$=".rss"],
a[href$=".rdf"],
a[href^="aim:"] { padding:2px 22px 2px 0; margin:-2px 0; background-repeat: no-repeat; background-position: right center; }

/*** EXTERNAL LINK ICONS ***/
#content a[href^="https:"] { background-image: url(images/external.png); padding-right: 14px; }
a[href^="http:"] img  {
	background-image: none !important;
	padding-right: 0;
}
a[href^="https:"]:visited  { background-image: url(images/visited.png); }
/*** FILE LINK ICONS ***/
a[href$=".pdf"]   { background-image: url(images/pdf.png); }
a[href$=".doc"]   { background-image: url(images/doc.png); }
a[href$=".xls"]   { background-image: url(images/xls.png); }

/*** MISCELLANEOUS LINK ICONS ***/
a[href$=".rss"],
a[href$=".rdf"]   { background-image: url(images/feed.png); }
a[href^="aim:"]   { background-image: url(images/im.png); }
a[href^="http://yourwebsite.com"] { background:none; padding:0; margin:0; }

table {
	border: 1px solid #daba89;
	margin: 10px 0px;
}
th, td {
	border-bottom: 1px solid #daba89;
	padding: 5px;
	background-color: #faf9e7;
}
#wrap { 
	width: 100%;
	margin: auto;
}
#header  {
	padding: 10px;
}
 /* Style the navigation menu */
.topnav {
	/* overflow: hidden; */
	background-color: #3c2f1b;
	position: relative;
 }
.topnav #myLinks {
	display: none;
	padding: 1rem;
}
.topnav a {
	color: white;
	padding: 10px 10px;
	text-decoration: none;
	display: block;
}
/* Style the hamburger menu */
.topnav a.icon {
	background: #594527;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}
.topnav a:hover {
	background-color: #fbecd7;
	color: black;
}
#header h1 {
	padding: 10px 0 0 0;
	font-weight: bold;
	font-size: 1.5rem;
	max-width: 85%;
}
#header h1 a {
	text-decoration: none;
	color:#46300a; /* #614414 */
	border: none;
}
#header h1 a:hover {
	text-decoration: none;
	color: #5e4213;
}
#header h2 {
	color: #402f15;
	margin-bottom: 20px;
	font-size: 0.8rem;
	max-width: 85%;
}
#contentwrap {
	padding: 15px 15px 40px;
	background-color: white;
	border: 1px solid #a37b38;
	-webkit-box-shadow: 0px 0px 8px #614414;
	-moz-box-shadow: 0px 0px 8px #614414;
	box-shadow: 0px 0px 8px #614414;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 10px;
}
#content {
	float: none;
	width: auto;
}
#content h2 {
	margin-bottom: 15px;
	color: #004801;
	line-height: 30px;
	font-size: 1.5rem;
}
#content h3 {
	color: #373737; /* #595959 */
	margin: 0 0 0.5rem 0;
	font-size: 1.5rem;
}
#content p {
	margin-bottom: 1.5em;
	color: #494949;
	line-height: 1.6em;
}
body#impressum #content p {
	margin-bottom: 1.5em;
	color: #494949;
	line-height: 1.3em;
}
.infobox {
	border: 1px solid #daba89;
	background-color: #faf9e7;
	color: #161616;
	padding: 20px;
	margin: 15px 0;
}
.infobox p {
	line-height: 1.4em !important;
	margin-bottom: 0 !important;
}
.infobox h3 {
	font-weight: bold;
	font-size: 1rem !important;
	line-height: normal !important;
}
.img-responsive {
	max-width: 100%;
	height: auto;
  }
.img-left  {
	float: left;
	margin: 4px 20px 10px 0;
	border: 1px solid #dadada;
	padding: 4px;
	max-width: 100%;
	height: auto;
}
.img-right  {
	float: right;
	margin: 0 0 10px 20px;
	border: 1px solid #dadada;
	padding: 4px;
	max-width: 100%;
	height: auto;
}
.img-center {
	margin: 20px 0;
	display: block;
	border: 1px solid #dadada;
	padding: 4px;
	max-width: 100%;
	height: auto;
}
#content ul { 
	margin: 10px 0 20px 30px;
}
#sidebar {
	float: none;
	width: auto;
	display: none;
}
.teilen-box {
	border: 1px solid #e7d3b5; /*c#f0e3cf */
	margin: 15px 0;
	padding: 5px 10px 10px 16px;
	background-color: #fcfbf5;
}
#sidebar h3 {
	padding: 10px 0 0 0px;
	color: #004801;
	font-weight: bold;
}
#sidebar p { 
	padding: 0 10px 10px 10px; 
	color: #232323;
}
#sidebar ul {
	/*padding: 5px 0 25px 0;*/
	list-style-type: none;
	margin: 5px 0 25px 0;
}
#sidebar ul li {
	padding: 0;
	margin: 0;
}
#sidebar ul li a {
	color: #453217;
	display: block;
	line-height: 1.9em;
	border-bottom: 1px solid #f0e3cf;
}
#sidebar ul li a:hover {
	text-decoration: none;
	color: #600000;
	background-color: #f6efe3;
}
#sidebar a {
	border: 0;
}
#footer {
	text-align: center;
	color: #4b391b;
	font-size: 0.8rem;
	padding: 15px 0;
}
#footer p { 
	padding: 0; 
	margin: 0;
	line-height: 1.5em;
}
#footer a {
	color: #4b391b;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: none;
}
 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 600px) {...}

 /* Small devices (portrait tablets and large phones, 600px and up) */
 @media only screen and (min-width: 600px) {...}
 
 /* Medium devices (landscape tablets, 768px and up) */
 @media only screen and (min-width: 768px) {...}
 
 /* Large devices (laptops/desktops, 992px and up) */
 @media only screen and (min-width: 992px) {
#content {
	float: left;
	width: 600px;
}
#sidebar {
	float: right;
	width: 220px;
}
.topnav {
	display: none;
}
#header h1 {
	font-weight: bold;
	font-size: 2rem;
	max-width: 100%;
}
#header h2 {
	color: #6a5433;
	margin-bottom: 20px;
	font-size: 0.85rem;
}
#sidebar {
	display: block;
}
 }
/* Extra large devices (large laptops and desktops, 1200px and up) */
 @media only screen and (min-width: 1200px) {
#wrap {
	width: 992px;
	margin: 30px auto;
	}
#contentwrap {
	padding: 30px 30px 30px 40px;
	background-color: white;
	border: 1px solid #a37b38;
	-webkit-box-shadow: 0px 0px 8px #614414;
	-moz-box-shadow: 0px 0px 8px #614414;
	box-shadow: 0px 0px 8px #614414;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}

} 
/* Cookie Hinweis */
.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}