/* Haupt-Style-Sheet-Datei */
html { scroll-padding-top: 145px; scroll-behavior: smooth; }
body { text-align: left; font-family: Arial, Verdana, Helvetica, sans-serif; } 

#kopf { z-index: 2; position: fixed; top: 0px; left: 0%; right: 0%; margin-top: 0px; border: 0px solid #FF0000; height: 120px; background-color: #FFFFFF; }
.nav_button2 { z-index: 3; position: fixed; top: 5px; right: 0%; border: 0px solid #800000; margin-right: 5px; }
#fuss { text-align: left; z-index: 2; position: fixed; bottom: 0px; left: 0%; right: 0%; background-color: #F5DEB3; background-image: url(fotos/sand_2_640x401.jpg); padding: 5px; }
.nav_button2_fuss { z-index: 3; position: fixed; bottom: 5px; right: 0%; border: 0px solid #800000; margin-right: 5px; }
.nav-botton { margin: 2px; }

.table_kopf { width: 100%; border-collapse: collapse; border-spacing: 0px; background-color: #F5DEB3; background-image: url(fotos/sand_2_640x401.jpg); }
.banner_left { width: 120px; height: 120px; padding: 0px; border: 0px solid #000000; }
.banner_right_top { width: 575px ; height: 80px ; padding: 0px ; }
.banner_right_text { padding-left: 10px; font-style: italic; font-family: serif; font-weight: 700; font-size: calc(1.2em + 0.6vw); }
.banner_right_text2 { margin-top: 0px; padding-top: 0px; margin-left: 40px; margin-bottom: 0px; font-size: 0.7em; font-weight: 700;  }
.banner_right_bottom { padding: 0px; height: 40px; }
.banner_right_bild { height: 120px; ; padding: 0px; border: 0px solid #000000; }
.banner_right_bild_margin { margin-left: 10px; }
#menuleiste_banner { background-color: #FAEBD7; font: 700 1.1em arial; padding-left: 10px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px; line-height: 30px; }

#inhalt { position: static; margin-top: 120px; border: 0px solid #000000; padding-top: 0px; }
table.table_main { width: 100% ; border-collapse: collapse; border-spacing: 0px; }
td.td_main_left { width: 75% ; padding-left: 0px ; padding-right: 30px; padding-top: 0px; }
td.td_main_right { background-color: #F5DEB3; background-image: url(fotos/sand_2_640x401.jpg); text-align: center; }

div.main { text-align: justify; margin-bottom: 0px; margin-top: 0px; border: 0px solid #000000; } 
div.main_float_left { float: left; margin-right: 20px; }

.td_bild_links { width: 40%; } 
.td_bildtext_rechts { padding-left: 30px; }
.td_bilder_horizonal { width: 23%; }

/* .kontaktbox position (fixed | absolute) */
/* .kontaktbox { z-index: 1; position: absolute; top: 140px; right: 3%; width: 22%; margin-left: 0px; margin-right: 0px; margin-top: 0px; background-color: #F5F5DC; border: 0px solid #ff0000; } */
.kontaktbox { text-align: center; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding: 10px; background-color: ; border: 0px solid #000000; }
.box_rechts_1 { max-height: 200px; overflow: auto; margin-left: 20px; margin-right: 20px; margin-top: 20px; padding: 10px; text-align: left; background-color: #FAEBD7; border: 1px solid #000000; }
.iframe_1 { width: 100%; height: 1500px; border: 0px solid #0000FF; }

img.googlemaps { max-width:100%; height: auto; margin: 0px;}
img.size_auto { max-width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; }
img.logo_klein { max-width: 100%; height: auto; border: 1px solid #000000 ; }

.clear { clear: both; }

.ul1 { margin-top: 0px; padding-left: 15px; }
.ul2 { margin-top: 8px; margin-bottom: 8px; }

.h_bildtext_links { margin-top: 0px; margin-bottom: 0px; color: #800000; }
.h_seitenueberschrift { color: #800000; margin-top: 30px; }
.h_abstand_unten { margin-bottom: 8px; }

/*  Seite: Über uns   */
.box_mitglieder { min-width: 140px; max-width: 180px; border: 3px solid #FFD700; text-align: center; padding: 10px; background-color: #FDF5E6; display: inline-block; margin: 10px; }
.box_mitglieder_bild { max-width: 100%; height: auto; border: 1px solid #800000; border-radius: 30px; }
.box_mitglieder_name { font-size: clamp(0.9375rem, 0.7232rem + 0.3348vw, 1.125rem); color: #000000; font-weight: bold; margin-top: 0.3em; margin-bottom: 0.2em; }
.box_mitglieder_text { font-size: clamp(0.9375rem, 0.7232rem + 0.3348vw, 1.125rem); color: #4D4D4D; font-weight: bold; margin-bottom: 0.2em; }

.margin1 { margin-top: 8px; margin-bottom: 8px; }

.tip_link_extern { font-size: smaller; color: #000000; } 
.tip_link_intern { font-size: smaller; color: #000080; } 



a:link, a:visited, a:active { color: #0000FF; text-decoration: underline; }
a:hover { color: #0090E0; text-decoration: none; }
a:focus { color: #0090E0; text-decoration: underline; }

a:link.l1, a:visited.l1, a:active.l1 { color: #800000; background: #F5DEB3; text-decoration: none; padding-left: 2px; padding-right: 2px; margin-right: 2px; border: 2px solid #800000; border-radius: 5px; }
a:hover.l1 { color:#800000; background: #FFFFF0; text-decoration: none; padding-left: 2px; padding-right: 2px; margin-right: 2px; border: 2px solid #A0522D; border-radius: 5px; }
a:link.l1a, a:visited.l1a, a:hover.l1a, a:active.l1a { color: #FFFF00; background: #800000; text-decoration: none; padding-left: 2px; padding-right: 2px; margin-right: 2px; border: 2px solid #800000; border-radius: 5px; }

a:link.l2, a:visited.l2, a:active.l2 { color: #800000; font-weight: 600; padding-left: 2px; padding-right: 2px; text-decoration: underline; }
a:hover.l2 { color:#FF0000; font-weight: 600; padding-left: 2px; padding-right: 2px; text-decoration: none; }
a:link.l2a, a:visited.l2a, a:hover.l2a, a:active.l2a { color: #FFFF00; font-weight: 600; background: #800000; text-decoration: none; padding-left: 2px; padding-right: 2px; }

a:link.l3, a:visited.l3, a:active.l3 { color: #0000FF; font-weight: 500; padding-left: 2px; padding-right: 2px; text-decoration: underline; }
a:hover.l3 { color:#FF0000; font-weight: 600; padding-left: 2px; padding-right: 2px; text-decoration: none; }

a:link.int, a:visited.int, a:active.int { color: #000080; font-weight: 600; text-decoration: underline; }
a:hover.int { color:#FF0000; font-weight: 600; text-decoration: none; }
a:focus.int { color:#FF0000; font-weight: 600; text-decoration: underline; }
a:link.inta, a:visited.inta, a:hover.inta, a:active.inta { color: #FF0000; font-weight: 600; text-decoration: underline; }

a:link.email, a:visited.email, a:active.email { color: #0000FF; font-weight: 600; text-decoration: underline; }
a:hover.email { color: #800000; font-weight: 700; text-decoration: none; }

a:link.email2, a:visited.email2, a:active.email2 { color: #0000FF; font-weight: 500; text-decoration: underline; }
a:hover.email2 { color: #800000; font-weight: 500; text-decoration: none; }

/* Aufklappbarer Container ist zu - Schachanwendungen */
.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.content {
  padding: 0 10px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

/* Aufklappbarer Container ist zu - Termine & Mitteilungen */
.collapsible2 {
  background-color: #FFA500;
  color: #000000;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active2, .collapsible2:hover {
  background-color: #FF8C00;
}

.content2 {
  padding: 0 10px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}


/*  Nicht in Gebrauch  */
.blur-link img {
    transition: filter 0.3s ease; /* Sorgt für einen sanften Übergang */
}
.blur-link:hover img {
    filter: blur(5px); /* Intensität des Blurs in Pixeln */
}

div.main_left { float:left; padding:20px; width:74%; border:1pt solid #0000ff; }
div.side_right { float:left; padding:20px; width:20%; border:1pt solid #0000ff; } 

a:link.but1, a:visited.but1, a:active.but1 { border:1px solid #006800; text-align:center;background:#009800; color:#FFFFFF; padding:10px;  font:bold 12pt ARIAL; text-decoration:none; border-radius:12px }
a:hover.but1 { border:1px solid #006800; text-align:center; background:#FFFF98; color:#009800;  padding:10px;  font:bold 12pt ARIAL; text-decoration:none; border-radius:12px }