@charset "UTF-8";
/* CSS Document */

* {
      margin: 0;
      padding: 0;
    }

html {
	scroll-behavior:smooth!important;
}

body {
	margin:0;
	padding:0;
	font-size:16px;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


* {
	transition:all 0.3s;
}

a,s
a:link,
a:hover,
a:focus,
a:visited {
	outline:none;
	color:#6B915B;
	text-decoration:none!important;
}

h1 {
	font-size:2.4rem;
	font-weight:300;
	margin-bottom: 30px;
	color: rgba(75,120,24,1.00)
}

h2 {
	color:var;
	font-size:1.8rem;
	font-weight:300;
	margin-top:-5px;
	margin-bottom:10px;
}


.mainframe {
	width:100%;
	max-width:1280px;
	height:auto;
	position:relative;
	margin:auto;
}

.clearer {
	clear:both;
}

.site-text-datenschutz {
  font-size: 0.9em; 
	margin-top: 50px;
	padding: 0 10% 0 30px;
}

.site-text-impressum {
	margin-top: 50px;
	padding: 0 10% 0 30px;
}


button {
	padding:10px 15px 11px 15px;
	border:2px solid var(--grey);
	background-color:rgba(75,120,24,1.00);
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
	font-weight:500;
	letter-spacing:2px;
	font-size:0.9rem;
	border-radius:4px;
	margin:0;
	position:relative;
}
header {
	/*position:fixed;*/
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	z-index:4;
}

header::before {
	width:100%;
	height:200px;
	position:absolute;
	content:'';
	top:0;
	left:0;
	background-image:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));
	transition:all 0.3s;
	z-index:4;
}

header::after {
	height:0;
	transition:all 0.3s;
	background-color:#317487;
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	z-index:4;
}

section#start-banner {
	width:100%;
	height:calc(80vh - 5px);
	position:relative;
}

.start-banner-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1px;
    left: 0;
    overflow: hidden;
	z-index: -200;
}

.start-banner-bg img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:top;
}

.banner-logo {
	
	display:flex; 
}
	
.banner-logo-image {
	margin:auto; 
	z-index: 200; 
	width: 350px; 
	height:auto; 
	margin-top: 180px;
	opacity: 0.8;	
}
.slick-list {
	width:100%;
	height:100%;
}

.slick-track {
	height:100%;
}

.slick-track img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.slick-dots {
	bottom:10px;
	z-index:999;

}

.slick-dots li button::before,
.slick-dots li button::after {
	display:none;
}

.slick-dots li {
	content:'';
	width:50px;
	height:5px;
	cursor:pointer;
	z-index:999;
	position:relative;
	padding:10px 0;
	transition:all 0.2s;
	margin-left:10px;
	margin-right:10px;
}

.slick-dots li::after {
	position:absolute;
	content:'';
	width:50px;
	height:2px;
	top:11px;
	left:0;
	background-color:#fff;
	transition:all 0.2s!important;
	box-shadow:0px 0px 20px rgba(0,0,0,0.6);
}

.slick-dots li.slick-active::after {
	height:7px;
	top:8.5px;
	transition:all 0.2s!important;
	border-radius:5px;
}

.publikation-kategorie {
	color: #888;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.9rem;
	margin-bottom:15px;
	margin-top:-2px;
}

.publikation-desc {
	color: #555;
	font-size:1.1rem;
}

.publikation-link {
	margin-top:17px;
	margin-bottom:0;
	padding-top:17px;
	border-top:1px solid rgba(49,116,135,0.25);
}

.publikation-title h2{
	color: #333;
	
}


#publikation {
	/*width:100%;
	height:auto;
	box-sizing:border-box;
	position:relative;
	background-color:#2A742A;
	margin-top:165px;
	padding-bottom:70px;*/
	padding: 20px;
    font: 200% sans-serif;
    display: grid;
	/*grid-template-columns:calc(34% - 13.3333334px) calc(34% - 13.3333334px);*/
	grid-column-gap: 40px;
    align-content: flex-start;
    justify-content: center;
    grid-auto-flow: column;    
	padding-bottom: 50px;
	background-image:linear-gradient(rgba(84,123,54,1), rgba(84,123,54,0));
	transition:all 0.3s;

    }

#publikation .mainframe {
	display:grid;
	grid-template-columns:calc(40% - 13.3333334px) calc(40% - 13.3333334px);
	grid-column-gap: 40px;
	justify-content: center;
}

.box-1, .box-2 {
      background-color: #FFFFFF;
      color: rgba(182, 236, 230, 0.93);
      padding: 1em;
      border: 1px solid #999;
      border-radius: 0.2em;
	  box-shadow:0px 20px 80px rgba(49,116,135,0.15);
	  margin-top:-85px;
	  max-width: 450px;
	  min-width: 350px;
    }

.box {
      background-color: #FFFFFF;
      color: rgba(182, 236, 230, 0.93);
      padding: 1em;
      border: 1px solid #999;
      border-radius: 0.2em;
	  box-shadow:0px 20px 80px rgba(49,116,135,0.15);
	  margin-top:-85px;
	  justify-content: center;
	
    }

.box-bild {
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    height: 160px;
	margin-bottom: 15px; 
	background-color: aqua;
    overflow: hidden;
}
.box-bild img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.9;
}

 
.site-title {
	margin-top: 30px;
	
}

.site-title h1 {
	color: rgba(101,134,58,1.00);
	
}

.headerimage {
	
	width: 100%;
	height: 400px;	
	
}

.headerimage img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:top;
}

 	
footer {
	width:100%;
	height:auto;
	background-color:#333;
	padding:20px 0 10px 0;
}

footer .mainframe {
	width:100%;
	height:auto;
	display:grid;
	grid-template-columns:auto auto 1fr auto auto;
	padding-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 30px;
	
}


footer .footer-impressum a:link, a:hover, a:focus, a:visited {
	outline:none;
	color:#666;
	text-decoration:none!important;
}

.footer-logo {
	width:120px;
	height:auto;
	padding-right:50px;
	padding-left: 30px;
	margin-top: 10px;
}

.footer-logo img {
	width:100%;
	height:auto;
	/*filter:brightness(4);*/
	opacity:0.7;
	margin-top: -20px;
}

footer .footer-kontakt {
	color:rgba(255,255,255,0.5);
	margin-right: 30px;
}

footer .footer-kontakt h4{
	color:#888;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 1.5px;
	margin-bottom: -10px;
	font-size: 1.0rem;
	width:100%;
	height:auto;
}


footer .footer-kontakt a {
	color: rgba(101,134,58,1.00);
}

.footer-links-1 {
	grid-column:4/5;
	padding-right:150px;
	color: rgba(186,183,177,1.00);
}

.footer-links-2 {
	grid-column:5/6;
	color: rgba(186,183,177,1.00);
	text-align: right;
	margin-right: 30px;
}

.footer-links-1 a,
.footer-links-2 a {
	color:rgba(101,134,58,1.00);
	font-weight: 500;
	letter-spacing: 1px;
	padding-top: 1.5px;
	font-size: 0.9rem;
	width:100%;
	height:auto;
	display:block;
	padding:2px 0;
}
.footer-links-1 a {
	color:rgba(186,183,177,1.00);
	font-weight: normal;
	
}

footer .footer-impressum a
footer .footer-links-2 a {
	color:rgba(186,183,177,1.00)
}
footer .footer-links-1 p,
footer .footer-links-2 p {
	margin-bottom: 10px; 
	color:rgba(101,134,58,1.00);
}

.footer-impressum {
	grid-column:1/3;
	width:100%;
	height:auto;
	font-size: 1.0em;
	padding-left: 30px;
}

.footer-copyright {
	grid-column:5/6;
	width:100%;
	height:auto;
	font-size: 0.9em;
	color:rgba(186,183,177,0.5)	;
	margin-right: 30px;
}


@media (max-width:1485px) {
	
	section#start-banner {
	height:calc(80vh - 5px);
}
	
}

@media (max-width:1400px) {
	section#start-banner {
	height:calc(80vh - 5px);
}
}

@media (max-width:1100px) {
	
}

@media (max-width:1050px) {
	
}

@media (max-width:1024px) {
	
	
}

@media (max-width:1000px) {
	
	.box-1, .box-2 {
		min-width: 320px;
		max-width: 350px;
		
	}
}

@media (max-width:960px) {
	

}
@media (max-width:800px) {
   
	section#start-banner {
	height:calc(80vh - 5px);
}
	
	.banner-logo-image {
		margin-top: 120px;
		width: 300px;
	}
	
	.box-1, .box-2 {
		min-width: 300px;
		max-width: 380px;
		
	}
	#publikation {
	grid-auto-flow:row; 
	}

	
	.box-2 {
		margin-top: 30px;
		
	}
	
	.footer-kontakt {
		grid-column: 2/3;
		
		text-align: left;
	}

	
	.footer-links-2 {
	grid-column:4;
	grid-row: 1;
	margin-right: 30px;
	text-align: right;
}
	.headerimage {
	height: 450px;	
}
}

/*@media (max-width:800px) and (orientation : landscape)
{
	section#start-banner {
	height:calc(60vh - 5px);
}
	
	.banner-logo-image {
		margin-top: 120px;
		width: 300px;
	}
	
}*/

@media (max-width:768px) {
	
	section#start-banner {
	height:calc(80vh - 5px);
}
	.banner-logo-image {
		margin-top: 120px;
		width: 300px;
	}
	#publikation {
	grid-auto-flow:row; 
	}
	
	.footer-links-2 {
	grid-column:4;
	grid-row: 1;
	margin-right: 30px;
	text-align: right;
}
	
	.banner-logo-image {
		margin-top:100px;
		width:300px;
	}
	
	
	.box-1, .box-2 {
		min-width: 400px;
	}
	
}
/*@media (max-width:768px) and (orientation : landscape)
	{
	section#start-banner {
	height:calc(80vh - 5px);
	}
	
	.banner-logo-image {
		margin-top: 120px;
		width: 250px;
	}
	
	.box-1, .box-2 {
		min-width: 280px;
		max-width: 300px;
	}
		
		#publikation {
		grid-column-gap: 20px;	
		} 
}
*/
@media (max-width:700px) {
	
	section#start-banner {
	height:calc(80vh - 5px);
}
	#publikation {
     grid-auto-flow: row; 
    }
	
	.box-2 {
			margin-top:15px;
	}
	
	
	.footer-links-2 {
	grid-column:1/2;
	grid-row: 2;
	margin-left: 30px;
	margin-top: 30px;
	text-align: left;
}
	.footer-kontakt {
		grid-column: 4;
		text-align: right;
		margin-right: 30px;
	}
}

/*@media (max-width:768px) and (orientation : landscape)
	{
	section#start-banner {
	height:calc(60vh - 5px);
	}
	
	.banner-logo-image {
		margin-top: 120px;
		width: 250px;
	}
	
	.box-1, .box-2 {
		min-width: 250px;
		max-width: 280px;
	}
	
}*/


@media (max-width:620px) {
	
	section#start-banner {
	height:calc(80vh - 5px);
}
	
	#publikation {
     grid-auto-flow: row; 
    }
	
.banner-logo-image {
		width:300px;
	}
	
	.footer-kontakt {
		grid-column: 4;
		text-align: right;
		margin-right: 30px;
	}
	
	.footer-links-2 {
	grid-column:1/2;
	grid-row: 3;
	margin-left: 30px;
	text-align: left;
}

    .headerimage {
	height: 400px;	
	
}
	
	
}
/*
@media (max-width:620px) and (orientation : landscape)
	{
	section#start-banner {
	height:calc(60vh - 5px);
	}
	
	.banner-logo-image {
		margin-top: 120px;
		width: 250px;
	}
	
	.box-1, .box-2 {
		min-width: 160px;
		max-width: 200px;
	}*/
	

@media (max-width:550px) {
	
	.start-banner-logo-image {
		width:250px;
	}
	
	.footer-logo {
		grid-column:1/2;
		grid-row: 1;
		margin-bottom:10px;
		padding-bottom:10px;
		/*border-bottom:1px solid rgba(255,255,255,0.1);*/
		width:100%;
		padding-right:0;
	}
	
	.footer-logo img {
		width:150px;
	}
	
	.footer-kontakt {
		grid-column: 4;
		text-align: right;
		margin-right: 40px;
	}
	
.footer-links-2 {
	grid-column:1/2;
	grid-row: 3;
	margin-left: 30px;
	margin-top: 50px;
	text-align: left;
}
}

@media (max-width:500px) {
	h1 {
		font-size:2rem!important;
	}
	
	h2 {
		font-size:1.6rem!important;
		font-weight:400;
	}
	
}

@media (max-width:460px) {
	section#start-banner {
	height:calc(70vh - 5px);
}
	.box-1, .box-2 {
	min-width: 280px;
	max-width: 350px;
	
    }
	.box-2 {
		margin-top: 35px;
	}
	
	
	.slick-dots {
		padding:0 5%;
		box-sizing:border-box;
	}
	
	.slick-dots li {
		width:30px;
	}
	
	.slick-dots li::after {
		width:30px;
	}
	
	.slick-dots li.slick-active::after {
		height:5px;
		top:9.5px;
	}
	.footer-logo {
		grid-column:1/2;
		grid-row: 1;
		margin-bottom:10px;
		/*border-bottom:1px solid rgba(255,255,255,0.1);*/
		width:100%;
		padding-right:0;
		margin-left: 10px;
	}
	.footer-links-2 {
	grid-column:1/2;
	grid-row: 3;
	margin-left: 30px;
	margin-top: 30px;
	text-align: left;
}
	.headerimage {
	height: 400px;	
	
}
	.footer-kontakt {
		margin-left: 30px;
		grid-column:1/2;
		grid-row: 2;
		text-align: left;
		margin-bottom: 30px;
	}	
	
	.footer-copyright {
	grid-column:1;
	grid-row: 4;
		margin-top: 20px;
		margin-left: 30px;
	
	}
}

@media (max-width:440px) {
	
	
	 .banner-logo-image {
		margin:auto; 
		z-index: 200; 
		width: 250px; 
		height:auto; 
		margin-top: 80px;

	
}
	.footer-logo {
		grid-column:1/2;
		grid-row: 1;
		margin-bottom:10px;
		padding-bottom:10px;
		/*border-bottom:1px solid rgba(255,255,255,0.1);*/
		width:100%;
		padding-right:0;
		padding-left: 10px;
	}
	.footer-kontakt {
		grid-column:1/2;
		grid-row: 2;
		text-align: left;
		margin-left: 20px;
		
	}
	.footer-links-2 {
	grid-column:1/2;
	grid-row: 3;
	margin-left: 20px;
	margin-top: 40px;
	text-align: left;
	/*	background-color: #A24042;*/
}
	
	.footer-impressum {
	margin-left: -10px;
	}
	
	.footer-copyright {
	grid-column:1;
	grid-row: 4;
	margin-top: 20px;
	margin-left: 20px;
	
	
}
	
}
@media (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape)

 { 
	section#start-banner {
	height:calc(75vh - 5px);
}
	 
	#publikation {
	grid-column-gap: 20px;	
		
} 
  		
	.banner-logo-image {
	margin:auto; 
	z-index: 200; 
	width: 230px; 
	height:auto; 
	margin-top: 20px;;
}
	 
	 #publikation {
	 grid-auto-flow: column;
}
	 
	 .box-1, .box-2 {
	  min-width: 200px;	 
   	  max-width: 300px;	 
	  margin-top:-35px;
	 
   }
	

		
}