/* Fokus sichtbar machen  */
.klickbtn:focus-visible,
.klickbtn2:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
submit:focus-visible  {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
}

#teaser:not(.teaserslider) {
    display: none;
}

#menu a {
    padding: 27px 35px;
	font-weight: 600;
}

#menu .on, #menu ul li a:hover {
    color: rgb(30 67 31);
    background: white;
    font-weight: 800;
}

#footer_end {
    margin-top: 40px;
}

.greenbox {
    background-color: #1e4420;
    padding: 10px;
    color: white;
}

.accordion {
		background-color: #eee;
		color: #444;
		cursor: pointer;
		padding: 18px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		transition: 0.4s;
		margin-top: 10px;
	}

	.active, .accordion:hover {
		background-color: #ccc;
	}

	.accordion:after {
		content: '\002B';
		color: #777;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}

	.active:after {
		content: "\2212";
	}

	.panel {
		padding: 0 18px;
		background-color: white;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}

#header {
    margin: 0 auto 0px;
}

#kontaktboxheader {
    padding-bottom: 0px;
}

hr.fullhr{
	width: auto;
	border-top: 1px solid #174420;
}

#logo>a>img {
    height: 200px;
    padding: 10px;
}

#inhalt_teaser {
    margin-bottom: 0px;
}

.grid-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.grid-item {
  width: 30%;
  margin: 1.5%;
  perspective: 1000px;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  background-color: rgb(23, 68, 32);
  color: white; /* Weißer Text für die gesamte Box */
  height: 250px;
  border-radius: 10px;
  font-size: 16px;
}

.grid-container h2{
	color: white;
	font-size: 16px !important;
}

#menu ul ul li a:hover {
    color: white;
}

.bildtext {
	padding: 10px;
	background-color: #67a52d;
	color: #fff;
	text-align: center;
	border-radius: 1px;
	font-weight: 450;
}

.icon-sortiment {
  width: 50px;
}

hr {
    width: 50px;
    border-top: 1px solid white;
    margin-bottom: 20px;
    margin-top: 20px;
}

h2 {
  margin: 0; /* Entfernen des standardmäßigen Margins von h2 */
}

hr.starthr{
	width: 100%;
	color: #272528;
	border: 1px solid #272528;
}


.front, .back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.back {
	background-color: #000; /* Dunkler Hintergrund für die Rückseite */
	transform: rotateY(180deg);
	border-radius: 10px;
}

#back ol, ul {
     padding: 0 0 0 0px; 
}

.accordion {
		background-color: #eee;
		color: #444;
		cursor: pointer;
		padding: 18px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
		transition: 0.4s;
		margin-top: 10px;
	}

	.active, .accordion:hover {
		background-color: #ccc;
	}

	.accordion:after {
		content: '\002B';
		color: #777;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}

	.active:after {
		content: "\2212";
	}

	.panel {
		padding: 0 18px;
		background-color: white;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}
			
#begriff_close,
.bgw{
	background:#fff;
}

.sslicon,
.back-to-top .path{
	fill:#fff;
}

#begriffbox,
#footer_end,
#footer_end a{
	color:#fff;
}

.arrow::after{
	border-left: 10px solid #666;
}

#teamicon {
	background:url(../bilder/team.svg) no-repeat center top;
}	

#linksicon {
	background:url(../bilder/links.svg) no-repeat center top;
}

.mittig{
	margin: 0 auto 40px auto;
	float: none;
	clear: both;
}

.verticalcenter {
	display: flex;
	align-items: center;
}

#menu ul {
    background: rgb(128 182 151);
}

#headerbalken {
    background-color: rgb(134 182 151);
}

div#logo {
    background: #17431f;
}

@media (max-width: 1360px) and (min-width: 1201px){
	
	

}

@media (max-width: 1360px) and (min-width: 981px){
	
	

}

@media (max-width: 1200px) and (min-width: 981px){
	
	

}

@media (max-width: 980px) and (min-width: 781px){
	
	

}

@media (max-width: 780px) and (min-width: 481px){
	
	

}


@media (min-width: 780px) {

	

}

@media (max-width: 1680px) {
	
	

}

@media (max-width: 1360px) {
	
	#menu ul li a {
        padding: 27px 20px;
    }
	
    #kontaktboxheader {
        font-size: 16px;
    }

}


@media (max-width: 1200px) {

	/*Nur Design neu*/
	
}

@media (max-width: 980px) {
	
	.verticalcenter {
		display: block;
	}
	
    #kontaktboxheader {
        font-size: 13px;
    }
		
	.grid-item {
		width: 47%;
	}
	
}

@media (max-width: 780px) {

	#menu ul ul li{
		border-left:1px solid #fff;
		border-right:none;
	}
	
	
	#logo>a>img {
		height: 170px;
		padding: 10px;
		width: auto !important;
	}

}

@media (max-width: 580px) {
	
	.grid-item {
		width: 100%;
	}
	
}


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