/*	@group	XS devices (portrait phones, less than 576px), default styles	*/

/* source-sans-3-200 - cyrillic_cyrillic-ext_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: 'Source Sans 3';
  font-style: normal;
  font-weight: 200;
  src: url('/bootstrap/fonts/source-sans-3-v19-cyrillic_cyrillic-ext_latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-300 - cyrillic_cyrillic-ext_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: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('/bootstrap/fonts/source-sans-3-v19-cyrillic_cyrillic-ext_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-regular - cyrillic_cyrillic-ext_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: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('/bootstrap/fonts/source-sans-3-v19-cyrillic_cyrillic-ext_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-500 - cyrillic_cyrillic-ext_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: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('/bootstrap/fonts/source-sans-3-v19-cyrillic_cyrillic-ext_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-600 - cyrillic_cyrillic-ext_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: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('/bootstrap/fonts/source-sans-3-v19-cyrillic_cyrillic-ext_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-700 - cyrillic_cyrillic-ext_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: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('/bootstrap/fonts/source-sans-3-v19-cyrillic_cyrillic-ext_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-800 - cyrillic_cyrillic-ext_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: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  src: url('/bootstrap/fonts/source-sans-3-v19-cyrillic_cyrillic-ext_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-900 - cyrillic_cyrillic-ext_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: 'Source Sans 3';
  font-style: normal;
  font-weight: 900;
  src: url('/bootstrap/fonts/source-sans-3-v19-cyrillic_cyrillic-ext_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




:root	{
  --global-first-color:	48,162,73;
  --global-first-color-100:	rgba(var(--global-first-color),	1);
  --global-first-color-90:	rgba(var(--global-first-color),0.90);
  --global-first-color-80:	rgba(var(--global-first-color),0.70);
  --global-first-color-70:	rgba(var(--global-first-color),	0.70);
  --global-first-color-60:	rgba(var(--global-first-color),	0.60);
  --global-first-color-50:	rgba(var(--global-first-color),	0.50);
  --global-first-color-40:	rgba(var(--global-first-color),	0.40);
  --global-first-color-30:	rgba(var(--global-first-color),	0.30);
  --global-first-color-20:	rgba(var(--global-first-color),	0.20);
  --global-first-color-10:	rgba(var(--global-first-color),	0.10);
  
  --global-second-color:	86,87,89;
  --global-second-color-100:	rgba(var(--global-second-color),	1);
  --global-second-color-90:	rgba(var(--global-second-color),	0.90);
  --global-second-color-80:	rgba(var(--global-second-color),	0.80);
  --global-second-color-70:	rgba(var(--global-second-color),	0.70);
  --global-second-color-60:	rgba(var(--global-second-color),	0.60);
  --global-second-color-50:	rgba(var(--global-second-color)7,	0.50);
  --global-second-color-40:	rgba(var(--global-second-color),	0.40);
  --global-second-color-30:	rgba(var(--global-second-color),	0.30);
  --global-second-color-20:	rgba(var(--global-second-color),	0.20);
  --global-second-color-10:	rgba(var(--global-second-color),	0.10);
  
  --bg-body:	white;
  --global-font-color:	#494c4a;
  --footer-font-color:	#ffffff;
  --global-link-color:	#30a249;
  --footer-bg-color:#136579;
  --footer-link-color:white;
  --footer-link-hover-color:	white;
  --topheader-background-color:	white;
}

/*	@group	Theme Structure	*/

body	{
  background-color:var(--global-second-color-10);
}

.page	{
  margin-bottom:	-2rem;
}

.topheader	{
  z-index:	1005;
  background-color:	var(--topheader-background-color);
  top:	0px;
  /*	border-bottom:	0.25rem	solid	 #a91118;*/
}

.header	{
  background-color:	white;
}

.headeradress	{
  top:	-1rem;
  right:	15px;
  text-align:	right;
  font-size:	0.85rem;
  font-weight:	500;
  background-color:	var(--global-first-color-10);
  border-bottom-left-radius:	0.25rem;
  border-bottom-right-radius:	0.25rem;
  line-height:	1em;
}

.headeradress a	{
  color:	var(--global-second-color-100);
}

.logo	{
  width:	100%;
  -webkit-transition:	all 0.5s ease-in-out;
  -moz-transition:	all 0.5s ease-in-out;
  -ms-transition:	all 0.5s ease-in-out;
  -o-transition:	all 0.5s ease-in-out;
  transition:	all 0.5s ease-in-out;
}

.page-breadcrumb	{
  
}

.footer	{
  background-color:	var(--global-second-color-100);
  padding-bottom:	8rem;
  margin-bottom:	-2rem;
}

/*	@end	*/

/*	@group	Colours 	*/

.bg-first-100	{
  background-color:	var(--global-first-color-100);
}

.bg-first-90	{
  background-color:	var(--global-first-color-90);
}

.bg-first-80	{
  background-color:	var(--global-first-color-80);
}

.bg-first-70	{
  background-color:	var(--global-first-color-70);
}

.bg-first-60	{
  background-color:	var(--global-first-color-60);
}

.bg-first-50	{
  background-color:	var(--global-first-color-50);
}

.bg-first-40	{
  background-color:	var(--global-first-color-40);
}

.bg-first-30	{
  background-color:	var(--global-first-color-30);
}

.bg-first-20	{
  background-color:	var(--global-first-color-20);
}

.bg-first-10	{
  background-color:	var(--global-first-color-10);
}

.bg-second-100	{
  background-color:	var(--global-second-color-100);
}

.bg-second-90	{
  background-color:	var(--global-second-color-90);
}

.bg-second-80	{
  background-color:	var(--global-second-color-80);
}

.bg-second-70	{
  background-color:	var(--global-second-color-70);
}

.bg-second-60	{
  background-color:	var(--global-second-color-60);
}

.bg-second-50	{
  background-color:	var(--global-second-color-50);
}

.bg-second-40	{
  background-color:	var(--global-second-color-40);
}

.bg-second-30	{
  background-color:	var(--global-second-color-30);
}

.bg-second-20	{
  background-color:	var(--global-second-color-20);
}

.bg-second-10	{
  background-color:	var(--global-second-color-10);
}

/*	@end	*/

/*	@group	Typography	*/

body	{
  font-family:	'Source Sans 3', sans-serif;
  font-size:	1.15rem;
  line-height:	1.35em;
  color:	var(--global-font-color);
  font-smoothing:	antialiased;
  font-weight:	400;
}

.hyphens	{
  -webkit-hyphens:	auto;
  -webkit-hyphenate-limit-before:	3;
  -webkit-hyphenate-limit-after:	3;
  -webkit-hyphenate-limit-chars:	6 3 3;
  -webkit-hyphenate-limit-lines:	2;
  -webkit-hyphenate-limit-last:	always;
  -webkit-hyphenate-limit-zone:	8%;
  -moz-hyphens:	auto;
  -moz-hyphenate-limit-chars:	6 3 3;
  -moz-hyphenate-limit-lines:	2;
  -moz-hyphenate-limit-last:	always;
  -moz-hyphenate-limit-zone:	8%;
  -ms-hyphens:	auto;
  -ms-hyphenate-limit-chars:	6 3 3;
  -ms-hyphenate-limit-lines:	2;
  -ms-hyphenate-limit-last:	always;
  -ms-hyphenate-limit-zone:	8%;
  hyphens:	auto;
  hyphenate-limit-chars:	6 3 3;
  hyphenate-limit-lines:	2;
  hyphenate-limit-last:	always;
  hyphenate-limit-zone:	8%;
}

.footer	{
  font-size:	1.15rem;
  line-height:	1.25em;
  color:	var(--global-font-color);
}

h1,	h2,	h3,	h4,	h5,	h6,	h7,	.h1,	.h2,	.h3,	.h4,	.h5,	.h6,	.h7	{
  color:	var(--global-first-color-100);
  line-height:	1.15em;
  margin-top:	1.7rem;
  margin-bottom:	0.85rem;
  font-weight:	600;
}

h1,	.h1	{
  margin-top:	0em;
}

h2,	.h2	{
  font-size:	1.85rem;
}

h2.title,	.infobox h2,	.infobox .h2	{
  margin-top:	0px;
  font-size:	1rem;
}

h3,	.h3	{
  font-size:	1.35rem;
}

h4,	.h4	{
  font-size:	1.25rem;
}

h5.card-header	{
  margin-top:	0px;
}

p	{
  margin-bottom:	0.55rem;
}

.footer p,	.footer ul	{
  color:	var(--footer-font-color);
}

ul	{
  padding-left:	0px;
  margin-bottom:	1.5rem;
  margin-top:	1rem;
}

ul ~ h2,	ul ~ .h2,	ul ~ h3,	ul ~ .h3	{
  padding-bottom:	0px !important;
  margin-bottom:	0px !important;
}

ul li {
  list-style: none;
  padding-left: 1.25rem;
  position: relative;
}

ul li::before	{
  font-family:	bootstrap-icons !important;
  font-style:	normal;
  font-weight:	400;
  text-align:	center;
  -moz-osx-font-smoothing:	grayscale;
  content:	"\F285";
  position:	absolute;
  top:	0rem;
  left:	-0.25rem;
  color:	var(--global-first-color-100);
}

.footer ul li::before	{
  color:	#ffffff;
}

.portfolio	{
  display:	flex;
  flex-direction:	row;
  flex-wrap:	wrap;
  justify-content:	flex-start;
  align-items:	stretch;
  align-content:	normal;
  margin-left:	-0.25rem;
  margin-right:	-0.25rem;
  width:	100%;
  text-align:	center;
  margin-top:	1rem;
  margin-bottom:	1rem;
}

.portfolio li	{
  display:	grid;
  flex-grow:	0;
  flex-shrink:	1;
  flex-basis:	auto;
  align-items:	center;
  width:	calc(25% - 0.5rem);
  padding:	2rem;
  background-color:	white;
  border-radius:	0.25rem;
  margin-left:	0.25rem;
  margin-right:	0.25rem;
  margin-bottom:	0.5rem;
  text-align:	center;
  color:	var(--global-second-color-100);
  font-weight:	600;
}

.portfolio li:before	{
  content:	"";
}

a	{
  color:	var(--global-second-color-100);
  text-decoration:	none !important;
}

a:hover,	.nav-item.active a.nav-link	{
  color:	var(--global-first-color-100);
  text-decoration:	none;
}

.footer a	{
  color:	var(--footer-link-color);
}

.footer a:hover	{
  color:	var(--footer-link-hover-color);
}

.readmore	{
  
}

.readmore:before	{
  font-family:	bootstrap-icons;
  font-style:	normal;
  font-weight:	400;
  text-align:	center;
  -moz-osx-font-smoothing:	grayscale;
  content:	"\F285";
}

.anlauftext	{
  color:	var(--global-first-color-100);
  font-weight:	700;
}

strong,	bold	,	.fw-bold	{
  font-weight:	600 !important;
}

.small	{
  font-size:	0.775em;
  display:	block;
}

.text-muted	{
  opacity:	0.6;
}

blockquote {
  margin-left:2rem;
}

blockquote p	{
  position:	relative;
}

blockquote p::before {
  content: "\201D";
  color: var(--global-first-color-50);
  position: absolute;
  top: 1.5rem;
  left: -2rem;
  font-size: 5rem;
}

blockquote p::after {
  content: "\201E";
  color: var(--global-first-color-50);
  position: absolute;
  bottom: 1.25rem;
  font-size: 5em;
  margin-left: 0;
}

/*	@end	*/

/*	@group	Navigation	*/

.breadcrumb	{
  padding:	0.75rem	0;
  background-color:	transparent;
  border-radius:	0rem !important;
}

.breadcrumb a	{
  color:	var(--global-first-color-60);
}

.breadcrumb-item + .breadcrumb-item::before	{
  display:	inline-block;
  padding-right:	0.5rem;
  color:	var(--global-second-color-100);
  content:	"/";
}

.subnavi ul	{
  
}

.subnavi ul li	{
  
}

.subnavi ul li::before	{
  font-family:	bootstrap-icons !important;
  font-style:	normal;
  font-weight:	400;
  text-align:	center;
  -moz-osx-font-smoothing:	grayscale;
  content:	"\F27B";
  position:	absolute;
  top:	0rem;
  left:	-0.75rem;
  color:	var(--global-first-color-100);
  font-size:	1.5rem;
}

.subnavi ul li a,	.subnavi ul li.active a	{
  color:	var(--global-first-color-80);
}

.subnavi ul li a:hover	{
  color:	var(--global-first-color-100);
}

/*.subnavi ul li.active a	{
font-weight:	700;
}*/

ul.mainnavi	{
  border-top:	1px	solid	 var(--global-second-color-40);
}

ul.mainnavi li	{
  border-bottom:	1px	solid	 var(--global-second-color-40);
  position:	relative;
  font-weight:	400;
  list-style:	none;
}

ul.mainnavi li:before	{
  content:	"";
}

ul.mainnavi li li:before	{
  font-family:	bootstrap-icons !important;
  font-style:	normal;
  font-weight:	400;
  text-align:	center;
  -moz-osx-font-smoothing:	grayscale;
  content:	"\F27B";
  position:	absolute;
  top:	0rem;
  left:	-0.25rem;
  color:	var(--global-first-color-100);
  font-size:	1.5rem;
}

ul.mainnavi li li li	{
  padding:	0px !important;
}

ul.mainnavi li li li:before	{
  content:	"";
}

ul.mainnavi li ul li	{
  border-bottom:	none;
  font-weight:	300;
}

ul.mainnavi li a	{
  color:	var(--global-first-color-80);
}

ul.mainnavi li a:hover,	ul.mainnavi li.active a	{
  color:	var(--global-first-color-100);
}

ul.mainnavi a.collapsible.collapsed:after	{
  position:	absolute;
  top:	0.5rem;
  right:	0px;
  content:	"\f27b";
  font-family:	bootstrap-icons;
  font-style:	normal;
  font-weight:	400;
  text-decoration:	inherit;
  text-align:	center;
  transform:	rotate(90deg);
}

ul.mainnavi a.collapsible:after	{
  position:	absolute;
  top:	1rem;
  right:	0px;
  content:	"\f27b";
  font-family:	bootstrap-icons;
  font-style:	normal;
  font-weight:	400;
  text-decoration:	inherit;
  text-align:	center;
  transform:	rotate(-90deg);
}

.trigger	{
  color:	var(--global-first-color-60);
}

.trigger:hover	{
  color:	var(--global-first-color-100);
}

/*	@end	*/

/*	@group	Slider	*/

.slider	{
  position:	relative;
}

#slider	{
  height:	100vh;
}

#slider .sliderhead {
  font-size: 2.5rem;
  bottom: 45vh;
  font-weight: 800;
  left: 6vw;
  right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
}

.sliderhead {
  font-size: 2rem;
  bottom: 4vh;
  font-weight: 800;
  left: 6vw;
  right: 6vw;
  text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
}

#slider .slidersubline {
  font-size: 1.55rem;
  line-height: 1em;
  font-weight: 600;
  left: 6vw;
  top: 45vh;
  color: white;
  right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
}


.slider .carousel-item,	.headerimage	{
  background-position-y:	center !important;
  background-position-x:	center;
  background-size:	cover !important;
  background-repeat:	no-repeat !important;
}

.slider.container-fluid	{
  padding-right:	0;
  padding-left:	0;
}

.slider .carousel-inner,	.slider .carousel-item,	.slider .headerimage	{
  height:	33vh;
}

.carousel-indicators button	{
  background-color:	var(--global-first-color-20) !important;
}

.carousel-indicators button.active	{
  background-color:	var(--global-first-color-50) !important;
}

/*	@end	*/

/*	@group	Tables	*/

table	{
  border-color:	var(--global-second-color-20) !important;
}

.collapse table	{
  border-color:	white !important;
}

caption	{
  font-weight:	600;
}

table.table-dark td	{
  border-top:	1px solid var(--global-second-color-40) !important;
  padding-left:	0px !important;
}

table.table-dark tr	{
  border-color:	var(--global-second-color-40) !important;
}

table.table-dark th,	table.table-dark td,	table.table-dark thead th	{
  border-top:	1px solid 	var(--global-second-color-40) !important;
  background-color:	transparent !important;
}

.table-dark	{
  background-color:	transparent !important;
}

table.table-dark tr:last-child td	{
  border-bottom:	1px solid 	var(--global-second-color-40) !important;
}

/*	@end	*/

/*	@group	Tab Navigation	*/

.nav.nav-tabs	{
  border-bottom:	2px solid var(--global-first-color-30) !important;
  font-size:	1.15rem;
}

.nav-tabs .nav-item a	{
  color:	var(--global-first-color-70) !important;
}

.nav-tabs .nav-item:hover a,	.nav-tabs .nav-link.active	{
  color:	var(--global-first-color-100) !important;
}

.nav-tabs .nav-item	{
  margin-bottom:	-2px;
  position:	relative;
  display:	flex;
  cursor:	pointer;
}

.nav-tabs .nav-link	{
  border-top-style:	none;
  border-top-width:	0;
  border-right-width:	0;
  border-right-style:	none;
  border-bottom:	2px solid var(--global-first-color-30);
  border-left-style:	none;
  border-left-width:	0;
  padding:	0.5rem;
  font-weight:	400;
}

.nav-tabs .nav-link:hover,	.nav-tabs .nav-link.active	{
  border-bottom:	2px solid var(--global-second-color-100) !important;
  background-color:	transparent;
}

.nav-tabs .nav-link.active	{
  
}

.nav-tabs .nav-link.active:hover	{
  border-bottom:	2px solid var(--global-first-color-100) !important;
}

.nav-tabs .nav-link.help	{
  border-bottom:	2px solid var(--global-second-color-100) !important;
}

.nav-tabs .nav-link.help.collapsed	{
  border-bottom:	2px solid var(--global-first-color-30) !important;
}

.tab-pane .nav-tabs	{
  font-size:	1rem;
}

.nomobile	{
  visibility:	hidden;
  display:	none;
}

.mobile	{
  visibility:	visible;
  display:	inline;
}

/*	@end	*/

/*	@group	Tab Content	*/

.tab-pane	{
  background-color:	var(--global-first-color-10);
  margin-right:	0em;
  margin-bottom:	0;
  margin-left:	0em;
  border-radius:	0.28571429rem;
}

.tab-pane .tab-pane	{
  padding:	0;
  border-radius:	0px;
}

/*	@end	*/

/*	@group	Infoboxen	*/

.infobox-content	{
  border-radius:	0.5rem;
  background-color:	white;
}

.infobox .infobox-content	{
  padding:	1rem;
}

/*	@end	*/

/*	@group	Buttons	*/

button,	.btn,	.btn-secondary	{
  border:	0px;
  color:	white;
}

/*.btn-sm, .btn-group-sm > .btn {
line-height: 0.875rem;
padding-top:	0.35rem;
padding-bottom:	0.35rem;
}*/

.btn-primary	{
  background-color:	var(--global-first-color-100);
}

.btn-primary:hover,	.btn-primary:focus,	.btn-primary:not(:disabled):not(.disabled):active,	.btn-primary:not(:disabled):not(.disabled).active,	.show > .btn-primary.dropdown-toggle	,	.mixitup-control-active	{
  background-color:	var(--global-first-color-80);
  color:	white !important;
}

.mixitup-control-active	{
  font-weight:	600;
}

.btn-secondary	{
  background-color:	var(--global-second-color-60);
}

.btn-secondary:hover,	.btn-secondary:focus,	.btn-secondary:not(:disabled):not(.disabled):active,	.btn-secondary:not(:disabled):not(.disabled).active,	.show > .btn-secondary.dropdown-toggle	{
  background-color:	var(--global-second-color-100);
  color:	white !important;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,	.btn-secondary:not(:disabled):not(.disabled).active:focus,	.show > .btn-secondary.dropdown-toggle:focus	{
  box-shadow:	none;
}

.btn-primary:not(:disabled):not(.disabled):active,	.btn-primary:not(:disabled):not(.disabled).active,	.show > .btn-primary.dropdown-toggle	{
  background-color:	var(--global-second-color-80);
}

.btn-xs,	.btn-group-xs > .btn	{
  padding:	0.25rem;
  font-size:	0.75rem;
  line-height:	0.75rem;
  border-radius:	0.15rem;
}

.btn-circle	{
  width:	45px;
  height:	45px;
  line-height:	45px;
  text-align:	center;
  padding:	0;
  border-radius:	50% !important;
}

.btn-circle i	{
  position:	relative;
  top:	-1px;
}

.btn-circle-lg	{
  width:	35px;
  height:	35px;
  line-height:	35px;
  font-size:	1.25rem;
}

.labels .btn	{
  margin-bottom:	0.25em;
}

.btn.icon	{
  padding-right:	0.5rem;
  padding-left:	0.5rem;
}

.btn-sm.icon i,	.btn-danger.icon i	{
  margin-right:	0px;
}

button.icon.dots	{
  padding-left:	0px;
  padding-right:	0px;
}

.dots svg	{
  margin-right:	0px !important;
}

.btn.collapsed svg	{
  rotate:	180deg;
}

.btn.toggleclass.active	{
  background-color:	var(--global-first-color-60) !important;
}

/*	@end	*/

/*	@group	Dropdown	*/

.dropdown-toggle.btn-circle::after	{
  display:	none;
}

.dropdown-toggle i.icon	{
  padding:	0;
  margin:	0;
}

.dropdown-menu	{
  box-shadow:	0	8px	10px	rgba(0,	0,	0,	0.2);
}

.dropdown-menu-center	{
  right:	auto;
  left:	50%;
  -webkit-transform:	translate(-50%, 0);
  -o-transform:	translate(-50%, 0);
  transform:	translate(-50%, 0);
}

.dropdown-item	{
  padding-left:	1rem;
  padding-right:	1rem;
}

.dropdown-submenu	{
  position:	relative;
}

.dropdown-submenu a::after	{
  transform:	rotate(-90deg);
  position:	absolute;
  right:	6px;
  top:	.8em;
}

.dropdown-submenu .dropdown-menu	{
  top:	0;
  left:	100%;
  margin-left:	.1rem;
  margin-right:	.1rem;
}

/*@media (min-width: 992px) {
.animate {
animation-duration: 0.3s;
-webkit-animation-duration: 0.3s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
}

@keyframes slideIn {
0% {
transform: translateY(1rem);
opacity: 0;
}
100% {
transform:translateY(0.5rem);
opacity: 1;
}
0% {
transform: translateY(1rem);
opacity: 0;
}
}

@-webkit-keyframes slideIn {
0% {
-webkit-transform: transform;
-webkit-opacity: 0;
}
100% {
-webkit-transform: translateY(0.5);
-webkit-opacity: 1;
}
0% {
-webkit-transform: translateY(1rem);
-webkit-opacity: 0;
}
}

.slideIn {
-webkit-animation-name: slideIn;
animation-name: slideIn;
}*/

/*	@end	*/

/*	@group	Accordion	*/

h2.collapsible.collapsed	{
  cursor:	pointer;
  position:	relative;
  background-color:	var(--global-second-color-20);
  -webkit-transition:	all 0.2s ease-in-out;
  -moz-transition:	all 0.2s ease-in-out;
  -ms-transition:	all 0.2s ease-in-out;
  -o-transition:	all 0.2s ease-in-out;
  transition:	all 0.2s ease-in-out;
}

h2.collapsible,	h2.collapsible.collapsed:hover	{
  background-color:	var(--global-first-color-20);
}

h2.collapsible:last-of-type.collapsed	{
  
}

h2.accordion-header.collapsed::after	{
  position:	absolute;
  top:	calc(50% - 1rem);
  right:	1rem;
  content:	"\F286";
  font-family:	bootstrap-icons;
  font-style:	normal;
  font-weight:	400;
  text-decoration:	inherit;
  text-align:	center;
  transform:	rotate(180deg);
}

h2.accordion-header::after	{
  position:	absolute;
  top:	calc(50% - 1rem);
  right:	1rem;
  content:	"\F286";
  font-family:	bootstrap-icons;
  font-style:	normal;
  font-weight:	400;
  text-decoration:	inherit;
  text-align:	center;
  -webkit-transition:	all 0.2s ease-in-out;
  -moz-transition:	all 0.2s ease-in-out;
  -ms-transition:	all 0.2s ease-in-out;
  -o-transition:	all 0.2s ease-in-out;
  transition:	all 0.2s ease-in-out;
}

.accordion .textblock	{
  background-color:	rgba(255,	255,	255,	0.55);
  border-bottom-left-radius:	0.25rem;
  border-bottom-right-radius:	0.25rem;
}

ul.acc	{
  display:	table;
}

ul.acc li	{
  padding:	0.25rem	1rem	0.25rem	1.5rem;
  border-radius:	0.25rem;
  background-color:	var(--global-second-color-10);
  margin-bottom:	1px;
}

ul.acc li div	{
  padding-bottom:	0.5rem;
}

ul.acc li::before	{
  top:	0.25rem;
  left:	0.5rem;
}

/*	@end	*/

/*	@group	Icons	*/

i.icon.circular.invers	{
  border-style:	none;
  background-color:	var(--global-first-color-100);
  color:	white;
  box-shadow:	none;
}

/*	@end	*/

/*	@group	Tooltips	*/

.custom-tooltip	{
  --bs-tooltip-bg:	var(--global-first-color-100);
  line-height:	1rem;
  font-size:	0.75rem;
}

/*	@end	*/

/*	@group	Cards	*/

.card	{
  border:	none !important;
}

.card-header	{
  background-color:	var(--global-second-color-100);
  border-bottom:	none;
}

.card-footer	{
  border-top:	none;
}

.card.team .portrait	{
  border-radius:	50%;
  overflow:	hidden;
  width:	10rem;
  height:	10rem;
  position:	absolute;
  left:	calc(50% - 5rem);
  top:	-2.25rem;
  border:	8px solid white;
  background-color:	var(--global-first-color-50);
}

.card.team .portrait img	{
  width:	100%;
}

/*	@end	*/

/*	@group	Images 	*/

.fadeIn	{
  -webkit-animation:	animat_show 2s;
  animation:	animat_show 2s;
  visibility:	visible !important;
}

@-webkit-keyframes animat_show	{
0%	{
  opacity:	0
}

100%	{
  opacity:	1
}
}

.thumb	{
  cursor:	pointer;
}

.thumb i	{
  -webkit-transition:	all 0.5s ease-in-out;
  -moz-transition:	all 0.52s ease-in-out;
  -ms-transition:	all 0.5s ease-in-out;
  -o-transition:	all 0.5s ease-in-out;
  transition:	all 0.5s ease-in-out;
  opacity:	0;
  color:	var(--global-first-color-100);
  background-color:	rgba(255,	255,	255,	0.8);
}

.thumb:hover i	{
  opacity:	1;
}

#lightgallery a	{
  position:	relative;
  cursor:	pointer;
}

#lightgallery a::before	{
  font-family:	'Icons';
  content:	"\f00e";
  opacity:	0;
  font-style:	normal;
  font-weight:	normal;
  text-decoration:	inherit;
  text-align:	center;
  speak:	none;
  font-smoothing:	antialiased;
  -moz-osx-font-smoothing:	grayscale;
  -webkit-font-smoothing:	antialiased;
  -webkit-backface-visibility:	hidden;
  backface-visibility:	hidden;
  position:	absolute;
  font-size:	2rem;
  color:	white;
  top:	calc(50% - 1rem);
  left:	calc(50% - 1rem);
  -webkit-transition:	all 0.5s ease-in-out;
  -moz-transition:	all 0.5s ease-in-out;
  -ms-transition:	all 0.5s ease-in-out;
  -o-transition:	all 0.5s ease-in-out;
  transition:	all 0.5s ease-in-out;
  z-index:	99;
}

#lightgallery a:hover:before	{
  opacity:	1;
}

#lightgallery a img	{
  opacity:	1;
  -webkit-transition:	all 0.5s ease-in-out;
  -moz-transition:	all 0.5s ease-in-out;
  -ms-transition:	all 0.5s ease-in-out;
  -o-transition:	all 0.5s ease-in-out;
  transition:	all 0.5s ease-in-out;
  border-radius:	0.5rem;
  overflow:	hidden;
}

#lightgallery a:hover img	{
  opacity:	0.6;
}

.zoom	{
  opacity:	0.6;
  -webkit-transition:	all 0.5s ease-in-out;
  -moz-transition:	all 0.5s ease-in-out;
  -ms-transition:	all 0.5s ease-in-out;
  -o-transition:	all 0.5s ease-in-out;
  transition:	all 0.5s ease-in-out;
  cursor:	pointer;
}

.zoom:hover	{
  opacity:	1;
  transform-origin:	top right;
  transform:	scale(1.2);
}

/*	@end	*/

/*	@group	Forms	*/

.form-control	{
  background-color:		var(--global-second-color-10);
}

.btn-primary.disabled,	.btn-primary:disabled	{
  background-color:	var(--global-second-color-40);
  border-color:	var(--global-second-color-40);
}

.custom-control-input:checked ~ .custom-control-label::before	{
  border-color:	var(--global-first-color-100);
  background-color:	var(--global-first-color-100);
}

.form-select,	.form-select-lg	{
  background-color:	white;
}

.form-check-input:checked	{
  background-color:	var(--global-first-color-100);
  border-color:	var(--global-first-color-100);
}

.form-floating > .form-control:focus ~ label,	.form-floating > .form-control:not(:placeholder-shown) ~ label,	.form-floating > .form-control-plaintext ~ label,	.form-floating > .form-select ~ label	{
  background-color:	none !important;
  color:	rgba(var(--bs-body-color-rgb), 0.65);
  transform:	scale(0.65) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:focus ~ label::after,	.form-floating > .form-control:not(:placeholder-shown) ~ label::after,	.form-floating > .form-control-plaintext ~ label::after,	.form-floating > .form-select ~ label::after	{
  background-color:	none !important;
}

.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: transparent !important;
  border-radius: var(--bs-border-radius);
}

/*	@end	*/

/*	@group	additional helper classes 	*/

.pt-8,	.py-8	{
  padding-top:	3rem !important;
}

.pb-8,	.pb-8	{
  padding-bottom:	3rem !important;
}

.mce-content-body	{
  padding:	2rem;
}

/*	@end	*/

/*	@group	Contact Widget	*/

.contact-widget	{
  z-index:	999;
  right:	4vw;
  bottom:	4vw;
  width:	4rem;
  height:	4rem;
  cursor:	pointer;
}

.contact-widget .btn	{
  box-shadow:	1px	1px	8px	rgba(0,	0,	0,	0.45);
  width:	4rem;
  height:	4rem;
}

.contact-widget i	{
  font-size:	2rem;
}

.contact-widget .chatoptions	{
  -webkit-transition:	all 0.5s ease-in-out;
  -moz-transition:	all 0.5s ease-in-out;
  -ms-transition:	all 0.5s ease-in-out;
  -o-transition:	all 0.5s ease-in-out;
  transition:	all 0.5s ease-in-out;
  bottom:	4.25rem;
}

.contact-widget [class^="bi-"]::before,	.contact-widget [class*=" bi-"]::before	{
  vertical-align:	-.2em;
}

/*	@end	*/

/*	@group	Elevator Icons	*/

#elevator {
      width: 100vw;
      height: 100vh;
      position: absolute;
      overflow: hidden; /* Damit die bewegten Elemente nicht aus dem Container herausragen */
    }

    #elevateUp, #elevateDown {
      width: 10vw;
      height: 20vw;
      position: absolute;
      border-radius: 5vw;
      transition: opacity 1s;
    }

    #elevateUp {
      top: 15vw;
      animation: moveUpDown 25s linear infinite;
      right: 2vw;
      background-color:	rgba(18,	100,	121,	0.5);
    }

    #elevateDown {
      top: 5vw;
      animation: moveUpDown 32s linear infinite reverse; /* Umgekehrte Animation */
      right: 14vw;
      background-color:	rgba(0,	140,	169,	0.5);
    }

    @keyframes moveUpDown {
      0% {
        transform: translateY(0); /* Initiale Position */
        opacity: 1; /* Sichtbar */
      }
      25% {
        transform: translateY(-40vw); /* Nach oben aus dem Viewport */
        opacity: 1; /* Sichtbar */
      }
      50% {
        transform: translateY(0); /* Zur�ck zur initialen Position */
        opacity: 1; /* Sichtbar */
      }
      75% {
        transform: translateY(40vw); /* Nach unten aus dem Viewport */
        opacity: 1; /* Sichtbar */
      }
      100% {
        transform: translateY(0); /* Zur�ck zur initialen Position */
        opacity: 1; /* Sichtbar */
      }
    }

/*	@end	*/

/*	@end	*/

@media (min-width: 576px)	{
  
}

@media (min-width: 768px)	{
  /*	@group	Theme Structure	*/
  
  body.scrolling .logo	{
    width:	60%;
  }
  
  .custom-header-img	{
    margin-right:	-1.5rem;
    margin-left:	-1.5rem;
    margin-top:	-1.5rem;
  }
  
  body.scrolling .sticky	{
    position:	sticky;
    top:	120px;
    z-index:	1029;
  }
  
  /*	@end	*/
  
  /*	@group	Slider	*/
  
  .slider	{
    position:	relative;
  }
  
  .headline h1	{
    color:	white;
    font-size:	24px !important;
    line-height:	24px;
    border-radius:	0.25rem;
  }
  
  .headline	{
    color:	white;
    line-height:	24px;
    font-size:	24px !important;
    font-weight:	600;
    position:	absolute;
    bottom:	10vh;
    left:	5vw;
    background-color:	var(--global-second-color-100);
    border-radius:	0.25rem;
    z-index:	10;
  }
  
  .subline	{
    font-size:	14px !important;
    line-height:	14px;
    font-weight:	400;
    color:	white;
    position:	absolute;
    bottom:	calc(33vh - 1rem - 16px);
    left:	5vw;
    background-color:	var(--global-second-color-100);
    border-radius:	0.25rem;
    z-index:	10;
  }
  
  .slider.container-fluid	{
    padding-right:	0;
    padding-left:	0;
  }
  
  .slider .carousel-inner,	.slider .carousel-item,	.slider .headerimage	{
    height:	45vh;
  }
  
  .slider .carousel-item,	.headerimage	{
    background-position-x:	center !important;
  }
  
  /*	@end	*/
  
  /*	@group	Typography	*/
  
  body	{
    
  }
  
  h2.title,	.infobox h2,	.infobox .h2	{
    margin-top:	0px;
    font-size:	1.55rem;
  }
  
  h5,	.h5	{
    font-size:	1.25rem;
  }
  
  ul	{
    padding-left:	0rem;
  }
  
  /*	@end	*/
  
  /*	@group	Navigation	*/
  
  .navbar-nav .nav-item .nav-link	{
    padding-left:	0rem;
    padding-right:	0rem;
    padding-top:	0px;
    padding-bottom:	0.5rem !important;
    line-height:	1rem;
    margin-bottom:	-0.5rem;
  }
  
  .navbar-nav .nav-item .nav-link:before	{
    display:	inline-block;
    /*		padding-right: 1rem;*/
    color:	var(--global-second-color-20);
    /*		content: "/";*/
  }
  
  .navbar-nav .nav-item:first-child .nav-link:before	{
    padding-right:	0px;
    content:	"";
  }
  
  .navbar-nav .nav-item.dropdown .dropdown-menu	{
    background-color:	var(--global-first-color-100) !important;
    padding:	0	0px	0px	!important;
    margin:	0px !important;
    top:	calc(100% + 0.5rem);
    left:	1rem;
  }
  
  .navbar-nav .nav-item:first-child.dropdown .dropdown-menu	{
    left:	0rem;
  }
  
    /*	.navbar-nav .nav-item:last-child.dropdown .dropdown-menu {
    right:	0rem;
    left:	inherit;
  }*/
  
  .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item	{
    padding:	0.25rem 1rem 0.25px !important;
    color:	hsla(0,0%,100%,.8) !important;
    background:	transparent;
  }
  
  .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:first-child	{
    padding:	1rem	1rem	0rem	!important;
  }
  
  .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:last-child	{
    padding-right:	1rem !important;
    padding-bottom:	1rem !important;
    padding-left:	1rem !important;
  }
  
  .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover	{
    color:	hsla(0,0%,100%,1.0) !important;
    background:	transparent;
  }
  
  /*	@end	*/
  
  /*	@group	Tab Navigation	*/
  
  .nav-tabs .nav-link	{
    padding:	0.5rem 0.75rem;
  }
  
  /*	@end	*/
  
  /*	@group	Badges	*/
  
  .badge-circle	{
    font-size:	0.7rem;
    padding:	0.4em;
    min-width:	1.8em;
    height:	1.8em;
    text-indent:	0;
    margin-left:	0rem;
    margin-top:	-0.45rem;
  }
  
  /*	@end	*/
  
  /*	@group	Cards	*/
  
  .row.card-footer	{
    margin-left:	-1.5rem;
    margin-right:	-1.5rem;
    margin-bottom:	-1.5rem;
  }
  
  /*	@end	*/
  
  /*	@group	Contact Widget	*/
  
  .contact-widget	{
    right:	2vw;
    bottom:	2vw;
  }
  
  /*	@end	*/
}

@media (min-width: 992px)	{
  /*	@group	Typography	*/
  
  .headline h1	{
    font-size:	48px !important;
    line-height:	48px;
  }
  
  .headline	{
    color:	white;
    line-height:	72px;
    font-size:	72px !important;
    bottom:	10vh;
    left:	5vw;
  }
  
  .subline	{
    font-size:	36px !important;
    line-height:	36px;
    bottom:	calc(25vh - 3rem - 40px);
    left:	25vw;
  }
  
  /*	@end	*/
  
  /*	@group	Slider 	*/
  
#slider .sliderhead {
  font-size: 3.5rem;
  bottom: 45vh;
  font-weight: 800;
  left: 6vw;
  right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
}

  .sliderhead {
    font-size: 2.55rem;
    bottom: 7vh;
    font-weight: 800;
    left: 0vw;
    right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
  }

    #slider .slidersubline {
    font-size: 2rem;
    line-height: 1em;
    font-weight: 600;
    left: 6vw;
    top: 40vh;
    color: white;
    right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
  }
  
  /*	@end	*/
  
  /*	@group	Buttons	*/
  
  .btn-circle	{
    width:	45px;
    height:	45px;
    line-height:	45px;
    text-align:	center;
    padding:	0;
    border-radius:	50% !important;
  }
  
  .btn-circle i	{
    position:	relative;
    top:	-1px;
  }
  
  .btn-circle-sm	{
    width:	35px;
    height:	35px;
    line-height:	35px;
    font-size:	0.9rem;
  }
  
  .btn-circle-lg	{
    width:	55px;
    height:	55px;
    line-height:	55px;
    font-size:	2rem;
  }
  
  .btn-circle-xl	{
    width:	70px;
    height:	70px;
    line-height:	70px;
    font-size:	1.3rem;
  }
  
  /*	@end	*/
}

@media (min-width: 1200px)	{
  
  /*	@group	Slider 	*/
  
#slider .sliderhead {
  font-size: 3.5rem;
  bottom: 45vh;
  font-weight: 800;
  left: 6vw;
  right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
}

  .sliderhead {
    font-size: 2.55rem;
    bottom: 7vh;
    font-weight: 800;
    left: 0vw;
    right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
  }

    #slider .slidersubline {
    font-size: 2rem;
    line-height: 1em;
    font-weight: 600;
    left: 6vw;
    top: 38vh;
    color: white;
    right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
  }
  
  /*	@end	*/
  
}

@media (min-width: 1600px)	{

  /*	@group	Slider 	*/
  
#slider .sliderhead {
  font-size: 3.5rem;
  bottom: 45vh;
  font-weight: 800;
  left: 6vw;
  right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
}

  .sliderhead {
    font-size: 2.55rem;
    bottom: 7vh;
    font-weight: 800;
    left: 0vw;
    right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
  }

  #slider .slidersubline {
    font-size: 2rem;
    line-height: 1em;
    font-weight: 600;
    left: 6vw;
    top: 40vh;
    color: white;
    right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
  }
  
  /*	@end	*/

}

@media (min-width: 2024px)	{
  
    /*	@group	Slider 	*/
  
  
#slider .sliderhead {
  font-size: 3.5rem;
  bottom: 45vh;
  font-weight: 800;
  left: 6vw;
  right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
}

  .sliderhead {
    font-size: 3.55rem;
    bottom: 7vh;
    font-weight: 800;
    left: 0vw;
    right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
  }

  #slider .slidersubline {
    font-size: 2rem;
    line-height: 1em;
    font-weight: 600;
    left: 6vw;
    top: 45vh;
    color: white;
    right: 6vw;
    text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.55);
  }
  
  
  /*	@end	*/
  
}