/*!
 * Bootstrap Icons v1.11.3 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */

@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("../Fonts/Bootstrap-icons/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"),
url("../Fonts/Bootstrap-icons/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff");
}
.bi::before,
[class^="bi-"]::after,
[class*=" bi-"]::after {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.bi-chevron-right::before { content: "\f285"; }


#page-1 .card-img-top {
  width: revert-layer;
}


@font-face {
  font-display: block;
  font-family: "MyriadPro-Regular";
  src: url("../Fonts/MyriadPro/MyriadPro-Regular.otf") format("otf"),
url("../Fonts/MyriadPro/MyriadPro-Regular.woff") format("woff");
}
@font-face {
  font-display: block;
  font-family: "MyriadPro-Bold";
  src: url("../Fonts/MyriadPro/MyriadPro-Bold.otf") format("otf"),
url("../Fonts/MyriadPro/MyriadPro-Bold.woff") format("woff");
}


@font-face {
  font-display: block;
  font-family: "MyriadPro-Semibold";
  src: url("../Fonts/MyriadPro/MyriadPro-Semibold.otf") format("otf"),
url("../Fonts/MyriadPro/MyriadPro-Semibold.woff") format("woff");
}



/* working ?? 
:root,
[data-bs-theme=light] {

--bs-breadcrumb-item-active-color: #969696;


--bs-btn-border-radius: 0;


}
*/


html {
	margin-right: auto !important;
	margin-left: auto !important;
	max-width: 1920px;
}

body {
	font-family: MyriadPro-Regular, Montserrat, "Helvetica Neue", Arial, sans-serif;
}





/* Header */
/* -------------------------------------------------------------------------------------------- */
h1.mainheader,
.mainheader.display-1 {
	font-size: 31px;	
	color: var(--bs-primary);
	font-family: MyriadPro-Bold;
}
h2.subheader {
	font-size: 21px;
	font-weight: bold;
	color: var(--bs-secondary);
}
h2.mainheader, h2 {
	font-size: 21px;
	color: var(--bs-primary);
	margin-bottom: 1rem;
	font-family: MyriadPro-Bold;
}
.bodytext h2 {
	margin-top: 2rem;
}
h3.mainheader, h3, .h3,
h4.mainheader, h4, .h4 {
	font-size: 21px;
	color: var(--bs-primary);
	margin-bottom: 1rem;
	margin-top: 2rem;
	font-family: MyriadPro-Semibold;
}
	
	
h3.subheader,
.bodytext h3,
h4.subheader,
.bodytext h4 {
	font-size: 21px;
	color: var(--bs-primary);
}


.bg-primary h2,
.bg-primary h3,
.bg-primary h4 {
	color: #fff;
}

header {
	margin-bottom: 2.5rem;
}
header.mb-5 {
  margin-bottom: 2rem !important;
}


@media (min-width: 992px) {

	h1.mainheader,
	.mainheader.display-1 {
		font-size: 46px;
	}
	h2.subheader {
		font-size: 36px;
	}
	h2.mainheader, h2 {
		font-size: 36px;
	}
	h3.mainheader, h3,
	h4.mainheader, h4 {
		font-size: 24px;
		margin-top: 0;
	}
	h3.subheader,
	.bodytext h3,
	h4.subheader,
	.bodytext h4 {
		font-size: 24px;
	}

}



/* Navigation */
/* -------------------------------------------------------------------------------------------- */

#navbarToggler .main-navbarnav .nav-item {
	margin-right: 2rem;
}

#main-navbar .nav-link {
	text-transform: uppercase;
	color: #fff;
}

#main-navbar .nav-link.active a {
	color: #D7EDDF !important;
}


.navbar-nav .nav-link.parent-active,
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: #D7EDDF !important;
}



.navbar-toggler:hover, 
.navbar-toggler:focus, 
.navbar-toggler:active,
.navbar-toggler {
	border: none !important;
	font-size: 1.5rem;
}

.navbar-nav.main-navbarnav {
	padding: 0 !important;
	padding-top: 1.5rem !important;
}

.vr {
	background-color: #fff;
	opacity: 1;
}




.dectop-view {
	display: none;
}







@media (min-width: 992px) {
	
	.dropdown-item {
		display: inline;
	}
	
	.dropdown-menu.show {
		display: inline-flex;
	}
	
	.dectop-view {
		display: flex;
	}

	.navbar-brand {
		display: none !important;
	}

	.navbar-nav.main-navbarnav {
		padding: 0 !important;
	}

	#main-navbar .main-navbarnav .dropdown-item::before {
		font-family: "bootstrap-icons"; 
		font-weight: 300; 
		content: "\f285";
		vertical-align: -10%;
		color: #035f61 !important;
	}
	
	#main-navbar .dropup, #main-navbar .dropend, #main-navbar .dropdown, #main-navbar .dropstart, #main-navbar .dropup-center, #main-navbar .dropdown-center {
	  position:  inherit;
	}
	#main-navbar .dropdown-menu[data-bs-popper] {
	  top: 53px;
	  left: 0;
	  right: 0;
	  margin: 0;
	  padding: 0;
	}
	#main-navbar .dropdown-item {
		text-align: center;
		padding: 1.5rem 0 !important;
	}
	#main-navbar .dropdown-menu {
		border-radius: 0 !important;
	}
	


}

/* Jumbotron */
/* -------------------------------------------------------------------------------------------- */
.jumbotron,
.jumbotron .background-image {
	height: 155px;
	min-height: 155px;
}

#page-1 .jumbotron,
#page-1 .jumbotron .background-image {
	height: 155px !important;
	min-height: 155px !important;
}

.jumbotron {
	border-bottom: 13px solid #00964A;
	overflow-y: hidden;
}

#facebookIcon:before {
    font-family: 'Font Awesome 6 Free';
    content: "\f054" !important; 	
}

.swiper-pagination {
  top: -100px !important;
}

.swiper-pagination-bullet {
	border-radius: 0 !important;
	width: 16px !important;
	height: 16px !important;
}
.swiper-pagination-bullet {
  opacity: .4 !important;
  background: #fff !important;
}
.swiper-pagination-bullet-active {
  opacity: 1 !important;
  background: #fff !important;
}

.swiper-button-prev,
.swiper-button-next {
	top: calc(50% - 45px) !important;
  color: #fff;
  text-shadow: none !important;
  opacity: .8 !important;
}


@media (min-width: 768px) {

	#page-1 .jumbotron,
	#page-1 .jumbotron .background-image {
		height: 260px !important;
		min-height: 260px !important;
		overflow: hidden;
	}

	.jumbotron,
	.jumbotron .background-image {
		height: 260px;
		min-height: 260px;
	}

	.swiper-pagination {
		top: -105px !important;
	}

	.swiper-button-prev,
	.swiper-button-next {
		top: calc(50% - 55px) !important;
	}

}

@media (min-width: 992px) {

	#page-1 .jumbotron,
	#page-1 .jumbotron .background-image {
		height: 490px !important;
		min-height: 490px !important;
		overflow: hidden;
	}

	.jumbotron,
	.jumbotron .background-image {
		height: 300px;
		min-height: 300px;
	}

	.swiper-pagination {
		top: -140px !important;
	}
	
	.swiper-button-prev,
	.swiper-button-next {
		top: calc(50% - 65px) !important;
	}

}
  

/* Breadcrumb */
/* -------------------------------------------------------------------------------------------- */
.breadcrumb {
	margin: 0;
}
.breadcrumb-container {
	border-bottom: 1px solid #EFEFEF;
	padding: 8px 0;
	color: var(--bs-secondary);
}

.breadcrumb-item::before {
    font-family: 'Font Awesome 6 Free';
    content: "\f054"; 
}
.breadcrumb-item:first-child::before {
    content: "" !important; 
}

.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item a {
	color: var(--bs-secondary) !important;
}

.breadcrumb-item.active {
  color: var(--bs-secondary) !important;
}


.breadcrumb .breadcrumb-item {
	margin-top: 2px;
}
.breadcrumb .breadcrumb-item:first-child {
	margin-top: -1px;
}
.breadcrumb-item + .breadcrumb-item::before {
	margin-top: -1px;
}



/* Footer */
/* -------------------------------------------------------------------------------------------- */
#page-footer .nav-link {
	padding-left: 0;
	color: #fff;
}
#page-footer .nav-link:hover {
	color: var(--bs-light);
}

#page-footer a {
  color: #fff;
  text-decoration: underline;
}
#page-footer {
	padding-bottom: 0 !important;
}
#page-footer #mobile-border {
	border-top: 1px solid #fff;
	margin: 0 15px;
	width: calc(100% - 30px);
}

#page-footer .accordion {
	border-top: 1px solid #fff;
}


#page-footer .accordion-button {
	font-size: 21px !important;
	padding-left: 0;
}

#page-footer button,
#page-footer h3.mainheader, #page-footer h2, #page-footer .h2,
#page-footer h3.mainheader, #page-footer h3, #page-footer .h3,
#page-footer h4.mainheader, #page-footer h4, #page-footer .h4 {
	color: #fff;
}

#page-footer .accordion-item {
  color: #fff;
  background-color: #212529 !important;
  border: none;
  border-bottom: 1px solid #fff;
}
#page-footer .accordion-button {
	background-color: #212529 !important;
}


@media (min-width: 992px) {
	
	#page-footer #mobile-border {
		display: none;
	}
	
	#page-footer .accordion-button:not(.collapsed) {
		color: #fff;
  	}
	
}



/* Cards */
/* -------------------------------------------------------------------------------------------- */
.card {
	border-radius: 0 !important;
	border: none;
	margin-bottom: 2rem;
}

.card img.rounded-top,
.card img.rounded-start {
	border-radius: 0 !important;
}


/* arrow-down */
.card.img-right .card-body:after {
	position: absolute;
    width: 0;
    height: 0;
    content: '';
    border-width: 30px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
	top: calc(100% - 170px); /* bg-img height for arrows */
	left: calc(50% - 30px);
}
/* arrow-up */
.card.img-left .card-body:before {
	position: absolute;
    width: 0;
    height: 0;
    content: '';
    border-width: 30px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
	top: calc(170px - 60px);
	left: calc(50% - 30px);
} 
/* bg-img height for arrows */
.card.img-right .background-image,
.card.img-left .background-image {
	height: 170px;
}


.card .card-text .btn {
	margin: 20px 0;
}

.card.img-right .row .card-body,
.card.img-left .row .card-body {
  padding: 1rem 2rem;
}

.card-text .iconpack {
	fill: #035f61;
}


/* green box */
.layout-2 figure {
	height: 150px !important;
	width: auto;
}
.layout-2 figure img {
	padding: 0 10px;
}

.card-img, .card-img-top {
	border-radius: 0 !important;
}

.card .card-toggler {
	right: 0;
	background-color: #fff;
}
.card .card-toggler::after {
	font-family: "bootstrap-icons"; font-weight: 900; content: "\f286";
	float: right;
	font-size: 20px;
	margin-top: 0;
	margin-right: .5rem;
}

.card .card-toggler.collapsed::after {
	font-family: "bootstrap-icons"; font-weight: 900; content: "\f282";
	float: right;
	font-size: 20px;
	margin-top: 0;
	margin-right: .3rem;
}
.profile-card .card-body {
	min-height: 223px;
}



.row,
.col-10,
.col-2,
.container-fluid.p-0,
.card-text {
	height: 100% !important;
}
.page-12 .card-body {
	padding-bottom: 0 !important;
}

.bi.play-circle,
.bi.download {
  font-size: 30px;
}

.col-10 p {
  margin: 0;
}

.card {
  height: 100%;
}

#page-12 .iconpack.bi.chevron-right {
  margin-top: 0 !important;
  width: inherit !important;
  font-size: 30px !important;
}

#page-12 .btn .iconpack.bi.chevron-right {
  margin-top: 0 !important;
  width: inherit !important;
  font-size: inherit !important;
}



@media (min-width: 992px) {

	/* arrow-right */
	.card.img-right .card-body:after {
		position: absolute;
	    width: 0;
	    height: 0;
	    content: '';
	    border-width: 30px;
	    border-style: solid;
	    border-color: transparent transparent transparent #fff;
		top: calc(50% - 30px);
	    left: 50%;
	}
	/* arrow-left */
	.card.img-left .card-body:before {
		position: absolute;
	    width: 0;
	    height: 0;
	    content: '';
	    border-width: 30px;
	    border-style: solid;
	    border-color: transparent #fff transparent transparent;
		top: calc(50% - 30px);
	    left: calc(50% - 60px);
	}

	/* bg-img height for arrows */
	.card.img-right .background-image,
	.card.img-left .background-image {
		min-height: 320px;
	}

	.card {
		margin-bottom: 0;
	}

	.gallery.g-4 .col {
		margin-bottom: 3rem !important;
	}


}

@media (max-width: 991px) {
	
	#page-12 .align-items-stretch {
		margin-bottom: 2rem !important;
	}

}


/* Link Box */
/* -------------------------------------------------------------------------------------------- */

.link-box p {
	margin-bottom: 0 !important;	
}
.link-box h3 {
	margin-bottom: 0 !important;
	font-weight: 700;
	max-width: 85%;
}
.link-box .even,
.link-box .odd {
	padding: 1rem;
}
.link-box .even .bodytext::after {
	font-family: "bootstrap-icons"; font-weight: 900; content: "\f144";
	float: right;
	font-size: 40px;
	margin-top: -1.25rem;

	margin-top: -3rem;
	color: var(--bs-primary);

/*	
	position: absolute;
  right: 30px;
*/
  
}

.link-box .even .anl-links .bodytext {
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--bs-primary);
}
.link-box .even .anl-links div:last-child .bodytext {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 1px solid var(--bs-primary);
	padding-bottom: 1.5rem;	
}
.link-box .anl-links {
	background-color: #ffffff;
	padding: 1.5rem;
}


.link-box .odd .anl-links .bodytext {
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--bs-primary);
}
.link-box .odd .anl-links div:last-child .bodytext {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;	
}
.link-box .odd .bodytext::after {
	font-family: "bootstrap-icons"; font-weight: 900; content: "\f138";
	float: right;
	font-size: 40px;
	margin-top: -2.75rem;
	color: var(--bs-primary);
}



.link-box .even .anl-links .bodytext {
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--bs-primary);
}

	.ce-link .ce-link-content {
padding-top: 1.5rem !important;
		margin-bottom: 1rem !important;
		padding: 0 !important;
		box-shadow: none !important;
		  transition: unset;
	}
	.ce-link .ce-link-content:hover {
	  box-shadow: none !important;
	}



/* projekt-links */
.projekt-links .card .iconpack {
	float: right;
	width: 25px;
	height: 40px;
	color: var(--bs-primary);
	margin-top: -30px;
}

.projekt-links .card-text p,
.projekt-links .card-text h3 {
	margin-bottom: 0;
}

.projekt-links .card-body::after {
	font-family: "bootstrap-icons"; font-weight: 300; content: "\f285";
	float: right;
	font-size: 40px;
	margin-top: -4.2rem;
	color: var(--bs-primary);
}

.projekt-links .card-text {
	max-width: 85%;
}

.projekt-links .card-body {
	padding-bottom: 0 !important;
}



.projekt-links a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}


.btn-group-vertical {
	width: 100%;
}
.btn-group-vertical .arrow-up-right {
  float: right;
  font-size: 3rem;
}
.btn-group-vertical .btn-light {
	text-align: left;
	width: 100%;
}


/* news */


.anl-link-wrapper .news-counter {
	text-align: right;
	margin-top: -1rem;
	display: block;
}

.anl-link-wrapper {
	margin-top: 2rem;
}



@media (min-width: 992px) {

  .list-group.news-list-view .card-body::before {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    border-width: 30px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    top: calc(50% - 30px);
    left: -60px;
  }

  .list-group.news-list-view .card-body:hover::before {
    border-color: transparent var(--bs-list-group-action-hover-bg) transparent transparent;
  }



	.news-list-view .card-body {
		position: relative;
	}
	
	.anl-news-link {
		position: absolute; bottom: 0; margin-bottom: 1rem;
	}
	
	.anl-link-wrapper .news-counter {
		position: absolute; right: 0; margin-right: 1rem; bottom: .5rem;
		text-align: inherit !important;
		margin-top: inherit !important;
	}
	
	.anl-link-wrapper {
		margin-top: 0;
	}  


  

}



/* Divers */
/* -------------------------------------------------------------------------------------------- */

body#page-1 {
	padding-bottom: 811px;
}

a {
	text-decoration: none !important;
}

.btn {
	border-radius: 0 !important;
}

.carousel-indicators [data-bs-target] {
	width: 16px;
	height: 16px;
}

.bg-grafic {
	background-image: url('background_grafik.png');
	min-height: 198px;
	margin-left: .225rem;
	margin-right: .225rem;
	padding: 2rem 0;
}

.bg-grafic figure {	
	margin-right: inherit !important;
	margin-left: inherit !important;
}

.bg-grafic h2 {
	margin: 2rem 0 !important;
}

#anl-zeichen {
	width: 39px;
}
.anl-zeichen.p-3 {
	padding: .85rem !important;
}

#anl-box {
	top: -65px;
}


.accordion-item {
	color: #fff;
	background-color: #fff !important;
	margin-bottom: 1rem;
	color: inherit !important;
}
.accordion-button {
	background-color: var(--bs-primary) !important;
	color: #fff !important;
}
.accordion-header {
	background-color: var(--bs-primary) !important;
}


#showMore {
	margin-top: 8rem !important;
}

/* Content consent plugin */
#s73-1, #s73-2 {
	display: block !important;
}
.tx-content-consent div:first-child.mt-5 {
	margin-top: 0 !important;
}
.tx-content-consent .mb-4 {
	margin: 0 !important;
}


.iconpack.bi.chevron-right {
	margin-top: -16px;
	width: 40px;
  font-size: 40px;
}




.ns-timeline h2 {
	color: #035f61 !important;
}
.ns-timeline p {
	color: #000 !important;
}


/* -------------------------------------------------------------------------------------------- */
@media (min-width: 576px) {


}


/* -------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {


	.bg-grafic {
		margin-left: 0;
		margin-right: 0;
	  
	}
	.bg-grafic header,
	.bg-grafic .bodytext p {
		text-align: left !important;
	}
	
	.bg-grafic figure {	
		margin-right: auto !important;
		margin-left: auto !important;
	}
	
	.bg-grafic h2 {
		margin: 0 !important;
	}
	
	#anl-zeichen {
		width: 63px;
	}

	#anl-box {
		top: -75px;
	}


}






/* -------------------------------------------------------------------------------------------- */
@media (min-width: 992px) {








}


/* -------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) {

}








/* We occasionally use media queries that go in the other direction */


/* -------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {

	.swiper-button-prev,
	.swiper-button-next {
		display: none !important;
	}
	
	.main-content.pt-5 {
		padding-top: 0 !important;
	}


	.gallery {
		text-align: inherit !important;
	}
  
/*
.frst-odd-item .frst-timeline-content::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
    border-right-width: 20px;
    border-right-style: solid;
    border-right-color: transparent;
    border-left-color: transparent;
  border-left-color: #fff;
  border-right: 0;
  margin-top: -20px;
  margin-right: -20px;
}
*/





}



/* -------------------------------------------------------------------------------------------- */
@media (max-width: 767.98px) {

	.order-anl-1 {
		order: 1 !important;
		margin: 1rem 0;
	}
	.order-anl-2 {
		order: 2 !important;
		margin-top: 2rem;
		margin-bottom: 1rem;
	}


.projekt-links .card.h-100 {
		height: inherit !important;
	}

	
}


/* -------------------------------------------------------------------------------------------- */
@media (max-width: 991.99px) {

	#c13 {
		display: none !important;
	}

.layout-3.h-100 {
	height: inherit !important;
}

/*
.layout-3 .card-body {
	text-align: left;
}
*/

.small.text-secondary {
	margin-bottom: 1rem !important;
}


  .list-group.news-list-view .card-body::before {
    position: relative;
    width: 0;
    height: 0;
    content: '';
    border-width: 30px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    top: -73px;
    left: calc(50% - 30px);
    
  }

  
	.main-navbarnav .nav-item {
		line-height: 2.5;
	}

  

}


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



/*
$accordion-bg: #212529;
$accordion-color: #fff;
$accordion-padding-y: 0.75rem;
	
	$accordion-border-radius: 0;

	$accordion-inner-border-radius: 0;
$accordion-button-active-bg: rgba(#212529, .750);
$accordion-button-color: #fff;
$accordion-button-active-color: #fff;
$accordion-button-color: #fff;
$accordion-button-bg: rgba(#212529, .250);
$accordion-icon-color: #fff;
$accordion-icon-active-color: #fff;

	--bs-accordion-color: #{$accordion-color};
	--bs-accordion-bg: #{$accordion-bg};
--bs-accordion-transition: #{$accordion-transition};
--bs-accordion-border-color: #{$accordion-border-color};
--bs-accordion-border-width: #{$accordion-border-width};
--bs-accordion-border-radius: #{$accordion-border-radius};
--bs-accordion-inner-border-radius: #{$accordion-inner-border-radius};
--bs-accordion-btn-padding-x: #{$accordion-button-padding-x};
		--bs-accordion-btn-padding-y: #{$accordion-button-padding-y};
	--bs-accordion-btn-color: #{$accordion-button-color};
	--bs-accordion-btn-bg: #{$accordion-button-bg};
--bs-accordion-btn-icon: #{escape-svg($accordion-button-icon)};
--bs-accordion-btn-icon-width: #{$accordion-icon-width};
--bs-accordion-btn-icon-transform: #{$accordion-icon-transform};
--bs-accordion-btn-icon-transition: #{$accordion-icon-transition};
	--bs-accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon)};
--bs-accordion-btn-focus-box-shadow: #{$accordion-button-focus-box-shadow};
--bs-accordion-body-padding-x: #{$accordion-body-padding-x};
	--bs-accordion-body-padding-y: #{$accordion-body-padding-y};
--bs-accordion-active-color: #{$accordion-button-active-color};
--bs-accordion-active-bg: #{$accordion-button-active-bg};

*/