ul.slimmenu ul, ul.slimmenu li {display: block; float: left; box-sizing:border-box; }

/* 1. Menüebene */
ul.slimmenu               {background: #9B0254; display: block; float: right; border-left: 0px  solid #909699; padding:0; margin:0; list-style-type:none; box-sizing:border-box; width:100%;}
ul.slimmenu li            {min-width: 130px; box-sizing: border-box; position: relative; float: left; display:inline-block; font-family: Nunito, sans-serif; font-size:20px;
	                         border-right:0px solid #909699; letter-spacing: 1px; padding:0; margin:0;}
ul.slimmenu li:last-child {border-right: 0px solid #808f83;}

/* 2. Menüebene */
ul.slimmenu li ul                {background: #9B0254; position:absolute; left:0; top:100%; z-index:999; display:none; min-width: 290px; border: 0px solid #606f63; border-radius: 0; padding:0; margin:0; list-style-type:none;}
ul.slimmenu li ul li             {width:100%; font-size:18px; padding:0; margin:0; border-top: 1px solid #a0a6a9; border-right: 0; border-bottom: 0; border-left: 0;}
ul.slimmenu li ul li:first-child {border-top: 0;}
ul.slimmenu li ul li:last-child  {border-right: 0;}

/* 3. Menüebene */
ul.slimmenu li ul li ul                {position:absolute; left:100%; top:10px; z-index:999; display:none; width:100%; border: 2px solid #00ff00; border-radius: 3px; padding:0; margin:0 0 0 -12px;;}
ul.slimmenu li ul li ul li             {background:#6C013C; width: 100%; top:0; right:0; padding:0; margin:0; border: 0; border-bottom: 1px solid #a0a6a9;}
ul.slimmenu li ul li ul li:first-child {border-left: 0;}
ul.slimmenu li ul li ul li:last-child  {border-bottom: 0;}
ul.slimmenu li:nth-child(4n) ul li ul  {left:-90%;}

/* Links */
ul.slimmenu a                                                                         {height: 26px; display:block; color: #ffffff; padding: 6px 10px; font-weight:400; border: 1px solid transparent; overflow: hidden;}
ul.slimmenu li.docs a, ul.slimmenu li.sdocs a                                         {padding:6px 43px 6px 10px;} /* letzte Angabe: einrücken der H1 Menüpunkte */
ul.slimmenu li ul li.docs a, ul.slimmenu li ul li.sdocs a                             {padding:6px 10px 6px 56px;}
ul.slimmenu li:nth-child(4n) ul li.docs a, ul.slimmenu li:nth-child(4n) ul li.sdocs a {padding:6px 56px 6px 10px;}
ul.slimmenu li.doc a, ul.slimmenu li.sdoc a                                           {padding: 6px 10px;}
ul.slimmenu li ul li.doc a, ul.slimmenu li ul li.sdoc a                               {padding: 6px 10px;} /* letzte Angabe: einrücken der H2 Menüpunkte */

ul.slimmenu li a:hover       {text-decoration:none; background-color:#ffffff; border: 1px solid transparent;color: #9B0254;}
ul.slimmenu li ul li a       {height: auto; min-height: 20px;}
ul.slimmenu li ul li ul li a {min-height: 0; padding: 6px 10px;}

/* Toggle Buttons ml1 */
ul.slimmenu li .sub-toggle        {position:absolute; right:0; top:0; z-index:998; width:46px; height:42px; text-align:center; border: 0px solid #ccc; border-radius: 0 0 0 15px; cursor:pointer;}
ul.slimmenu li .sub-toggle:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
ul.slimmenu li .sub-toggle        {display:inline-block; font-size:20px; color: #E55A5A; vertical-align:middle; text-align: center;} /*Farbe Pfeile nach unten*/
ul.slimmenu li .expanded          {color: #E55A5A;} /*Farbe Pfeile nach oben*/

/* Toggle Buttons ml2 */
ul.slimmenu li ul li .sub-toggle        {position:absolute; right: auto; left:0; top:0; z-index:998; width:46px; height:42px; text-align:center; border: 0px solid #ccc; border-radius: 0 0 15px 0; cursor:pointer;}
ul.slimmenu li ul li .sub-toggle:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
ul.slimmenu li ul li .sub-toggle        {display:inline-block; font-size:20px; color: #600; vertical-align:middle; text-align: center;}
ul.slimmenu li ul li .expanded          {color: #fff;}

/* Toggle Buttons ml2 rechts*/
ul.slimmenu li:nth-child(4n) ul li .sub-toggle        {background: #607c60; position:absolute; left: auto; right:0; top:0; z-index:998; width:46px;
	                                                     height:42px; text-align:center; border: 0px solid #ccc; border-radius: 0 0 0 15px; cursor:pointer;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle        {display:inline-block; font-size:24px; color: #dcc; vertical-align:middle; text-align: center;}
ul.slimmenu li:nth-child(4n) ul li .expanded          {color: #fc0;}

/* Kennzeichnung der aktiven Seite */
ul.slimmenu li.sdoc, ul.slimmenu li.sdocs                         {background:#6C013C;}
ul.slimmenu li ul li.sdoc, ul.slimmenu li ul li.sdocs             {background:#6C013C;}
ul.slimmenu li ul li ul li.sdoc, ul.slimmenu li ul li ul li.sdocs {background:#6C013C;}



/* Responsive Design (sollte mit dem Wert für resizeWidth: in der Initialisierung in der template.htm übereinstimmen) */

@media (max-width: 1280px) {

/* Expand-Collapse-Button */
.menu-collapser                               {background: none; /*background:#ff0000 url(../images/bgslimmenuh1.jpg)top left no-repeat;*/ color:#ccc; font-weight: 700; position:relative; width:100%;
	                                             height: 50px; line-height: 36px; font-size:20px; box-sizing:border-box; border: 0px solid #969096; padding: 5px 5px 5px 12px; margin: 0;}
.collapse-button                              {background-color:#9B0254; color:#fff; float: right; padding:4px 9px; border: 0px solid #aaa; border-radius:20px; cursor:pointer; box-sizing:border-box;}
.collapse-button:hover,.collapse-button:focus {background-color:#E5027F; color:#fff;}
.collapse-button .icon-bar                    {background-color:#ffffff; display:block; height:3px; width:24px; margin:5px 0; font-size: 60px; border-radius:1px;} /*Farbe der Striche im Burger*/

/* 1. Menüebene */
ul.slimmenu                {border: 0px solid #ff0000; border-top: 0; border-radius: 0;}
ul.slimmenu li             {display:block; width:100%; border:0; border-bottom: 1px solid #909699; box-sizing:border-box;}
ul.slimmenu li:first-child {border-top: 0;}
ul.slimmenu li:last-child  {border-right: 0; border-bottom: 0;}

/* 2. Menüebene */
ul.slimmenu li ul    {position:static; display:none; border: 0; border-top: 0px solid #909699;}
ul.slimmenu li ul li {border: 0; border-top: 1px solid #909699; padding: 0; margin: 0;}

/* 3. Menüebene */
ul.slimmenu li ul li ul                {background: #ff0000; position:static; display:none; border:0; padding: 9px 0; margin: 0;}
ul.slimmenu li ul li ul li             {min-height: 0; left:0; top:0; border: 0;}
ul.slimmenu li ul li ul li:first-child {border: 0;}
ul.slimmenu li ul li ul li:last-child  {top:0; left:0;}

/* Links */
ul.slimmenu li a             {height: auto; min-height: 40px; display:block; box-sizing:border-box;}
ul.slimmenu li ul li a       {min-height: 36px;}
ul.slimmenu li ul li ul li a {height: auto; min-height: 0;}
ul.slimmenu li:nth-child(4n) ul li.docs a, ul.slimmenu li:nth-child(4n) ul li.sdocs a {padding:6px 10px 6px 56px;}

/* Toggle buttons */
ul.slimmenu li .sub-toggle{height:40px;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle        {background: #607c60; position:absolute; left: auto; left:0; top:0; z-index:998; width:46px;
	                                                     height:42px; text-align:center; border: 0px solid #ccc; border-radius: 0 0 15px 0; cursor:pointer;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle        {display:inline-block; font-size:24px; color: #dcc; vertical-align:middle; text-align: center;}
ul.slimmenu li:nth-child(4n) ul li .expanded          {color: #fc0;}
}