html {
scroll-behavior: smooth;
}
.ast-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.archive-ast-container {
max-width: 1200px;
margin: 0 auto;
padding: 0px;
}
.ast-archive-title {
text-align: center;
color: #333;
margin-bottom: 30px;
}
.ast-separate-container #primary{
margin: 0px     
}
.ast-woocommerce-container {
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
body.archive .ast-archive-description {
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
padding-top: 1em;
padding-right: 3em;
padding-bottom: 1em;
padding-left: 3em;
}
.erdbeerfelder,
.himbeerfelder,
.johannisbeerfelder{
width: 100%;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
} .single-feld-item {
background: #f9f9f9;
padding: 15px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.single-feld-details p {
margin: 10px 0;
}
.single-feld-map {
margin: 15px 0;
min-height: 200px; }
.single-feld-map .acf-map {
height: 600px;
margin: 15px 0;
border: 1px solid #ddd;
border-radius: 4px;    }
.single-feld-content {
margin-top: 10px;
}
@media (max-width: 768px) {
.acf-felder-tabelle th, .acf-felder-tabelle td {
padding: 5px;
font-size: 14px;
}
} .acf-felder-tabelle {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
.acf-felder-tabelle th,
.acf-felder-tabelle td {
padding: 10px;
border: 1px solid #ddd;
text-align: left;
}
.acf-felder-tabelle th {
background-color: #f4f4f4;
}
.acf-felder-tabelle-map-cell{
width: 200px;
height: 200px;
}  .archive-felder-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.archive-description {
max-width: 1200px;
margin: 20px auto;
text-align: center;
color: #555;
font-size: 1.1em;
}
.archive-description p {
margin: 0;
}
.archive-description h1,
.shop-description h1,
.wp-block-group h1 {
letter-spacing: .1em;
text-transform: uppercase;
color: #526c09 !important;
text-align: center;
}
.wp-block-group h6 {
font-size: 3rem;
font-family: "PT Sans Narrow",sans-serif;
font-weight: 400;
color: rgb(255,255,255);
line-height: 1.2em;
text-shadow: 0 0 4px rgba(0,0,0,.6),0 0 10px rgba(0,0,0,.6),0 0 30px rgba(0,0,0,.5);
} @media (min-width: 900px) {
.archive-felder-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 600px) {
.archive-felder-grid {
grid-template-columns: 1fr;
}
} .archive-felder-item {
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
padding: 20px;
transition: transform 0.2s;
}
.archive-felder-item:hover {
transform: translateY(-5px);
}
.archive-felder-item h1 {
font-size: 1.5em;
margin: 0 0 15px;
}
.archive-felder-item h1 a {
color: #d32f2f;
text-decoration: none;			   
}
.archive-felder-item h1 a:hover {
text-decoration: underline;								 
}
.archive-felder-details p {
margin: 10px 0;
}
.archive-felder-map {
height: 400px;
margin: 15px 0;
border: 1px solid #ddd;
border-radius: 4px;
overflow: hidden;
}
.archive-felder-content {
color: #777;
} .custom-tabs {
max-width: 1200px;
margin: 20px auto; }
.tab-headers {
display: flex;
border-bottom: 2px solid #d32f2f; margin-bottom: 20px;
}
.tab-header {
background: #fff;
border: none;
padding: 10px 20px;
font-size: 1.2em;
cursor: pointer;
color: #333;
transition: all 0.3s ease;
flex: 1;
text-align: center;
}
.tab-header.active, .tab-header:hover {
background: #d32f2f;
color: #fff;
}
.tab-contents {
background: #fff; }
.tab-content {
display: none;
}
.tab-content.active {
display: block;
} @media (max-width: 768px) {
.tab-header {
font-size: 1em;
padding: 8px 10px;
}
} .acf-map {
width: 100%;
height: 400px; border: 1px solid #ddd;
}
.acf-felder-tabelle td { }
@media (max-width: 768px) {
.acf-map {
height: 150px; }
}