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

*
{
	margin:0px;
	padding:0px;
}

img
{
	border:none;
}

body
{
	font-family: 'Droid Serif', serif;
	font-size:12px;
}

#site_container
{
	text-align:center;
	background-image:url(../img_upload/white_bg.jpg);
	background-repeat:repeat;
}

#top_container
{
	background-image:url(../img_upload/top_bar.png);
	background-repeat:repeat-x;
}

.main_site
{
	max-width:950px;
	text-align:left;
	margin:0px auto;
}

#top_area
{
	height:62px;
}

#navigation_area
{
	height:62px;
}

#slider_area
{
	height:525px;
	position:relative;
	overflow:hidden;
}

#logo_container
{
	position:absolute;
	z-index:999;
	width:100%;
	text-align:center;
}

#logo_container img
{
	width:290px !important;
	height:auto;
}

#caption_container
{
	position:absolute;
	bottom:0px;
	background-color:rgba(0,0,0,0.5);
	font-size:32px;
	color:#fff;
	width:100%;
	text-align:center;
	padding:5px 0px;
}

#slider_area img
{
	width:100%;
	height:auto;
}

#center_newsbox_container
{
	padding-top:20px;
	padding-bottom:20px;
	background-image:url(../img_upload/nb_container_bg.jpg);
	background-repeat:repeat;
        display:none;
}

.nb_ce
{
	display:inline-block;
	vertical-align:top;
	width:28%;
	margin-left:1%;
	margin-right:1%;
	position:relative;
	background-color:rgba(0,0,0,0.2);
	border-radius:15px;
	padding:10px;
}

.nb_ce h3
{
	width:90%;
	text-align:center;
	color:#fff;
	background-color:#253704;
	text-align:center;
	padding:5px 0px;
	font-size:16px;
	margin:0px auto;
	border-radius:10px;
}

.ce_img_center
{
	text-align:center;
	margin:10px 0px;
}

.nb_ce p
{
	color:#fff;
	font-size:12px;
	line-height:18px;
}

.nb_ce a
{
	color:#fff;
	text-decoration:underline;
}

.nb_ce a:hover
{
	text-decoration:none;
}

#content_area_container
{
	text-align:center;
        padding-top:20px;
        padding-bottom:20px;
        color:#385308;
}

#left_column
{
	width:630px;
	display:inline-block;
	vertical-align:top;
        padding-right:20px;
}

#left_column h1 {
    background-image: url("../img_upload/heading_ornament.png");
    background-repeat: no-repeat;
    color: #385308;
    font-size: 32px;
    font-weight: normal;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-top: 15px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

#left_column h2
{
	font-size:24px;
	color:#385308;
	font-weight:normal;
	padding-bottom:10px;
	text-shadow:0px 0px 2px rgba(0,0,0,0.5);
        padding-top:10px;
        clear:both;
}

#left_column h3, #left_column h4
{
	font-size:15px;
	color:#385308;
	font-weight:normal;
}

#left_column p
{
	color:#385308;
	font-size:15px;
	line-height:22px;
	padding-bottom:10px;
}

#left_column a
{
        color:#385308;
        text-decoration:underline;
}

#left_column a:hover
{
        color:#000;
        text-decoration:none;
}

#left_column li
{
        margin-left:45px;
        line-height:20px;
        font-size:15px;
        line-height:22px;
}


.prev_img_right
{
        float:right;
        display:inline-block;
        margin-left:10px;
}

.prev_img_left
{
        float:left;
        display:inline-block;
        margin-right:10px;
}

.gall_out
{
        text-align:center !important;
}

.picture
{
        margin-right:25px !important;
        margin-left:25px !important
}

.out_footer
{
        display:none;
}

#right_column
{
	width:280px;
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
}

.boxes3 {
    margin-bottom: 30px;
}

.boxes3 h4 {
    background: none repeat scroll 0 0 #385308;
    border-radius: 15px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
}

.boxes3 p {
    color: #385308;
    font-size: 15px;
    line-height:22px;
}

.boxes3 a {
    color: #385308;
    font-size: 15px;
    text-decoration:underline;
}

.boxes3 a:hover
{
    text-decoration:none;
}

.nb_ri {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.boxes3 span {
    margin-left: 5px;
}

#footer_container
{
	text-align:center;
}

#footer_container .main_site {
    border-top: 1px solid #4a6c0d;
    padding-top: 20px;
    text-align: center;
}

#footer_container
{
	padding-top:15px;
	padding-bottom:15px;
	color:#385308;
	font-size:12px;
}

#footer_container a
{
	color:#385308;
	text-decoration:underline;
}

#footer_container a:hover
{
	text-decoration:none;
}

#imouter1 {
width: 100%;
height: 62px;
z-index:9999999;
}

.clearit {
clear: both;
height: 0;
line-height: 0.0;
font-size: 0;
}

#imenus1 .menuactive a {
color:#fff !important;
background-image:url(../img_upload/menu_hover_bg.jpg);
background-repeat:repeat-x;
}


#imenus1 {
font-size: 12px;
float:left;
}

#imenus1, #imenus1 ul {
padding: 0;
margin: 0;
list-style: none;
}


#imenus1 a {
    color: #fff;
    display: inline;
    font-size: 14px;
    height: 15px;
    line-height: 61px;
    padding: 22px 12px;
    text-align: left;
    text-decoration: none;
}


#imenus1 li {
float: left;
}

#imenus1 li ul, #imenus1 ul li  {
width: 220px;
z-index: 1;
font-weight: normal;
font-size: 16px;
z-index:9999999;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}

#imenus1 li ul
{
background-color:rgba(165,9,6,0.8);
border-radius:0px 0px 15px 15px;
z-index:9999999;

}

#imenus1 ul li  {
padding:0px !important;
border-bottom:#fff 1px dotted;
}

#imenus1 ul li a  {
height:15px !important;
color: #000;
background-image: none;
line-height:15px !important;
text-align: left;
padding-left: 5px;
display:block;
padding-top:10px;
padding-bottom:10px;
}

#imenus1 ul li:last-child
{
	margin-bottom:20px;
}

#imenus1 li ul {
position: absolute;
display:none;
}


#imenus1 li:hover a, #imenus1 a:focus,
#imenus1 a:active, #imenus1 li.p7hvr a {
color:#fff !important;
background-color:#bb0000;
}

#imenus1 li:hover ul, #imenus1 li.p7hvr ul {
display:block;
}

#imenus1 li:hover ul a, #imenus1 li.p7hvr ul a {
color: #000;
background-image: none;
line-height: auto;
background-color:transparent;
}

#imenus1 ul a:hover {
background-color: #ffffff!important;
color: #000 !important;
display:block;
width:auto;
}

#imenus1 ul a:active {
background-image: none!important;
background-color: #fff3c7!important;
color: #141544!important;
}

/* The single backslash  character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#imenus1 li {width: auto;} 

#select_area, #harvest_btn
{
     display:none;
}


/* Für alle Eingabefelder, die .field tragen */
.field{
  box-sizing: border-box;
  width: 100%;
  padding: .6rem .8rem;
  margin: .5rem 0 1rem;

  font-size: 1rem;
  line-height: 1.4;
  color: #222;

  background: #fff;
  border: 1.5px solid #94a3b8;
  border-radius: .375rem;

  outline: none;
  -webkit-appearance: none;
}

/* Fokus */
.field:focus{
  border-color: #2563eb;
  box-shadow: 0 0 0 .2rem rgba(37,99,235,.2);
}

/* Placeholder */
.field::placeholder{
  color: #9aa3b1;
  opacity: 1;
}

/* Deaktiviert */
.field:disabled{
  background: #f1f5f9;
  color: #9aa3b1;
  cursor: not-allowed;
}

/* Fehlerzustand */
.field.is-invalid,
.field[aria-invalid="true"]{
  border-color: #dc2626;
  box-shadow: 0 0 0 .2rem rgba(220,38,38,.15);
}

/* Radio wieder „nativ rund“ */
input.field[type="radio"]{
  appearance: auto;
  -webkit-appearance: radio;
  width: 1.1rem;
  height: 1.1rem;
  padding: 0;
  margin: 0 .4rem .4rem 0;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  background: initial;
  vertical-align: middle;
  accent-color: var(--field-focus); /* Farbe des Punkts (moderne Browser) */
}

/* (Optional) Checkbox ebenfalls fixen */
input.field[type="checkbox"]{
  appearance: auto;
  -webkit-appearance: checkbox;
  width: 1.1rem;
  height: 1.1rem;
  padding: 0;
  margin: 0 .4rem .4rem 0;
  border: none;
  box-shadow: none;
  background: initial;
  vertical-align: middle;
  accent-color: var(--field-focus);
}


/* Layout & Abstand im Container (das "or" bleibt als Text dazwischen) */
#contact-submit-buttons{
  display: inline-flex;
  align-items: center;
  gap: .75rem;              /* Abstand zwischen Button, "or", Button */
  flex-wrap: wrap;
  font-size: .95rem;        /* Größe fürs "or" */
  color: #6b7280;           /* Farbe fürs "or" */
  margin-top: 6px;
  margin-bottom: 6px;
}

/* Gemeinsame Button-Basis für submit & reset */
#contact-submit-buttons input[type="submit"],
#contact-submit-buttons input[type="reset"]{
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;              /* wichtig, falls global irgendwo width:100% gesetzt ist */
  white-space: nowrap;
  padding: .6rem 1rem;
  border-radius: .5rem;
  border: 1px solid transparent;
  font: 600 1rem/1 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;
  letter-spacing: .02em;
  cursor: pointer;
  transition: transform .02s ease-in-out, box-shadow .2s ease, background-color .2s ease, border-color .2s;
  outline: none;
}

/* Primär-Button (Submit) */
#contact-submit-buttons input[type="submit"]{
  background: #385308;      /* Blau */
  border-color: #1d4ed8;
  color: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
#contact-submit-buttons input[type="submit"]:hover{
  background: #9FD147;
  border-color: #1e40af;
}
#contact-submit-buttons input[type="submit"]:focus-visible{
  box-shadow: 0 0 0 3px rgba(37,99,235,.35);
}
#contact-submit-buttons input[type="submit"]:active{
  transform: translateY(1px);
}

/* Sekundär-Button (Reset) */
#contact-submit-buttons input[type="reset"]{
  background: #f9fafb;
  color: #374151;
  border-color: #d1d5db;
}
#contact-submit-buttons input[type="reset"]:hover{
  background: #f3f4f6;
  border-color: #9ca3af;
}
#contact-submit-buttons input[type="reset"]:focus-visible{
  box-shadow: 0 0 0 3px rgba(55,65,81,.25);
}
#contact-submit-buttons input[type="reset"]:active{
  transform: translateY(1px);
}

/* Deaktiviert (falls mal disabled gesetzt wird) */
#contact-submit-buttons input[type="submit"]:disabled,
#contact-submit-buttons input[type="reset"]:disabled{
  opacity: .6;
  cursor: not-allowed;
  box-shadow: none;
}

/* Captcha-Eingabefeld angleichen */
input[name="code"]{
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box !important;

  /* Typo überschreibt inline 'font:12px verdana' */
  font: 400 1rem/1.4 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif !important;

  /* Größe/Abstände */
  width: 100% !important;          /* passt sich dem Container an */
  max-width: 380px;                 /* optional: gleiche Max-Breite wie andere Felder */
  padding: .6rem .75rem !important;
  margin: .35rem 0 !important;

  /* Rahmen & Farben */
  border: 1px solid #d1d5db !important;
  border-radius: .5rem !important;
  background: #fff !important;
  color: #111827 !important;

  /* Interaktion */
  outline: none !important;
  transition: border-color .2s, box-shadow .2s;
}

input[name="code"]:focus{
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.2) !important;
}

input[name="code"]::placeholder{
  color: #9ca3af;
}

/* Überschrift/Label für die Captcha-Sektion */
#contact-spam-challenge{
  font: 400 1rem/1.4 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;
  color: #111827;
  margin: .75rem 0;           /* Top & Bottom Abstand */
}

/* Die Hinweiszeile darunter */
#contact-spam-challenge + small{
  display: block;
  font: 400 .875rem/1.4 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;
  color: #6b7280;
  margin: .25rem 0 .5rem;     /* etwas Abstand zum Label & nach unten */
}


@media only screen and (max-width:480px)
{

#select_area, #harvest_btn
{
     display:block;
}

#select_area select {
    
    width:95%;
    padding:10px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    margin-top:8px;
}

#harvest_btn
{
    margin-top:20px;
    margin-bottom:20px;
    text-align:center;
    width:100%;
}

#harvest_btn a
{
    display:block;
    text-align:center;
    width:90%;
    background-color:#000;
    color:#fff;
    padding:10px 0px;
    border-radius:10px;
    margin:0px auto;
    font-size:18px;
    text-decoration:none;
}

#harvest_btn a:hover
{
    color:#fff;
    background-color:#80142e;
}



#slider_container_2, #imouter1, #center_newsbox_container, #right_column, #caption_container
{
     display:none;
}

#slider_area
{
     height:320px;
}

#logo_container
{
     width:100%;
     text-align:center;
}

.main_site
{
     width:95%;
     padding-left:2%;
     padding-right:2%;
}

#left_column
{
     display:block;
     width:100%;
     padding-right:0px !important;
}

#left_column img, #left_column iframe
{
     max-width:100% !important;
     height:auto;
}

}

@media only screen and (min-width:481px) and (max-width:768px)
{

#select_area, #harvest_btn
{
     display:block;
}

#select_area select {
    
    width:95%;
    padding:10px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    margin-top:8px;
}

#harvest_btn
{
    margin-top:20px;
    margin-bottom:20px;
    text-align:center;
    width:100%;
}

#harvest_btn a
{
    display:block;
    text-align:center;
    width:90%;
    background-color:#000;
    color:#fff;
    padding:10px 0px;
    border-radius:10px;
    margin:0px auto;
    font-size:18px;
    text-decoration:none;
}

#harvest_btn a:hover
{
    color:#fff;
    background-color:#80142e;
}



#imouter1, #center_newsbox_container, #right_column, #caption_container
{
     display:none;
}

#slider_area
{
     height:320px;
}

#logo_container
{
     width:100%;
     text-align:center;
}

.main_site
{
     width:95%;
     padding-left:2%;
     padding-right:2%;
}

#left_column
{
     display:block;
     width:100%;
     padding-right:0px !important;
}

#left_column img, #left_column iframe
{
     max-width:100% !important;
     height:auto;
}


}