/* Haupt-Style-Sheet-Datei */
html { scroll-padding-top: 5em; scroll-behavior: smooth; } 
body { text-align: left; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0 auto; max-width: 60em; } 

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: 3px;
}

#kopf { z-index: 2; position: sticky; top: 0px ; margin-top: 0px; border: 1px solid #a9a9a9; }
#fuss { text-align: left; z-index: 2; position: sticky; bottom: 0px; left: ; right: ; background-color: #F5DEB3; background-image: url(fotos/sand_2_600x160.jpg); padding-left: 0.5em; padding-right: 0.5em; }

table.table_kopf { width: 100%; border-spacing: 0px; background-color: #F5DEB3; background-image: url(fotos/sand_2_600x160.jpg); border: 0px; }
td.banner_left { width: 80px; padding-top: 0.3em; padding-bottom: 0.3em; padding-left: 0.3em; text-align: left; border: 0px; }
td.banner_center { text-align: center; border: 0px; }
td.banner_right { width: 80px; padding-top: 0.3em; padding-bottom: 0.3em; padding-right: 0.3em; text-align: right; border: 0px; }

.banner_left_logo { border: 1px solid #000000; width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; }
h1.banner_center_text { font-style: italic; font-family: serif; font-weight: 900; font-size: 1.8em; margin: 0px; padding-top: 0px; padding-bottom: 0px; }
.banner_right_bild2 { border: 1px solid #000000; }
#menuleiste_banner { font: 700 1.1em arial; padding: 0.15em; margin: 0px; line-height: 1.7em; background-color: #a9a9a9; }
#menuleiste2 { font: 700 1em arial; padding: 0.15em; margin: 0px; line-height: 1.6em; background-color: #E5E5E5; }

header { border: thin solid; margin: 0em; margin-bottom: 0em; }
nav { border: thin solid; padding: 0em; }

footer 
    { 
    border-radius: 0.5em; 
    border: thin solid; 
    padding: 0.5em; 
    margin: 0.2em; margin-top: 0.5em; 
    }
article, 
aside
   {
	border-radius: 0.5em;
	border: thin solid;
	padding: 0.5em;
 	margin: 0.2em; margin-top: 0.5em;
 	}
.main_box1 { padding: 0.5em; margin: 0.2em; margin-top: 0.5em; border: 0px solid #a9a9a9; }
.main_box2 { margin: 0.2em; margin-top: 0.5em; border: 0px solid #a9a9a9; }

header { background: #D3D3D3; border-color: #a9a9a9; }
nav { background: #a9a9a9; border-color: #a9a9a9; }
main { display: block; 	/* für IE */  }
article { background: #ffede0; border-color: #a9a9a9; }
aside { background: #ebf5d7; border-color: #8db243; }
.tabelle_aside { border: 0px; padding: 0px; }
footer { background-color: #E5E5E5; border-color: #a9a9a9; }


.h_section { color: #FFFFFF; background-color: #A0522D; border: thin solid; border-color: #a9a9a9; text-align: center; margin-left: 0.1em; margin-right: 0.1em; margin-top: 0.3em; margin-bottom: 0.3em; padding: 0.2em; }
.h_scs { color: #800000; }
.h_abstand_unten { margin-bottom: 8px; }

.ul1 { margin-top: 0em;  margin-bottom: 0em; padding-left: 1.5em; }
.ul2 { margin-top: 0.5em; margin-bottom: 0.5em; }
.clear { clear: both; }
.margin1 { margin-top: 8px; margin-bottom: 8px; }
.margin2 { margin-top: 4px; margin-bottom: 4px; }

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

.box_mitglieder { min-width: 120px; max-width: 150px; border: 1px solid #FFD700; text-align: center; padding: 0.3em; background-color: #FDF5E6; display: inline-block; margin: 0.3em; }
.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; }
.box_link_footer { display: inline-block; margin:0em; margin-right: 0.3em; padding: 0em; }

a:link, a:visited, a:active { color: #0000FF; text-decoration: underline; }
a:hover { color: #00008B; text-decoration: none; }
a:focus { color: #00008B; 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: 0px; 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: 0px; 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: 0px; border: 2px solid #800000; border-radius: 5px; }

a:link.l2, a:visited.l2, a:active.l2 { color: #0000FF; background: #FFFFFF; text-decoration: none; padding-left: 2px; padding-right: 2px; border: 2px solid #0000FF; border-radius: 5px; }
a:hover.l2 { color:#800000; background: #FFFFF0; text-decoration: none; padding-left: 2px; padding-right: 2px; border: 2px solid #800000; border-radius: 5px; }
a:focus.l2 { color:#800000; background: #FFFFF0; text-decoration: none; padding-left: 2px; padding-right: 2px; border: 2px solid #800000; border-radius: 5px; }
a:link.l2a, a:visited.l2a, a:hover.l2a, a:focus.l2a a:active.l2a { color: #FFFF00; background: #800000; text-decoration: none; padding-left: 2px; padding-right: 2px; border: 2px solid #800000; border-radius: 5px; }

a:link.int, a:visited.int, a:active.int { color: #0000ff; text-decoration: underline; }
a:hover.int { color:#FF0000; text-decoration: none; }
a:focus.int { color:#FF0000; text-decoration: underline; }
a:link.inta, a:visited.inta, a:hover.inta, a:active.inta a:focus.inta { color: #FF0000; 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;
}


/*  in Gebrauch ???  

#inhalt { position: static; margin-top: 120px; border: 1px solid #000000; padding-top: 0px; }
table.table_main { border-spacing: 0px; }
td.td_main_left { padding: 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; }
.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; }
.h_bildtext_links { margin-top: 0px; margin-bottom: 0px; color: #800000; }

.nav_button2 { z-index: 3; position: fixed; top: 5px; right: 0%; border: 0px solid #800000; margin-right: 5px; }
.nav_button2_fuss { z-index: 3; position: absolute; bottom: 0em; right: 0em; border: 0px solid #800000; margin-right: 5px; }
.nav-botton { margin: 0px; }

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; } 

*/

.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 */  }