:root {
	--pg-orange: #f9b000;
	--pg-red: #e4022e;
	--pg-green: rgba(6, 85, 50, 0.9);
	--pg-greenlite: #3cbc15;
	--pg-greenfull: rgba(6, 85, 50, 1);
	--pg-white: #fff;
	--pg-graylite: #ccc;
	--pg-black: #000;
}

body{hyphens: auto;}


.block {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: normal;
	padding-left:20px; 
	padding-right:20px;
	/*background:#ccc; */
}

.block-s{align-items: flex-start;}
.block-e{align-items: flex-end;}
.block-b{align-items: baseline;}
.block-f{align-items: stretch;}
.block-pd-none{padding-left:0; padding-right:0;}
.block-min-h50{min-height:50vh;}
.block-min-h75{min-height:75vh;}
.block-min-h100{min-height:100vh;}


.block .box,
.block .boxfull{
	display: block;
	width:100%;
	max-width:1280px;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	padding:0 40px;
	/*background:red;*/
}
.block .noBPd{padding:0;}

.block .boxfull{
	max-width:100%;
	padding:0 0px;
	/*background:red;*/
}

.block .box:nth-child(1),
.block .boxfull:nth-child(1){
  padding-left:0;
}
.block .box:last-child,
.block .boxfull:last-child{
  padding-right:0;
}


.block .smallbox{
	max-width:1000px;
	/*background:red;*/
}


@media only screen and (max-width: 850px) {
	.block{flex-direction: column;}
	.block .box{padding:0px 0!important;}
	.block .box:nth-child(2){margin-top:40px;}
	.block .switch{order:-1!important;}
	.block .switch:nth-child(2){margin:0 0 40px 0;}
}



.md img{border-radius:4px;}
.txt{font-size:1rem; font-weight:400; }
.txt strong,.txt-strong{font-weight:900!important;}
.txt b,.txt-bold{font-weight:700!important;}
.txtL{text-align:left;}
.txtC{text-align:center;}
.txtR{text-align:right;}
.txtB5{font-weight:500;}
.txtB6{font-weight:600;}
.txtB7{font-weight:700;}
.txtB8{font-weight:800;}
.txtB9{font-weight:900;}
.txt-color-white{color:#fff;}
.txt-color-white a{color:#fff;}
.txt-color-white a:hover{text-decoration:underline;}
.txt-color-green{color:#065532;}
.txt-color-green a{color:#065532;}
.txt-color-green a:hover{text-decoration:underline;}
.txt-upper{text-transform:uppercase;}
.txt-spacing{letter-spacing:1px;}
.txt-spacing2{letter-spacing:2px;}
.txt-spacing3{letter-spacing:3px;}

.bg-green{background:#065532;}

.background-teamsplash{background:url('/Uploads/Images/2025/pg-container-teamsplash.jpg'); background-size: cover; background-position:top center;}
.background-map{background:url('/Uploads/Images/2025/pg-container-map.jpg') no-repeat; background-position:top center; background-size: contain;}



h1 {margin:0 0 40px 0;font-size:2.6rem; line-height:3rem; font-weight:400; color:#065532;}
h1 span{font-size:1.5rem; font-weight:300; color:#000;}

h2 {margin:0 0 40px 0;font-size:2.4rem; letter-spacing:3px; line-height:3rem; font-weight:400;}
h2 span{display:block;font-size:0.77em; font-weight:300;}

h3 {margin:0 0 30px 0;font-size:1.5rem; letter-spacing:1px; line-height:2rem; font-weight:400;}
h3 span{display:block;font-size:0.77em; font-weight:300;}



/*Header*/
.pg-header{ position:fixed; z-index:999; top:0px; left:0; right:0;}
.pg-header .box .block{padding:0; position:relative;}

.pg-header .box .block .box{
	/*background:rgba(88,88,88,0.8);*/ 
	/*position:relative;*/
	transition:all .2s ease-in-out;
}	

.navExt{
    background: rgba(6, 85, 50, 1);
    border-radius: 0;
	transition:background 0.2s ease-in-out;
}	



.pg-header .logo { width:100%; max-width:270px; padding:0;}
.pg-header .logo a{display:block;}
.pg-header .logo a img{filter: brightness(0) invert(1); transition:all 0.33s ease-in-out;}
.pg-header .logo:hover a img{filter: brightness(1) invert(0);}

.pg-header .navi{letter-spacing:10px; font-weight:400; width:100%; 	flex-grow: 1; text-align:center;}
.pg-header .navi a{padding:0 15px; letter-spacing:4px; color:#fff; font-size:1.2rem; text-transform:uppercase; transition:all 0.1s ease-in-out;}
/*.pg-header .navi > a:hover{padding:0 0px;letter-spacing:4px; }*/


.pg-header .quickbar{width:100%; max-width:250px;text-align:right; padding:0;}
.pg-header .quickbar a{display:inline-block; max-width:40px; margin-right:5px;}
.pg-header .quickbar a{display:inline-block; max-width:40px; margin-right:5px;}



html:not([data-scroll="0"]) .pg-header{top:0px; padding: 5px 0 0px 0; background:rgba(6,85,50,0.9);}
html:not([data-scroll="0"]) .pg-header .navExt{background:none;}
html:not([data-scroll="0"]) .pg-header .logo{max-width:123px;}


@media only screen and (max-width: 1100px) {
	.pg-header .quickbar {flex-grow: 1; max-width:100%;}
	.pg-header .navi {display:none;}
}
@media only screen and (max-width: 850px) {
	.pg-header .block{flex-direction: row;}
}

@media only screen and (max-width: 380px) {
	#header-call,
	#header-mail{display:none}
}

/*Header End*/	
	
	
/*Subheader*/	
.pg-subheader{background:url('/Uploads/Templates/pgcontainer/Images/subheader/pg-container-subheader.jpg'); background-size: cover; background-position:bottom left;}


.pg-subheader.schuettgutplatz{
	/*
    width:100%;
    height:100vh;
    max-height:100vh;
	*/
    background:url("/Uploads/Templates/pgcontainer/Images/Header/Start/schuettgutplatz.jpeg") no-repeat;
    background-size:cover;
}


.pg-subheader.team{
/*
    width:100%;
    height:100vh;
    max-height:100vh;
	*/
    background:url("/Uploads/Images/team/pg-team-2024-abteilung-container2.jpg") no-repeat;
    background-size:cover;
	background-position:top center; 
}



.pg-subheader::before{
  background-color: rgba(6,85,50,1);
  content: ' ';
  display: block;
  height: 100vh;
  position: absolute;
  width: 100%;
  mix-blend-mode: multiply;
}
.pg-subheader .block{height:100vh; z-index:100; position:relative; mix-blend-mode: normal;}
.pg-subheader .box{color:#fff;text-align:center; padding-bottom:5%;}
.pg-subheader p{
	display:inline-block; 
	
	
	font-weight:400; 
	/*
	font-size:6rem; 
	line-height:7rem; 
	*/
	
	
    font-size: calc(4*(1vh + 1vw));
    line-height: calc(4 * (1.5vh + 1vw));

	
	letter-spacing:3px; 
	text-transform:uppercase; 
	text-align: center; 
	text-align-last: center;
}
@media only screen and (max-width: 600px) {
	.pg-subheader p{
		font-size: calc(2.7*(1vh + 1vw));
		line-height: calc(3 * (1.5vh + 1vw));
	}
}



.pg-subheader p.justify{
	text-align: justify;
	text-align-last: justify;
}
.pg-subheader p span{
	display:block; 
	font-size:1.5em; 
	line-height:1.2em; 
	letter-spacing:5px;
}
/*Subheader End*/



.pg-subheader a,
.pg-button,
.pg-button-invert{
	margin-top:90px;
	display:inline-block; 
	font-size:1.2rem; 
	font-weight:400; 
	line-height:1.5rem; 
	letter-spacing:2px; 
	color:#065532; 
	background:#fff; 
	border-radius:4px; 
	padding:15px 30px;
	text-transform:uppercase;
	text-decoration:none!important;
	transition:all 0.23s ease-in-out;
}
.pg-button,
.pg-button-invert{
	margin-top:30px;
	font-size:1rem; 
	font-weight:400; 
	line-height:1.5rem; 
	letter-spacing:2px; 
	color:#fff; 
	background:#065532;
	padding:15px 30px;
}
.pg-button-invert{
	color:#065532!important; 
	background:#fff;
}

.pg-subheader a:hover,
.pg-button:hover,
.pg-button-invert:hover{
	color:#fff!important;
	background:#000;
}

@media only screen and (max-width: 750px) {
	.pg-subheader .box{padding-bottom:30%;}
}






.quickinfo {margin:40px 0; font-size:1.3rem; line-height:30px;}
.quickinfo a{display:block; margin:0 0 30px 0; color:#065532; /*white-space: nowrap;*/ font-size:1.7rem; line-height:2rem; transition:color .2s ease-in-out; letter-spacing:2px;}
.quickinfo a:hover{color:#000;}
@media only screen and (max-width: 750px) {
.quickinfo a{margin:0 0 20px 0;font-size:1.3rem; line-height:1.5rem; letter-spacing:1px;}
}

@media only screen and (max-width: 500px) {
.quickinfo a{font-size:1.1rem; line-height:1.3rem; letter-spacing:0px;}
}








.produkte-liste {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-items: flex-start;
     align-content: center;
}
.produkte-liste .produkt-item {
     flex: 0 1 25%;
	 padding:20px;
}
.produkte-liste .produkt-item a img{border-radius:4px;  border-bottom:5px solid #fff!important; transition:all 0.23s ease-in-out;}
.produkte-liste .produkt-item a:hover img{border-color:#065532!important;}
.produkte-liste .produkt-item a{display:block;color:#333; text-align:center;  font-size:0.6rem; line-height:24px;}
.produkte-liste .produkt-item a:hover span{color:#065532;}
.produkte-liste .produkt-item span{display:block; font-weight:600; font-size:1.25em; margin:5px 10px;}


@media only screen and (max-width: 850px) {
	.produkte-liste .produkt-item {
		flex: 0 1 33%;
		padding:10px;
	}
}

@media only screen and (max-width: 750px) {
	.produkte-liste .produkt-item {
		flex: 0 1 50%;
		padding:10px;
		margin-bottom:30px;
	}
}



@media only screen and (max-width: 550px) {
	.produkte-liste .produkt-item {
		flex: 0 1 100%;
		padding:10px;
	}
}




.faqlist{}
.faqlist h3{margin:0;font-size: 1.2rem; letter-spacing: 1px; line-height: 1.6rem;}
.faqlist p{margin:0 0 40px 0;}
.faqlist2 p{margin:0 0 60px 0;}
.faqlist p a{color:var(--pg-green); font-weight:600;}









.footernav{letter-spacing:5px;}
.footernav a{letter-spacing:1px;}
.makeby3fx {display:inline-block; max-width:180px; color:#ccc; letter-spacing:3px; font-size:14px;text-transform:uppercase; transition:all 0.23s ease-in-out;}
.makeby3fx:hover {color:#fff;}
.makeby3fx img{filter: brightness(0) invert(1);transition:all 0.23s ease-in-out;}
.makeby3fx:hover img{filter: brightness(1) invert(0);}





.burger{
	display:inline-block;
    cursor: pointer;
    padding: 17px 0;
	margin-left:3px;
}

.burger-line {
    background: var(--pg-white);
    display: block;
    height: 2px;
    position: relative;
    width: 30px;

} /* Style span tag */

.burger-line::before,
.burger-line::after{
    background: var(--pg-white);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.burger-line::before{
    top: 12px;
}
.burger-line::after{
    top: -12px;
}

.mobmenu {
    display: none;
} 




.mobmenu:checked ~ nav{
    max-height: 100%;
}
.mobmenu:checked ~ .burger .burger-line {
    background: transparent;
}
.mobmenu:checked ~ .burger .burger-line::before {
    transform: rotate(-45deg);
    top:0;
}
.mobmenu:checked ~ .burger .burger-line::after {
    transform: rotate(45deg);
    top:0;
}



.pg-header .box.navExt:has(.mobmenu:checked){
	background: #000;
}










.pgStatsCon{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding: 0;
    margin: 0;
    list-style: none;
    gap:20px;
    /*row-gap:10px;*/
    width: 100%;
}
.pgStatsCon .item{
    flex-grow: 1;
    background: none;
    padding: 0px;
    max-width: 400px;
    /*height: 170px;*/
    margin-top: 10px;
    line-height: 25px;
    color: #065532;
    font-weight: 400;
    font-size: .8em;
    text-align: center;

    text-transform: uppercase;
}
.pgStatsCon .item span{
	
    font-weight: 600;
	/*
    font-size: 7em;
    line-height: 50px;
	*/
    display:block;
    /*padding-bottom: 40px;*/
	
    font-size: calc(2*(1vh + 1vw));
    line-height: calc(2 * (1.5vh + 1vw));
}







.pg-list-data{
    display: flex;
    flex-flow: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
    gap:20px;
    width: 100%;
}
.pg-list-data a {
    flex-grow: 1;
    background: var(--pg-greenfull);
	color:var(--pg-white);
    padding: 0px;
    max-width: 100%;
    line-height: 25px;
    font-weight: 400;
    font-size: .8em;
    text-align: center;
    text-transform: uppercase;
    padding: 40px 20px;
    border: 0px solid var(--pg-green);
    display: inline-block;
	 transition:all 0.23s ease-in-out;
}

.pg-list-data a:hover {
    border-color:var(--pg-black);
    background: var(--pg-green);
}







.pg-navigation{
	background: #065532;
	z-index:150;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	color:#fff;
	opacity:0;
	display: none;
	height:0vh;
	padding-top:150px;
	transition:all 0.2s ease-in-out;
}

.pg-navigation nav{
	width:100%;
	max-width:1240px;
	margin:0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0px 5%;
	padding:0px 30px;
}



.pg-navigation nav ul{
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

@media only screen and (max-width: 750px) {
  .pg-navigation nav {flex-direction: column;}
}

.pg-navigation nav ul li{
	border-bottom:1px solid #666;
}
.pg-navigation nav ul li a{
	display:block;
	padding:15px 0;
	font-size:1.3em;
	color:#fff;
}

/*
002e1a
*/

.pg-navigation nav ul li:hover > a{color:#649b64;}
.pg-navigation nav ul li a:hover{color:#649b64;}

.bkpg-navigation nav ul li:hover > a{color:#649b64;}
.bkpg-navigation nav ul li a:hover{color:#649b64;}



.pg-navigation nav ul li .submenu{
	display:none;
	padding-left:20px;
	margin-bottom:30px;
}
.pg-navigation nav ul li .submenu a{
	padding:5px 0;
	font-size:0.9em;
}


.pg-navigation nav ul li:focus .submenu,
.pg-navigation nav ul li:hover .submenu{
	display:block;
}


.shownav{
	display:block; 
	opacity:1;
	height:100vh;
}


body:has(.mobmenu:checked) {
  overflow: hidden;
}




.team-liste {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-items: flex-start;
     align-content: center;
	 gap:80px 60px;
}
.team-liste .team-item {
     flex: 0 1 calc(50% - 30px);
}

/*
.team-liste .team-item a img{border-radius:4px;  border-bottom:5px solid #fff!important; transition:all 0.23s ease-in-out;}
.team-liste .team-item a:hover img{border-color:#065532!important;}
.team-liste .team-item a{display:block;color:#333; text-align:center;  font-size:0.6rem; line-height:24px;}
.team-liste .team-item a:hover span{color:#065532;}
.team-liste .team-item span{display:block; font-weight:600; font-size:1.25em; margin:5px 10px;}
*/





.team-liste .team-item .detail-team{}
.team-liste .team-item .detail-team img{}
.team-liste .team-item .detail-team .info{}
.team-liste .team-item .detail-team .info .top{width:100%; background:#065532; color:#fff; font-weight:500; line-height:40px; padding:5px 20px; border-top:1px solid #fff;}
.team-liste .team-item .detail-team .info .sub{ padding:25px 20px; font-weight:500; line-height:35px; min-height:120px;}
.team-liste .team-item .detail-team .info p{ margin:0px 20px; padding:15px 0 0 0; font-weight:400; line-height:40px; border-top:1px solid #ccc; hyphens: auto;}
.team-liste .team-item .detail-team .info p span{display:inline-block; width:100px;}
.team-liste .team-item .detail-team .info p a{color:#065532;}

@media all and (max-width: 1100px){
	.team-liste .team-item .detail-team .info p span{display:block; width:100%; font-weight:500;}
}

@media all and (max-width: 880px){
	.team-liste {gap:100px;}
	.team-liste .team-item {flex: 0 1 calc(100%);}
	.team-liste .team-item .detail-team .info p span{display:inline-block; width:100px;}
}

@media all and (max-width: 550px){
	.team-liste .team-item .detail-team .info p span{display:block; width:100%; font-weight:500;}
}