html {
    scroll-behavior: smooth;
}
a.focus {color:#a9a9a9;}

/* Intro Kopf */

div.kopf{position:fixed; top:0px; left:0px;width:100%;background-color:white; z-index:6; height:83px;  border-bottom:3px solid #448075;}

p.intro { font-size:1em; color:#448075;  position:fixed; top:6px; left:29%; text-align:left; line-height:1.1;background-color:white; z-index:5}
span.titel {font-size:1.25em}

a.kopf {font-size:1em; color:#448075;font-weight:bold;}
@media (min-width:482px){p.intro {left:110px;}}
@media (min-width:991px){p.intro {visibility:hidden; width:0px; height:0px; line-height:0px; position:relative; top:-60px; }}

@media (min-width:991px){div.kopf{visibility:hidden;}}
@media (min-width:641px){span.titel{font-size:1.3em;}}

/* Ende Intro Kopf */

/* Versatz bei Sprung kleiner Bildschirm */
@media (max-width:991px) {.versatz{  visibility: hidden; height: 0px !important; position: relative;  top: -60px;}}

@media (max-width:481px) {.versatz{  visibility: hidden; height: 0px !important; position: relative;  top: -100px;}}
/* Ende Versatz bei Sprung kleiner Bildschirm */

/* Sprungliste unter Staudenframe */

.sprungul {position:absolute; top:460px; left:71%; width:28%; margin-top:20px;line-height: 1.5em;}
@media (max-width:481px) {.sprungul {width:0px;height:0px;visibility:hidden;position:fixed;}}
@media (max-width:699px) {.sprungul { left:68%; width:30%; top:480px;}}
@media (min-width:700px) {.sprungul { top:480px;left:73% width:26%;}}

/* acanthus */
p.leer {width:0px; height:0px;}
@media (max-width:481px) {p.leer{width:90%; height:15px;}}

/* achillea entfernt?*/
p.leerohne {width:0px; height:0px; line-height:0px;}
@media (max-width:481px) {p.leerohne{width:90%; height:10px;}}

/*liste ohne bull */

ul.einruecken {list-style:none; margin-top:0px; margin-bottom:0px;margin-left:-25px;}
ul.ohne  {list-style:none}


img.impressum{width:50%;}
body{overflow-x:hidden}
span.eragrostis {position:relative ; color:#448075; }
span.eragrostis > span.eragbild { visibility:hidden; display:none; }
span.eragrostis:hover > span.eragbild {z-index:20 ; visibility:visible; display:block; position:absolute; top:-38px; left:-314px;  }
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{font-family:Arial;font-size:16px;line-height:1.3}/*html{overflow-x:hidden}*/
@media (max-width:640px){.inhalt{font-size:15px;}}

span.hkleinblack {font-family: Arial ;color:#000000 ; font-size:0.83em; font-weight: normal;}
h1{font-size:24px; color:#448075;}h2{font-size:20px; color:#448075;}h3{font-size:18px; color:#448075;}h4{font-size:16px; color:#448075;}h5{font-size:16px; color:#448075;}h6{font-size:16px; color:#448075;}/*Farbe geändert*/

h1,h2,h3,h4,h5,h6{font-family:"Arial",Arial,sans-serif;font-weight:400;margin:10px 0}

span.unter {text-decoration: underline;}

p.kleiner {font-size:10px;}
@media (max-width:481px){div.hide{visibility:hidden;margin-top:-30px}}
.randlinks {margin-left:20px;display:inline-block;}

/*Footer*/

p.footer {width:95%; background-color:#448075;padding:12px;color:white;border:10px;border-radius: .3em ;}
p.footer2 {width:95%; background-color:#448075;padding:12px;color:white;border:10px;border-radius: .3em ;}



@media (min-width:482px) {p.footer{ width:460px;}}
@media (min-width:750px) {p.footer{ width:508px;}}
@media (min-width:800px) {p.footer{ width:668px;}}

@media (min-width:482px) {p.footer2{ width:460px;}}
@media (min-width:750px) {p.footer2{ width:508px;}}
@media (min-width:800px) {p.footer2{ width:668px;}}

img {width:80%;}
img.drittelhoch{width:95.5%}
div.zmo{height:3px;}
p.zmo{height:3px;margin:0px;}

.header{width:20px; margin-left:20px;}

/* Kraeuter*/
div.kraeuter{background:#448075; width:100%; height:3px; color:#448075;}
div.kr2 { width:100% ;  border-width:3px ; border-color:#448075 ; border-style:solid ; padding:10px 10px 10px 10px ;}

/* Pflanzpartner*/
p.pfl{text-align:center;width:90%}
p.pfl2{text-align:center;width:80%;margin-bottom:0px;}


/* Düngen */
table.dg1{width:30%; border:2px solid #448075;text-align:left;padding:5px 5px 5px 5px; border-collapse: collapse;}
td.dg1 {border:2px solid #448075; border-collapse: collapse; width:50%;padding:5px 5px 5px 10px}
th.dg1{border:2px solid #448075; border-collapse: collapse; width:50%;padding:5px 5px 5px 5px}
table.dg2{width:50%; border:2px solid #448075;text-align:left;padding:5px 5px 5px 5px}
table.dg3{width:100%; border:2px solid #448075;text-align:left;padding:5px 5px 5px 5px}
table.dg3klein {width:60%; border:2px solid #448075;text-align:left;padding:5px 5px 5px 5px;border-collapse: collapse;}
th,td.dg3klein{border:2px solid #448075; width:25%;text-align:center;}
th.dg3kleinl{border:2px solid #448075; width:20%;text-align:left;padding-left:5px;}
@media (max-width:481px) {table.dg3klein{width:100%}}
td.dg2{width:25%;}
th.dg2{width:25%;}
table.duengen {width:100%;text-align:left; }
td.duengen{width:25%;}
td.erk{width:80%}

/*Tierisch*/
p.kleiner{font-size:12px;}

/* Pflanzenkauf*/
td.pflanzenkauf{width:25%;}
td.pflkbesch{width:75%;}

/*Stauden*/
div.liste{width:220px;height:220px;border-style:solid ;border-width: 4px; border-color:#448075;border-radius:2px;overflow:scroll;text-align:left;overflow-x:hidden;margin-left:5%;}
@media (max-width:481px) {div.liste{visibility:hidden; width:0px;}}
@media (max-width:857px){div.liste{margin-left:5%}}
@media (max-width:705px){div.liste{margin-left:10%;width:89%}}
@media (max-width:441px){div.liste{visibility:hidden;height:0px;}div.auswahl{visibility:hidden;height:0px;}}

/*Gehölze Gräser*/
div.graeserliste{width:240px;height:220px;border-style:solid ;border-width: 4px; border-color:#448075;border-radius:2px;overflow:scroll;text-align:left;overflow-x:hidden;}
@media (max-width:481px) {div.graeserliste{visibility:hidden; width:0px;}}
@media (max-width:857px){div.graeserliste{margin-left:-10%}}
@media (max-width:760px){div.graeserliste{width:99%}}
@media (max-width:441px){div.graeserliste{visibility:hidden;height:0px;}div.auswahl{visibility:hidden;height:0px;}}




table.stauden {width:80%;}
td.beschreibung {width:42%}
@media (max-width:481px) {td.beschreibung{width:50%}table.stauden{width:100%}}
.q{margin-left:-40px}
@media (max-width:481px){.q{margin-left:5px;}}
@media (max-width:600px){.q{margin-left:5px;}}
td {vertical-align:top;height:10px;padding:0 0 0 0;}
.abstandoben {margin-top:36px;}
@media (max-width:481px){.abstandoben{margin-top:0px;}}
@media (max-width:600px){.abstandoben{margin-top:0px;}}

tabel.norm{border:2px solid black; border-collapse:collapse;padding:5px 5px 5px 5px}
td.norm{width:30%;border-collapse:collapse;padding:5px 5px 5px 5px;border:2px solid black;}

span.stauden  {text-decoration:underline ; font-family:  Arial;  color:#448075 ; font-size:0.65em ; font-weight:bold; margin-left: 165px; }
@media (max-width:481px){span.stauden{position:absolute;top:10px;left:-30px;}}


/*Staudenliste Rechteseite*/

div.listestauden{position:relative;left:15%;width:220px;height:220px;border-style:solid ;border-width: 4px; border-color:#448075;border-radius:2px;overflow:scroll;text-align:left;overflow-x:hidden;}
@media (max-width:520px) {div.listestauden{visibility:hidden; width:0px;}}
/* @media (max-width:857px){div.listestauden{margin-left:-10%}} */
@media (max-width:760px){div.listestauden{width:99%}}
@media (max-width:441px){div.listestauden{visibility:hidden;height:0px;}div.auswahl{visibility:hidden;height:0px;}}



/* Überschrift Stauden Direkt zur Staudenliste */
span.stauden  {text-decoration:underline ; font-family:  Arial;  color:#448075 ; font-size:0.65em ; font-weight:bold; margin-left: 165px; }
@media (max-width:481px){span.stauden{position:absolute;top:10px;left:-40px;white-space:normal;}}

/* Liste auf Seite Stauden */
.staudenliste{margin-left:25%;}
@media (max-width:481px){.staudenliste{font-size:16px; line-height:28px;}}
div.auswahl{margin-left:15%;}

.liufr {margin-left:15%;line-height:1.7em;width:85%;text-align:left;}
@media (max-width:980px){.liufr{width:80%;}}
@media (max-width:740px){.liufr{margin-left:8%;}}
@media (max-width:755px){div.auswahl{margin-left:-15%;}}
@media (max-width:680px){div.auswahl{margin-left:-31%;}}

.liwild {margin-left:12.5%;line-height:1.7em;width:100%;text-align:left;}
@media (max-width:991px){div.liwild{visibility:hidden;}}

iframe.sortliste{width:240px;height:200px;margin-left:10%;position:relative;left:-20px;}
@media (max-width:481px){iframe.sortliste{visibility:hidden;}}


.button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.button{white-space:normal;padding:0;}

nav.sidebar{height:100%;width:220px;background-color:#fff;position:fixed;top:0px;left:0px;z-index:3; font-weight:bold;overflow-x:hidden;}/*Änderung: position:fixed width(200px), overflow(auto) eingefügt: float*/

.bar-block {width:100%}
.bar-block {min-width:100%;margin-left: 20px;}
.bar-block  .button,.bar-block .inhalt,#main{transition:margin-left .4s}


.container:after,.container:before{content:"";display:table;clear:both}

.halb,.drittel,.zweidrittel,.dreiviertel,.viertel,.drittel,.einpro{float:left;width:100%}
@media (min-width:601px){.viertel{width:24.99999%}.drittel{width:33%}.halb{width:49.99999%}.zweidrittel{width:66.66666%}.dreiviertel{width:74.99999%}.einpro{width:1%}}
/* @media (max-width:600px){.drittel{width:80%}} */


@media (min-width:993px){.sidebar.collapse{display:block!important}}
@media (max-width:992px){.sidebar.collapse{display:none; width:300px;}.inhalt{margin-left:10px!important;margin-right:0!important}}

.top{position:fixed;width:0px;z-index:1}.top{top:0}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}

.displaylinks{position:absolute;left:55px;top:100px;text-decoration:none;font-size:18px;color:#448075;cursor:default;}

/*.displaylinks{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}*/


/*.halb>.drittel>.zweidrittel>.dreiviertel>.viertelg>{padding:0 8px 0 0}*/

.container{padding:0.01em 0px; margin-left:0px;}


.large{font-size:18px}

/*.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:22px!important}.w3-jumbo{font-size:36px!important} Änderung xxxlarge:64* jumbo:64*/

.padding{padding:0 0 0 0} /*bestimmt die Außenabstände*/

.navigation{color:#448075!important;background-color:#ffffff!important;font-family:"Times New Roman";}/* menue einblendung umbenannt w3-red*/


/*  Fruchtschmuck  */
img.frhoch {text-align:center;width:60%;margin-left:15%;}


.halb {position:relative; top:0px;}
.halb img{margin-bottom:-6px;margin-top:16px;opacity:1.0;}/*Änderung opacity:0.8 (legt Schatten über Bild) entfernt cursor:pointer*/




div.annav  { width:180px ; font-family:"Times New Roman" ; color: #010101 ; font-weight:normal ; text-align:center ; background-color:#ffffff ;font-size: .8em ;line-height: 1.05em; }
a.copy  {text-decoration:none ; color:#010101 ;  font-weight:normal; }

a  {color:#448075; font-weight:bold;}
a:hover {color:#0B6138;}


p.zweidrittel  {margin-left:40px;width:55%;text-align:center;}

img.breite70 {width:70%;}

/*Box zum floaten*/
.box {width:66.66666%; margin-left:0px;}
@media (max-width:481px){div.box{width:95%;}}

@media (max-width:991px){div.sprung{width:25%}}

.sprung {position:absolute; left:74%;  width:40%; margin-left:5px;margin-top:16px; line-height:1.5em;}
@media (max-width:481px){div.sprung{width:0px;height:0px;visibility:hidden;position:fixed;}}
@media (min-width:482px){div.sprung{visibility:visible;width:30%;margin-left:-30px;margin-top:20px;}}

.oben  {   margin-top: 35px;}
.nav   { color: #ffffff ; text-decoration: none ; margin-right:5px ; margin-bottom:5px; margin-left:0px; display: block ;padding: .4em ; background-color: #448075 ;line-height: 1.05em ;font-size: .9em ;border-radius: .1em ; text-align: center ;width: 175px;cursor:default; }


.navr   { color: #ffffff ; text-decoration: none ; margin-right:5px ; margin-bottom:5px; margin-left:10px;display: block ; padding: .4em ; background-color: #448075 ;line-height: 1.05em ;font-size: .9em ; border-radius: .1em ; text-align: center ; width: 165px;cursor:default;  }

.navrb   { color: #a9a9a9 ; text-decoration: none ;  margin-right:5px ; margin-bottom:5px; margin-left:10px; display: block ; padding: .4em ; background-color: #448075 ; line-height: 1.05em ; font-size: .9em ; border-radius: .1em ; text-align: center ; width: 165px;cursor:default; }

a.navr:hover{color:#424242;}
a.navrb:hover{color:#a9a9a9;}

.navigation {float:left;}
a.nav:hover {color:#424242;}
a.nav:focus {color:#a9a9a9:}

.rand {border-right: 5px solid #448075; border-radius: 2px ;}

a.navb  { color: #a9a9a9 ; text-decoration: none ; margin-right:5px ;margin-bottom:5px; display: block ;margin-left:0px;padding: .4em ; background-color: #448075 ; line-height: 1.05em ; font-size: .9em ;  border-radius: .1em ; text-align: center ; width: 175px;cursor:default;}

/*Hover Wildstauden*/

span.wildstauden > span.wildtext { visibility:hidden; display:none; position:relative;}
span.wildstauden:hover > span.wildtext {z-index:3; visibility:visible; display:block; position:absolute; left:5%;  background:#448075; width:70%; color:#ffffff; line-height:20px; text-align:left; padding-left:10px ; padding-right:10px ; padding-top:0px ; padding-bottom:0px ; border-radius:3px; }
span.wildstauden{ color:#448075;cursor:pointer;}

/* Hover Bilder hoch rechts */
span.hochr > span.bild { visibility:hidden; display:none; position:relative;}
span.hochr:hover > span.bild {z-index:3; visibility:visible; display:block; position:relative; left:-78%;top:-435px;margin-bottom:-440px;width:480px;  }
span.neu{cursor:pointer;}

@media (max-width:481px) {span.hochr{visibility:hidden;display:none; position:relative;left:0px; width:0%;}}

/* Hover Bilder hoch links */
span.hochl > span.bild { visibility:hidden; display:none; position:relative;}
span.hochl:hover > span.bild {z-index:3; visibility:visible; display:block; position:relative; left:-27%;top:-425px;margin-bottom:-440px;width:480px;  }
span.neu{cursor:pointer;}

@media (max-width:481px) {span.hochl{visibility:hidden;display:none; position:relative;left:0px; width:0%;}}

/* Hover Bilder quer links */
span.querl {cursor:pointer;}
span.querl > span.bild { visibility:hidden; display:none; position:relative;}
span.querl:hover > span.bild {z-index:3; visibility:visible; display:block; position:relative; left:-27%; top:-260px; width:720px; margin-bottom:-260px;}

@media (max-width:481px) {span.querl{visibility:hidden;display:none; position:relative;left:0px; width:0%;}}




/* Hover Bilder quer rechts */
span.querr > span.bild { visibility:hidden; display:none; position:relative;}
span.querr:hover > span.bild {z-index:3; visibility:visible; display:block; position:relative; left:-125%;top:-280px;margin-bottom:-440px;width:720px;  }
span.querr{cursor:pointer;}

@media (max-width:481px) {span.querr{visibility:hidden;display:none; position:relative;left:0px; width:0%;}}

/* Blümchengröße für Hover */
.vergr2 {width:17px;}
@media (max-width:881px) {.vergr2 {width:14px;}}

/* --- Bilder im Text hoch ---Staudenseiten */
img.bildlinks {float:left; margin-right:20px; margin-bottom:5px; width:31.5%}
img.bildrechts {float:right; margin-left:20px; margin-bottom:5px; width:31.5%;margin-top:5px; }
@media (max-width:600px){img.bildlinks{width:34.1%} img.bildrechts{width:34.1%}}
@media (max-width:481px){img.bildlinks{width:50%;} img.bildrechts{width:55%;}}

/* --- Bilder mit Unter/Überschriften ---Staudenseiten*/
p.bildlinks {float:left; margin-right:20px; margin-bottom:0px; width:31.8%;text-align:center;margin-left:0px;margin-top:0px;font-size:14px;}/* 35%*/
p.bildrechts {float:right; margin-left:20px; margin-bottom:10px; width:31.8%;text-align:center;margin-right:0px;margin-top:10px;font-size:14px;}/* 35%*/
@media (max-width:600px){p.bildlinks{width:43.3%;font-size:12px;} p.bildrechts{width:43.3%;font-size:12px;}}/* 55%*/
@media (max-width:481px){p.bildlinks{width:55%;font-size:12px;} p.bildrechts{width:55%;font-size:12px;}}/* 60%*/

/* --- Bilder im Text quer --- */
img.linksquer {float:left; margin-right:20px; margin-bottom:5px; width:47.2%;}
img.rechtsquer {float:right; margin-left:20px; margin-bottom:5px; width:47.2%;}/*fehlerhaft*/
img.versetztquer {width:47.2%; margin-top:15px;float:right;margin-bottom:15px;}
@media (max-width:600px){img.linksquer{width:51.2% } img.rechtsquer{width:51.2%} img.versetztquer{width:51.2%}}
@media (max-width:481px){img.linksquer{width:74.9%;margin-right:12.55%;margin-left:12.55%;} img.rechtsquer{width:74.9%;margin-right:12.55%;margin-left:12.55%;} img.versetztquer{width:68%;margin-right:15%;margin-left:15%;}}



img.indexrq {float:right; margin-left:20px; margin-bottom:16px; width:50.3%;}
img.indexlh {float:left; margin-right:20px; margin-bottom:16px; width:33.5%}


/* --- Bilder mit Unter/Überschriften --- linksquer 10.03.2019*/
p.linksquer {float:left; margin-right:10px; margin-bottom:5px; width:47.8%;text-align:center;margin-left:0%;margin-top:0px;font-size:14px;}
p.rechtsquer {float:right; margin-left:10px; width:47.8%;text-align:center;margin-top:10px;font-size:14px;margin-bottom:10px;}  /*entfernt margin-right:-6%;  */
@media (max-width:600px){p.linksquer{width:65%;margin-right:0px;margin-left:-6.6%;margin-bottom:7px;font-size:12px;} p.rechtsquer{width:65%;margin-right:-6.6%;margin-left:5px;margin-bottom:7px;font-size:12px; }}
@media (max-width:481px){p.linksquer{width:82.5%;margin-right:8.75%;margin-left:8.75%;font-size:12px;} p.rechtsquer{width:82.5%;margin-right:8.75%;margin-left:8.75%;font-size:12px;}}


img.rechts{width:99%;margin-bottom:2px;}
img.links{width:99%;margin-bottom:2px;}
@media (max-width:600px){img.rechts{width:78.7%;} img.links{width:78.7%;}}
@media (max-width:481px){img.rechts{width:90.8%;} img.links{width:90.8%;}}


/* Größe und Abstand ohne p Verwendung  */
img.rechtshoch{width:75%;margin-bottom:2px;}
@media (max-width:481px){img.rechtshoch{width:55%;margin-left:25%;margin-right:25%;}}
@media (max-width:600px){img.rechtshoch{width:55%;margin-left:25%;margin-right:25%;}}


/* Bildergrößen bei halb, drittel  Gehölzeseite */
@media (max-width:600px){ img.drittelhoch{width:34.1%;margin-left:28%;}}
@media (max-width:481px){ img.drittelhoch{width:49%;margin-left:22%;}}

img.halbhoch{width:70%;margin-bottom:2px;}
.drittelhoch {width:100%;margin-bottom:2px;}
img.halblinks{width:93.5%;margin-bottom:15px;}
img.halblinkshoch{width:66.7%;margin-bottom:15px;}

img.frei {width:43%;}
img.stauden {width:79.4%}
img.staudenquer{width:78.5%;}
@media (max-width:600px){img.stauden{width:52.32%;}}
@media (max-width:481px){img.staudenquer{width:98%;}img.stauden {width:66.65%}}


.bilderzwei {width:95.5%;margin-top:10px;}
@media (max-width:600px){.bilderzwei{width:51.2%;margin-left:21.0%;}}
@media (max-width:481px){.bilderzwei{width:72.1%;margin-left:11.0%;}}

.bildergeh {width:107%;margin-top:10px;}
@media (max-width:600px){.bildergeh{width:38%;text-align:center;}}
@media (max-width:481px){.bildergeh{width:80.7%;text-align:center;}}
.gross {width:100%;}
.grossgarten {width:90%;}
.grosshoch {width:91%;}

/*  Bild für Vergrößerungen */
img.vergr {width:5%;}
img.vergrquer {width:3.5%;margin-top:24px; margin-bottom:1px;}
@media (max-width:481px) {img.vergrquer{width:4.8%}}

/* Bilder im Einleitungstext oben  */
img.obenbildrechts{float:right; margin-left:20px; margin-bottom:16px; margin-top:5px; width:35%}
img.obenhochlinks{float:left; margin-right:20px; margin-bottom:6px; width:35%}

img.obenhochrechts{float:right; margin-left:20px; margin-bottom:6px; width:35.05%}
@media (max-width:481px) {img.obenhochrechts{width:50%;} img.obenhochlinks{width:50%;}}
img.obenbildquer{float:right; margin-left:20px; margin-bottom:6px; width:52.5%}
img.obenbildlinks{float:left; margin-right:20px; margin-bottom:6px;  margin-top:5px;width:52.5%}
@media (max-width:600px){img.obenbildquer{width:56.9%; margin-right:21.5%;margin-left:21.5%} img.obenbildrechts{width:50%} img.obenbildlinks{width:57%;}  img.obenhochlinks {width:50%;}img.obenhochrechts{width:50%;}}
@media (max-width:481px){img.obenbildquer{width:68.69%; margin-right:15.5%;margin-left:15.5%;} img.obenbildrechts{width:50%;} img.obenbildlinks{width:68.8%;} img.obenhochlinks {width:50%;}img.obenhochrechts{width:50%;}} /*wg ajuga obenbildrechts von 68.8 geändert auf50%   */

p.obenbildrechts{float:right; margin-left:0px; margin-bottom:6px; width:43.7%;  margin-top:0px;  text-align:center;font-size:14px; position:relative; left:4.2%}
p.obenbildlinks{margin-left:0px;float:left; margin-right:10px; margin-bottom:6px; margin-top:0px; width:43.7%; text-align:center;font-size:14px;}
p.obenquerrechts{float:right; margin-left:10px; margin-bottom:6px;  margin-right:0px;width:53%;  margin-top:0px; text-align:center;font-size:14px;}
p.obenquerlinks{float:left; margin-right:10px; margin-bottom:6px; margin-top:0px; margin-left:0px;width:53%; text-align:center;font-size:14px;}


@media (max-width:600px){p.obenbildlinks{width:47.4%;} p.obenbildrechts{width:47.4%;}}
@media (max-width:481px){p.obenbildlinks{width:57.35%;} p.obenbildrechts{width:57.35%;}}
@media (max-width:600px){p.obenquerlinks{width:72.25%;} p.obenquerrechts{width:72.25%}}
@media (max-width:481px){p.obenquerlinks{width:75.75%;margin-right:12.125%;margin-left:12.125%;} p.obenquerrechts{width:75.75%;margin-right:12.125%;margin-left:12.125%;}}

figure.quer{width:86.7%;}
@media (max-width:481px){figure.quer{width:93.67%;margin-right:6%;margin-left:6%;}}


a.button:hover{color:#424242;}
/* Button für Bildschirme größer 481 */
.button{z-index:2;margin-top:20px;margin-left:10px;border:none;width:70px;height:40px;font-size:2.3em;line-height:1.0em;display:inline-block;outline:0;padding:0 0 0 0;overflow:hidden;text-decoration:none;color:#ffffff;background-color:#448075;border-radius:2px;text-align:center;cursor:default;}
/* Änderung background-color (inherit) border (3px 3px 3px 3px) border-radius(ergänzt) entfernt cursor:pointer;0*/
a.buttonrechts: hover{color:black;}


.clear {clear:both;}
.oben {display:block;}
.textoben{margin-top:-10px;}


.logo{width:122px;margin-bottom:10%;margin-left:0%;}
.balouquer{width:90%; margin-left:0px;}
.balouhoch{width:60%;margin-left:50px;}
.balounotiert{width:97.6%; margin-left:-40px;}
.balougraeser{width:100.9%;margin-left:20px;}
@media (max-width:600px){img.logo{width:55%} img.balouquer{width:55%}}
@media (max-width:700px){img.balouhoch{width:60%;}}
@media (max-width:481px){img.logo{visibility:hidden;} img.balouquer{visibility:hidden;}img.balouhoch{visibility:hidden;width:0px;}} /*width:50%;float:right;*/



/* Änderungen zum Drucken hier vornehmen */
.inhalt{margin-left:235px;margin-top:-20px;margin-right:40px;position:absolute;top:70px;font-family:Arial;float:right;}/**/
@media(min-width:993px){div.inhalt{position:absolute;top:0px;}.bar-block{position:absolute;top:-10px; margin-left:20px;}}
@media (min-width:1240px){div.inhalt{width:1000px;}}

/* Verschieben Titel bei kleine Bildschirmen */
@media (max-width: 481px) {.inhalt{top:160px;}}

@media (max-width:481px){div.obenlinks{width:95%}}
.obenlinks {width:60%;margin-left:2px;}


.obenrechtseinzel {width:30;position:absolute;top:40px;left:63%;text-align:center;margin-left:20px;}
@media (max-width:699px){.obenrechtseinzel{width:35%;position:absolute;top:50px;left:60%;text-align:center;margin-left:20px;}}
@media (max-width:520px){div.obenrechtseinzel {visibility:hidden;width:0px;}}

.obenrechts2 {position:absolute;top:20px;left:66%;text-align:center;margin-left:20px;}
@media (max-width:699px){.obenrechts2{width:35%;position:absolute;top:50px;left:60%;text-align:center;margin-left:20px;}}
@media (max-width:481px){.obenrechts2{width:35%;position:fixed;top:50px;left:60%;text-align:center;margin-left:20px;}}

@media (min-width:700px) {.obenrechts2{top:50px;}}

.obenrechts {position:absolute;left:78%; top:8%;width:25%;text-align:left;} /*neu 03.09*/
media(max-width:980px){.obenrechts{left:74%;}}
@media (max-width:481px){div.obenrechts {visibility:hidden;width:0px;} div.obenrechts2{visibility:hidden;width:0px;}}
@media (max-width:991px){div.obenrechts{position:absolute;top:10%;left:79%;}}/*top:18%*/
.obenrechts3 {position:absolute;left:66.6%; top:8%;width:22%;text-align:left;}
@media (max-width:481px){div.obenrechts3{visibility:hidden;width:0px;}}
@media (max-width:1375px){.obenrechts3{width:22%;position:absolute;top:8%;left:72%;text-align:left;}}
@media (max-width:730px){div.obenrechts{position:absolute;top:10%;left:80%;}}
@media (max-width:800px){.obenrechts3{width:22%;position:absolute;top:8%;left:70%;text-align:left;}.balounotiert{width:100%; margin-left:-20px;}}

.graeserrechts {position:absolute;left:74%; top:250px; width:25%;text-align:left;} 
@media (max-width:520px){div.graeserrechts {visibility:hidden;width:0px;}}


/* Kontakt*/
.obenrechtsbalou {width:35%;position:absolute;top:180px;left:69%;text-align:center;margin-left:20px;}
@media (max-width:481px){div.obenrechtsbalou{visibility:hidden;width:0px;}}

.top2 {position:fixed;top:10px; left:20px; border-radius:2px;height:35px;color:#ffffff; width:70px;font-size:22px;text-align:center;background-color:#448075;}
a.top2{color:#ffffff;text-decoration:none}

.verstecken {position:fixed; top:0px; left:195px; width:25px;background-color: white;z-index:4;height:100%;opacity: 1; }
.gruen {position:fixed; top:0px; left:215px; width:5px;background-color: #448075;z-index:5;height:100%;}
@media (max-width:991px){.gruen{position:fixed;
    left: 285px;z-index:6;height:100%;}.verstecken{position:fixed; top:0px;left:280px; z-index:5;width:25px;}}

.staudenliste{margin-left:25%;}

@media (min-width:993px){.ausblenden{display:none!important}.sidebar.collapse{display:block!important}}



div.navintern {line-height:1.8em;white-space:pre-wrap; font-size:1.1em;margin-top:-20px;margin-bottom:20px;}
div.navintern2 {line-height:1.8em;white-space:pre-wrap; font-size:1.1em;margin-top:-50px;}
div.navintern3 {line-height:1.8em;white-space:pre-wrap; font-size:1.1em;margin-top:-50px;}
div.navintern3er{line-height:1.8em;white-space:pre-wrap; font-size:1.1em;margin-top:20px;margin-bottom:20px;}
@media (min-width:481px){div.navintern2{visibility:hidden;margin-top:-200px;}}
@media (min-width:481px){div.navintern3{visibility:hidden;margin:-150px;}div.navintern3er{visibility:hidden;margin-top:-150px;}}





.mittig {text-align:center; width:90%; margin-top:5px; margin-bottom:0px;font-size:14px;}
@media (max-width:600px){p.mittig{font-size:12px;}}
.mittig2 {text-align:center; width:90%; margin-top:10px; }
.mittig3  {text-align:center; width:100%;  }
.mittegross {text-align:center; width:75%; margin-top:5px; margin-bottom:0px;font-size:14px;}
.mittedrittel{text-align:center; width:75%; margin-top:10px; }
@media (max-width:600px){.mittedrittel{width:50%;margin-left:25%;margin-right:25%;}}

ul.strich {margin-left:-10px;list-style-image: url(Gedankenstrich.jpg)}

.mitte{margin-left:17%;}
.drittel{margin-top:10px;}
@media (max-width:481px){.drittel{width:98%;margin-left:1%;margin-right:1%;}}

table.gehoelze {width:90%;}
.geh {width:110px;}
@media (max-width:481px){table.gehoelze{margin-left:6.5%;margin-top:20px;}}
p.center{text-align:center;}

.abstandoben {margin-top:36px;}
@media (max-width:1180px){.abstandoben{margin-top:0px;}}
@media (max-width:600px){.abstandoben{margin-top:0px;}}

/* Seite graeser.html  Link in Überschrift*/
span.graeser1  {text-decoration:underline ; font-family:  Arial;  color:#448075 ; font-size:0.7em ; font-weight:bold; margin-left: 45px; }
span.graeser2  {text-decoration:underline ; font-family:  Arial;  color:#448075 ; font-size:0.7em ; font-weight:bold; margin-left: 15px; }
@media (max-width:481px){span.graeser1  {text-decoration:underline ; font-family:  Arial;  color:#448075 ; font-size:0.6em ; font-weight:bold; margin-left: 5px; white-space:pre-wrap;}}
@media (max-width:481px){span.graeser2  {text-decoration:underline ; font-family:  Arial;  color:#448075 ; font-size:0.6em ; font-weight:bold; margin-left: 25px; }




/* Navigationsbutton bei kleinen Bildschirmen 481  */
.button{position:fixed;z-index:2;margin-top:20px;margin-left:0px;border:none;width:70px;height:40px;font-size:2.5em;line-height:0.9em;display:inline-block;outline:0;padding:0 0 0 0;overflow:hidden;text-decoration:none;color:#ffffff;background-color:#448075;border-radius:2px;text-align:center;cursor:default;font-weight:bold;}/* Änderung background-color (inherit) border (3px 3px 3px 3px) border-radius(ergänzt) entfernt cursor:pointer;0*/
@media (min-width:993px){.button{visibility:hidden}}
a.button:hover{color:#000000;opacity:1;}
@media (min-width:900px){.header{visibility:hidden}}
.button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}  


.buttonrechts{z-index:10;margin-top:60px;margin-left:0px;border:none;width:70px;height:40px;font-size:10.5px;display:inline-block;outline:0;padding:4px 0 0 0;overflow:hidden;text-decoration:none;color:#ffffff;background-color:#448075;border-radius:2px;text-align:center;cursor:default;font-weight:bold;line-height:1.4em;position:fixed;top:40px;left:70%;}

.divrechts {position:fixed;top:80px;left:66%; z-index:10; background-color:white;}
@media (min-width:482px){.buttonrechts {visibility:hidden; }}


/* Bereich zum Ausblenden rechte Seite */
.fest {position:fixed; top:0px; margin-left:20px; background-color:white; z-index: 10; height:75px;width:80%; line-height:2.1em;}
@media (min-width:992px){div.inhalt{top:0px;}}
@media (min-width:482px){.fest{visibilty:hidden;}}

 

/* Kontakt-Formular */

.Button{background-color:#448075;}