/* Für Agreco4cast */




/*Schriftgröße Body*/
body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body {
	font-size: 20px;
	line-height: 1.6;
}

/* Seitenbreite */

.ms-tableCell {
	/*background-color: #f8f9f0; #f1f3e2 rgba(254,251,233, 1.0)*/
	/*background-color: rgba(255,255,255, 1.0);*/
}

.contentwrapper {
	min-width:980px;
	max-width: 1480px /*1840px*/;
	margin: 0px auto 4vw;
	padding-left: 4vw;
	padding-right: 4vw;
	font-size: 1.4rem;
	/*background-color: rgba(254,251,233, 1.0);*/
}

.ms-pub-contentLayout {
	padding: 20px 10px;
}

.ms-wikicontent {
	padding-left: 10px;
}

.BannerTop {
	background: url(/sites/agreco4cast/SiteCollectionImages/banner/banner-firefly-1.png) no-repeat center center;
	background-size: cover !important;
	display: block;
	height:600px; 
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, 
.ms-h1, .ms-h2, .ms-h3, .ms-h4, .ms-headerFont, 
.rtestate-field h2, .rtestate-field h3, 
.ms-rtestate-field h1, .ms-rtestate-field h2, .ms-rtestate-field h3, .ms-rtestate-field h4,
h1.ms-rteElement-H1, h2.ms-rteElement-H2, h3.ms-rteElement-H3 { 
	margin-top: 1.5;
	margin-bottom: 1rem;
	font-weight: 700;
	line-height: 1.6 !important;
	/*margin: 2rem 0;*/
}

.ms-rtestate-field h1, h1.ms-rteElement-H1 {
	font-size: 3.5rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;	
}

.rtestate-field h2, .ms-rtestate-field h2, h2.ms-rteElement-H2,  h2, .ms-h2, h2 {
	font-size: 2.8rem !important;
	line-height: 1.6 !important;
	/*color: #0b582f /*#212529*/ !important;*/
}

.section-title {
	border-left: 6px solid #0b582f /*#0b582f #971c30*/; 
	padding-left: 10px;
}

.ms-rtestate-field p, p.ms-rteElement-P {
	/*text-align: justify;*/
	margin-top: 0;
	margin-bottom: 1rem;
}

/* Für verschobene Titelleiste */

#titlerow {
	display: block;
	background-color: rgba(255,255,255, 1.0);
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	z-index: 1000;
	box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 6px 0px;
	height: 175px;
	transition: height 0.2s ease;
	/*transition: all 0.2s ease;*/
}

#titleAreaBox{
	/*background-color: rgba(254,251,233, 1.0);*/
	display: block;
	background-color: rgba(255,255,255, 1.0);
	/*max-width: 90%;*/
	margin: auto 4vw auto 4vw;;
}


.ms-belltown-anonspacer {
	height: 0px;
}


.ms-breadcrumb-box {
	/*background-color: rgba(254,251,233, 1.0);*/
	/*background-color: rgba(255,255,255, 1.0);*/
}
.ms-breadcrumb-box{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 23px;
}



/* Logo */
#siteIcon {
	text-align: left;
	margin: 10px 20px auto 20px;
	/*line-height: 1.6;*/
	height: 165px;
	transition: height 0.2s ease;
	background-color: rgba(255, 255, 255, 1.0) /* rgba(70,76,30,1.0) rgba(90,84,53, 1.0)*/;
	/*Logo noch da damit Hamburger Menue richtig rechts angezeigt wird*/
	/*width: 140px;*/
	/*display: none;*/
	/*transition: all 0.2s ease;*/
}
.ms-siteicon-a {
	max-width: 200px;
	max-height: 180px;
}

.ms-siteicon-img {
	/*display: none;*/
	/*Logo noch da damit Hamburger Menue richtig rechts angezeigt wird*/
	max-height: 150px;  /* Höhe Logo Bild */
	transition: max-height 0.2s ease;
	max-width: 200px !important;
	padding: 2px;
	/*transition: all 0.2s ease;*/
}



#ctl00_QuickLaunchNavigationManager {
	margin-top: 5px;
}



	.ms-core-pageTitle, .ms-core-pageTitle a {
		display: none;
	}
		

/* Link */
a, a:visited, .ms-link:visited, a:hover{
	/*font-weight: 500;*/
	color: #971c30;
	text-decoration: underline;
}

a:hover {
	/*color: #b35c00;*/
	/*text-decoration: none;*/
}

/* Link Icon */

.link-icon-container {
	text-align: center;
}

.link-icon {
	display: inline-block;
    text-align: center;
	margin: 1rem;
}

.link-icons {
	max-width: 250px;
}

.link-icons-text {
	text-align: center;
    display: block;
}

/* Banner Text overlay */
.mp-page-content {
	position: relative; /* Ermöglicht absolute Positionierung innerhalb */
}

.mp-banner-text-wrapper{
	position: absolute;
	top: -476px; /* Höhe, bei der der Text über dem Banner erscheinen soll */
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}

.mp-banner-text {
	background-color: rgba(255, 255, 255, 0.7);
	padding: 2rem;
	max-width: 600px;
	text-align: center;
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	border-radius: 40px;
}

.mp-banner-text h1 {
	color: #0b582f;
	margin-bottom: 0rem;
	margin-top: 0rem;
}

.mp-main-content {
	margin-top: 1rem; /* Platz schaffen, damit der Text nicht überlappt */
	/*padding: 2rem;*/
}

/* ++++++++++++++++ */

/* Zweispaltiges Layout (auch Footer) */
.container {
	display: flex;
	gap: 1vw; /* Abstand zwischen den Spalten */
	/*padding: 1rem;*/
	flex-wrap: wrap; /* Ermöglicht Umbruch bei kleiner Breite */
}

.column {
	flex: 1 1 48%; /* Beide Spalten gleich breit, mit Platz für Abstand */
	/*background-color: #e0e0e0;*/
	/*padding: 1rem;*/
	box-sizing: border-box;
}

/* Footer in Master */

.MyFooterZone {
	display: flex;
	gap: 1vw; /* Abstand zwischen den Spalten */
	background-color: #0b582f;
	color: #ffffff;
	padding: 20px;
	flex-wrap: wrap; /* Ermöglicht Umbruch bei kleiner Breite */
}

.MyFooterZone a {
	color: #ffffff;
	box-sizing: border-box;
}

.FooterColumn1, .FooterColumn2 {
	flex: 1 1 48%; /* Beide Spalten gleich breit, mit Platz für Abstand */
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
}

.FooterColumn2 {
	text-align: right;
	padding-top: 130px;
}

.FooterColumn1 p {
	margin-top: 10px;
}

.FooterLinks {
	padding-top: 10px;
}

.FooterLinks a {
	/*font-weight: 600;*/
}

.footerLink {
	
}

.AgEcPaLogo {
	max-width: 250px;
}

/* ++++++++++++++++ */

/* Top Link */

#TopLink {
	float:right;
	transition-duration: 0.4s;
	height: 20px;
	width: 70px;
	curser: pointer;
	margin: 0 20px 20px 0;
}

#TopLink a {
	display: inline-block;
}


/* Blendet Seitentitel auf der Seite aus */
.ms-belltown-pageName {
	/*margin: 2rem 0 2rem 12px;*/
	display: none;
} 

.ms-belltown-pageName a {
	font-size: 3.5rem;
	line-height: 1.6;
	text-decoration-line: none !important;
	color: #5B5B5B;
	font-weight: 700;
}

.MyPageHeader {
	/*position: relative;
	top: -20px;*/
	font-size: 2.0em;
	margin-bottom: 25px;
	margin-top: 25px;
} 

/* Help Link oben rechts */
#ms-help {
	display: none;
}

/* Suche */
.ms-srch-sb {
	display: none;
	/*margin-right: -50px;*/
}

.ms-belltown-searcharea {
	display: none;
	width: 0px; /*170px*/
	padding-top: 0px;
	padding-right: 0px; /*10px*/
} 

/* Horizontales Menü */

.ms-core-listMenu-root {
	margin-left: -40px;
	/*margin-left:23px;*/
}

.ms-core-listMenu-horizontalBox {
	/*background-color: aquamarine;*/
	width: 100%;
	font-size: 1.4rem;
	text-align: right;
	margin-top: 70px;
	transition: max-height 0.2s ease;
	/*transition: all 0.2s ease;*/
}	

.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	padding-right: 18px;
}


.menu-item-text {
	white-space:nowrap;
}
li.dynamic {
	margin-bottom: 6px;
	margin-top: 6px;
	
}

ul.dynamic {
	min-width: 160px;
	white-space: nowrap !important;
	padding-right: 20px;
	background-color: #ffffff;
}

/* Figures */
figure {
	text-align: center;
}

figcaption {
	font-size: 1rem;
}

.mp-bild-sh {
	max-height: 900px;
}

/* Item Style Partner */

.mp-partner-item {
	display: flex;
	align-items: flex-start;
	gap: 2.0vw;
	margin-top: 3vw;
	margin-bottom: 4vw;
	font-size: 1.4rem;
}

.mp-partner-image-area-left {
	
}

.mp-partner-image {
	width: 315px;
	height: auto;
	flex-shrink: 0;
}

.mp-partner-link-item {
	flex: 1;
	align-self: center;
}

.mp-partner-title, .mp-partner-title a {
	font-size: 2.0rem;
}

.mp-partner-title {
	margin-bottom: 10px;
}

.mp-partner-description {
	/*font-size: 1.4rem;*/
}

/* Item Style: News */
.News_Item {
	display: flex;
	align-items: flex-start;
	gap: 2.0vw;
	margin-top: 3vw;
	margin-bottom: 4vw;
	font-size: 22px/*1.4rem*/;
}

.News_image-area-left {

}

.News_Image {
	width: 170px;
	height: auto;
	flex-shrink: 0;
}

.News_link-item {
	flex: 1;
	
}

.News_Title{
	font-size: 32px/*2.0rem*/;
	margin-bottom: 0.4vw;
	font-weight: 700;
	color: #0b582f;
}

.News_Meldungsdatum {
	margin-bottom: 0.8vw;
	font-size: 23px;
}

.News_Description, .News_Description p {
	font-size: 22px
}

.News_ReadMore {
	
}

/* Item Style Photo Credits */

.CreditsItem {
	margin-top: 0.8vw;
	margin-bottom: 1.2vw;
	font-size: 1.4rem;
}

.CreditsItem h4 {
	margin-bottom: 0.3vw;
}

.CreditsTitle {
	font-size: 1.5rem;
}

.CreditsFileName {
	margin-bottom: 0.1vw;
}

.CreditsDescription {
	
}


/* HvK nteam mobile Navigation */
#NTM_MobileNavCont {
	display				: none;
}
#NTM_BtnMobilNav {
	display			: none;
	float			: right;
	background		: url("/_layouts/15/images/zalfweb/navbtn.png") no-repeat center center;
	cursor			: pointer;
}
#NTM_BtnMobilNav.ntm_BtnMobilNavActive {
	background		: rgb(11,88,47) url("/_layouts/15/images/zalfweb/navbtn_weiss.png") no-repeat center center;
}



/*+++++++++++++++*/
/* ####Mobie Versionen#### */



@media only screen and (max-width:980px) {
	
	/*Schriftgröße Body*/
	body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body {
		/*font-size: 1.4rem;*/
	}
	
	
	/* ansonsten ist Inhalt breiter als die Breite des Mobile Geräts */
	.contentwrapper {
		padding-left: 0vw;
		padding-right: 0vw;
	}

	
	/* Navigation mobile Ansicht */
	#NTM_BtnMobilNav,
	#NTM_BtnMobilNav.ntm_BtnMobilNavActive {
		display			: block;
		width			: 60px;
		height			: 60px;
		background-size	: 60px 60px;
		margin			: 50px 40px 50px 50px;
	}
	#NTM_MainNavCont {
		display			: none;
	}
	#NTM_MobileNavCont {
		background-color: rgba(114,178,81,0.2) /*#E6E6E6 rgb(223,223,223)*/;
	}
	#NTM_MobileNavCont li {
		position		: relative;
		display			: block;
		float			: none;
	}
	#NTM_MobileNavCont .ntm_OpenIco {
	    position		: absolute;
	    top				: 10px;
	    right			: 5px;
	    width			: 50px; /*50*/
	    height			: 50px; /*48*/
	    overflow		: hidden;
	    cursor			: pointer;
	}
	#NTM_MobileNavCont .ntm_Collapsed > a > .ntm_OpenIco,
	#NTM_MobileNavCont .ntm_Collapsed > span > .ntm_OpenIco {
	    background		: url("/_layouts/15/images/websites/down_aslq.png") no-repeat left center;
	}
	#NTM_MobileNavCont .ntm_Expanded > a > .ntm_OpenIco,
	#NTM_MobileNavCont .ntm_Expanded > span > .ntm_OpenIco {
	    background		: url("/_layouts/15/images/websites/up_aslq.png") no-repeat left center;
	}
	#NTM_MobileNavCont .ntm_OpenIco img {
	    width			: 50px; /*50*/
	    height			: 50px; /*48*/
	}
	#NTM_MobileNavCont li.static a.static,
	#NTM_MobileNavCont li.static a.dynamic {
		margin			: 0;
		display			: block;
		line-height		: 1.6;
		position		: relative;
	}
	#NTM_MobileNavCont li.static a.static,
	#NTM_MobileNavCont li.static > span.static.ms-core-listMenu-item {
		border-top	: 1px solid #2e2e2e;
		font-size		: 1.4em; /*1.0*/
		color			: #2e2e2e;
		padding			: 14px 10px 14px /*20px*/ 85px;
	}
	/* 2. Ebene */
	#NTM_MobileNavCont li.static ul.dynamic a.dynamic {
		font-size		: 1.3em;
		color			: #2e2e2e;
		border-width	: 0 0 0 0;
		padding			: 10px 10px 10px 35px;
	}
	/* 3. Ebene */
	#NTM_MobileNavCont li.static ul.dynamic ul.dynamic a.dynamic {
		font-size		: 1.3em;
		color			: #2e2e2e;
		padding			: 8px 10px 8px 50px;
	}
	#NTM_MobileNavCont li.static > a:last-child {}
	#NTM_MobileNavCont li.static a:hover  {}
	/* Reset positioning of level 2 navigation items */
	#NTM_MobileNavCont ul.dynamic {
		box-shadow		: none;
		left			: 0;
		top				: 0px !important;
		position		: relative;
		padding			: 0px 0px 0px 85px;
		margin			: 0;
		width			: 100% !important;
		left			: 0 !important;
		background-color: transparent;
		border-width	: 0px 0px;
	}
	
	/* Zusatz für TeamSite Quicklaunch*/
	#NTM_MobileNavCont {
		width: 100%; /*90%*/
		/*margin-left: auto;*/
    	/*margin-right: auto;*/
    }
	#NTM_MobileNavCont .ms-core-listMenu-horizontalBox {
		float: none;
		display: block;
		/*color: #464c1e;*/
	}
	#NTM_MobileNavCont .ms-core-listMenu-root {
	    margin-left: 0px;
	    padding-left: 0px;
	}
	#NTM_MobileNavCont .ms-core-listMenu-horizontalBox ul {
		display: block;
	}
	#NTM_MobileNavCont .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	    background-image: none;
		padding-right: 60px;
	}
	#NTM_MobileNavCont li.static > span.static.ms-core-listMenu-item {
		display			: block;
		position		: relative;
		line-height		: 1;
	}
	#NTM_MobileNavCont .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
	    margin-right: 15px;
		margin-left: 15px;
		padding-right: 70px;
	}
	
	
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected {
	color: #971c30 !important;
	font-weight: 900;
	}


	.ms-breadcrumb-box{
		padding-top: 5px;
		padding-right: 5px;
		
	}	
	

	
	figure {
		margin-inline-start: 5px;
		margin-inline-end: 5px;
	}
	
	figure img {
		max-width: 950px;
	}
	
	figcaption {
		font-size: 0.9rem;
	}
	
	
	#siteIcon {
		margin: 5px 20px auto auto;
		
		/*Logo noch da damit Hamburger Menue richtig rechts angezeigt wird*/
		/*width: 140px;*/
		/*display: none;*/
	}	
	
	
	/* Logo */
	.ms-siteicon-img {
		/*max-height: 80px;*/
		padding-top: 5px;
	}	
	
	
	/* Zweispaltiges Layout */
	.column {
		flex: 1 1 100%; /* Volle Breite bei kleinen Bildschirmen */
	}
	
	/* Footer */
	.MyFooterZone {
		font-size: 1.8rem;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.link-icon {
		margin: 1rem 4rem;
	}

	/* Style Partner */

	.mp-partner-item {
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-top: 4vw;
		margin-bottom: 8vw;
	}

	.mp-partner-image-area-left {
		
	}

	.mp-partner-image {
		width: 100%;
		max-width: 315px;

	}

	.mp-partner-link-item {
		text-align: left;
	}

	.mp-partner-title {
		
	}

	.mp-partner-description {
		
	}
	
	/* Item Style: News */
	.News_Item {
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-top: 4vw;
		margin-bottom: 8vw;
		font-size: 40px;
	}

	.News_image-area-left {

	}

	.News_Image {

	}

	.News_link-item {

		
	}

	.News_Title{
		font-size: 50px;
	}

	.News_Meldungsdatum {
		font-size: 45px;
	}

	.News_Description, .News_Description p {
		font-size: 40px;
	}

	.News_ReadMore {
		font-size: 40px;
	}

}



/* Wird nicht verwendet weil S4-workspace im Element Style 980px stehen hat 
@media only screen and (max-width:540px) {

	.ms-core-pageTitle {
		font-size: 2em;
	}

	.ms-core-listMenu-horizontalBox {
		font-size: 1.4em;
	}

	h1, .ms-h1 {
		font-size: 2.0em;
	}
	h2, .ms-h2 {
		font-size: 1.6em;
	}
	h3, .ms-h3 {
		font-size: 1.2em;
	}

}*/