:root{
	--primary-color:#141f3b;
	--secondary-color: #ebe3d8;
	--tertiary-color: #00aab5;
	--quarternary-color: #b2b3b6;
	--carousel-item-background: #b2b3b6;
	
}


@font-face {
    font-family: 'Barlow Light';
    font-weight: normal;	
    src: url('../Fonts/BarlowSemiCondensed-Light.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
    font-family: 'Barlow Regular';
    font-weight: normal;	
    src: url('../Fonts/BarlowSemiCondensed-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}


@font-face {
    font-family: 'Barlow Medium';
    font-weight: normal;	
    src: url('../Fonts/BarlowSemiCondensed-Medium.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}



header  {
}

body{
	font-size: 13pt;	
}

h1,h2,h3,h4,h5, .card-title, body {
	color: var(--primary-color);
	font-family:'Barlow Regular'; 
}

h1,h2,h3,h4,h5{
	#font-family:'Barlow Regular'; 
	color: var(--primary-color);	
}

a, .frame a:not([class]){
	color:var(--tertiary-color);
}

a:hover, .frame a:not([class]):hover{
	color:var(--primary-color);
}

h1 {
	font-size: 3.5rem;
}

.awesome.h1 {
	line-height:2rem;
	font-size: 4rem;
}

h2 { 
	font-size: 2.5rem;
	color: var(--frame-color);
}

h2.h1{
	margin: 0 5px;
}

.frame, section{
  scroll-margin-top: 5rem;	
}

li a {
	#text-decoration:none;
}

.awesome.h3 {
	font-size: 1.5rem;
	text-transform: uppercase;
	letter-spacing: .3rem;	
	font-weight:300;	
}

.bg-white{
	background-color: #fff;
}

.bg-beige,.frame-layout-bg-beige,.frame-layout-bg-beige .card{
	background-color: var(--secondary-color);
	--bs-card-color: var(--primary-color);	
}

.bg-turquoise,.frame-layout-bg-turquoise,.bg-turquoise h1, .bg-turquoise h2, .bg-turquoise h3 {
	background-color: var(--tertiary-color);
	color: #fff;
}


.bg-turquoise a, .bg-turquoise .frame a:not([class]){
	color: var(--secondary-color);
}

.no-padding{
	padding:0;

}


.arrow-up{
	position: fixed;
	bottom: -80px;
	right: 30px;
	z-index: 4;	
	font-size: 40pt;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;	
}

.arrow-up img {
	width: 60px;
	height: 60px;
}

.list-standard > li {
	list-style-type:none;
	padding: 0 35px;
	position: relative;	
	#line-height:1.5;

}

.list-standard {
	padding:0;
}

.list-standard > li::before{
	color:var(--tertiary-color);
	content: "\f285";
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: 400 !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	left: 7px;
	top: 5px;
}

.list-big > li::before{
	font-size:1.4rem;
}

.list-big > li{
	font-size:1.4rem;
}

.list-white > li::before{
	color: #fff;	
}

.list-white > li{
	color: var(--secondary-color);	
}

/*** .logo > a{
	position:relative;
	top:3px;
} ***/
.logo > a{
	position: relative;
	top: -40px;
	background-color: #fff;
	z-index: 2;
	height: 108px;
	width: 100%;
	left: 0px;
	display: flex;
	padding: 1rem 1.5rem 1rem 0.5rem;
}
/*** .logo > a > img {
	height:70px;
	width:auto;	
	
} ***/

.logo > a > img {
	height: 100%;
	width: auto;
	position: relative;
	margin:auto;
}

.logo{
	#height: 100px;
	#align-content:center;
	#justify-content: start;
	#align-items: center;
	#display: flex;
	#position:relative;
	#z-index:1;
	#padding-left: 40px;	
}

.theme-color-tertiary{
	background-color:#ebe3d8; 

}

/*** Frame Layout ***/

.frame-layout-farb-balken{
	background: linear-gradient(to top, var(--primary-color) 75%, #fff 25%);	
}

.frame-layout-farb-balken .card a:not(.btn){
	color: var(--tertiary-color);
}

.frame-layout-no-padding, .frame-layout-no-padding .frame-container-default  {
	padding: 0;
	width:100%;	
	max-width:unset;
}

.frame-layout-no-padding-bottom {
	padding-bottom: 1rem;
}

.frame-background-primary {
	background-color: var(--primary-color);
	
}

.frame-background-secondary h1,.frame-background-secondary h2,.frame-background-secondary h3,.frame-background-secondary a:not([class]){
	color: var(--primary-color);
}

.frame-background-secondary {
	background-color: var(--secondary-color);
	color: var(--primary-color);
}

.frame-background-tertiary {
	background-color: var(--tertiary-color);	
	--frame-color:#fff;
}

/*** Header ***/
.header-container{
	height:108px;
}

.header-row-1 {
	background-color: #fff;
}

.header-row-2 {
	z-index:2;
	box-shadow: 0px 2px 4px #555;	
}

.full-width-container{
	#box-shadow: 1px 2px 9px #555;
	position: relative;
	width:100%;
}	



.fixed {
	position:fixed;
	z-index:4;
}

.main-container {
	max-width:1700px;
	margin-left:auto;
	margin-right:auto;
}

.top-nav-container{
	height:40px;
	color: #fff;
	display:flex;
	justify-content:end;
	align-items:center;
}

.lang-menu{
	padding:0;
	width:30px;
}

.login-clearing span{
	margin-right:5px;
}
	
.login-clearing{
	flex-basis: content;	
}

.icon{
	display: inline-block;	
	height:30px;
	width:30px;
}

.top-nav-container a{
	#color: #fff;
	color: var(--tertiary-color);
	text-decoration:none;
}

.top-nav-container a:hover{
	color:var(--primary-color);
}

.main-nav-container {
	#min-height:96px;
}

.main-nav{
	text-transform:unset;
	font-size:14pt;
}

.main-nav a{
	color: var(--primary-color)!important;
	border-bottom: solid 3px transparent;
}

.main-nav a:hover, .nav-link.active, .nav-link.show, .dropdown-item.active, .dropdown-item:active{
	color: #fff !important;
	background-color:var(--primary-color);
	border-bottom: solid 3px var(--tertiary-color);
}

.dropdown-icon {
	white-space: nowrap;
}

.dropdown-icon::after {
  display: none;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-icon-mobile{
	display:none;
}	

.nav-link.active-footer{
	color:var(--tertiary-color);
}

.nav-item{
	position:relative;
	
}

.nav-item > a.nav-link{
	padding-left:15px !important;
	padding-right:15px !important;
}
	
.header {

}

.header-frontpage{
	box-shadow: 1px 2px 9px #555;
}


.navbar{
	top: 0px;
	left: 0px;
	align-items:end;	
	background-color: #fff;
	padding:0;
	padding-left:28px;
	padding-right:15px;
}

.navbar-collapse {
  align-items: end;
}

#scrollbar{
	position:fixed;
	top:0px;
	transform:translateY(-110%);
	z-index:3;	
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;	
}

.scrollbar-visible {
  transform: translateY(0px) !important;
}

.dropdown-menu{
	margin:0 !important;
	background-color:rgba(255,255,255,0.9);
	#background-color:rgba(235,227, 216,0.9);	
	border-radius:0;
	font-size:14pt;
}

.dropdown-menu-level-2, .dropdown-menu-level-2.dropdown-menu[data-bs-popper]{
	position:absolute;
	left:100%;
	top:0;
}
.search-container{
	justify-content:end;
	position: relative;
	top: 5px;	
}

.search-container > form {
	width:100%;
	max-width:250px;
}

.kesearchbox-header > input,.kesearchbox > input,#ke_search_sword {
	position: relative !important;
	top:-10px !important;
	border:1.5px solid var(--tertiary-color);
	border-radius: 20px;
	background-color: #fff;
	height: 40px !important;
	padding: 5px !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
	margin: 0 !important;
	display: inline !important;
	width: 100% !important; 
}

.kesearchbox-header,#ke_search_sword{
	color: var(--tertiary-color);
	font-size: 12pt;
	position: relative;	
}

#ke_search_sword {
	max-width: 400px !important;
}

.kesearchbox-header > input:focus{
	border:1.5px solid var(--tertiary-color);
	border-radius: 20px;
	outline:1.5px solid var(--primary-color);
	color: var(--primary-color);
}
.kesearchbox-header > input:focus ~ span {
	color: var(--primary-color);	
}

.kesearchbox-header > span {
	position: absolute;
	left: 9px;
	top: -3.5px;
	height:30px;
	width:30px;
	margin:auto;
}

.kesearchbox-header > span.bi-search::before {
	font-weight:bold !important;
	font-size:13pt !important;
	vertical-align:middle;
}

.icon-strich{
	position:absolute;
	right:44px;
	top:-5px;
	padding:0;	
	width:2px;
	height:30px;
}

.local-login-icon::before {
  content: '';
  border-left: 1.5px solid var(--tertiary-color);
  height: 28px;
  position: absolute;
  right: 34px;
  display:none;
}

.local-login-icon img{
	height:25px;
	width:25px;
}
.local-login-icon{
	display:none;
	position:absolute;
	right: 10px;
	top: -4.5px;
	padding:0;
}

.stage {
	position:relative;
	width: 100%;
	height: 600px;
	z-index:0;
}

.stage-overlay {
	position: relative;
	top: 0;
	background-color: rgba(20, 31, 59,0.6);
	height: 40%;
	width: 100%;
	z-index: 0;
	#transform: translateY(70%);
	margin-top:auto;
	margin-bottom: auto;
	align-items: center;
	display: flex;
	#box-shadow: 8px 5px 11px var(--primary-color);	
}

.stage-overlay-white{
	background: rgba(255,255,255,0.7);
	height: 100%;
	display: flex;
	width: 100%;
	bottom: 0;
	position: absolute;	
}

.stage-overlay-white::before {
  height: 5px;
  #background-color: var(--tertiary-color);
  width: 100%;
  position: absolute;
  top: 0;
  content: '';
}

.main-caption{
	font-family:Barlow Regular;	
	text-align:left;
	max-width:1500px;
	margin:auto;
}

.line-1{
	font-size: 16pt;
	color: var(--primary-color);
	font-weight: 300;
	line-height:0.8;
}

.line-2{
	font-size: 50pt;
	color: var(--tertiary-color);
	font-family: 'Barlow Medium';
	line-height:1.1;
	letter-spacing: 2px;
}

.line-3{
	font-size: 14pt;
	color: var(--primary-color);
	font-weight: 300;
}

.read-more-button {
	position:absolute;
	display:flex;
	height: 50px;
	width: 200px;
	background: var(--secondary-color);
	color: #000;
	justify-content:center;
	align-items:center;
	align-content: center;
	font-weight: lighter;
	font-size: 11pt;
	bottom: -25px;
	box-shadow: 1px 2px 9px #555;		
	border-radius:5px;
}


.quicklinks-menu{
	position: fixed;
	right: 0px;
	z-index: 2;
	color: #fff;
	top: 164px;
	display:flex;
	flex-direction: column;
	gap:2px;
	right:-150px;
}


.quicklinks-menu-item{
	text-decoration:none;
	transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -o-transition: transform 1s ease;	
	transform: translateX(0px);	
}

.quicklinks-menu-item:hover .quicklinks-menu-item-expand{
	#width:100%;
	#padding:5px 10px;	
}

.quicklinks-menu-item img{
	height:40px;
	width:40px;
}
.quicklinks-menu-item-container{
	display:flex;
	justify-content: end;
	flex-direction: row;
    white-space:nowrap;

}

.quicklinks-menu-item-visible{
	transform: translateX(-150px);
}

.quicklinks-menu-item-expand{
	padding:5px 10px;
    overflow:hidden;	
	background-color: var(--tertiary-color);
	color: #fff;
	width:150px;
}

/*** Breadcrumbs ***/
.breadcrumb {
	#--bs-breadcrumb-padding-x: 5rem;
}

/*** Content Elements ***/


.referenzen-enm{
	background-image: url('../Images/logos/energynewsmagazine_sw.png');
}

.referenzen-energymonitor{
	background-image: url('../Images/logos/energymonitor_sw.png');
}

.referenzen-iso{
	background-image: url('../Images/logos/energymonitor_sw.png');
}
/*** Textpic Gallery ***/

.textpic-gallery .gallery-item-size-1 {
	max-width: 400px;
	margin: auto;
}


/***Mitarbeiter ***/

.abteilung-container:not(:first-child) {
	margin-top: 3rem;
}



/**Header**/

.element-subheader.h1 {
	text-transform: none;
	top:-5px;
	letter-spacing: unset;	
	
}

.element-subheader, .carousel-subheader{
	position:relative;
	top:10px;
	font-size: 1.5rem;
	text-transform: uppercase;
	letter-spacing: .3rem;	
	font-weight:300;	
}

.text-pic-agcs{
	background-color:#ebe3d8; 
	width: 100%;	
}

.text-pic-item-agcs{
	padding:3rem;
	padding-right: 5rem;	
}

.text-pic-item-agcs h1{
	font-size: 3rem;
}
.text-pic-item-agcs h2{
	font-size:1.7rem;
	font-weight: 0;
}

.text-pic-item-agcs p {
	margin-bottom:0.5rem;
}

.text-pic-agcs > .textpic-gallery > .gallery-row > .gallery-item img,
.text-pic-agcs > .textpic-gallery > .gallery-row,
.text-pic-agcs > .textpic-gallery > .gallery-row > * > *,
.text-pic-agcs > .textpic-gallery > .gallery-row > * > * > * {
  height: 100%;
}

/* Carousel Fullscreen */

/*** Layout 0 for Frontpage Header ***/

.carousel-fullscreen-inner-layout-0,.carousel-fullscreen-inner-layout-0 > .carousel-item {
  height: 600px;
  padding-left:0;
  padding-right:0;
}

.carousel-fullscreen-inner-layout-0 .carousel-content{
	display:flex;
}


.carousel-control-layout-0{
	height: 100%;
	#transform: translateY(15%);
	font-size: 27pt;
}

.carousel-indicators-layout-0 {
	bottom: 170px;
}

.carousel .carousel-control-layout-0 {
	color: var(--primary-color);
	width: 60px;
}


/** Content Layout 1 Subpage Headers (Management, Ansprechpartner,..) ***/

.carousel-fullscreen-inner-layout-1, .carousel-fullscreen-inner-layout-1 > .carousel-item {
    height: 400px;
  }

.carousel-fullscreen-layout-1,.carousel-fullscreen-layout-2{
	box-shadow: 1px 2px 9px #555;
}

.carousel-fullscreen-layout-1 .carousel-content-inner {
	max-width:1350px;
}

/** Content Layout 2 (for Itemtype=Textpic, Header Eigentümer) ***/
.carousel-fullscreen-inner-layout-2, .carousel-fullscreen-inner-layout-2 > .carousel-item {
    height: 600px;
  }
  
.carousel-content-inner.no-maxwidth {
	max-width: unset;
}

/* Carousel */
/** Content Layout 0 ist free  **/

/*** Content Layout 1 (for Itemtype=Textpic --> Aufgaben Carousel) ***/
.carousel-inner-layout-1 > .carousel-item {
	background-color: var(--secondary-color);	
}

.carousel-layout-1 > .carousel-control-container{
	position: absolute;
	right: 0;
	top: 0;
	width: 110px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.carousel-control-layout-1{
	position:relative;
	width:100%;
	height:100%;
	color: var(--tertiary-color);
	font-size:40pt;
	height:100px;
}

.carousel-control-next-layout-1:focus, .carousel-control-prev-layout-1:focus,.carousel-control-next-layout-1:active, .carousel-control-prev-layout-1:active{
	color: var(--tertiary-color);
}

.carousel-control-next-layout-1:hover, .carousel-control-prev-layout-1:hover{
	color: var(--primary-color);
}

.carousel-control-prev-layout-1{
	#right:0;
	left:unset;
	#transform: translateY(-100%);
}

.carousel .carousel-indicators-layout-1{
	margin:0;
	width:60%;
	right:0;
	left:unset;
}

.carousel-indicators-layout-1 [data-bs-target],.carousel-indicators-layout-0 [data-bs-target]{
	background-color: var(--primary-color);
}

/***Carousel Item General ***/
.carousel-item-layout-primary {
  --carousel-item-color: var(--tertiary-color);
  --carousel-item-background: var(--quarternary-color);
  --carousel-item-link-color: var(--secondary-color);
  --carousel-item-link-hover-color: var(--primary-color);
}


/*** Carousel Item Header ***/

.carousel-text-inner.axcs-carousel-header-text-inner {
	z-index: 1;
	position: relative;
	width:100%;
}
.carousel-item-layout-primary.carousel-item-type-header{
	align-items: end;
	display: flex;
}

.carousel-item-layout-primary.carousel-item-type-header > .carousel-content{
	height: 30%;
	width: 100%;
}
.carousel-item-layout-primary.carousel-item-type-header::before{
	position: absolute;
	content:'';
	bottom: 0;
	background-color: rgba(20, 31, 59,0.5);
	height: 30%;
	width: 100%;
	z-index: 1;
	align-items: center;
}
.carousel-item-layout-primary.carousel-item-type-header > .carousel-content::before {
	content:'';
	background: rgba(255,255,255,0.7);
	height: 100%;
	width: 100%;
	bottom: 0;
	position: absolute;
	z-index:1;
}

/*** Carousel Item TextPic ***/
/*** Item Layout Primary ***/
/* free */

/*** Item Layout Secondary (used at Header Eigentümer, but goes for all Carousel Textpic Items) ***/
.item-secondary,.header-textpic-text, .carousel-item-layout-secondary{
		background:transparent;
		height:100%;
}

.header-textpic-text {
	padding-top:3rem;
}

.header-textpic-image, .header-textpic-image img, .header-textpic-image > picture{
	margin:0;
	height:auto;
	display:flex;
	#justify-content:center;
	max-height: 100%;	
}

.header-textpic-container {
	display:flex;
	align-items:center;
	justify-content:center;
}

.header-textpic-image img{
	max-height:459px;
	width: auto;	
}


/*** Item Layout Tertiary goes only for all Carousel(types) with Textpic Items ***/
.carousel-item-layout-tertiary.carousel-item-type-text_and_image{
	padding-left:0;
	padding-right:0;
}
 
.agcs-carousel-image img{
	margin:0;
	height: 100%;
	width: auto;
	position: absolute;		
}
 
.agcs-carousel-text{
	z-index: 0;
	background-color: var(--secondary-color); 
	width: 60% !important;
	height: 600px;	
}

/*** Accordion ***/
.accordion-button:not(.collapsed){
	--bs-accordion-active-bg: var(--tertiary-color);
	color: #fff;	
}

/*** Carousel Item HTML ***/
/*** Item Layout Primary, used at Fronpage Header and goes for all carousels HTML-items ***/
.carousel-item-layout-primary .carousel-content-inner{
}

/*** Item Layout Secondary, used at Subpage Header and goes for all carousels HTML-items ***/

/*** Carousel Item HTML ***/


/*** TextpicLeft --> Layout 1  ***/
.text-pic-agcs{
	flex-wrap:nowrap;
	gap:0;
}

.text-pic-agcs > .textpic-gallery{
	width:40%;
}

/*** TextpicRight --> Layout 1  ***/

.pic-small > .textpic-item.textpic-gallery{
	width: calc(30% - (40px / 2));
}

.pic-small > .textpic-item.textpic-text{
	width: calc(70% - (40px / 2));
}

/** Card ***/
.card-img-top,.card-img-top img {
	height:200px;
	width:auto;
	text-align:center;
	border-radius: 0;
}

.card-group-element-columns-4 img{
	#height:10rem;
}

.card-group-element-align-center .card-group-element-item{
	display:flex;
	justify-content:center;
}

/*** Layout 0 (Standard) ***/

.card-layout-0.card {
	max-width: 398px;
}

.card-layout-0 {
	background:transparent;
}

.frame-layout-farb-balken .card-layout-0{
	color:var(--secondary-color);
}

.card-subtitle{
	color: var(--primary-color);
	text-transform:none;
	letter-spacing: 0;
	font-weight: 300;	
	text-align:center;
	font-size:16pt;
}

.card-body-middle-arrow{
	position:relative;
	#transform: translateY(-50%);
	text-align:center;
	height:60px;
	width:60px;
	margin: auto;
	font-size: 36pt;
}

.card-popover-container{
	position:absolute;
	height:50%;
	width:100%;
	transform: translateY(-60px);
	padding-right:calc(var(--bs-card-spacer-x)*2);
	padding-bottom:60px;
	
}

.card-group-popover-link:hover > .popover-bg-container {
	display:flex;
}

.card-body-middle-arrow::before {
	content: "\f282";
	#vertical-align: middle;	
	color:var(--tertiary-color);
}

.frame-layout-farb-balken .card-body-middle-arrow::before {
	color:var(--tertiary-color);
}

.card-footer{
	margin:auto;
}

.popover-bg-container{
	background: var(--secondary-color);
	color: #000;	
	height: 100%;
	width: 100%;
	display:none;
	justify-content: center;
	align-items: center;	
	flex-direction: column;	
}

.card-group-popover-link{
	display:block;
	position:relative;
	height: 100%;
	width: 100%;
	text-align: center;
	align-content: center;
	color: #000;
	font-weight: lighter;
	font-size: 11pt;
	text-decoration:none;	
}

/*** Card Layout 2 ***/
.card-title{
	font-weight:900;
	text-align:center;
	margin-bottom: 1.5rem;
	margin-top: 1rem;
}


.card-group-layout-2-container{
	#background-image: linear-gradient(#fff 9%, var(--secondary-color) 9%, var(--secondary-color) 70%, var(--quarternary-color) 70%);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-top: 30px;
	padding-bottom: 130px;
}

.card.card-layout-2{
	background:transparent;
}

.card-group-layout-2-container > .row > .card-group-element{
	padding:0;
	gap:0;
}

.card-layout-2 h2{
	color: #000;
	margin: 0.5rem;
	margin-bottom:2rem;
}

.card-layout-2 h3{
	color: #000;
	font-size: 12pt;
	text-align:center;
}
.card-layout-2 .card-body{
	padding: 1rem 2rem;
}



.card-layout-2 .card-body-top-arrow{
	margin: 5px;
	color: var(--tertiary-color);
	text-align:center;
}

.card-layout-2 .read-more-button{
	color: #000;
	font-size: 12pt;
	top:0;
}

.card-layout-2 .card-img-top{
	#height: 200px;
	#width:100%;
}

.card-layout-2 img{
	height: 300px;
	width:auto;
}

.card-body-text > p{
	width: 280px;
	margin: auto;
}

.card-body-top-arrow img{
	display:block;
	margin:auto;
	width:20px;
	height:auto;
}	
	.card-layout-2 h2 {
		margin-top: 2rem;
		margin-bottom: 0;
	}
	


/*** File List ***/
.file-layout-0 a, .file-layout-1 a {
	text-decoration:none;
}

.file-layout-1 a:hover,.file-layout-1 a:hover .filelink-heading ,.file-layout-1 a:hover .filelink-filedescription,
.file-layout-1 a:hover .card-body-middle-arrow::before {
	text-decoration:0;
	background-color: var(--secondary-color);
	color: var(--primary-color);
}

.file-layout-0 a{
	max-width: 800px;
	display:block;
}

.file-layout-0 .filelink-item {
	border: 1px solid var(--tertiary-color);
	padding: 8px 20px;
	border-radius: 18px;
	text-decoration: none;
	margin-bottom: 5px;
}

.file-layout-0 a:hover .filelink-item{
	background-color: var(--tertiary-color);
	color: #fff;
}

.file-layout-0 .filelink-body{
	width:80%;
}
.filelist-download-icon-0{
	width: 20%;
	justify-content: end;
	align-items:center;
	display: flex;
}

.file-layout-1{
	display: flex;
	flex-wrap: wrap;
	gap:15px;	
}

.file-layout-1 a{
	width: 30%;	
	height: 175px;
	background-color: var(--primary-color);
	max-width: 270px;	
}

.file-layout-1 .filelink-item {
	border-bottom: 10px solid var(--tertiary-color);
	padding: 12px 16px;
	border-radius: 0;
	height:100%;
	width:100%;
}

.file-layout-1 .filelink-body {
	width:100%;
	text-align:center;
}
.file-layout-1 .filelink-heading {
	color: var(--tertiary-color);
	font-size: 16pt;
}

.file-layout-1 .filelink-filedescription {
	color: #fff;
}

.filelist-arrow{
	font-size: 16pt;
}


/*** Table Marketvolume ***/


.table > :not(caption) > * > * {
	color: unset;
	background-color:unset;
}
.marketvolume th,.marketvolume tr:nth-last-child(-n+3) {
	background-color: var(--tertiary-color);
	color: #fff;
}

.marketvolume td:not(:first-child),.marketvolume th:not(:first-child)  {
	text-align: right;
}


.download-panel {
	width:100%;
	justify-content:end;
	display:flex;
	
}

.download-panel-link {
	text-decoration:none;
}

/*** RTE ***/

.text-primary {
	color: var(--primary-color) !important;
}

.text-secondary {
	color: var(--secondary-color) !important;
}

.text-tertiary {
	color: var(--tertiary-color) !important;
}

.text-quarternary {
	color: var(--quarternary-color) !important;
}


.button,.button a:hover {
	text-decoration:none;
}

.dropshadow{
	box-shadow: 1px 2px 9px #555;		
}

.read-more-button-light {
	position:relative;
	display:inline-block;
	height: 50px;
	width: 200px;
	background: var(--secondary-color);
	color: #000;
	text-align: center;
	align-content: center;
	font-size: 11pt;
	bottom: -25px;
	border-radius:5px;
	
}

.read-more-button-dark {
	position:relative;
	display:inline-block;
	height: 50px;
	width: 200px;
	background: var(--primary-color);
	color: #fff;
	text-align: center;
	align-content: center;
	font-size: 11pt;
	margin-top: 1rem;
	border-radius:5px;
	
}

.read-more-button-dark:hover {
	color: var(--secondary-color);
}

/*** Search ***/
.kesearch_searchbox span.submitbutt > input, .kesearch_searchbox span.resetbutt > a {
	position:relative;
	display:inline-block;	
	height: 50px;
	width: 200px;
	background: var(--primary-color);
	color: #fff;
	text-align: center;
	align-content: center;
	font-size: 11pt;
}



/** Footer **/

.footer-container{
	height:100%;
}

.footer {
    background-color: var(--primary-color); 
    padding: 1rem;
	padding-bottom: 25px;
	align-items: center;
    color: #fff;
    padding: 4rem 1rem;
	#height:300px;
	display:flex;
}
.footer-logo{
	#text-align:center;
	display:flex;
}
.footer-logo img{
	height:80px;
	width: auto;
}

.footer-menu-container {
  border-bottom: 1px solid #fff;
  padding: 0;
  padding-bottom:15px;
}

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

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

.footer-main{
	height:400px;
	margin:auto;
	display:flex;
}


.footer-menu li {
width:33.333333%; float:left;
}


.footer-copy{
	padding-top: 15px;
	font-size:12pt;	

}

.footer-copy,.footer-copy a {
	color: var(--tertiary-color);
}

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

.footer-social{
	align-items: end;
	gap: 15px;
	justify-content: end;
}

.link-social:hover > .social-img{
	display:none;
}

.link-social:hover>.social-hover{
	display:block !important;
}

.link-social img {
height: 30px;
  width: auto;
	
}


.footer-end{
	align-content: end;
	align-items: end;
	display: flex;
}

.footer-end > ul{
	flex-direction:row;
	gap:25px;
	
}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-link {
	padding-left: 1rem;
	padding-right: 1rem;
	}
	

.card-layout-2 .card-body-text > p{
	width: unset;
}	

	.card-border::after {
	  content: '';
	  position: absolute;
	  right: 0;
	  top: 7%;
	  height: 150px;
	  border: 1px solid #000;
	}
	
	.no-border::after {
	  border: 0;
	}
	
}

@media (min-width: 992px) { 

	.navbar-expand-xl .navbar-nav {
		#gap:20px;
	}
	


	.cismo-carousel-text-inner{
		width:100% !important;
	}
		
	section {
		margin:0;
		padding:0;
	}
	
.chart-container {
	padding: 2rem 3rem;
}
		
	
}

@media (min-width: 1200px) {

	.nav-item:hover >.dropdown-menu,.dropdown-item:hover >.dropdown-menu, .dropdown-toggle:hover> .dropdown-menu{
		display:block;
	}
	.dropdown-icon::after {	
		display:inline-block;
	}
}
	
@media (max-width: 1529px){
	.logo > a {
		width: 242px;
	}
	
	
}

@media(max-width: 1546px){
	.apcs-search {
		width:14%;
		
	}
	.apcs-main-nav {
		width:86%;
		z-index:2;
	}
	
}

@media (max-width: 1399px){
.carousel-fullscreen-layout-1 .carousel-content-inner {
	max-width:1150px;
}
	
	
	.agcs-carousel-text,.carousel-inner-layout-1 > .carousel-item  {
	  height: 650px;
	}
	
	.navbar-toggler-container{
		padding: 15px;
		display:flex;
		width:50%;
		justify-content:end;
		align-items:start;
	}
	
	.main-nav{
		justify-content:end;
		flex-wrap:wrap;
	}
	.navbar-toggler-container > button{
		align-self:start;
	}
	
		
}


@media (max-width: 1199px){
	
	.header-textpic-text{
		padding-top:0;
	}
	
	.agcs-carousel-text {
	  height: 700px;
	}	
	
	/*** Item Layout Secondary ***/
	.item-secondary,.header-textpic-text, .carousel-item-layout-secondary{
			height:unset;
	}
	/*** Layout 2 (Eigentümer ***/
	.carousel-inner-layout-2, .carousel-inner-layout-2 > .carousel-item{
		height:unset;

	}
	.carousel-fullscreen-layout-1 .carousel-content-inner {
		max-width:950px;
	}	
		

	.navbar{
		#padding: 15px 30px 0px 30px;
		align-items:start;
		#transform: translateY(-65px);	
	}
	.dropdown-menu-level-2{
		transform:none;
	}
	
	.dropdown-menu-level-2, .dropdown-menu-level-2.dropdown-menu[data-bs-popper] {
		left: 0;
		top: 100%;
		width:100%;
	}	
	
	.nav-item{
		display:flex;
	}
	
	.dropdown-icon{
		width:80%;
	}
	.dropdown-toggle::after{
		vertical-align:center;
	}

	.dropdown-icon-mobile{
		display:inline-block;
		text-align:center;
		width:20%;
	}	
	
	.navbar-nav .dropdown-menu {
		position: absolute;
		width: 100%;
		border: 3px solid var(--tertiary-color);
		background: #fff;		
	}	
	
	.apcs-search {
		width:100%;
		
	}
	.apcs-main-nav {
		width:100%;
		
	}		
	
	.search-container{
		justify-content:start;
		padding: 10px 0;
	}
		
		
}

@media (max-width: 991px){
	.main-caption{
		#word-break: break-word;
		padding: 10px 50px;		
		margin-top:auto;
		margin-left:0;
		margin-right:0;
	}

	.line-2, .awesome.h1{
		font-size: 30pt;
	}
	
	h2{
		font-size: 1.8rem;
	}
	
	.carousel-control-layout-0 {
	  font-size: 20pt;
	}	
				
	.text-pic-agcs > .textpic-gallery {
		display: none;
	}
	
	.carousel-fullscreen-layout-1 .carousel-content-inner {
		max-width: 750px;
	}	
	
	.carousel .carousel-indicators-layout-1{
		width:100%;
	}	
	.agcs-carousel-text {
	  width: 100% !important;
	}
	.carousel .carousel-control-prev,.carousel .carousel-control-next  {
		justify-content: center !important;
	}
	
	.card-group-layout-2-container > .row > .card-group-element {
	  gap: 1rem;
	}	
		
  .footer-social {
	  padding-top: 15px;
  }	
 
	.footer-menu{
			padding-top:15px;
	}
	.footer-menu li {
		width: 100%;
	}
	.footer-social{
		padding-top:15px;
	} 
  
}

@media (max-width: 767px){

	.text-pic-agcs > .textpic-gallery {
		display: none;
	}

	.agcs-carousel-text {
	  width: 100% !important;
	}

	.agcs-carousel-text,.carousel-inner-layout-1 > .carousel-item  {
	  height: 800px;
	}

	.carousel-layout-1 > .carousel-control-container {
	  width: 60px;
	}

	.carousel-control-layout-1{
		font-size:30pt;
	}

	.carousel-fullscreen-layout-1 .carousel-content-inner {
		max-width:500px;
	}
	
	.text-pic-item-agcs {
		padding-right: 3rem;
		padding-right: 3rem;
	}
	
	.read-more-button{
		right:0;
		bottom: -50px;
	}	
	
	.frame-layout-farb-balken {
		background: var(--primary-color);
		margin-top: 1rem;	  
	}	

	.card-layout-0.card {
		margin: auto;
	}
	
	.card-group-layout-2-container .card-group-element > .card-group-element-item:not(:first-child){
		margin-top:2rem;
	}	
	
	.frame-layout-farb-balken .card-subtitle{
		color:#fff;
	}
	
	.marketvolume {
		display:block;
	}
	.file-layout-1 a {
	  width: 45%;
	}
	
	.file-layout-1 .filelink-heading,.file-layout-1 .filelink-filedescription{
		font-size: 12pt;
	}	
	
	.breadcrumb {
		--bs-breadcrumb-padding-x: 20px;
	}
	

	
	.no-portrait-images .frame-type-image {
		display:none;
	}
				
	
}

@media (max-width: 575px){
	
	.awesome.h1	{
		font-size:2rem;
	}
	
	.text-pic-item-agcs {
		padding: 1.5rem;
	}	

	.carousel .carousel-item {
		padding-left: 0;
		padding-right: 0;
	}
	
	.carousel .carousel-content-inner {
		padding:0 20px;
	}
	
	.carousel-layout-1 > .carousel-control-container {
		width: 40px;
	}
	
	.carousel-control-layout-1{
		font-size:20pt;
	}

	.agcs-carousel-text,.carousel-inner-layout-1 > .carousel-item  {
		height: 900px;
	}	

	.logo > a > img{
		margin:0;
	}
	
	.logo > a {
		height:80px;
		width:130px;
		top:-30px;
		padding: 1rem 0;		
	}
	
	.carousel-indicators-layout-0 {
	  bottom: 116px;
	}	
	.stage-overlay{
		height:60%;
		#transform: translateY(45%);
	}
	
	.main-caption{
		padding: 10px 40px;		
	}	
	
	.line-1{
		font-size: 14pt;
		line-height: 1;
	}	
	  .line-2 {
		font-size: 18pt;
		line-height: 1.5;
	  }
	.line-3{
		font-size: 12pt;
	}
	.carousel .carousel-control-layout-0 {
		width:40px;
	}		

}