..html { background:url(bilder/BgHome.jpg) center top fixed; background-repeat:no-repeat; background-size:contain; height:100%; width:100%}
body { SCROLLBAR-BASE-COLOR:#C5BA94; SCROLLBAR-ARROW-COLOR:#000000; font-family:Helvetica, Arial, sans-serif; margin:0; padding:0;}
body.BgHome { background-color:#D27835; }
div.mainbody { position:relative; background-image:linear-gradient(#FFFEE8, #D27835);} /* relative -> wichtig für slicknav Rutsch nach unten */
div.BgHome { background-image:url(bilder/BgHome.jpg); background-position:center top; height:1000px; background-repeat:no-repeat; width:100%; background-attachment:fixed; opacity:0.5; }
..div.bgtop { position:absolute; top:0px; width:100%; height:10px; background-image:linear-gradient(#000, #fff); }
..div.bgtitel { position:absolute; top:0px; height:300px; width:100%; opacity:1;
background-image:url(bilder/BgTitel.jpg); background-position:center top; background-repeat:no-repeat; } /* kein left:50%; transform:translate(-50%, 0%) -> IE scrollt horizontal */
..div.titeltafel {position:absolute; top:50px; width:100%; max-width:800px; height:90px; background:rgba(255,255,255,0.7); left:50%; transform:translate(-50%, 0%); }
div.titeltafel img {display:none; width:100%; max-width:700px; opacity:0.8; }
div.titel { position:absolute; top:20px; width:100%; max-width:660px; left:50%; transform:translate(-50%, 0%); } /* überdeckt slider Mouseover */
div.titel img { width:100%; background:rgba(255,255,255,0); }
..div.boden { position:fixed; bottom:0px; width:100%; border:solid thin; }
div.boden img { display:none; width:100%; }
..div.bgnav {position:absolute; top:300px; width:100%; height:50px; background:#721d2e; }
/*nav.fixedtop {top:80px; left:30%; position:absolute; z-index:20; }*/
nav { position:absolute; top:300px; left:0px; width:100%; height:50px; z-index:20; background:#721d2e; }
* html nav { top:expression(auto);}
.fixed-navi { position:absolute; top:0px; position:fixed !important; background:rgba(114,29,46,0.8); }
* html .fixed-navi { top:expression(documentElement.scrollTop);} /* in Verbindung mit fixed-navi.js */
div.container_one { position:absolute; top:150px; width:100%; height:90%; }
div.container_two { position:absolute; width:100%; }
..div.topbild {background-position:center top; background-repeat:no-repeat; background-size:contain; width:80%; min-width:340px; height:400px; }
div.bgtransp_radius {margin-bottom:10%; width:60%; min-width:300px; padding:1%; background:rgba(255,255,255,1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; }
/* text-shadow: 2px 2px 1px #444; */
div.container_balkenli {position:fixed; bottom:0; width:19%; height:40%; }
div.balkenli1 {position:absolute; right:0; width:50px; height:100%; background-image:linear-gradient(#B9985B, #fff); opacity:0.7; }
div.balkenli2 {position:absolute; right:50px; width:50px; height:70%; bottom:0; background-image:linear-gradient(#DAC8A7, #fff); opacity:0.7; }
.stretch { flex-grow: 1}
.center { width:100%; display:flex; -webkit-display:flex; flex-wrap:wrap; justify-content:center; }
.spalten { width:99%; display:flex; -webkit-display:flex; flex-wrap:wrap; justify-content:center; } /* width:100% geht über rechten Außenboxrand hinaus*/
.einspaltig { width:97%; margin:10px 1%; padding:10px 1%; }
.halb { width:40%; margin:10px 1%; padding:10px 1%; min-width:270px; text-align:left; }
.halbli { width:70%; min-width:270px; text-align:left; padding:2%; }
.halbre { width:20%; margin-left:1%; min-width:100px; text-align:left; padding:1%; }
.spalten:after {content:""; display:block; clear:both;} /* damit neue Zeile anfängt, besser display:flex (nicht bei Androidbrowser) */
.spalten > div {float:left; vertical-align:top; }
...spalten > div:first-child {margin-left:1%;}
.einviertel {width:22%; margin:1%; padding:2%; min-width:150px; border:solid; border-width:1px; border-color:#930; height:150px; background:rgba(255,255,255,.5); color:#000; -webkit-border-radius: 9px; -moz-border-radius:9px; border-radius:9px; box-shadow: 2px 2px 5px 4px #888; -webkit-box-shadow: 2px 2px 5px 4px #888; -moz-box-shadow: 3px 3px 5px #222;}
..einviertel + .einviertel + .einviertel + .einviertel {float: left; }
..halb + .halb {float:right; margin-left:1%; margin-right:0; }
.bildhalter { margin-right:1%; margin-bottom:1%;}
.bildhalter2 {margin-right:1%; }
.thumb { margin:15px; padding:5px; background:rgba(255,255,255,.5); -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; box-shadow: 2px 2px 3px 2px #888; -webkit-box-shadow: 2px 2px 3px 2px #888; -moz-box-shadow: 2px 2px 3px 2px #222; border:1px solid #930; display:inline-block; transition:background 1s; } /* bei parents-div flex -> vertikal px -> % effektlos ; ersetzt inline-block (Ausdehnung gleichmäßige Höhe) */
.thumb:hover { transform:translate(10px,10px) !important; background:rgba(155,155,155,1); }
.floatlinks { float:left;}
.floatrechts { float:right;}
.rahmen { border:1px solid #B9985B; }
.rahmenli { border-left:1px solid #B9985B; }
.shadow { box-shadow: 1px 1px 1px 1px #888; -webkit-box-shadow: 1px 1px 1px 1px #888; -moz-box-shadow: 1px 1px 1px 1px #888;}
.textlinks { text-align:left; }
.textrechts { text-align:right; }
.transp { opacity:0.5; }
.display_none { display:none}
.bgtransp {background:rgba(255,255,255,.9); }
.bgtransp2 {background:rgba(255,255,255,.7); }
a {color:#5a161c; text-decoration:none; font-family:arial; }
a.dunkel {color:#000000; text-decoration:none; font-family:arial; }
a.hell {color:#ffffff; text-decoration:none; font-family:arial; }
a:Hover {color:#cf2030; }
a:Active {color:black; }
span.emailhack {display:inline;}
a[name] {position:absolute; margin-top:-100px;}
.abstaussre {margin:5px 10px 5px 0; }
.abstaussli {margin:5px 0 5px 10px; }
.abstandli {padding-left:10px; }
.abstandli5 {padding-left:5px; }
.abstandli20 {padding-left:20px; }
.abstandli30 {padding-left:30px; }
.abstandre {padding-right:10px; }
.abstandre20 {padding-right:2%; }
.abstandlire20 {padding-left:20px; padding-right:20px; }
.abstandlire30 {padding-left:30px; padding-right:30px; }
.abstandlire60 {padding-left:60px; padding-right:60px; }
.abstandlirahm {padding-left:10px; border-width:1px; border-color:#CB7C12; border-style:solid; text-align:center }
#abstandre {padding-right:10px; }
#abstandre20 {padding-right:20px; }
ul.punkt1 {list-style-image:url(bilder/punktrot.gif); margin-left:-20px; list-style-position: outside; margin-top:0px; line-height:25px; }
ul.punkt2 {list-style-image:url(bilder/punktgrau.png); list-style-position:inside; margin-top:0px; line-height:25px; }
table.formular { background-color:#F7E3A8; border-color:#4E0703; border-style:solid; border-width:1px; }
td { font-family: arial; }
th { background-color:#000033; text-align:left; }
td.line { font-size:1pt; height:1pt}
td.linedunkel { font-size:1pt; height:1pt; width:2px; background-color:#000000; }
td.linedunkel1 { font-size:1pt; height:1pt; width:1px; background-color:#664214; }
td.linedunkel2 { font-size:1pt; height:1pt; width:1px; background-color:#9c7037; }
td.linedunkel3 { font-size:1pt; height:1pt; width:1px; background-color:#A25028; }
td.linedunkel4 { font-size:1pt; height:1pt; width:1px; background-color:#CB7C12; }
td.linehell { font-size:1pt; height:1pt; width:1px; background-color:#FFFFFF; }
td.linehell1 { font-size:1pt; height:1pt; width:1px; background-color:#FFFFEC; }
td.linehell2 { font-size:1pt; height:1pt; width:1px; background-color:#eee0ce; }
td.linehell3 { font-size:1pt; height:1pt; width:1px; background-color:#e6d7b3; }
td.linehell4 { font-size:1pt; height:1pt; width:1px; background-color:#EDC97C; }
td.linehell5 { font-size:2pt; height:1pt; width:1px; background-color:#FBFBD9; }
td.bgdunkel { color:#eeeedd; background-color:#000000; padding-left:10px; }
td.bgdunkel1 { color:#eeeedd; background-color:#664214; padding-left:10px; }
td.bgdunkel2 { color:#eeeedd; background-color:#9c7037; padding-left:10px; }
td.bgdunkel3 { color:#eeeedd; background-color:#341543; padding-left:10px; }
td.bgdunkel4 { color:#ffffff; background-color:#543363; padding-left:10px; }
td.bgdunkel5 { color:#000000; background-color:#E1F8F7; padding-left:10px; }
td.bghell { color:#000000; background-color:#FFFFFF; padding-left:10px; }
td.bghell1 { color:#000000; background-color:#f9fcfc; padding-left:10px; }
td.bghell2 { color:#000000; background-color:#eee0ce; padding-left:10px; }
td.bghell3 { color:#000000; background-color:#e6d7b3; padding-left:10px; }FCFBD8
td.bghell4 { color:#000000; background-color:#EDC97C; padding-left:10px; }
td.bgbild { background-repeat:no-repeat; }
img.randdunkel { border-color:#9e1301; border-style:solid; border-width:1px; }
img.randhell { border-color:#eee0ce; border-style:solid; border-width:2px; }
.schwungschrift { font-style:italic; font-family: "Monotype Corsiva", "Lucida Calligraphy", "Vivaldi", "Park Avenue", "Lucida Handwriting", "French Script MT"; }
.abstob0 { margin-top: 0px; }
h1 { color:#4E0703; margin-top:0px; }
h2 { color:#8A5239; margin-top:0px; }
h3 { color:#B9985B; margin-top:0px; }
.marginbott0 { margin-bottom:0px;}
h4 { color:#630; font-size:12pt; margin-top:0px; }
.em20 { font-size:2em; }
.em18 { font-size:1.8em; }
.em16 { font-size:1.6em; }
.em14 { font-size:1.4em; }
.em07 { font-size:0.7em; }
p.rot { color:#FF0000; }
span.bgtransp { background:rgba(255,255,255,.4); }
.wrap { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
..nowrap { white-space:nowrap; }
..wordwrap { word-wrap: break-word;}
.menue_impressum {position:fixed; bottom:1%; z-index:10; padding:0.5%; background:rgba(255,255,255,.8); font-size:8pt;}
.copyright {position: fixed; bottom: 0px; right: 0px; z-index: 11; background-color:#fdf7e7; font-size:7pt; font-family:arial; text-decoration:none; padding-left:5px; }
@media all and (max-width:800px) and (min-width: 381px){ /* siehe menue_pulldown.css */
div.BgHome { background-image: url(bilder/BgHome_k2.jpg); }
..div.bgtitel { height:220px; background-image:url(bilder/BgTitel_k2.jpg); }
div.bgtransp_radius { width:95%; }
.em18 { font-size:1.3em; }
.em16 { font-size:1.2em; }
.em14 { font-size:1.0em; }
}
@media all and (max-width:400px){
div.BgHome { background-image: url(bilder/BgHome_k1.jpg); }
..div.bgtitel { height:180px; background-image:url(bilder/BgTitel_k1.jpg); }
..div.bgnav {position:absolute; top:300px; width:100%; height:30px; background:#721d2e; }
div.container_one { top:210px; margin-top:-20px;}
div.bgtransp_radius { width:99%; }
div.container_balkenli { display:none; }
.em18 { font-size:1.6em; }
.em16 { font-size:1.4em; }
.em14 { font-size:0.8em; }
}
@media print {
div.container_one { top:150px; }
div.slidercontainer {display:none; }
div.spalten { display:block; } /* flex raus, sonst Druck nur 1. Steite in Moz, außer max 2 div.halb pro div.spalten */
div.spalten > div { width:150%; margin-left:-150px; }
nav { display:none; }
div.menue_impressum { display:none; }
div.mainbody * { background:none; box-shadow:none; border:none; }
div.BgHome { display:none; } /* damit nicht 5 Hintergrundseiten gedruckt werden */
div.BgHome_unten {display:none; }
div.bgtop { display:none; }
div.bgtitel { display:none; }
div.titeltafel {display:none; }
div.titeltafel img {display:none; }
div.titel { position:absolute; top:0px; width:100%; max-width:900px; height:160px; }
div.titel img { width:100%; max-width:600px; }
div.bgrechts {display:none; }
div.boden {display:none; }
html {background:url(bilder/BgHome.jpg) center top scroll; background-repeat:no-repeat; background-size:contain; height:100%; width:100%; } /* IE!! scroll statt fixed sonst Bg seitl abgeschnitten */
}