@charset "utf-8";

/* Unternavigation */
ol.ebene1 { counter-reset:listenpunkt_ebene1;list-style-type:none;padding: 1em; text-indent:-25px; margin:0}
   ol li { padding-bottom:5px;}
   ol.ebene1 li:before {content: counter(listenpunkt_ebene1) ". "; counter-increment:listenpunkt_ebene1; list-style-position: outside; font-family: Georgia, "Times New Roman", Times, serif;	font-size: 18px; font-weight: bold;font-variant: small-caps;color: #663300;font-style: oblique; text-shadow: #666 3px 3px 5px;}
.snav .nav { padding-left:20px;}
.snav { border:#666 1px solid; padding:20px; border-radius:15px; background-color:#FDF9EC; box-shadow: 0px 3px 5px #666; position:relative; width:90%; overflow: inherit;}
#sidebar .snav .aktiv { font-weight: bold; color: #666666; background: url('../bgr/zeigefinger.png') no-repeat left center; height:26px; padding-left: 65px; list-style-type: none; margin:0 -30px 5px -25px; width:85%; display:block; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
#sidebar .snav li {font-family: Georgia, "Times New Roman", Times, serif; margin-left:-20px; padding-left:25px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
#sidebar .serif { font-family:"Times New Roman", Times, serif;}
.weiter { font-variant:small-caps; font-family:"Courier New", Courier, monospace; font-size:14px;}
.weiterLesen { background:#337ab7; color:#fff !important; padding:2px; border:1px solid #fff; box-shadow:1px 1px 8px 2px #999; border-radius:8px; margin-left: 1em; }
.weiterLesen:hover { background:#fff ; color:#337ab7 !important; padding:3px; border:1px solid #039; box-shadow:0px 0px 8px 2px #fff !important; cursor: pointer; text-decoration: none;}

/* ### Einblenden ###  */
.panel {padding:1em; line-height:1.5em; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; margin-top:10px; }
.panel p {font-family: 'cursive'; font-size:1.2rem; }
.accordion { /*font-size:1em;*/ border:1px solid #ccc; border-radius:8px; cursor:pointer; padding:5px;  transition: all 0.5s;}
.active, .accordion:hover {box-shadow:0px 0px 8px #666; margin-left:1em; transition: all 0.5s; }
.accordion::after { content:"Gedicht einblenden … " url("../bgr/plus.gif"); padding-left: 1em; font-family: cursive; font-size:1.2rem; }
.active::after { content:"Gedicht ausblenden … " url("../bgr/minus.gif"); padding-left:1em; opacity:.7; font-family: cursive; font-size:1.2rem; }
.dichtung {padding:0 2em; line-height:1.2em;}
h3.dichtung  { text-align:left !important; font-weight:normal !important; font-family: cursive !important; font-size:180% !important;}
.doubleRules {margin: 0; padding:0; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; column-rule: 1px solid royalblue; -webkit-column-width: auto; -moz-column-width: auto; column-width: auto; text-align:left; }