:root {
--pwvgruen:rgba(50, 109, 25, 0.8);
--pwvrot:rgba(184, 10, 71, 1);
}
@font-face {
  font-display: swap; 
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/raleway-v29-latin-regular.woff2') format('woff2'); 
}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-decoration: none;-webkit-font-smoothing: antialiased; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
html {-webkit-text-size-adjust: 100%;font-variant-ligatures: none;-webkit-font-variant-ligatures: none;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;}
body {background-size:100%;color:rgba(0,0,0,0.7);background-color:rgba(0,0,0,0.1);font-size: 1rem;line-height: 1.2rem;font-family: 'Raleway';font-weight:300;overflow-x:hidden;-webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale;-webkit-hyphens: auto;-webkit-hyphenate-limit-chars: auto 3;-webkit-hyphenate-limit-lines: 4;-ms-hyphens: auto;-ms-hyphenate-limit-chars: auto 3;-ms-hyphenate-limit-lines: 4;}
p,li,li a,label {-webkit-font-smoothing: antialiased !important; font-size: 1.1rem;line-height: 1.5rem;font-weight:300;color:rgba(0,0,0,0.7);}
.accordion {background-color: rgba(59, 52, 46, 1);color: rgba(255, 255, 255,1);cursor: pointer;  padding:6px;  border: none;  text-align: left;  outline: none;  font-size: 16px;  font-weight:700;  transition: 0.4s;  margin:0 0 10px 0;  letter-spacing:2px;  width:160px;}
.active, .accordion:hover {  background-color: rgba(59, 52, 46,0.9);color: rgba(255, 255, 255,1);}
.accordion:after {font-family:"FontAwesome";content: '\f078';color: rgba(242, 149, 0,0.9);font-weight: 200;float: left;margin-right: 8px;}
.active:after {font-family:"FontAwesome";content: "\f077";}
.panel {  padding: 0 8px;  background-color: white;  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;}
table th{ background-color: rgba(59, 52, 46, 1); color:#fff;}
.bg-table {background-color: rgba(59, 52, 46, 1); color:#fff;}
.hypen{-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
blockquote,p,h1,h2,h3,h4 {-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
h1,h2,h3,h4,h5 {color:rgba(0,0,0,0.7);text-align:left;font-weight:500}
h1{ font-size: 2rem;margin:10px;padding:15px 0 10px 0}
h2{ font-size: 1.8rem;margin:10px;padding:15px 0 10px 0}
h3 { font-size: 1.2rem;margin:10px;padding:15px 0 10px 0}
h4 { font-size: 1.1rem;margin:10px;padding:15px 0 10px 0}
h5 { font-size: 1.1rem;margin:0;padding:2px 0 2px 0}
h6 { font-size: 1.1rem;margin:0;padding:2px 0 2px 0}
a,a:focus,a:hover,a:active,button,button:hover {outline: 0 !important;}
a:link {color:rgba(0,0,0,0.7)}
a:focus {text-decoration: none;}
a:hover {color:rgba(0,0,0,0.7);text-decoration: none;}
section{margin-bottom:70px}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {	zoom: 1;}
.cl {	clear: both;}
.fs-42 { font-size:2.625rem;line-height:3rem}
.fs-36 { font-size:2.25rem;line-height:2.625rem}
.fs-32 { font-size:2rem;line-height:2.25rem}
.fs-28 { font-size:1.75rem;line-height:2rem}
.fs-24 { font-size:1.5rem;line-height:1.75rem}
.fs-22 { font-size:1.375rem;line-height:1.5rem}
.fs-20 { font-size:1.25rem;line-height:1.375rem}
.fs-18 { font-size:1.125rem;line-height:1.25rem}
.fs-16 { font-size:1rem;line-height:1.2rem}
.fs-14 { font-size:0.875rem;line-height:1rem}
.fs-12 { font-size:0.75rem;line-height:0.875rem}
.fs-10 { font-size:0.625rem;line-height:0.75rem}
.pwv-color-gruen {color:var(--pwvgruen);}
.pwv-color-orange{color:var(--pwvrot);}
.fw-200 { font-weight:200;}
.fw-300 { font-weight:300;}
.fw-500 { font-weight:500;}
.fw-600 { font-weight:600;}
.fw-700 { font-weight:700;}
.fw-900 { font-weight:900;}
.back-to-top {position: fixed;bottom:20px;right:20px;border:2px solid var(--pwvgruen);border-radius:50%;width: 30px; height:30px;}
.back-to-top:before{position:absolute;content:'\01F891';font-size:3rem;text-align:center;color:var(--pwvrot);position:absolute;top:-19px;left:-1px;}
@media only screen and (max-width:900px) {.back-to-top {display:none;}}
.absolute{position:absolute}
.totop{text-decoration:none;position:fixed;background:rgba(55, 105, 161, 1);padding:0 10px 0 10px;right:10px;bottom:40px;border:0;z-index:9999; }
@media screen and (min-width: 781px) {
	.row {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display:         flex;
	}
	.row > [class*='col-'] {
		 display: flex;
		 flex-direction: column;
	}
}
.qrcode{ display:inline;}
.modal-backdrop.show  {
    opacity: 0.6;
	background:black;
}
.fullscreen {  padding: 0 !important;}
.fullscreen .modal-dialog {  width: 100%;  max-width: none;  height: 100%;  margin: auto;}
.fullscreen .modal-content {  height: 100%;  border: 0;  border-radius: 0;}
.fullscreen .modal-body {  overflow-y: auto;}
.btn-open-modal {margin-bottom: 0.5em;}
.zoom-in {transform: scale(0)!important;opacity: 0;-webkit-transition: 1.0s all 0s;-moz-transition: 1.0s all 0s;-ms-transition: 1.0s all 0s;-o-transition: 1.0s all 0s;transition: 1.0s all 0s;display: block !important;}
.zoom-in.show {opacity: 1;transform: scale(1)!important;transform:none;}
@media (max-width: 900px) {
  .qrcode{ display:none;}
  .fullscreen .modal-dialog {  margin-top: 60px;}
}
.auto-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));grid-gap: 2rem;}
.grid-box {display: flex;flex-flow: column nowrap;padding: 0;border: 1px solid #999;border-radius: 5px;margin-bottom:30px}
.grid-box h3, .grid-box h4 {text-align:center;padding:.5rem 0.1rem .5rem 0.1rem;margin:0;background:var(--pwvrot);font-size:1rem;color:#fff;font-weight:600}
.grid-box h4 { background:transparent;color:#333;font-size:1.1rem}
.grid-figure {background:transparent}
.grid-img{max-width: 100%;height: auto;object-fit: cover;transition: opacity .25s ease-in-out;margin:0;padding:0;}
.grid-img:hover {opacity: .9;}
.grid-box p { font-size:0.9rem;line-height:1.1rem;padding:0 10px 0 10px}
.m-top {margin-top: auto;}
.auto-grid button {align-self: center;padding: 0.5rem 1rem;font-size: 1rem;text-align: center;background-color: var(--pwvgruen);color: #F7FFF2;cursor: pointer;border: 0;border-radius: .05rem;box-shadow: 3px 3px 5px 0px rgba(153,153,153,0);transition: opacity .5s;}
.auto-grid button:hover {opacity: .9;}
@media screen and (max-width: 600px) {
.auto-grid{	grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));grid-gap: 1rem;}
h3{font-size:0.8rem}
.grid-box {max-width:80vw;margin:0 auto 0 auto;margin-bottom:20px}
}