/* Reset and base styles */
body {
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
  background-color: #FFF;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  color: #333;
}

/* Logo styles moved to navbar.css */

h1{
	color: #397831;
		font-size: 3.2em;
		font-weight: 700;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
    margin: 0.2em 0;
}

h2{
	color: #397831;
	font-family: "EB Garamond", Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 2.2em;
	line-height: 1.2;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
}

h3{
	color: #397831;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
	font-weight: 400;
	font-size: 1.2em;
}

.betonung{
font-weight: 300;
color: #397831;
}

a {
color: #397831;
text-decoration: none;
}

a:hover {
color: #2a5d23;
text-decoration: underline;
}

a:focus {
color: #2a5d23;
text-decoration: underline;
outline: 2px solid #397831;
outline-offset: 2px;
}

/* Füge » vor allen Links mit href außer Zurück-Links */
a[href]:not(.back-link)::before {
content: "\00BB\00A0";
}

/* Entferne » bei bestimmten Links */
#map-container a::before,
.skip-link::before,
a[href][target="_blank"]::before,
a:has(img)::before,
.navbar a[href]::before,
nav a[href]::before {
content: "";
}

.green{
color: #397831;
}


.semibold{
	font-weight: 600;
}

p {
  line-height: 1.4;
  color: #333;
}

hr{
  margin: 0.5em 0;
}


/* Jumbotron moved to layout.css */

/* Navbar styles moved to navbar.css */


@media (max-width: 767px) { 
	.gruenschnabel-map{
	max-height: 280px;
	}
	
	#bonusprogramm-antrag {
	width: 40%;
	}

 }
 
@media (min-width: 768px) and (max-width: 991px) { 
	.gruenschnabel-map{
	max-height: 320px;
	}
	
	#bonusprogramm-antrag {
	width: 40%;
	}

 }
 
@media (min-width: 992px) { 
	.gruenschnabel-map{
	max-height: 160px;
	}
	
	
}


table td{
padding-right: 10px;
}

.imageshadow {
	padding: 10px;
    -webkit-filter: drop-shadow( 0px 0px 10px rgba(0,0,0,0.7) );
            filter: drop-shadow( 0px 0px 10px rgba(0,0,0,0.7) ); 
}

.kleingedrucktes{
font-size: 11px;
color: #444;
}


 
.aleft{ float: left;}
.aright{ float: right;}

/* OpenStreetMap Attribution Link */
#map-container a[href*="openstreetmap"]:hover {
    text-decoration: underline !important;
}

/* Map Image Container */
.map-image-container {
    height: 160px;
}

/* Focus styles for better keyboard navigation */
*:focus {
    outline: 2px solid #397831;
    outline-offset: 2px;
}

/* Skip to main content link for screen readers */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #397831;
    color: white!important;
    padding: 8px;
    text-decoration: none;
    z-index: 100;
}

.skip-link:focus {
    top: 0;
}

@media (max-width: 767px) {
    .map-image-container {
        height: 200px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .map-image-container {
        height: 240px;
    }
}