html { scroll-padding-top: 145px; scroll-behavior: smooth; }
body { text-align: left; font-family: Arial, Verdana, Helvetica, sans-serif; margin-left: 2%; margin-right: 2% } 

#kopf { z-index: 2; position: fixed; top: 0px; left: 2%; right: 2%; margin-top:0px; border: 0px solid #FF0000; height: 120px; background-color: #FFFFFF; }
.nav_button2 { z-index: 3; position: fixed; top:5px; right: 2%; border: 0px solid #800000; margin-right: 5px; }

#fuss { z-index: 2; position: fixed; bottom: 0px; left: 2%; right: 2%; background-color: #F5DEB3; background-image: url(fotos/sand_2_640x401.jpg); padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
.nav_button2_fuss { z-index: 3; position: fixed; bottom:5px; right: 2%; border: 0px solid #800000; margin-right: 5px; }

.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.4em + 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: 20px; }
#menuleiste_banner { width: ; height: ; background-color: #FAEBD7; font: 700 1.1em arial; padding-left: 10px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px; line-height: 30px; }

/* .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: 20px; padding: 10px; background-color: ; border: 0px solid #000000; }
.box_rechts { text-align: left; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding: 10px; background-color: #F5F5DC; border: 0px solid #000000; }

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

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

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

img.googlemaps { max-width: 80%; height: auto; margin-top: 10px; margin-bottom: 10px; }
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; }

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

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

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

a:link.email, a:visited.l2, a:active.l2 { color:#0000FF; text-decoration:underline }
a:hover.email { color:#7c6961; text-decoration:none }

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

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

/*  Seite: Über uns   */
.box_mitglieder { min-width: 200px; max-width: 80%; border: 3px solid #FFD700; text-align: center; padding-top: 20px; padding-bottom: 20px; background-color: #FDF5E6; }
.box_mitglieder_bild { max-width: 80%; height: auto; border: 1px solid #800000; border-radius: 50px; }

.margin1 { margin-top: 9px; margin-bottom: 9px; }
.nav-botton { margin:2px }
/* 
h1 { font:700 18pt verdana,arial,sans-serif; margin-top:0px; margin-bottom:0px }
h2 { font:700 16pt verdana,arial,sans-serif; margin-top:0px; margin-bottom:0px; }
h3 { font:900 14pt verdana,arial,sans-serif; margin-top:0px; margin-bottom:0px; }
h4 { font:700 12pt verdana,arial,sans-serif; text-align:left; margin-top:0px; margin-bottom:0px; }
h5 { font:700 11pt verdana,arial,sans-serif; text-align:left; margin-top:0px; margin-bottom:0px; }
p { text-align: left; margin-bottom: 0px; margin-top: 10px}
*/

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