*, *:before, *:after { box-sizing: border-box; } body { background-color: #f0f0f0; margin: 0; padding: 0; } a, a:link, a:visited { text-decoration: none; color: #003399; } a:active { color: #000000; } a:hover { text-decoration: none; color: #000000; background: #FFCC00; } #wrapper { width: 100%; max-width: 1100px; margin: 0 auto; background-color: #ffffff; min-height: 100vh; padding: 10px 20px 20px 20px; box-sizing: border-box; } @media (max-width: 1024px) { #wrapper { padding: 10px; } } @media (max-width: 480px) { #wrapper { padding: 5px; } } #bodykopf { width: 100%; height: 50px; margin: 0 auto 5px auto; background-color: #961D2A; display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; color: #ffffff; font-family: Arial, sans-serif; font-size: 0.95rem; font-weight: bold; } #bodykopf a { color: #ffffff; text-decoration: none; min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; } #bodykopf .homelogo { width: 30px; height: 30px; border: none; } #bodykopf a[title="Teilen"] { margin-left: auto; } #bodykopf svg { width: 30px; height: 30px; margin-left: 4px; margin-right: 4px; vertical-align: middle; border: none; } #menue { scroll-margin-top: 20px; } #fuss { display: flex; flex-direction: column; align-items: flex-start; width: 100%; text-align:left; } .fussbox p.ti { font-family: Arial, Verdana, sans-serif; font-size: 0.875rem; font-weight: bold; border-bottom: 2px solid #000000; margin-bottom: 10px; } .fussbox p, .fussabs { font-family: Arial, Verdana, sans-serif; font-size: 0.875rem; margin-bottom: 10px; } .fussbox a { text-decoration: none; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 0.875rem; color: #191970; } .fussdiv {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 30px; width: 100%; max-width: 1200px; margin: 20px 0 20px 0; } .fussbox { flex: 1 1 300px; min-width: 280px; max-width: 400px; text-align: left; } footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; width: 100%; margin: 10px auto 10px auto; background-color: #ffffff; align-items: flex-start; padding: 15px 15px; box-sizing: border-box; font-size: 0.95rem; font-family: Arial, sans-serif; } footer .text, footer .impress, footer .dreier-box { width: 100%; margin-bottom: 20px; } footer .text { max-width: 800px; font-size: 0.95rem; text-align: justify; line-height: 1.8; hyphens: auto; } footer .impress { font-size: 0.95rem; text-align: center; line-height: 1.8; } footer .impress a { display: inline-block; padding: 2px 4px; color: #003399; text-decoration: none; } footer .sozmed { display: flex; flex-direction: row; width: 100%; height: 50px; justify-content: center; align-items: center; gap: 15px; margin: 10px 0 25px 0; } footer .sozmed a { display: flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; text-decoration: none; } footer .sozmed svg { width: 30px; height: 30px; } #trennbalken { width: 100%; max-width: 1200px; margin: 30px auto; border: none; border-top: 10px solid #961D2A; } #suchfeld { width: 100%; max-width: 800px; margin: 20px auto; align-self: center; padding: 0; min-height: 60px; clear: both; box-sizing: border-box; } #suchfeld .gcse-searchbox-only, #suchfeld .gsc-control-cse { width: 100% !important; background: transparent !important; border: none !important; } #pobi { width: 100%; max-width: 1024px; margin: 0 auto 5px auto; overflow: hidden; } #pobi img { width: 100%; max-width: 1024px; max-height: 200px; height: auto; object-fit: cover; display: block; border: none; } .ixbox { width: 100%; max-width: 1024px; margin: 20px auto; background-color: #ffffff; border: 1px solid #961D2A; } .ixbox:first-of-type { margin-top: 0px; } .ixbox h1,.ixbox h2,.ixbox h3,.ixbox h4,.ixbox h5,.ixbox h6,.ixbox p.ixus {background-color: #961D2A; color: #ffffff; margin: 0; padding: 8px 10px; font-family: Arial, sans-serif; font-size: 0.875rem;font-weight: bold; display: block; } .ixbox .text { width: auto; margin: 6px 6px; padding: 6px 6px; font-family: Arial, sans-serif; text-align:justify; font-size: 0.95rem; line-height: 1.6; color: #333; background-color:#F5F5F5; } .ixbox ul { list-style: none; padding: 0; margin: 0; text-align: left; } .ixbox ul li a:hover { background-color: #FFCC00; color: #000000; } .ixbox li b { background-color: #f0f0f0; color: #961D2A; padding: 2px 6px; border-radius: 3px; font-size: 0.8rem; margin-right: 8px; white-space: nowrap; display: inline-block; border: 1px solid #ddd; } .ixbox li.fett { font-weight: bold; } .ixbox li { display: flex; align-items: baseline; padding: 2px 0; font-family: Arial, sans-serif; font-size: 0.9rem; text-align: left; } .ixbox ul li a { text-decoration: none; color: #003399; display: block; flex: 1; min-width: 0; font-family: Arial, sans-serif; font-size: 0.9rem; padding: 3px 5px; transition: background 0.2s; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ixboxcon { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; box-sizing: border-box; } .ixboxconbox { flex: 1; min-width: 0; padding: 15px; box-sizing: border-box; } .ixboxconbox_wrapper { display: flex; flex-wrap: nowrap; gap: 10px; width: 100%; } .ixboxconboxsub { flex: 1; min-width: 0; display: flex; flex-direction: column; } .ixboxconbox_bilder_liste { width: 100%; display: flex; flex-direction: column; gap: 15px; align-items: center; } .ixboxconbox_bilder_liste img { width: 100% !important; height: auto !important; display: block; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.15); transition: transform 0.2s ease-in-out; } .ixboxconbox_bilder_liste a:hover img { transform: scale(1.02); } @media (max-width: 700px) { .ixboxconbox { flex: 0 0 100%; max-width: 100%; } .ixboxconbox_wrapper { justify-content: space-between; } } .ixboxconbild { flex: 1; min-width: 280px; padding: 15px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .ixboxconbild img { max-width: 100%; height: auto; display: block; border: 0; } @media (max-width: 400px) { .ixboxconbild { min-width: 100%; padding: 10px; } } .ixbox_galerie { display: flex; flex-wrap: wrap; padding: 5px; gap: 5px; justify-content: space-between; justify-content: center; } .ixbox_galerie a { flex: 0 1 calc(20% - 10px); min-width: 120px; } .ixbox_galerie img { width: 100%; max-width: 266px; height: auto; object-fit: contain; display: block; border: 1px solid #ddd; border-radius: 3px; } .vtipp { width: 100%; max-width: 100%; height: auto; background: #ffffff; text-align: left; box-sizing: border-box; overflow: hidden; } .vtipp div { width: 100%; margin: 0; padding: 10px 10px; background-color: #ffffff; border-bottom: 1px solid #FFBF00; box-sizing: border-box; } .vtipp div:last-child { border-bottom: none; } .vtipp p.li { max-width: 100%; font-size: 0.875rem; font-family: Arial, sans-serif; margin: 0 0 4px 0; } .vtipp p.li a { color: #483d8b; font-size: 0.875rem; font-weight: bold; text-decoration: none; transition: color 0.2s; } .vtipp p.li a:hover { color: #961D2A; font-size: 0.875rem; text-decoration: underline; } .vtipp p.te { max-width: 100%; margin: 0; font-family: Arial, sans-serif; font-size: 0.875rem; color: #800000; line-height: 1.4; } .vtipp b { font-size: 0.875rem; color: #000033; } .vtipp span { font-size: 0.875rem; color: #800000; } .buch-galerie { display: flex; flex-wrap: wrap; justify-content: flex-start; gap:8px; padding: 12px; width: 100%; margin: 10px 0; box-sizing: border-box; background-color: #ffffff; } .buch-item { flex: 0 1 calc(16.66% - 10px); max-width: 160px; } .buch-item img { width: 100%; height: auto; aspect-ratio: 200 / 266; display: block; object-fit: cover; } @media (max-width: 600px) { .buch-galerie { gap: 8px; padding: 8px; } .buch-item { flex: 0 1 calc(33.33% - 6px); } } .ixaz { width: 100%; max-width: 970px; margin: 20px auto; background-color: #ffffff; text-align: center; box-sizing: border-box; align-items: center; overflow: hidden; display: block; clear: both;} .ixaz p { width: 100%; color: #999; font-size: 0.65rem; text-transform: uppercase; text-align: center; margin: 10px 0; } .modulaz {width:99%;max-width:750px; margin:20px auto; padding:15px 0;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;clear:both;min-height:100px;overflow:hidden} .modulaz ins.adsbygoogle{width:100%!important} .modulaz ins[data-ad-status="unfilled"],.modulaz:has(ins[data-ad-status="unfilled"]){display:none!important} .modulaz p{margin:5px;line-height:10px;font-family:Arial,sans-serif;color:#999;font-size:0.6rem;text-align:center} @media(max-width:400px){.modulaz{max-width:320px;min-height:auto;margin-left:auto;margin-right:auto}} /* Terminliste */ .tmdsbox { width: 100%; max-width: 580px; height: 56px; margin: 10px 0 0 0; border-bottom: 1px solid #D0D0C8; background-color: #ffffff; display: flex; align-items: center; } .tmdsli { width: 50px; height: 50px; margin-right: 10px; border-right: 1px solid #D0D0C8; display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; } .tmdsli p { font-family: Arial, sans-serif; text-align: center; margin: 0; font-weight: bold; color: #A22020; } .tmdsli p.tag { font-size: 0.750rem; line-height: 1.1; } .tmdsli p.mon { font-size: 0.689rem; line-height: 1.1; } .tmdsli p.jah { font-size: 0.689rem; line-height: 1.1; } .tmdsre { flex: 1; min-width: 0; padding-left: 5px; position: relative; } .tmdsre p { margin: 0; padding: 2px; font-family: Arial, sans-serif; color: #696969; font-size: 0.875rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tmdsre a:link, .tmdsre a:visited { color: #003399; text-decoration: none; display: block; } .tmdsre:hover { background-color: #FAE192; cursor: pointer; } .tmdsre a::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } /* Terminliste */ #jahreskalender { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #333; } .kalender_flex_wrapper { display: flex; flex-wrap: wrap; gap: 25px; padding: 15px 0; justify-content: center !important; } .monats_einheit { width: 220px; background: #ffffff; padding: 5px; } .mous { display: block !important; text-align: center !important; margin: 0 0 20px 0 !important; padding: 0 0 8px 0 !important; border-bottom: 2px solid #f0f0f0; width: 100%; } .monat_titel_link { color: #222222 !important; text-decoration: none !important; font-weight: 700 !important; font-size: 18px !important; letter-spacing: 0.5px; } .tage_grid { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; } .tage_grid b { font-size: 11px; color: #999; font-weight: 600; text-transform: uppercase; padding-bottom: 12px; } .tage_grid a { font-size: 14px; text-decoration: none; color: #444; display: block; height: 30px; line-height: 30px; border-radius: 3px; transition: all 0.2s ease; } .tage_grid a:hover, .monat_titel_link:hover { background: #f8f8f8; color: orange !important; text-decoration: underline; } .so { color: #d32f2f !important; font-weight: bold; } .heute { background: #d32f2f !important; color: #ffffff !important; font-weight: bold; box-shadow: 0 2px 4px rgba(211, 47, 47, 0.3); } .heute:hover { color: #ffffff !important; background: #cc0000 !important; text-decoration: none !important; box-shadow: inset 0 0 5px rgba(0,0,0,0.2); } /* ### AZ Kopf ### */ @media (min-width:990px) { #bodyaz { width:100%; max-width:970px; min-height:110px; margin:20px auto 20px auto; } .bodyazaz { width:100%; height:auto; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; } .bodyazaz div.gooads { width:728px; height:90px; } /* Exakt auf 728x90 fixiert */ .bodyazaz div.gooads p { margin:2px 0; font-family: Arial, sans-serif; color: #707070; font-size: 0.7rem; text-align: center; text-transform: uppercase; letter-spacing: 1px;}} @media only screen and (min-width:740px) and (max-width:989px) { #bodyaz { width:100%; min-height:110px; margin:10px auto; } .bodyazaz { display:flex; flex-direction:column; align-items:center; } .bodyazaz div.gooads { width:728px; height:90px; } .bodyazaz div.gooads p { font-size: 0.7rem; text-align: center; color: #707070;}} @media (max-width:739px) { #bodyaz, .bodyazaz, .bodyazaz div.gooads { display:none !important; } } /* ### Kopfnavi ### */ #kopfnav { clear:both; width: auto; height:20px; margin: 10px; background-color:#ffffff; border-bottom:2px solid #961D2A; line-height:20px; font-family:Trebuchet MS, Arial,sans-serif; font-size:0.650rem; color:#393C42; text-align:left; overflow:hidden; } #kopfnav a:link, #kopfnav a:visited, #kopfnav a:hover, #kopfnav a:active { text-decoration:none; font-family:Trebuchet MS, Arial,sans-serif; font-size:0.650rem; color:#0044cc; } #content { width: 100%; height: auto; background-color: #ffffff; margin: 0 0 20px 0; padding: 0 10px; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; justify-content: center; } #ihkurz { margin: 0px 0px 10px 0px; padding: 0px; flex: 1 1 500px; max-width: 700px; min-width: 0; box-sizing: border-box; } #ihkurz h1 { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:1.00rem; text-align:left; font-weight:bold; margin:10px 0px 10px 0px; } #ihmenu { margin: 10px 0px; padding: 0 10px; flex: 0 0 340px; min-width: 0; box-sizing: border-box; } aside { width: 100%; height: auto; margin: 0; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 15px; } aside div { width: 100%; max-width: 340px; margin: 0 auto; text-align: center; } aside div.navmenue { width: 100%; max-width: 340px; height: auto; margin: 0 auto 15px auto; text-align: center; background-color: #d4d4d4; padding: 15px; box-sizing: border-box; border: 1px solid #d4d4d4; overflow: hidden; } @media (max-width: 1000px) { #ihmenu { max-width: 100%; flex: 1 1 100%; } aside { width: 100%; margin: 20px 0; padding-top: 20px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } aside div { width: 340px; flex: 0 1 340px; } aside div.navmenue { background-color: #d4d4d4 !important; } } @media (max-width: 400px) { aside > div { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; display: block !important; overflow: hidden !important; } .navmenue .meli, .navmenue .mere { width: 48% !important; display: inline-block !important; vertical-align: top; float: none !important; margin: 0 !important; background-color: #d4d4d4 !important; } } #txtpobi { max-width:580px; margin:0px 0px 20px 0px; margin-left:auto; margin-right:auto; } #txtpobi img { width:100%; height:auto; display:block; border:0px; } .txt { font-family: Arial, Verdana, sans-serif; font-size:0.938rem; line-height: 1.8; text-align:justify; } .txt p.us { margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; color:#9d9d9d; border:5px solid #ffffff; } .txt small { font-size:0.689rem; } .txt h2 { font-family:Arial,Verdana, sans-serif; font-size:0.938rem; text-align:left; font-weight:bold; color:#000000; margin: 5px 0; padding: 0; } .txt strong { font-family:Arial,Verdana, sans-serif; font-size:0.938rem; text-align:left; font-weight:bold; color:#000000; } .txt i { font-family:Arial,Verdana, sans-serif; font-size:0.938rem; text-align:left; font-weight:bold; color:#696969; } .txt em { font-family:Arial,Verdana, sans-serif; font-size:0.938rem; text-align:left; color:#000000; font-style: normal; } .txt hr { margin:10px 0px 10px 0px; background-color:#d9d4cb; height:2px; width:100%; border:0px; } .txt a:link, .txt a:active, .txt a:visited, .txt a:hover { text-decoration:none; font-family:Verdana,Arial,sans-serif; color:#0066CC; font-size:0.938rem; } .txt div.bild1, .txt div.bild3, .txt div.bild5, .txt div.bild7, .txt div.bild9 { width:35%; height:auto; aspect-ratio: 266 / 200; margin: 5px 20px 15px 0px; float:left; } .txt div.bild2, .txt div.bild4, .txt div.bild6, .txt div.bild8 { width:35%; height:auto; aspect-ratio: 266 / 200; margin: 5px 0px 15px 20px; float:right; } .txt div[class^="bild"] img { width: 100% !important; height: auto !important; display: block; } /* Modul Foto */ .txtfoto { width:100%; height:auto; max-width: 680px; margin: 20px auto; margin-right:auto; margin-left:auto; clear:both; } .txtfoto p { width: 100%; display: block; margin: 10px 0 5px 0; font-family: Arial, Verdana, sans-serif; color: #000000; font-size: 0.750rem; text-align: right; } .txtfoto img { width:100%; height:auto; border:0px; display:block; } .navmenue div.flagge { width:100%; height:auto; max-height:40px; clear:both; text-align: center; margin:0px 0px 10px 0px; } .navmenue div.flagge img { width:100%; height:auto; border:0px; display:block; margin-left:auto; margin-right:auto; } .navmenue div.flagge a:link, .navmenue div.flagge a:visited, .navmenue div.flagge:hover { margin:0px 0px 0px 0px; text-decoration:none; display:inline-block; } .meus { width:94%; margin:10px 0px 10px 15px; padding:3px; overflow:hidden; font-family: Arial,Verdana,sans-serif; font-size:0.875rem; font-weight:bold; color:#000000; border-bottom:1px solid #961D2A; text-align:left; } .meli, .mere { width: 46%; height: auto; overflow: hidden; box-sizing: border-box; } .meli { float: left; margin: 0 0 0 5px; } .mere { float: right; margin: 0 0 0 0; } .meli p.us, .mere p.us { margin: 0 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #961D2A; font-family: Arial, Verdana, sans-serif; font-size: 0.875rem; font-weight: bold; color: #000000; text-align: left; } .meli ul, .mere ul { list-style-type: none; margin: 0 0 15px 0; padding: 0; } .meli li, .mere li { line-height: 1.8; text-align: left; } .meli a, .mere a { padding: 0px 3px; display: block; font-family: Arial, Verdana, sans-serif; font-size: 0.875rem; color: #000000; text-decoration: none; } .meli a:hover, .mere a:hover { color: #961D2A; } @media (min-width: 990px) { aside div.menads { min-height: 280px; margin: 15px 0; text-align: center; overflow: hidden; display: block; } aside div.menads p { width: 100%; margin: 20px 0; line-height: 14px; font-family: Arial, Verdana, sans-serif; color: #999; font-size: 0.5rem; text-align: center; text-transform: uppercase; } aside div.menads:empty { display: none; } } @media (max-width: 989px) { aside div.menads { min-height: 280px; margin: 15px 0; text-align: center; overflow: hidden; } aside div.menads p { width: 100%; margin: 20px 0; line-height: 14px; font-family: Arial, Verdana, sans-serif; color: #999; font-size: 0.5rem; text-align: center; } aside div.menads:empty { display: none; } } @media (max-width: 400px) {aside div.menads { width: 100% !important; max-width: 300px !important; min-height: auto !important; height: auto !important; margin: 10px auto !important; display: block !important; overflow: hidden !important; } aside div.menads ins.adsbygoogle { max-width: 100% !important; display: block !important; height: auto !important; } } /* ### AZ Intern ### */ @media (min-width:990px) { aside div.azads { width: 100%; height: auto; clear: both; margin: 0px 0px 15px 0px; } aside div.azads img { width: 100%; height: auto; border: 0px; aspect-ratio: 500 / 375; display: block; margin-left: auto; margin-right: auto; } aside div.azads p { width: 90%; margin: 5px; line-height: 14px; font-family: Arial, Verdana, sans-serif; color: #232323; font-size: 0.6rem; text-align: center; margin-left: auto; margin-right: auto; }} @media screen and (max-width:989px) { aside div.azads { width: 100%; height: auto; margin: 15px 0px 15px 0px; clear: both; } aside div.azads img { width: 100%; max-width: 500px; height: auto; aspect-ratio: 500 / 375; border: 0px; display: block; margin-left: auto; margin-right: auto; } aside div.azads p { width: 90%; margin: 5px; line-height: 14px; font-family: Arial, Verdana, sans-serif; color: #232323; font-size: 0.6rem; text-align: center; margin-left: auto; margin-right: auto; }} /* ### Termin 11.16 ###*/ .tmds { width:100%; height:auto; margin:5px 0px 20px 0px; clear:both; } .tmds h1 { margin:0px 0px 8px 0px; font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.938rem; text-align:left; font-weight:bold; } .tmds h2 { margin:10px 0px 8px 0px; font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.938rem; font-weight:bold; border:6px solid #ffffff; text-align:left; background:#ffffff; } .tmds h3 { height:20px; border-bottom:1px solid #000000; font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.875rem; font-weight:bold; } .tmds hr { margin:10px 0px 10px 0px; background-color:#d9d4cb; height:2px; width:100%; border:0px; } .tmds p.us { margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; color:#545454; border:5px solid #ffffff; } .tmdsli { width:40px; height:50px; margin:3px 5px 3px 3px; float:left; border-right: 1px solid #D0D0C8; padding-top:0px; } .tmdsli p { font-family:Arial,Verdana,sans-serif; color:#ff6600; text-align:center; margin:0px 0px 1px 0px; } .tmdsli p.tag { font-family:Arial,Verdana,sans-serif; font-size:0.750rem; color:#A22020; line-height:18px; font-weight:bold; } .tmdsli p.mon { font-family:Arial,Verdana,sans-serif; font-size:0.689rem; color:#A22020; line-height:15px; font-weight:bold; } .tmdsli p.jah { font-family:Arial,Verdana,sans-serif; font-size:0.689rem; color:#A22020; line-height:15px; font-weight:bold; } .tmdsli p span { color:#226600; } .tmdsli p big { font-family:Arial,Verdana,sans-serif; font-size:1.00rem; color:#FFFFFF; line-height:20px; } .tmdsli p small { font-family:Arial,Verdana,sans-serif; font-size:0.625rem; color:#FFFFFF; line-height:12px; } .tmdsre { width:auto; max-width:540px; height:50px; margin:0px 0px 0px 0px; } .tmdsre p { height:21px; line-height:21px; font-family:Arial,Verdana,sans-serif; color:#696969; font-size:0.875rem; text-align:left; margin:0px; padding:2px; overflow:hidden; font-weight:bold; } .tmdsre p span { font-weight:bold; font-size:0.814rem; color:#800000; } .tmdsre p small { font-weight:bold; font-size:0.814rem; color:#800000; } .tmdsre a:link, .tmdsre a:visited { display:block; line-height:21px; font-family:Arial,Verdana,sans-serif; font-size:0.875rem; color:#003399; text-align:left; text-decoration: none; } .tmdsre a:hover { background-color: #FAE192; } .listvs { width:100%; height:auto; max-width:750px; margin-top:10px; background:#ffffff; margin-right:auto; margin-left:auto; text-align:center; } .listvs h2 { font-size: 1.0rem; line-height: 1.5; color: #555555; margin-top: 10px; margin-bottom: 10px; max-width: 720px; text-align:left; font-family: Arial, Verdana, sans-serif; } .listvs p.us { margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; color:#9d9d9d; border:5px solid #ffffff; } .listvs img { width:31%; height:auto; border:1px solid #ffffff; float:none; display:inline-block; } .listvs hr { margin:10px 0px 10px 0px; background-color:#d9d4cb; height:2px; width:100%; border:0px; } /* ### Modul Verweise ### */ .txtverweis { width:100%; max-width:750px; margin:0px 0px 15px 0px; font-family:Arial,Verdana,sans-serif; font-size:0.875rem; margin-right:auto; margin-left:auto; clear:both; } .txtverweis hr { margin:10px 0px 10px 0px; background-color:#d9d4cb; height:2px; width:100%; border:0px; } .txtverweis img { width:14px; height:14px; border:0px; margin:1px 10px 2px 4px; float:left; } .txtverweis p.us { margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; color:#9d9d9d; border:5px solid #ffffff; } .txtverweis h3 { margin:3px 3px 3px 3px; font-family:Arial,Verdana,sans-serif; font-size:0.938rem; font-weight:bold; border:6px solid #d9d4cb; text-align:left; background:#ffffff; } .txtverweis p { margin:3px 0px 3px 6px; font-family:Verdana,Arial,Helvetica,sans-serif; color:#000000; font-size:0.875rem; text-align:left; line-height:1.5; } .txtverweis p b { margin:3px 0px 3px 6px; font-family:Verdana,Arial,Helvetica,sans-serif; color:#000000; font-size:0.875rem; text-align:left; font-weight:bold; } .txtverweis p small { font-size:0.689rem; } .txtverweis a:link { font-family:Verdana,Arial,sans-serif; color:#000080; font-size:0.875rem; text-align:left; text-decoration:none; } .txtverweis a:hover { font-family:Verdana,Arial,sans-serif; color:#000080; font-size:0.875rem; text-align:left; text-decoration:none; background:#FFCC00; } .txtadresse { margin:10px 0px 10px 0px; width:100%; height:auto; } .txtadresse p { margin:4px 0px 4px 6px; font-family:Arial,Helvetica,sans-serif; font-size:0.875rem; line-height:1.1rem; text-align:left; } .txtadresse p img { width:14px; height:14px; margin:0px 6px 0px 0px; float:left; } .chrnik { width:100%; height:auto; margin:15px 0px 0px 0px; } .chrnik h1 { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:1.00rem; text-align:left; font-weight:bold; margin:0px 0px 15px 0px; } .chrnik h2 { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.938rem; text-align:left; margin:8px 0px 8px 0px; } .chrnik h2 strong { color:#660033; font-size:0.938rem; font-weight:bold; } .chrnik div.txt { margin:15px 0px 10px 0px; font-family:Arial,Verdana,sans-serif; font-size:0.938rem; line-height:200%; text-align:justify; } .chrnik div.txt a:link, .chrnik div.txt a:active, .chrnik div.txt a:visited, .chrnik div.txt a:hover { text-decoration:none; font-family:Arial,Verdana,sans-serif; font-size:0.938rem; } .chrnik p.us { margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; color:#545454; border:5px solid #ffffff; } .chrnik table { width:100%; height:auto; border-spacing: 0px 12px; } .chrnik tr { width:auto; } .chrnik td.li { width:50px; text-align:left; font-family:Arial,Helvetica,sans-serif; color:#000000; font-size:0.938rem; font-weight:bold; } .chrnik td.li span { padding:3px; font-weight:bold; background-color:#E0E0E0; } .chrnik td.re { padding:3px; width:auto; text-align:left; font-family:Arial,Helvetica,sans-serif; color:#000080; font-size:0.938rem; } .chrnik td a:link, .chrnik td a:active, .chrnik td a:visited, .chrnik td a:hover { text-decoration:none; font-family:Arial,Verdana,sans-serif; color:#000080; font-size:0.938rem; } /* ### Content Buch Tipp ###*/ .buchtipp { margin:0px 0px 0px 0px; width:100%; height:auto; } .buchtipp p.us { margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; color:#0F0F0F; border:5px solid #ffffff; } .buchtipp img { width:30%; height:auto; aspect-ratio: 200 / 266; margin:5px 5px 5px 5px; border:0px; display:inline-block; } .buchtipp hr { margin:10px 0px 10px 0px; background-color:#d9d4cb; height:2px; width:100%; border:0px; } /* ### Alemannisch ###*/ .alelex { width:100%; height:auto; margin:0px 0px 10px 0px; border:0px; } .alelex h1 { margin:10px 0px 8px 0px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; } .alelex h1 span { background-color:#fdf5e6; padding:5px; } .alelex h1 img { margin:3px 0px 0px 0px; float:right; border:0px; white-space: nowrap; } .alelex hr { margin:10px 0px 10px 0px; background-color:#d9d4cb; height:2px; width:100%; border:0px; } .alelex div { clear:both; margin:15px 0px 15px 0px; } .alelex p.us { margin:4px 0px 4px 0px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; } .alelex p.us img { margin:3px 6px 0px 0px; float:left; border:0px; white-space: nowrap; } .alelex p.frsp { width:auto; margin:6px 0px 0px 0px; font-family: Arial, Verdana, sans-serif; color:#000000; font-size:0.938rem ; text-align:left; line-height:22px; } .alelex p.frsp img { margin:4px 4px 0px 0px; float:left; border:0px; white-space: nowrap; } .alelex p.frsp strong { width:auto; margin:3px; font-family: Arial, Verdana, sans-serif; color:#000000; font-size:0.938rem; text-align:left; line-height:22px; border-bottom:2px solid #ffffff; font-weight:bold; } .alelex div p.hgfa1 { width:auto; margin:3px; font-family: Arial, Verdana, sans-serif; color:#000000; font-size:0.938rem; text-align:left; line-height:22px; border-bottom:2px solid #ffffff; font-weight:bold; } .alelex div p.hgfa1 img { margin:4px 4px 0px 0px; float:left; border:0px; white-space: nowrap; } .alelex p.hgfa2 { width:auto; margin:3px; font-family: Arial, Verdana, sans-serif; color:#0a536a; font-size:0.938rem; text-align:left; line-height:22px; } .alelex p.hgfa3 { width:auto; margin:3px; font-family: Arial, Verdana, sans-serif; color:#000000; font-size:0.750rem; text-align:left; line-height:22px; } .alelex p.zitat { width:auto; margin:3px 15px 10px 15px; font-family: Arial, Verdana, sans-serif; color:#610B0B; font-size:0.938rem; text-align:left; line-height:22px; } .alelex p.zitat em { width:auto; margin:3px 3px 3px 3px; font-family: Arial, Verdana, sans-serif; color:#610B0B; font-size:1.000rem; font-weight:bold; text-align:left; line-height:22px; } .alelex p.zitqu { width:auto; margin:0px 10px 10px 14px; font-family: Arial, Verdana, sans-serif; color:#000000; font-size:0.6rem; text-align:right; font-style: italic; } .aletxt { clear:both; width:auto; height:auto; margin:15px 0px 15px 0px; padding:10px; background-color:#fdf5e6; } .aletxt p.us { margin:10px 10px 10px 10px; font-family: Arial,Verdana,sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; } .aletxt p.te { margin:10px 10px 10px 10px; font-family: Arial,Verdana,sans-serif; font-size:0.938rem ; text-align:left; line-height:150%; } .alebox1 { display:flex; flex-direction:row; flex-wrap:nowrap; background-color:#ffffff; margin-bottom:15px; justify-content:center; } .alebox1 div.li { width:49%; margin:0px; padding:3px; background: #ffffff; text-align:left; } .alebox1 div.re { width:49%; margin:0px; padding:3px; background: #ffffff; text-align:left; } .alebox1 div p.us { font-size:0.938rem; font-family:Arial,Verdana,sans-serif; color:#ffffff; font-weight:bold; text-align:left; border:6px solid #961D2A; background:#961D2A; margin:0px 0px 4px 0px; } .alebox1 ul { list-style-type:none; margin: 0px 0px 8px 0px; padding-left:8px; background:#ffffff; } .alebox1 li { width:auto; line-height:25px; border-top: 4px solid #ffffff; text-align:left; font-family: Arial, Verdana, sans-serif; font-size:0.750rem; } /* --- Alemannisch Suche--- */ .alesuche { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background: #f9f9f9; padding: 20px; border-radius: 10px; border: 1px solid #ddd; margin: 20px 0; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: block !important; clear: both !important; width: auto !important; box-sizing: border-box; margin: 10px 15px 20px 15px; } .alesuche .us { font-size: 1.2rem; font-weight: 600; letter-spacing: 0.5px; margin: 0 0 15px 0; color: #961D2A; text-transform: uppercase; } .lex-form { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 25px; justify-content: center; width: 100%; } .lex-form input { flex: 1; min-width: 220px; padding: 12px 15px; font-family: inherit; font-size: 1rem; border: 2px solid #eee; border-radius: 6px; transition: border-color 0.3s; } .lex-form input:focus { border-color: #961D2A; outline: none; } .lex-form button { padding: 0 20px; background-color: #961D2A; color: white; border: none; border-radius: 6px; font-weight: 600; font-size: 1rem; cursor: pointer; } .abisz { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; max-width: 600px; margin: 0 auto !important; } .abisz a { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; background: #ffffff; text-decoration: none; color: #444; border: 1px solid #e0e0e0; border-radius: 5px; font-size: 1rem; font-weight: 500; transition: all 0.2s; } .abisz a:hover, .abisz a.aktiv { background: #961D2A; color: #fff; border-color: #961D2A; } .abisz a.aktiv { pointer-events: none; } .alesuche p { font-size:0.938rem; font-family:Arial,Verdana,sans-serif; color:#000000; font-weight:bold; text-align:left; } .alesuche h2 { margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; background-color:#efede4; border:5px solid #efede4; } /* ############## Liste Allgemein ################### */ #listen { width:auto; height:auto; margin:0px 0px 0px 0px; } #listen h1 { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.938rem; text-align:left; font-weight:bold; margin:0px 0px 8px 0px; } #listen h2, #listen h3 { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.938rem; text-align:left; font-weight:bold; margin:18px 0px 8px 0px; background-color: #FAF0E6; border-radius: 4px; padding: 6px 10px 6px 10px; } .listdiv { width:auto; height:auto; margin:0px 0px 8px 0px; padding:5px; border-bottom:2px solid #f1ebdf; background:#ffffff; font-family: Helvetica, Arial, sans-serif; font-size:0.814rem; text-align:left; color:#330000; } .listdiv p { margin:0px 0px 4px 0px; border:3px solid #ffffff; text-align:left; } .listdiv p img { width:16px; height:16px; border:0px; margin:0px 0px 0px 6px; float:right; } .listdiv p a:link, .listdiv p a:visited, .listdiv p a:hover { margin:0px 0px 0px 0px; font-family:Helvetica, Arial, sans-serif; color:#000099; font-size:0.875rem; font-weight:bold; text-align:left; text-decoration:none; } #litext { width:auto; height:auto; font-family:Verdana,Arial,sans-serif; color:#000000; font-size:0.814rem; text-align:justify; background-color:#FAF0E6; border-bottom: solid #f1ebdf; padding:6px; margin:10px 0px 15px 0px; line-height:150%; } #litext a:link, #litext a:visited, #litext a:hover { font-family:Helvetica, Arial, sans-serif; color:#000099; font-size:0.814rem; text-align:left; text-decoration:none; } #litext p { margin:6px 0px 6px 0px; text-align:left; line-height:150%; } #litext p a:link, #litext p a:visited, #litext p a:hover { font-family:Helvetica, Arial, sans-serif; color:#000099; font-size:0.814rem; text-align:left; text-decoration:none; } .listdiv2 { width:100%; height:20px; margin:8px 0px 8px 0px; font-family: Helvetica, Arial, sans-serif; font-size:0.814rem; text-align:left; color:#330000; display:block; } .listdiv2 img { width:16px; height:16px; border:0px; margin:0px 0px 0px 6px; float:right; } .listdiv2 a:link, .listdiv2 a:active .listdiv2 a:visited { margin:0px 0px 0px 0px; font-family:Helvetica, Arial, sans-serif; color:#000099; font-size:0.875rem; text-align:left; text-decoration:none; } .listdiv2 a:hover { margin:0px 0px 0px 0px; font-family:Helvetica, Arial, sans-serif; color:#000099; font-size:0.875rem; font-weight:bold; text-align:left; text-decoration:none; background:#FAF0E6; display:block; } .listdivaz { margin:10px 0px 0px 0px; overflow: hidden; } .listdivaz p { width:90%; margin:5px; line-height:10px; font-family:Arial,Verdana,sans-serif; color:#9d9d9d; font-size:0.45rem; text-align:center; } /* ### Suche ABC ###*/ .listeabc { margin:0px 0px 10px 0px; width:100%; height:auto; text-align:center; background-color:#f1ebdf; } .listeabc h1 { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:1.00rem; text-align:left; font-weight:bold; margin:0px 0px 8px 0px; } .listeabc p { margin-left:3px; text-decoration:none; font-family:Arial,Verdana,sans-serif; color:#000080; font-size:0.875rem; font-weight:bold; } .listeabc a:link, .abc a:active, .abc a:visited, .abc a:hover { margin-left:3px; text-decoration:none; font-family:Arial,Verdana,sans-serif; color:#000080; font-size:0.875rem; font-weight:bold; } .listeabisz { margin:0px 0px 0px 0px; width:100%; height:auto; text-align:left; } .listeabisz a:link, .listeabisz a:active, .listeabisz a:visited, .listeabisz a:hover { text-decoration:none; font-family:Arial,Verdana,sans-serif; color:#000080; font-size:0.814rem; text-align:left; } .listeabisz p { border-bottom:2px solid #DDAD08; margin:2% 1% 2% 10%; font-family:Arial,Verdana,sans-serif; font-size:0.814rem; color:#000000; text-align:left; } /* ### Veranstaltungen ###*/ .tab32 { width:100%; height:auto; margin:8px 0px 8px 0px; } .tab32 h1 { font-family:Arial,Verdana,sans-serif; font-size:1.00rem; text-align:left; } .tab32 table { width:100%; height:auto; margin:0px 0px 0px 0px; } .tab32 tr { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.814rem; text-align:left; } .tab32 td { width:33%; border:2px solid white; vertical-align:top; text-align:center; background-color:#F2F2F2 } .tab32 tr a:link, #info tr a:active, #info tr a:visited, #info tr a:hover { text-decoration:none; font-family:Arial,Verdana,sans-serif; color:#000080; font-size:0.814rem; } /* ### Bild Vorschau ###*/ .valivs { width:100%; height:auto; max-width:750px; margin-top:10px; background:#ffffff; margin-right:auto; margin-left:auto; text-align:center; } .valivs p.us { margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; color:#9d9d9d; border:5px solid #ffffff; } .valivs img { width:31%; height:auto; border:1px solid #ffffff; float:none; display:inline-block; } .valivs hr { margin:10px 0px 10px 0px; background-color:#d9d4cb; height:2px; width:100%; border:0px; } /* ### Literatur Liste ###*/ #litera { margin:0px 0px 0px 0px; width:100%; height:auto; } #litera h1 { margin:0px 0px 15px 2px; font-family:Arial,Verdana,sans-serif; font-size:0.875rem; font-weight:bold; text-align:left; } #litera p.us{ margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.875rem; font-weight:bold; text-align:left; line-height:20px; color:#0F0F0F; border:5px solid #ffffff; } .litdiv { margin:0px 0px 0px 0px; width:100%; max-height:100px; clear:both; overflow: hidden; } .litdiv img { width:100%; max-width:66px; max-height:88px; margin:0px 10px 3px 10px; float:left; border:0px; } .litdiv big { font-size:0.814rem; font-weight:bold; background-color:#DCD8C4; padding:2px; } .litdiv p { margin:3px 0px 3px 4px; font-family:Arial,Verdana,sans-serif; font-size:0.814rem; text-align:left; color:#330000; } .litdiv b { color:#800000; } #litera hr { margin:10px 0px 10px 0px; background-color:#d9d4cb; height:2px; width:90%; border:0px; text-align:center; } /* ### Ortsinfo ### */ #oinfo { width: 100%; margin: 0 0 20px 0; text-align: left; display: block; } #oinfo table { width: 100% !important; border-collapse: collapse; margin: 0; } #oinfo td { display: block; width: 100% !important; box-sizing: border-box; border: none !important; } .oinfo-titel { background-color: #eef2f7; padding: 8px 10px; border-left: 4px solid #000080; border-top: 1px solid #d0d7de; margin-top: 10px; color: #000000; font-size: 0.938rem; font-family: Arial, Verdana, sans-serif; font-weight:bold; } .oinfo-inhalt { padding: 10px 10px 15px 14px; line-height: 1.6; font-family: Arial, Verdana, sans-serif; color: #000; font-size: 0.938rem; word-wrap: break-word !important; overflow-wrap: break-word !important; white-space: normal !important; } #oinfo tr a { text-decoration: none; color: #000080; display: inline-block; margin-right: 4px; } #oinfo tr a:hover { text-decoration: none; } /* ### Bild Vorschau ###*/ .valivs { width:100%; height:auto; max-width:750px; margin-top:10px; background:#ffffff; margin-right:auto; margin-left:auto; text-align:center; } .valivs p.us { margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; color:#9d9d9d; border:5px solid #ffffff; } .valivs img { width:31%; height:auto; border:1px solid #ffffff; float:none; display:inline-block; } .valivs hr { margin:10px 0px 10px 0px; background-color:#d9d4cb; height:2px; width:100%; border:0px; } /* ### Modul Bild Vorschau ### */ .bildvs { width:100%; height:auto; margin-top:10px; background:#ffffff; margin-right:auto; margin-left:auto; text-align:center; clear:both; } .bildvs hr { margin:10px 0px 10px 0px; background-color:#d9d4cb; height:2px; width:100%; border:0px; } .bildvs p.us { margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; color:#333333; border:5px solid #ffffff; } .bildvs img { width:24%; height:auto; border:1px solid #ffffff; float:none; display:inline-block; } #bilderli { margin:0px 0px 0px 0px; width:100%; height:auto; text-align:left; } #bilderli h1 { margin:18px 0px 5px 2px; font-family:Arial,Verdana,sans-serif; font-size:0.938rem; font-weight:bold; } .bilderlidiv { border:1px solid #d3d3d3; background:#ffffff; width:100%; max-height:100px; margin:0px 0px 10px 0px; clear:both; overflow: hidden; } .bilderlidiv p.us { margin:5px 0px 8px 0px; font-family:Arial,Verdana,sans-serif; font-size:0.938rem; font-weight:bold; } .bilderlidiv p { margin:5px 5px 0px 5px; font-family:Arial,Verdana,sans-serif; font-size:0.938rem; } .bilderlidiv img { width:24%; height:auto; border:0px; margin:4px 1px 4px 1px; float:left; } /* ### Buch ###*/ #buch { margin:0px; width:100%; height:auto; overflow: hidden; } #buch h1 { margin:0px 0px 15px 2px; font-family:Arial,Verdana,sans-serif; font-size:1.00rem; text-align:left; font-weight:bold; } #buch i { font-family:Arial,Verdana,sans-serif; font-size:0.875rem; text-align:left; font-weight:bold; } #buch img { width:35%; height:auto; aspect-ratio: 200 / 266; float:left; border:0px; margin:0px 10px 10px 0px; } #buch p { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.814rem; text-align:left; line-height:160%; margin:0px 0px 8px 5px; } #buch span { font-weight:bold; color:#800000; } #buch strong { font-weight:bold; color:#1A1A1A; font-size:0.814rem; } #buch div.text { width:auto; height:auto; clear:both; font-family:Verdana,Arial,sans-serif; color:#000000; font-size:0.814rem; line-height:190%; text-align:justify; margin:12px 8px 8px 0px; } #buch div.text h2 { margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; background-color:#efede4; border:5px solid #efede4; } #buch div.firm h3 { margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; background-color:#efede4; border:5px solid #efede4; } #buch div.firm p { width:auto; height:auto; font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.814rem; text-align:left; line-height:160%; margin:5px; } #buch div.firm { width:auto; height:auto; clear:both; font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.814rem; text-align:left; line-height:100%; margin:0px 8px 8px 0px;} /* ### Buch Literatur Liste ###*/ #buchlist { margin:0px 0px 0px 0px; width:100%; height:auto; } #buchlist h1 { margin:0px 0px 15px 2px; font-family:Arial,Verdana,sans-serif; font-size:0.875rem; font-weight:bold; text-align:left; } #buchlist hr { margin:10px 0px 10px 0px; background-color:#d9d4cb; height:2px; width:90%; border:0px; text-align:center; } .bulitab { margin:0px 0px 0px 0px; width:100%; max-height:100px; clear:both; overflow: hidden; } .bulitab img { width:100%; max-width:66px; max-height:88px; margin:0px 10px 3px 10px; float:left; border:0px; } .bulitab big { font-size:0.814rem; font-weight:bold; background-color:#DCD8C4; padding:2px; } .bulitab p { margin:3px 0px 3px 4px; font-family:Arial,Verdana,sans-serif; font-size:0.814rem; text-align:left; color:#330000; } .bulitab b {color:#800000; } /* ### Termin ###*/ #termine { margin:5px 0px 20px 0px; width:100%; height:auto; text-align:left; } #termine h1 { font-family:Arial,Verdana,sans-serif; font-size:1.00rem ; color:#660000; font-weight:bold; padding:5px 5px 5px 5px; } #termine p.us { margin:10px 0px 10px 5px; font-family:Arial,Verdana,sans-serif; font-size:0.814rem; } #termine p.us span { background-color:#dedcd0; font-weight:bold; font-size:1.00rem; color:#000000; padding:6px; } .fxtm { display: grid; grid-template-columns: 100px 1fr; background-color: #ffffff; margin-bottom: 15px; width: 100%; gap: 5; } .fxtm div.li { background-color: #FAEBD7; width:100px; margin: 4px 4px 4px 0px; padding: 4px; font-family: Arial, Verdana, sans-serif; font-size: 0.938rem; font-weight: bold; overflow: hidden; } .fxtm div.co { background-color: #ffffff; margin: 4px 4px 4px 0px; padding: 4px; font-family: Arial, Verdana, sans-serif; font-size: 0.938rem; } @media (max-width: 600px) { .fxtm { grid-template-columns: 1fr; } } .chrnik { width:100%; height:auto; margin:15px 0px 0px 0px; } .chrnik h1 { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:1.00rem; text-align:left; font-weight:bold; margin:0px 0px 15px 0px; } .chrnik h2 { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.938rem; text-align:left; margin:8px 0px 8px 0px; } .chrnik h2 strong { color:#660033; font-size:0.938rem; font-weight:bold; } .chrnik div.txt { margin:15px 0px 10px 0px; font-family:Arial,Verdana,sans-serif; font-size:0.938rem; line-height:200%; text-align:justify; } .chrnik div.txt a:link, .chrnik div.txt a:active, .chrnik div.txt a:visited, .chrnik div.txt a:hover { text-decoration:none; font-family:Arial,Verdana,sans-serif; font-size:0.938rem; } .chrnik p.us { margin:2px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; color:#545454; border:5px solid #ffffff; } .chrnik table { width:100%; height:auto; border-spacing: 0px 12px; } .chrnik tr { width:auto; } .chrnik td.li { width:50px; text-align:left; font-family:Arial,Helvetica,sans-serif; color:#000000; font-size:0.938rem; font-weight:bold; } .chrnik td.li span { padding:3px; font-weight:bold; background-color:#E0E0E0; } .chrnik td.re { padding:3px; width:auto; text-align:left; font-family:Arial,Helvetica,sans-serif; color:#000080; font-size:0.938rem; } .chrnik td a:link, .chrnik td a:active, .chrnik td a:visited, .chrnik td a:hover { text-decoration:none; font-family:Arial,Verdana,sans-serif; color:#000080; font-size:0.938rem; } /* ### news ### */ #newslibo { margin:0px 0px 14px 0px; width:100%; background-color:#dcdcdc; line-height:20px;} .newsdate { margin:4px 0px 0px 4px; float:left; font-family: Arial, Verdana, sans-serif; font-size:0.750rem; color:#800000; } .newsort { margin:4px 0px 0px 9px; float:left; font-family: Arial, Verdana, sans-serif; font-size:0.750rem; color:#333; font-weight:bold; } .newslist { margin:10px 0px 10px 4px; clear:both; } a.newslista:link, a.newslista:visited { color:#000080; font-family: Arial, Verdana, sans-serif; font-size:0.750rem; text-decoration:none; font-weight:bold; } a.newslista:active, a.newslista:hover { color:#000080; font-family: Arial, Verdana, sans-serif; font-size:0.750rem; text-decoration:none; font-weight:bold;} #news { margin:0px 0px 0px 0px; width:100%; height:auto; } #news h1 { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:1.00rem; text-align:left; font-weight:bold; margin:0px 0px 8px 0px; } #news h2 { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.875rem; text-align:left; font-weight:bold; margin:8px 0px 8px 0px; } #news div { position: relative; width: 100%; height: auto; margin-bottom: 10px; padding: 10px; background-color: #ffffff; line-height: 1.5; border: 1px solid #e9ebeec; border-radius: 6px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); transition: all 0.2s ease-in-out; } #news div:hover { border-color: #c9cacb; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); background-color: #c9cacb; cursor: pointer; } #news p { margin:4px 0px 4px 4px; font-family:Arial,Verdana,sans-serif; font-size:0.875rem; color:#330000; text-align:left; } #news b { font-size:0.875rem; font-weight:bold; color:#9D9D94; } #news strong { font-size:0.875rem; font-weight:bold; color:#9D9D94; } #news a:link, #news a:active, #news a:visited, #news a:hover { font-family: Arial, Verdana, sans-serif; font-size:0.875rem; color:#483D8B; font-weight:bold; text-decoration:none; } #news div a::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } #newtxt { margin:0px 0px 0px 0px; width:100%; height:auto; font-family:Verdana,Arial,sans-serif; font-size:0.814rem; line-height:160%; text-align:justify; } #newtxt h1 { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:1.00rem; text-align:left; font-weight:bold; margin:0px 0px 8px 0px; } #newtxt big { font-family:Arial,Verdana, sans-serif; font-size:0.875rem; text-align:left; font-weight:bold; } #newtxt a:link, #newtxt a:active, #newtxt a:visited, #newtxt a:hover { text-decoration:none; font-family:Verdana,Arial,sans-serif; color:#003399; font-size:0.814rem; font-weight:bold; } .newtxt_pm { width:auto; height:auto; border:4px solid #FAF0E6; margin:10px 0px 10px 0px; padding:10px; background-color:#FAF0E6; font-family:Arial,Verdana,sans-serif; font-size:0.689rem; line-height:16px; text-align:left; } .newtxt_img img { width:100%; height:auto; display:block; border:0px; margin-bottom:10px; margin-top:10px; margin-left:auto; margin-right:auto; } .newtxt_img p { margin:4px 0px 4px 4px; font-family:Arial,Verdana,sans-serif; font-size:0.814rem; text-align:left; color:#330000; } /* ### Termine Übersicht Content ### */ #verter { width:100%; height:auto; margin:15px 0px 20px 0px; clear:both; text-align:left; } #verter hr { margin:10px 0px 10px 0px; background-color:#d9d4cb; height:2px; width:100%; border:0px; } #verter p.us { margin:2px 2px 2px 0px; font-family: Arial, Verdana, sans-serif; font-size:0.938rem; font-weight:bold; text-align:left; line-height:20px; color:#7e7e7e; border:5px solid #ffffff; } #verter img { float:left; margin:0px 6px 0px 3px; } #verter h1 { margin:0px 0px 8px 0px; font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.938rem; text-align:left; font-weight:bold; } #verter h2 { margin:0px 0px 8px 0px; font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.938rem; font-weight:bold; border:6px solid #efede4; text-align:left; background:#efede4; } #verter h3 { height:20px; border-bottom:1px solid #000000; font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.875rem; font-weight:bold; } #verter p { font-family:Arial,Verdana,sans-serif; color:#393C42; font-size:0.750rem; margin:10px 0px 10px 0px; line-height:25px; border-bottom:1px solid #D0D0C8; background-color:#ffffff; } #verter p span { background-color:#F7F2E0; padding:5px 10px 5px 10px; margin-right:10px; } #verter p small { font-family:Arial,Verdana,sans-serif; font-size:0.689rem; color:#961D2A; } #verter p i { font-family:Arial,Verdana,sans-serif; font-size:0.689rem; color:#a9a9a9; } #verter a:link, #verter a:visited { font-family:Arial,Verdana,sans-serif; font-size:0.875rem; color:#003399; text-align:left; text-decoration: none; font-weight:bold; } #verter a:hover { font-family:Arial,Verdana,sans-serif; font-size:0.875rem; color:#660066; text-align:left; text-decoration: none; background-color:#FAE192; } /* ### Bild Hauptbereich (Dein Original-Stil) ### */ #bild { width: 100%; max-width: 750px; height: auto; margin: 0 auto 5px auto; } #bild h1 { font-family: Arial, Verdana, sans-serif; font-size: 0.875rem; text-align: left; font-weight: bold; margin: 0 0 3px 0; } #bild img { width: 100%; height: auto; border: 0; display: block; margin: 0 auto; } #bild p { font-family: Arial, Verdana, sans-serif; font-size: 0.938rem; text-align: justify; line-height: 160%; margin: 5px 0 8px 0; } #bild div.bitext {font-family: Arial, Verdana, sans-serif; font-size:0.938rem; line-height: 1.8; text-align:justify; } #bild a:link, #bild a:active, #bild a:visited, #bild a:hover { text-decoration: none; font-family: Arial, Verdana, sans-serif; color: #003399; font-size: 0.938rem; } /* ### Bildvorschau Galerie 4 Bilder pro Zeile ### */ .bildvorschau { display: flex; flex-wrap: wrap; padding: 0; gap: 15px; justify-content: center; border: 1px solid #b00000; background-color: #fff; margin: 20px auto; max-width: 1000px; box-sizing: border-box; overflow: hidden; } .bildvorschau h2 { width: 100%; font-size: 1.1rem; margin: 0 0 10px 0; padding: 8px 15px; font-family: Arial, sans-serif; background-color: #b00000; color: #ffffff; text-align: left; box-sizing: border-box; } .bildvorschau a { flex: 0 1 calc(25% - 15px); min-width: 140px; display: block; text-decoration: none; margin-bottom: 10px; } .bildvorschau img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; display: block; } .bildvorschau a:hover img { border-color: #003399; transform: scale(1.03); } @media (max-width: 600px) {.bildvorschau a { flex: 0 1 calc(50% - 15px); } } #bildindex { margin:0px 0px 0px 0px; width:100%; height:auto; text-align:left; } #bildindex h1 { margin:0px 0px 5px 2px; font-family:Arial,Verdana,sans-serif; font-size:0.938rem; font-weight:bold; } #bildindex div { border:1px solid #d3d3d3; background:#ffffff; width:100%; height:auto; margin:0px 0px 10px 0px; clear:both; overflow: hidden; } #bildindex div p { margin:5px 5px 0px 5px; font-family:Arial,Verdana,sans-serif; font-size:0.938rem; line-height:150%; } #bildindex div p.us { margin:10px 0px 8px 0px; font-family:Arial,Verdana,sans-serif; font-size:0.938rem; font-weight:bold; } #bildindex div img { width:24%; height:auto; aspect-ratio: 266 / 200; border:0px; margin:10px; float:left; } .pagination { clear: both; text-align: center; margin: 20px 0; padding: 10px; font-family: Arial, sans-serif; } .pagination a { display: inline-block; padding: 8px 12px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #333; border-radius: 3px; transition: background 0.3s ease; } .pagination a:hover { background: #f0f0f0; border-color: #999; } .pagination a.active { background: #b00000; color: #ffffff; border-color: #b00000; font-weight: bold; cursor: default; } .pagination a.nav-btn { background: #fdfdfd; font-weight: normal; } @media (max-width: 600px) { .pagination a { padding: 10px 15px; margin: 5px 2px; } } #bilgal { margin:0px 0px 0px 0px; width:100%; max-width:680px; height:auto; margin-bottom:5px; margin-top:0px; margin-right:auto; margin-left:auto; } #bilgal h1 { text-align:left; font-family:Arial,Verdana,sans-serif; font-weight:bold; font-size:0.938rem; line-height:150%;} .bigati { width:100%; max-width:680px; height:22px; } .bigati h1 { text-align:left; font-family:Arial,Verdana,sans-serif; font-weight:bold; font-size:0.938rem; line-height:150%;} .bigati h1 img { border:0px; width:16px; height:16px; margin:2px; float:right; } .bigabi { width:100%; min-height: auto; clear:both; display: block; text-align: center; background-color: #fdfdfd; overflow: hidden; } .bigabi img { width:100%; height:auto; border:0px; display:block; margin: 0 auto; } .bigate { width:100%; height:auto; clear:both; font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.938rem; text-align:justify; line-height:160%; margin:5px 0px 8px 0px; } .bigate a:link, .bigate a:active, .bigate a:visited, .bigate a:hover { text-decoration:none; font-family:Arial,Verdana,sans-serif; color:#003399; font-size:0.938rem; } .bigate div.az { width:99%; height:auto; margin-top:10px; margin-bottom:5px; margin-right:auto; margin-left:auto; overflow:hidden; clear:both; } .bigate div.az p { width:99%; margin:5px; line-height:10px; font-family:Arial,Verdana,sans-serif; color:#9d9d9d; font-size:0.5rem; text-align:center; } .bilvor { width:100%; height:auto; margin:10px 0px 10px 0px; clear:both; text-align:center; } .bilvor h2 { text-align:center; font-family:Arial,Verdana,sans-serif; font-weight:bold; font-size:0.938rem; line-height:150%;} .bilvor img { width: 24%; max-width: 150px; height: auto; border: 1px solid #ffffff; float: none; display: inline-block; vertical-align: top; } .bigainfo { margin:15px 6px 6px 10px; font-family:Arial,Verdana,sans-serif; color:#330000; font-size:0.814rem; } /* ### karte ### */ #karte { margin:0px 0px 0px 0px; width:100%; height:auto; margin-bottom:5px; margin-top:0px; margin-right:auto; margin-left:auto; text-align:center; } #karte h1 { font-family:Arial,Verdana, sans-serif; font-size:0.875rem; text-align:left; font-weight:bold; margin:0px 0px 3px 0px; } #karte p { font-family:Arial,Verdana,sans-serif; font-size:0.750rem; text-align:right; line-height:140%; margin:0px 0px 0px 0px; } #karte a:link, #karte a:active, #karte a:visited, #karte a:hover { text-decoration:none; font-family:Arial,Verdana,sans-serif; color:#003399; font-size:0.938rem; } .fxkali { display:flex; flex-direction:row; flex-wrap:wrap; background-color:#ffffff; margin-bottom:15px; justify-content:center; } .fxkali p.us { font-size:0.875rem; font-family:Arial,Verdana,sans-serif; color:#ffffff; font-weight:bold; text-align:left; border:6px solid #961D2A; background:#961D2A; margin:0px 0px 4px 0px; } .fxkali div.li { width:98%; min-width:300px; max-width:450px; margin:3px; padding:3px; background: #ffffff; text-align:left; font-family:Arial,Verdana,sans-serif; font-size:0.814rem; } .fxkali div.re { width:98%; min-width:300px; max-width:450px; margin:3px; padding:3px; background: #ffffff; text-align:left; font-family:Arial,Verdana,sans-serif; font-size:0.814rem; } #quiz { width:100%; max-width:650px; height:auto; margin-right:auto; margin-left:auto; } #quiz img { width:100%; height:auto; margin:5px 0px 5px 0px; display:block; border:0px; margin-left:auto; margin-right:auto; } #quiz h1 { line-height:20px; margin:8px 0px 8px 6px; font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.875rem; font-weight:bold; text-align:center; background:#d3d0c4; border:5px solid #d3d0c4; } #qfrage { margin:0px 0px 0px 0px; width:100%; height:auto; } #qfrage div { margin:15px 0px 15px 6px; font-family:Arial,Verdana,sans-serif; font-size:0.875rem; text-align:left; line-height:30px;font-weight:bold; border-left:10px solid #d3d0c4; padding-left:10px; background:#FAF0E6;} #qfrage input { width:100%; font-family:Arial,Verdana,sans-serif; font-size:0.875rem; text-align:left; line-height:30px; font-weight:bold; background:#FAF0E6; color:#191970; border:0px; } #qfrage p { font-family:Arial,Verdana,sans-serif; font-size:0.938rem; text-align:center; font-weight:bold; color:#8B0000; margin:15px 0px 15px 0px; } #qfrage p b { font-weight:bold; color:#8B0000; } #qfrage p strong { font-weight:bold; color:#008000; } #qfrage span { font-family:Arial,Verdana,sans-serif; font-size:0.938rem; text-align:center; font-weight:bold; color:#008000; margin:8px 0px 8px 0px; } #qfrage a:link { display:block; font-family:Arial,Verdana,sans-serif; font-size:0.875rem; font-weight:bold; color:#191970; text-align:left; text-decoration:none; padding-left:10px; } #qfrage a:active { display:block; font-family:Arial,Verdana,sans-serif; font-size:0.875rem; font-weight:bold; color:#191970; text-align:left; text-decoration:none; padding-left:10px; } #qfrage a:visited { display:block; font-family:Arial,Verdana,sans-serif; font-size:0.875rem; font-weight:bold; color:#191970; text-align:left; text-decoration:none; padding-left:10px; } #qfrage a:hover { display:block; font-family:Arial,Verdana,sans-serif; font-size:0.875rem; font-weight:bold; color:#191970; text-align:left; text-decoration:none; background:#FFCC00; } #qfrageplus { clear:both; margin:15px; text-align:center; } #qfrageplus form { width:100%; text-align:center; } #qfrageplus input { padding:10px; font-family:Arial,Verdana,sans-serif; font-size:0.875rem; text-align:center; } #qinfo { clear:both; margin:20px 5px 20px 5px; } #qinfo form { padding:20px; font-family:Arial,Verdana,sans-serif; font-size:0.938rem; text-align:justify; } #qende { margin:0px 0px 0px 0px; width:100%; height:auto; } #qende p { font-family:Arial,Verdana,sans-serif; color:#000000; font-size:1.00rem; text-align:left; font-weight:bold; margin:10px 0px 8px 0px; } #qende span { font-family:Arial,Verdana,sans-serif; color:#ffffff; font-size:1.00rem; text-align:left; font-weight:bold; background:#6495ed; padding:3px; } #qende a:link { display:block; font-family:Arial,Verdana,sans-serif; font-size:1.00rem; font-weight:bold; color:#191970; text-align:left; text-decoration:none; padding-left:10px; } #qende a:active { display:block; font-family:Arial,Verdana,sans-serif; font-size:1.00rem; font-weight:bold; color:#191970; text-align:left; text-decoration:none; padding-left:10px; } #qende a:visited { display:block; font-family:Arial,Verdana,sans-serif; font-size:1.00rem; font-weight:bold; color:#191970; text-align:left; text-decoration:none; padding-left:10px; } #qende a:hover { display:block; font-family:Arial,Verdana,sans-serif; font-size:1.00rem; font-weight:bold; color:#191970; text-align:left; text-decoration:none; background:#FFCC00; } #qliste { width:100%; max-width:650px; height:auto; margin-left:auto; margin-right:auto; } #qliste h1 { margin:8px 0px 10px 0px; font-family:Arial,Verdana,sans-serif; color:#000000; font-size:0.875rem; text-align:left; font-weight:bold; } #qliste p { font-family:Arial,Verdana,sans-serif; font-size:0.750rem; text-align:justify; color:#393C42; margin:15px 0px 15px 0px; line-height:20px; } #qliste b { color:#000000; font-size:0.875rem; background:#d3d0c4; padding:1px; } .empfehlung { max-width: 680px; margin: 0 auto; background: #ffffff; padding: 7px; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 4px; font-family: Arial, Verdana, sans-serif; } .empfehlung h2 { color: #333333; font-size: 0.938rem; margin-top: 10px; margin-bottom: 10px; padding:3px; background-color: #f5f5f5; } .empfehlung .intro { font-size: 0.938rem; line-height: 1.5; color: #555555; margin-top: 10px; margin-bottom: 20px; max-width: 720px; } .empfehlung .liste { display: flex; flex-direction: column; gap: 10px; } .empfehlung .zeile { display: flex; align-items: center; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 12px 15px; text-decoration: none; color: #333333; transition: all 0.2s ease; } .empfehlung .zeile:hover { background-color: #f9f9f9; border-color: #800000; } .empfehlung .icon { width: 40px; height: 40px; background-color: #f5f5f5; border-radius: 4px; display: flex; justify-content: center; align-items: center; margin-right: 15px; flex-shrink: 0; } .empfehlung .titel { font-size: 0.875rem; font-weight: bold; line-height: 1.3; } .empfehlung .pfeil { margin-left: auto; color: #800000; font-size: 1.2rem; }