/* outfit-700 - latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/outfit-v4-latin-700.eot'); 
  src: local(''),
       url('../fonts/outfit-v4-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/outfit-v4-latin-700.woff2') format('woff2'), 
       url('../fonts/outfit-v4-latin-700.woff') format('woff'), 
       url('../fonts/outfit-v4-latin-700.ttf') format('truetype'), 
       url('../fonts/outfit-v4-latin-700.svg#Outfit') format('svg'); 
}
/* be-vietnam-pro-300 - latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/be-vietnam-pro-v8-latin-300.eot'); 
  src: local(''),
       url('../fonts/be-vietnam-pro-v8-latin-300.eot?#iefix') format('embedded-opentype'),
       url('../fonts/be-vietnam-pro-v8-latin-300.woff2') format('woff2'), 
       url('../fonts/be-vietnam-pro-v8-latin-300.woff') format('woff'), 
       url('../fonts/be-vietnam-pro-v8-latin-300.ttf') format('truetype'), 
       url('../fonts/be-vietnam-pro-v8-latin-300.svg#BeVietnamPro') format('svg'); 
}
/* be-vietnam-pro-300italic - latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/be-vietnam-pro-v8-latin-300italic.eot'); 
  src: local(''),
       url('../fonts/be-vietnam-pro-v8-latin-300italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/be-vietnam-pro-v8-latin-300italic.woff2') format('woff2'), 
       url('../fonts/be-vietnam-pro-v8-latin-300italic.woff') format('woff'), 
       url('../fonts/be-vietnam-pro-v8-latin-300italic.ttf') format('truetype'), 
       url('../fonts/be-vietnam-pro-v8-latin-300italic.svg#BeVietnamPro') format('svg'); 
}
/* be-vietnam-pro-500 - latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/be-vietnam-pro-v8-latin-500.eot'); 
  src: local(''),
       url('../fonts/be-vietnam-pro-v8-latin-500.eot?#iefix') format('embedded-opentype'),
       url('../fonts/be-vietnam-pro-v8-latin-500.woff2') format('woff2'), 
       url('../fonts/be-vietnam-pro-v8-latin-500.woff') format('woff'), 
       url('../fonts/be-vietnam-pro-v8-latin-500.ttf') format('truetype'), 
       url('../fonts/be-vietnam-pro-v8-latin-500.svg#BeVietnamPro') format('svg'); 
}
/* be-vietnam-pro-500italic - latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/be-vietnam-pro-v8-latin-500italic.eot'); 
  src: local(''),
       url('../fonts/be-vietnam-pro-v8-latin-500italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/be-vietnam-pro-v8-latin-500italic.woff2') format('woff2'), 
       url('../fonts/be-vietnam-pro-v8-latin-500italic.woff') format('woff'), 
       url('../fonts/be-vietnam-pro-v8-latin-500italic.ttf') format('truetype'), 
       url('../fonts/be-vietnam-pro-v8-latin-500italic.svg#BeVietnamPro') format('svg'); 
}
/* be-vietnam-pro-800 - latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/be-vietnam-pro-v8-latin-800.eot'); 
  src: local(''),
       url('../fonts/be-vietnam-pro-v8-latin-800.eot?#iefix') format('embedded-opentype'),
       url('../fonts/be-vietnam-pro-v8-latin-800.woff2') format('woff2'), 
       url('../fonts/be-vietnam-pro-v8-latin-800.woff') format('woff'), 
       url('../fonts/be-vietnam-pro-v8-latin-800.ttf') format('truetype'), 
       url('../fonts/be-vietnam-pro-v8-latin-800.svg#BeVietnamPro') format('svg'); 
}
/* be-vietnam-pro-800italic - latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/be-vietnam-pro-v8-latin-800italic.eot'); 
  src: local(''),
       url('../fonts/be-vietnam-pro-v8-latin-800italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/be-vietnam-pro-v8-latin-800italic.woff2') format('woff2'), 
       url('../fonts/be-vietnam-pro-v8-latin-800italic.woff') format('woff'), 
       url('../fonts/be-vietnam-pro-v8-latin-800italic.ttf') format('truetype'), 
       url('../fonts/be-vietnam-pro-v8-latin-800italic.svg#BeVietnamPro') format('svg'); 
}

a {
	font-weight: 500
}
abbr[title],
abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}
img, svg {
height: auto;
  vertical-align: middle;
  max-width:100%;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block!important;
}

button {
  border-radius: 0;
  background-color: transparent;
  border-width: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.card {border-top: 5px solid #3c3d3b; background-color: #f8f9fa;}
.card:hover {background-color: #0e8e38!important; color: #f8f9fa!important; transition: background-color 1s;}

main .bg-success a:not(.btn), .card:hover a:not(.btn) {color: #b6dcc2}

main .bg-success a:not(.btn).active, .card:hover a:not(.btn):hover, .card:hover a:hover, .text-light a:hover  {color: #f8f9fa!important;}

main .bg-success a:not(.icon-btn, .btn, .download, .card-img-link, .item-tag):after, .card:hover a:not(.icon-btn, .btn, .download, .card-img-link, .item-tag):after {
    content: '\f061';
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-style: normal;
	font-size:0;
}
main .bg-success a:not(.icon-btn, .btn, .download, .card-img-link) svg, .card:hover a:not(.icon-btn, .btn, .download, .card-img-link) svg {
	margin-left: 0.5rem;
}
/*Header*/
.offcanvas-collapse a {
	color: #fff
}
.offcanvas-collapse a.active, .offcanvas-collapse a:hover {
	color: #203881
}
.offcanvas-collapse {
	position: fixed;
	width: 100%;
	max-width: 250px;
	left: -250px;
	top: 0;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 99999;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;  
    bottom: 0;
	color:#fff;
	border: 1px solid #0e8e38;
}
.offcanvas-collapse.open {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    visibility: visible;
	-webkit-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px);
  }

header .brand-logo {
	max-width: 250px; width:100%
}			
header .navbar-nav, header .dropdown-item {
	letter-spacing: +0.25px;
	font-family: 'Outfit', sans-serif
}
header .nav-link {
	text-transform: lowercase;
	font-size: 1.09375rem;
	color: #fff
} 
header .dropdown-item {
	color: #fff;
}
header .dropdown-item:hover, header .accordion-item a.active {
	color: #008a00;
}
header .nav-item a.active, header .accordion-item a:hover {
	background-color: #203881
}
header .nav-item:hover, header .dropdown:not(.collapsed), header .nav-item.active {
	background-color: #2f4396;
}
.sidebar .dropdown-item:focus, .sidebar .dropdown-item:hover, header.accordion .dropdown-item:focus, header.accordion .dropdown-item:hover, .sidebar .dropdown-item.active, .sibebar .dropdown-item:active, header.accordion .dropdown-item.active, header.accordion .dropdown-item:active {
	background-color: transparent;
}
/*Main*/
main {
	min-height: calc(100vh - 194px);
}
.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/*Bilder Ratio evtl. wieder entfernen*/
.img-wrap{
	position: relative;
}
.img-content{
	border-right: 1px solid #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow:hidden;
}
.img-content  > img{
	max-height: 100%;
	height: 100%;
}
.ratio-3-2{
	padding-top: 66.66%;
}
.icon-btn i {font-size:1.5rem}
.card .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0; 
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: rgb(14 142 56 / 50%);
}
.card:hover .overlay {
	opacity: 1;
}
#map {
	min-height:50vh;
}
/*Footer*/
footer .nav-link {
	text-transform: lowercase;
}	
footer .brand-logo {max-width: 250px; width:100%}
/*Bootstrap Ovverides*/
.tabs button {
	color: #adaaad
}
.tabs button.active {
	color:#101010
}
.carousel-control-next .fa-chevron-right, .carousel-control-prev .fa-chevron-left{
    display: inline-block;
    width: 20px;
    height: 20px;
}
.card-footer {
    padding: 0 !important;
    background-color: transparent !important;
    border-top: none !important;
}
/*Joomla 3*/
a.modal {display:inline-block!important;position:inherit!important;width: auto!important;overflow: inherit!important;}
/*Responsive*/
/*XS*/
@media (max-width: 575px) {

}		
/*SM*/
@media (max-width: 767px) {

}
/*MD*/
@media (max-width: 991px) {

}
/*LG*/
@media (max-width: 1199px) {
	.main-content {min-width:auto!important}
}
/*XL*/
@media (min-width: 1200px) {
	.left-sidebar {text-align:right}
}
@media (max-width: 1599px) {
	.main-content {min-width: 810px; max-width:1440px}
}
/*XXL*/
@media (min-width: 1600px) {
	.main-content {min-width: 810px; max-width:1440px}
}
@media (min-width: 1926px) {
	.main-content {width:1440px; flex: 0 0 auto!important;}
	.left-sidebar {max-width: 100%!important;flex-basis: 0; flex-grow: 1;}	
	.brand-logo { margin-right: 10%!important; }
}