/*
 Based on a design by Free CSS Templates
 http://www.freecsstemplates.org
 Released for free under a Creative Commons Attribution 2.5 License,
*/

:root {
    --color-main: #212529;
    --color-primary: #000;
    --color-link: #1777b1;
    --color-link-visited: #5695bb;
    --color-link-selected: #ff7400;
    --color-form-input: #1777b1;
    --bgcolor-main: #fff;
    --bgcolor-primary: #000;
    --bgcolor-secondary: #eee;
    --bgcolor-table-highlight: #ffc;
    --bgcolor-form-input: #fff;
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-main: #eef;
        --color-primary: #fff;
        --color-link: #6cf;
        --bgcolor-main: #333;
        --bgcolor-secondary: #444;
        --bgcolor-table-highlight: #68375e;
        --bgcolor-form-input: #ddd;
    }
}


/* Einbindung von Webschriftarten */
@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('fonts/SourceSansPro-Light.otf.woff2') format('woff2'),
         url('fonts/SourceSansPro-Light.otf.woff') format('woff');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('fonts/SourceSansPro-Semibold.otf.woff2') format('woff2'),
         url('fonts/SourceSansPro-Semibold.otf.woff') format('woff');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url('fonts/SourceSansPro-LightIt.otf.woff2') format('woff2'),
         url('fonts/SourceSansPro-LightIt.otf.woff') format('woff');
}

@font-face {
 font-family: 'Source Code Pro';
 font-weight: 400;
 font-style: normal;
 src: local('Source Code Pro'),
  url('fonts/SourceCodePro-Regular.ttf.woff2') format('woff2'),
  url('fonts/SourceCodePro-Regular.otf.woff') format('woff'),
  url('fonts/SourceCodePro-Regular.ttf') format('truetype'),
  url('fonts/SourceCodePro-Regular.eot') format('embedded-opentype');
}

@font-face {
 font-family: 'Source Code Pro';
 font-weight: 700;
 font-style: normal;
 src: local('Source Code Pro Bold'),
  url('fonts/SourceCodePro-Bold.ttf.woff2') format('woff2'),
  url('fonts/SourceCodePro-Bold.otf.woff') format('woff'),
  url('fonts/SourceCodePro-Bold.ttf') format('truetype'),
  url('fonts/SourceCodePro-Bold.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('fonts/fa-regular-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('fonts/fa-solid-900.woff2') format('woff2');
}

.far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.far {
    font-weight: 400;
}

.fas {
    font-weight: 900;
}


/* Seitenstrukturierung */

html {
    font-family: sans-serif;
    line-height: 1.15;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    background-color: var(--bgcolor-main);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAACCAgMAAAD+qppRAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlMPAPEL0fcAAAATSURBVBjTYxBgYGFwGEHkCkwIAGGNE7H0QoPDAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    color: var(--color-main);
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: left;
}

hr {
    border-top: 1px solid rgba(0,0,0,.1);
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow: visible;
}


/* Textstrukturierung */

h1, h2, h3 {
 color: var(--color-primary);
 font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
}

h1 {
 font-size: 200%;
 font-weight: normal;
}

blockquote {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAbCAYAAAAdx42aAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAARNJREFUSMftldtOwzAMhr+6HCY2iYN4/zcEIRUJWFi7m1ygYjt2BtrNfFPJyef8buwYLnZmG5y1G2BXvwMwAx/ABCyNuGHWErAF7o21L+DFOTzFjob6J+eAK+AAlL9gRdm0C1zdneFPs2Jk0bJr5+5TrCQL85SiVk0TMAe4Oek394hRqS37dqo8xWoCIn2+N/xpVhNwaPQ5wKfhT7NibCpOgBJYD7OWgNEJMjUyTLGS7Ofi/P4u1hJwa/jfAlWeYsXwbRT/e+N+u1hrFgxK60yB7NOsKNNqq7TWa6C/u1hZveOPqwzmGqD1xHazPwU8rCbVUgOUwK/vZscVtKlZLPVF2weH2insr3t8dub9f7EXO58dAWPzU6M329jaAAAAAElFTkSuQmCC) no-repeat left bottom;
 border-bottom: 1px dotted #ccc;
 border-top: 1px dotted #ccc;
 font-style: italic;
 margin: 0.6em 1.6em;
 min-height: 40px;
 padding: 0.4em 0.4em 0.4em 40px;
}

blockquote p {
 line-height: 1.4em !important;
 margin: 0;
 padding: 0.2em 0;	
}

blockquote cite {
 color: #aaa;
 font-size: 90%;
 font-style: normal;
}

.float-clear {
 clear: both;
}




/* Textauszeichnung */

a {
 background-color: transparent;
 color: var(--color-link);	
 text-decoration: none;
 -webkit-text-decoration-skip: objects;
}

header p a {
 font-size: 167%;
}

header p a strong {
 color: #d20039;
 font-weight: inherit;		
}

header a {
 color: var(--color-primary);
}	

#content a:visited {
 color: var(--color-link-visited);
}

a:focus, a:hover, a:active
#content a:focus, #content a:hover, #content a:active {
 color: var(--color-link-selected);
}

header h1 a:focus, header h1 a:hover, header h1 a:active {
 text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white;
}

a.sec {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAMWlUWHRDb21tZW50AAAAAABFcnN0ZWxsdCB2b246IFByYXRoeXVzaApMaXplbno6IENDLWJ5SQKHVgAAAalJREFUKM9lkD1rFFEYhZ97587usG4UYhbFrya7+MGC3SISWLAQQQsJGKu0FvoPbFII/gT/gpDSSoaAksoMbJHGBMFSYTGOrLuZO3Pv3HstMoGABw4Hzvuc5o0Aut0uxhiAeDAYPBuNRq/6/f5jIUQ3z/NvgD/DnGg8Hl8G1tI03c+yLM2yLE3TdB9Ya27/aX0ymfwENoE7jTebbv0UkmcGw2vXb/SAHPjaOG+64SkUHX5+kjxcPX7w/tP8fi+p4p3dvV9XYHkJbs5h2EuqSzu7e8cf3lwtt7bGP8Tz26zce7R6uPHy7ZLzsmrFnbb1QREgVrI2dlFFIrS3372ef/n4/ZY6mMJdFwclZq12ZJSMztFWLRAQvFEq0soFJbWLw8EU1HQGWtfSV3+p/UzG/jwySgCBrwus0QjRQetaTmegCgdGGyr9B18fEbxGqQSA2pbYUiPUBYw2FA5UARjjsYXFVQu8AalKAHxdUVce1e5gTKAAlAOssa0kcpS2QEUBEcTJz2uHRBFLjzWm5QDx4mmy/PuIbR+6kmADQoAAQhNCQIiEFAt/cYWNfz3LyBpNDJiQAAAAAElFTkSuQmCC) no-repeat left center; 
 font-style: italic;
 padding-left: 15px;
}

a.common {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAAHpdbeCAAAAB3RJTUUH1gEcDzMYw0cuXgAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAABXUExURf///19gYRoiLFlfX5aWiIyOgi8zOL7d/V2f2fT4o/n4mzI2OysyObbY/SwyOS0zOTM2O0KV73t7exohKa/g/06h90BEPqGioyEqMxcmNh4jJyAhIxUXFExkIgQAAAABdFJOUwBA5thmAAAAZUlEQVR42iWKWxKCMBAEOwEzIRsFw0MR739OF+yPmeqqJkDIHGTqU+wbTG3GijGF/XC1epceXnW3LvD+fF+g66TW5OsQVYog9n0kLSfaPGRUWtbmnZtp1J9KkimfyLxKykMZstIPdc0FJdJAY+YAAAAASUVORK5CYII=) no-repeat left center; 
 padding-left: 15px;
}

a.excel {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAAEWrJxDAAAAB3RJTUUH1goOFR45M3XsTAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAADbUExURVKEOUp7MUJzKUJrITlrITFjGDFaGClSEClKCBg5AGOUSr3Otc7WxsbWxsbWvb3OvaW1nGucUtbezufv597n3tbn1q3GrZy1nJytnHOcWqW9nGuUa2uMY2OMY2OEWlqMWkqUQkKEMTl7MYychHula87ezpTGjHO1a1qlWkqUSmOlWjl7KXule4Stc97n1oS9hFqcUlKlUkKMOUqMOa3GpYy1e+/3773WvYS9e2O1Y2uca5S1hHu9c2utY3Olc5y9jJzOlIzGhIS9c5S9jKW9lM7nzqXGnOfv3tbe1rk1kx8AAACaSURBVHjaBcGJAoFAFAXQW1JpTKl5kV1UyL5mS4T4/y9yDoommj6u6OJ6u+O9MBCmJtr9Ed4fEgnHQqw3/h5G1bRYDUV2CGwgDI/clEBRGlMJy9V4uyuj1ekNhhoYtxjTUTjiS7R0fw6TkCWPZ85feXznMg50TE7n9YXIUhCE0XgyjQezOVNhO0IQufWG52mAJMklpayqml75AxsdEYIS3yZNAAAAAElFTkSuQmCC) no-repeat left center;
 padding-left: 15px;
}

a.external {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAAZiS0dEAN0ANQDoBFdNpgAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAAd0SU1FB9kHDQ8UHmZSToEAAAB5SURBVBjThY+xDcAgDATjiIYxWMWr0HoGIjLDt6ziMWgZhTRxhAhRvnrbr9eZtg8B6ONM80JEyHytNalqfoIxxmNu9N6fADozH6qanR1aa6f5EEIC0K0dQN5XfKWUPCKICL2CqrpE2ecQM9Pqazdy3U1pheOMafvRBUUUOGFtBkmLAAAAAElFTkSuQmCC) no-repeat right center;
 padding-right: 15px;
}

a.odt {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAAXNSR0IArs4c6QAAAPlQTFRFHBwcDAwMKSkpQkJCTU1NVVVVX19fZmZmd3d3VYDIWYHGWILFXYTEXoTEYYjDYonDZYrCZ4vBaYzBbI7Abo6/cpC/cpG/dpO9epW7e5W8fpe6gpq8hZ2+iKDAi6LCjKLCoKCkj6XEkafGkqjGlavIl6zJkK7Wma3KnLDMnbHNsrKyo7bRqbvUrL7Wr8DYwMDAs8PazMzM19fX0uL61OP61uT64+Pj1+X72eb72+f73Oj73un74Or84ez84+385e785u/86PD96vH96vL98fHx6/L96/L+7fL97fP97vP+7vT97/T98Pb+9Pj+9fn+9/r++fv/////AAAAFzDUHgAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAhUlEQVQI12NgYDDQ0VZVkpOSYgABvQB/XzP2IFYwT8fPjDFIQSowEMRjZQwK4nCVkgIpVAhiZmVyUVNTs5NiYNHS8HZXAwEbCaAydQ9XVzdXWxtrcSBHxdUJLGMlCuQoOjqAORaCQI68gz1QjaWFOT+QI2tvB5Yx5QVypCUlxUSE+Hi4OQEV3RPPy9RX1gAAAABJRU5ErkJggg==) no-repeat left center;
 padding-left: 15px;
}

a.pdf {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAMAAAHd8E/mAAAAB3RJTUUH1goOFQwzq1R1gQAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAADMUExURf////f3997e3ufn597e5+fe562ttZycnJSUnIR7hHt7hOfv7+/Ozu+UlO/396WlpZycpYyUlO+cnO+lpdbW1sa1ve///+/Gzu+9ve+EhO9rc8atrefn7/fe58bGzu97e+/3/87W1u/v79bW3r29xqWttd6lpdbe3qWlrecpKedCQtY5Od5SUsYYGK0hIa2cpf+cnP8ICP9ra/+MjP97e+8AAMYAAKWUlN7v5/+1tf9aWvdaWtZKSt45Qt5KSt4hIZSEjP///8bO1s7e3iNA0U0AAAABdFJOUwBA5thmAAAAmUlEQVR42h3M5xaCMBgD0NCvIlpABdxYZbkQF+493v+dLP68OUnwJqALiRY0GQGMEH6BYDwFtfvQiGG93e2PqkU0HElAWHrdAOJPAGCT54eTypJgIhng2SYVTavT8wHTrjW4umTENZwv19v98cxetpo5s3m6SLPlKjFCRQp82w39KOYFmBg4lskkFRCOK4Twmn+UiOtlo1JlP62BDIMd4yTiAAAAAElFTkSuQmCC) no-repeat left center;
 padding-left: 15px;
}

a.wikipedia {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAAXNSR0IArs4c6QAAAFRQTFRFAAAAMTExOTk5QkJCSkpKUlJSWlJaWlpaa2trc2tze3t7hISEjIyMlJSUnJycpZylra2tvb29vca9xsbGzs7O1tbW3t7e3ufe5+fn7+/v7/fv9/f33mpVbAAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAT0lEQVQI102MwQ6AIAzFngJBQZfNxcHC//+nIR60px6aAh+cjFMjvjb0zBaZXAWg7LTIYAN60LaK8axL1VTknqrh0Fh96th5nPT++oA7/jzftAPKJ4DqSgAAAABJRU5ErkJggg==) no-repeat right center; 
 padding-right: 15px;
}

a.word {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAAEWrJxDAAAAB3RJTUUH1goOFSUr/H5yPAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAADeUExURXOMznOUznOMxmuEvWOEtWN7rVpzpVJrjFJzxpSlzqWtzpytzpylxpSlxpSlvYSMrSlKhFJ7zs7W5+fn99be797e77W91ilKjFp7zoycxhg5hHOMvRgxczFSe97n773G1jFSlGOEzilSpVJzrXuUxhhClBhCjIylvWuM1pyt1kprvUJjtVpztTFalDFanHOU1q213mN7xmuMxjljvUprrTljtb3G3jljpXuU3q293nuUzkJrpTljrYSc3r3G55y154yl3oSc1mN7tUJrtdbW787W773O77W950JrvYyl5/8kNBcAAACaSURBVHjaBcEHA4FAGAbgl8gl8+677IuMyIisjJKt//+HPA/SJpqEEBZCHiCZMpzqFlpdG8nr/YkNTGdzZ2mDFc1ypYo08gfsB/4W9P1BnWFcriBv4cgVeLvTU30YZqlcqSHlQiglicjyEMW35DAL13f2eMKX603Atru9ezhiQIYzHI0nrrL7qHNBQnKS0moAGWQ1LZfP63rhD0/oEkV4FnRDAAAAAElFTkSuQmCC) no-repeat left center; 
 padding-left: 15px;
}

a.zip {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAMAAAEGt9y8AAAAB3RJTUUH1goOFiYNBxgaWwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAADMUExURf///8be94y955S973Ot50Kc7xhjvef3/6XG71qc57XW963G50KEzkJ7xjl7xmOU1u/3/9a1hM6te2uUvWuc3kKM3kqM3mOl5961Od7GUtatKc6tMcalKb2cGNbOtYS15ylrxufGQv/vrf/npf/ne//eUv/WMc6lAOfWrTFzxv/3vf/nhP/eWv/WOefGSv/vnP/nY9atIee9StbGUsatOXu1596UKedKAN5rEGuUpVKU3lqMzvfvzvfntffnvd7n76XW95TO94S973O178LQQfQAAAABdFJOUwBA5thmAAAAeklEQVR42hXKyQKBAAAA0SmRbCWRJZKiBZGs2fP//6Tm9A7DIweVDxLORuSV4/rQJonT44nh2JragFCp8nx/fxqHNJ3NidbbIGQ0sQojtzpa8YhSjfPlejPULDPvxFG08/ZJIIY4C9dbrvySXV3vGf2BqaiUyUJdaTT/a6kMjfjvLVwAAAAASUVORK5CYII=) no-repeat left center; 
 padding-left: 15px;
}

a.email {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAA2FBMVEUAAADj0IHm0X5OSC3nz2/v4J7x3YTiznvq03fPqT/NtlPcyHL47sK+p0PdwlnOvWvy3o7Qv3XlzmjLuWffy33Ww3e9r2+jjC/l04nt2IS3qm377bHs1XaifgAlJiapiAQAAACNZADw3ZLz4ZTu24zu9PD06LHx5azy4Jrq1oT13oLs1nzu1njs1Xfr03Hz+v7h8Pvu9ffn8fL09vDu8ePf59jt7tP47sPu6sHk3rD16Kvv4qn556Lw4KLy45335JXp2ZTm1ZHu137o03vx2Xnp0nbXwm3fw14q4CdPAAAAInRSTlMABPsG/kH9/Pr59erX1NDKx7ikk4uJf3Z1a2BXOjIrJRURKo9kCgAAAIJJREFUCNc1jkUShDAUBX8CjLu7JMFl3H2w+9+IhIJedVe9xQOBUptCzuhCaQtQ6j3Nsd2SOxPef8me5wQFyn35fevX81FVPwqCuXY/bHb77YONEax/hNxOT93GHb6LfDM0GCO4waMix4aJ/1a1y6NeJlaxPVmBYNgcLAAkKXuAckkAG2QMpkE+NagAAAAASUVORK5CYII=) no-repeat left center;
 padding-left: 15px;
}

a.arduino {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAulBMVEUAAAADr7QCrbIKlZkAf4MEkZUAqq8AnqQAnqMAnKEBmJwAkJQFkZUAcXQDlZoAa24BkJQAdHhw0NNUxMgCo6cCo6cBnKEBm6ACn6MCnqMCl5sCl5sFkZUGlZgCjpICjZEAhIgAaGoBsbWi4uQBtbsApapX0NQUtru57O6r6Oqe4uSc4eM/xssiu78MsbYVsbUosLUerbENrLEAoKW46Om25+mr4uOn4eNxz9NEy88yxsoqxMlUxMcvvcH7vxYeAAAAInRSTlMA/ftaPRH+/v7Ov75hWkcsKwr+/vb17OrY1oGAZ1Q4MwsLfUfqEQAAAIVJREFUCNcdzEUWhDAQRdFKcId2tyQE13bZ/7a64I7e4J8PSPM3W1+DkbISui7WytgzckF0vseNRWvJuayppcGhn7AsjjP27I+wa+7lO03j36NxwW2v8pMkr/LWKhAaX5YXRc6mRggnm3YV51Wn2xGAuiD4TchSBaQ6phCmgz04B54XRBh/9xIMzNYCakoAAAAASUVORK5CYII=) no-repeat left center;
 padding-left: 15px;
}

kbd {
 background-color: #aaa;
 border: 1px outset #000;
 color: #000;
 font-family: inherit;
 font-style: normal;
 padding: 0 2px;
}

code {
 background-color: var(--bgcolor-secondary);
 border: 1px dotted #ccc;
 display: block;
 font-family: 'Source Code Pro', 'Courier New', 'Courier', monospace;
 font-size: 75%;
 margin: 1em;
 overflow: auto;
 padding: 0.6em;
 white-space: pre;
}

code span.keyword {
 color: #919;
 font-weight: bold;
}

code span.func {
 color: #919;
}

code span.str {
 color: #00f
}

code span.var {
 color: #0a0
}

code span.const {
 font-weight: bold;
}

code span.rem {
 color: #999;
 font-style: italic;
}

var, samp {
 color: #099;
 font-family: inherit;
 font-style: normal;	
}

abbr, acronym {
 border-bottom: 1px dotted #ccc;
 cursor: help;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

sub, sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}

sup {
 top: -0.5em;
}

sub {
 bottom: -0.25em;
}


/* Listen */

li.even,
ul.alternate li:nth-child(even), ol.alternate li:nth-child(even),
ul.alternate-group3 li:nth-child(6n+4), ol.alternate-group3 li:nth-child(6n+4),
ul.alternate-group3 li:nth-child(6n+5), ol.alternate-group3 li:nth-child(6n+5),
ul.alternate-group3 li:nth-child(6n+6), ol.alternate-group3 li:nth-child(6n+6) {
 background-color: var(--bgcolor-secondary);
}

ul.alternate li:hover, ol.alternate li:hover,
ul.alternate-group3 li:hover, ol.alternate-group li:hover {
 background-color: var(--bgcolor-table-highlight);
}

ul.list, ol.list, ul.blind, ol.blind {
 list-style: none;
 margin-left: 0;
 padding-left: 0;	
}

ul.list li, ol.list li, nav.sidebar li li {
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHAQMAAAD6aRWtAAAABlBMVEUAAAD/hABEENBtAAAAAXRSTlMAQObYZgAAABRJREFUCNdjcGBYwBDAoMEQAKQdABHGAoma/3+/AAAAAElFTkSuQmCC);
}

ul.list li, ol.list li {
 background-position: left 0.6em;
 background-repeat: no-repeat;
 padding-left: 10px;	
}

ol.paras li, ul.paras li {
 padding-bottom: 1em;
}


/* Tabellen */

table {
 border-collapse: collapse;
 border-spacing: 0;
}

table tr th, table tr td {
 padding: 0.2em 0.5em;
}

table tr th {
 border-bottom: 1px dotted #ccc;
 border-top: 1px dotted #ccc;
 font-weight: bold;
 text-align: left;
}

table tr.even td,
table.alternate tr:nth-child(odd) td,
table.alternate-group3 tr:nth-child(6n+5) td,
table.alternate-group3 tr:nth-child(6n) td,
table.alternate-group3 tr:nth-child(6n+1) td {
 background-color: var(--bgcolor-secondary);
}

table tr:hover td, tr.active th, tr.active td, th.active, td.active {
 background-color: var(--bgcolor-table-highlight) !important;
}


/* Multimedia und Grafiken */
img {
 border: 2px solid #7f7772;
 border-radius: 8px;
 padding: 2px;
}

.img-left, img.left, .alignleft, a img.alignleft {
 float: left;
 margin: 5px 20px 20px 0;
}

.img-right, img.right, .alignright, a img.alignright {
 float: right;
 margin: 5px 0 20px 20px;
}

.img-center, img.center, .aligncenter, div.aligncenter, a img.aligncenter, video.center {
 display: block;
 margin: 5px auto 5px auto;
}

.img-noborder, img.noborder {
 border: 0;
 border-radius: 0;
 padding: 0;
}

.img-maxheight {
 height: 400px;
 width: auto;
}

figure {
    display: table;
}

figure.center {
    margin: 0 auto;
}

figcaption {
    text-align: left;
    font-size: 80%;
}

video {
 display: inline-block;
}


/* ----- Formulare ----- */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label.error {
    color: #e00;
    display: inline-block;
    font-weight: bold;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    max-width: 90%;
}

button, input {
 overflow: visible;
}

button, select {
 text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
 -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted buttontext;
}

input {
 line-height: normal;
}

input[type="submit"] {
 padding: 0.2em 0.8em;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"] {
    text-align: right;
    width: 6em;
}

input[type="number"].wide {
 width: 12em;
}

input[type="number"].extrawide {
 width: 18em;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}
 
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea {
 overflow: auto;
}

input[type=text],
input[type=password],
input[type=number],
input[type=search],
input[type=url],
input[type=email],
textarea, select {
    background-color: var(--bgcolor-form-input);
    border: 1px solid #eee;
    border-bottom: 1px solid #1777b1;
    color: var(--color-form-input);
    padding: 1px;	
}

input[type=text]:active, input[type=text]:focus,
input[type=password]:active, input[type=password]:focus,
input[type=number]:active, input[type=number]:focus,
input[type=search]:active, input[type=search]:focus,
input[type=url]:active, input[type=url]:focus,
input[type=email]:active, input[type=email]:focus,
textarea:active, textarea:focus, select:active, select:focus {
 border-bottom-color: #ff7400;
 color: #ff7400;
}

input[type="submit"], button {
 padding: 0.2em 0.8em;
}

input.error, textarea.error {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAA4FJREFUOMudlM2rVVUYxn/v2nvf6z1Xveec8mh+UkqFgmKFoDNJGgRKIFkThQYFlc2cNIiMGkRpEg4qcHDpX2gQkhqBCtHsxs0Goqb4dc69e59r52t/rafBOedW0KgXFu9ag/Vb63nX8y4YRWKT/N9ImADAANrRNNW8SxOIsMg99cyEVauG9+A9aJRHQ52O/IMHpcpBVgc/BoYxEdW8C0A0XXvSPVY/4dY2jlKprKIsh4CyBF9C6YfZDOv1f+ZPdzIuehfqUNTIhjcbksPN4d69s9Frr+4Ptm9H3R6kAzQYwCBFaTpap5Bl+Os3yC9dKn2zeRj0XZ3ChwAtCN32HS8H+/btdxs2qrx1C+W50etBlkOaDiHpAD86wIWBXK0WKGl/SFlexheLDsBBxcLwJbdlE/72bYpsYOWm9TA1hZot/L17+Bs38XGM3/Es6eoK2dyc+YVFkHYDMyMOGDiyrEqni79/32isYergIaIjh/HTU5SXr1LMzWF7XmDV8feYPHCA9OZ16HSHdZJmYoIhDEBZJt9sQhxjc/OU164RrGkQvX4Ev65B9OYbVI6/i+904KcrTJQGzpAEEmCEy/7IMtRaQP0+/td5yvnf4OQHTOzciZ37mnDrNnynQ//UaYpvzuFKL4LAkBDCxjAA0gwtLODjBN36A//LVXoGq7+dJdq6DXlPev482Sef4oIQhaGNJI4A9g+ZeSb/8CG6fQe126hSJdy1C8LheeYcrtHA7dqJsnRcK/1HO7hqe2rmwtITW9SemlGysq7uRx/L93qSpM7Zs8rv3JEkDS5eVPu5PUqCitorVpeJTSom2j1uKRKiahJWLrZX1hXbpJKjx1TEi0PQqdNK1m7U0sFXlLdakqTu7KxatcfVnli5DIuJhjKFQCrxHnOOfrulbvMu3TNnyL/4Elt6hL/wI7233qb3+zzdxQeUWTraKoB8+SFjomkz9xlh+I4FgYrKCmP9OoLWonjUMbORBQKHNm9Q2elY0IpxpffKsoHQ03XyuzbqS4R70eB7nBNRFGAWAJiZZGY2rrcEBoZJeW4UxVdCJ+rkPQdQo8DQFaH35b2UppDn3szAzEyCssSKAvLcM0gL9ftGUfwg+LxO3gOwmIj6UDIJEwHoecEhwxqYDa3ztwUEmNAAuAKcr5Mn4//MxpMaGaP6YZgJGcs/1L/tZCAxFF4nZ3yhvwAEgRGmo22kRAAAAABJRU5ErkJggg==) no-repeat right top;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

/* Spezifische Elemente */

header {
 background: url('img/core/header-hd.min.png') no-repeat;
 height: 150px;
 margin: 0 auto;
 width: 1100px;	
}

header h1, header p {
 color: #000;
 font-weight: normal;
 margin: 0;	
}

header h1 {
 float: left;
 font-size: 72px;
 line-height: 72px;
 padding: 58px 0 0 12px;
 text-transform: lowercase;	
}

header p {
 float: right;
 font: bold 11px 'Trebuchet MS', 'Helvetica', sans-serif;
 padding: 102px 0 0 0;
 text-transform: uppercase;	
}

#page {
 margin: 0 auto;
 width: 1100px;		
}

#content {
 float: right;
 margin-bottom: 200px;
 width: 800px;
}

#content p, #content ul, #content ol {
 line-height: 1.6em;
}

#content p.indent {
 margin-left: 2.5em;
}

#content p.breadcrumbs {
 background: url(data:image/gif;base64,R0lGODlhDQAPAMQfAPHx8dfX1/j5+OLj49vb25mZmWhoaNjY2Pb29v7+/urq6ujo6Pn6+fX29ezs7Pv7+/b29fz7/N3d3f38+9PT0ubm5vz8/Pf39/T19PLy8+7t7e7u7f/+/v/+//39/QAAACH5BAEAAB8ALAAAAAANAA8AAAVR4CeOZGmaRaqmZCE8XsJFzFWMxZQkxiNAmcJBVOgkLAYDBrAREpNQg2Ph/BSiScSgWmggEFmEhAvQKAxfQoBrrgwQakrVulIdhqO7Xn/q+0shADs=) no-repeat left center;
 border-bottom: 1px dotted #dcdcdc;
 font-size: 77%;
 line-height: 1em;
 margin: 0 0 2.1em;
 padding: 0 0 0.3em 15px;		
}

#content p.breadcrumbs a {
 border: 0;
}

#content p.breadcrumbs strong {
 font-weight: normal;
}

#content p.abstract {
 font-weight: bold;
}

#content p.warning {
 background: url('img/icons/warning.png') no-repeat 5px 5px;
 background-color: #ffa;
 border: 1px solid #999;
 border-radius: 10px;
 line-height: 1.3em;
 min-height: 45px;
 padding: 5px 5px 5px 60px;	
}
	
#toc {
 background-color: #e2e3e5;
 border: 1px solid #d6d8db;
 border-radius: 5px;
 color: #818182; 
 float: right;
 font-size: 85%;
 max-width: 40%;
 padding: 1rem;
 margin-left: 1rem;
}
	
#toc ol {	
 margin: 0;
 padding: 0 0 0 1rem;
}

nav.sidebar {
 border-right: 1px dotted #dcdcdc;
 float: left;
 padding: 0 20px 0 0;
 width: 250px;
}

nav.sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;	
}

nav.sidebar li li {
 /* background-image: [see ul.list li, ol.list li] */
 background-position: 0 10px;
 background-repeat: no-repeat;
 border-top: 1px dotted #dcdcdc;
 padding: 5px 10px;	
}

nav.sidebar li li:first-child {
 border-top-color: #fff;
}

nav.sidebar h2 {
 font-size: 167%;
 height: 40px;
 padding: 20px 0 0 40px;
 text-transform: lowercase;	
}

footer {
    background-color: var(--bgcolor-primary);
    bottom: 0;
    color: lightgray;
    left: 0;
    padding: 10px 0;
    position: fixed;
    width: 100%;
}
	
footer p {
    font-size: 85%;
    margin: 0;
    text-align: center;
}

footer a {
    color: #21abff;
}

#fsm-label {
    margin-top: 1em;
}


/* --- Bootstrap --- */
.alert {
    border: 1px solid transparent;
    border-radius: .25rem;
    padding: .75rem 1.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: bold;
}

.alert-primary {
    background-color: #cce5ff;
    border-color: #b8daff;
    color: #004085;
}

.alert-primary hr {
    border-top-color: #9fcdff;
}

.alert-primary .alert-link {
    color: #002752;
}

.alert-secondary {
    background-color: #e2e3e5;
    border-color: #d6d8db;
    color: #383d41;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}

.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.alert-light {
    background-color: #fefefe;
    border-color: #fdfdfe;
    color: #818182;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    background-color: #d6d8d9;
    border-color: #c6c8ca;
    color: #1b1e21;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

.small, .semismall {
    font-size: 77%;
}

.lead {
    font-size: 130%;
}

mark, .mark {
    background-color: #ffa;
    padding: .2em
}

del {
    text-decoration: line-through red;
    -moz-text-decoration-color: #e00;
}

ins {
    background-repeat: no-repeat;
    background-position: 2px center;
    padding-left: 15px;
    padding-right: 2px;
    background-color: #b9e7f4;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAACDklEQVQoz1XRzUuTcQDA8e/v9zybc06nszmdhyjEHIr4AlFI0aWXwyLoFAi93aJOkccuXevUwQ4RKggd6tCLpFCHMEKChJaWlhYrRZ3bnJuP27PnefZ7Ouilz7/w4eirBdrGv0iAwUTq5kzR/vS+5GRfGFby8ZY55lnM+26v7OjsEycnFsV0vMO9kdjIDXWGg29zJeXZSMmCsYvZ1m4bZcu7bqluZVcWzLLjyOl4h9vzeuHDrVjY/yZdFLbtate6DosTVUIsbxe9G5ZQjul8HTnS6OiaJsSFie+hpnAg2xsNklKSd+vbTPZHqREu18cn6Ywc4KPyOrIx/NAXqLsjf27lBwK6JLlr07e1xliTS7UmsVzJ6JU4Q+eO0VvMSKX5Lj7tqnd1ZTtkDZNNo8LVnoNEvR5cBaYDmVyeJ6Zgvr0XK2M0Aeg+j0zMraRpbm3h3nyaaMTP2q7NSHuEHUfx+VsSs6rerZbiN4BMXB74+2d9Mylx7VSpzNJmkZIuyDkQbG6gyzZobPBrSPlocGZFF+H7L7X6htqabLaQj585bllCecMhP31BHzUSVtHs5dXCr+FYKAYgFW4lnc4VIx3dtc+eT80ahRKtwTpUwMtayWZp7sfocCwU4/QlcX42s7cXeDBF8O6Y3M+sBfqBLiAQOXQ4AvhaTp3dm+Z/1Wh6UHi8UkBFWWUTVSkCDuAC/AM8tOYNVSlUDQAAAABJRU5ErkJggg==);
    text-decoration: none;
}

address.left, blockquote.left, div.left, h1.left, h2.left, h3.left, h4.left, h5.left, h6.left, p.left, th.left,
td.left, .text-left {
    text-align: left;
}

address.center, blockquote.center, div.center, h1.center, h2.center, h3.center, h4.center, h5.center, h6.center,
p.center, th.center, td.center, figure.center, .text-center {
    text-align: center;
}

address.right, blockquote.right, div.right, h1.right, h2.right, h3.right, h4.right, h5.right, h6.right, p.right,
th.right, td.right, .text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

/* Bootstrap Contextual Colors */
.text-muted {
    color: #aaa;
}

.text-primary {
    color: #337ab7;
}

.text-success {
    color: #3c763d;
}

.text-info {
    color: #31708f;
}

.text-warning {
    color: #8a6d3b;
}

.text-danger, .text-failure {
    color: #a94442;
}

/* Bootstrap Contextual Backgrounds */
.bg-primary {
    background-color: #337ab7;
    color: #fff;
}

.bg-success, tr.success th, tr.success td, th.success, td.success {
    background-color: #dff0d8;
}

.bg-info, tr.info th, tr.info td, th.info, td.info {
    background-color: #d9edf7;
}

.bg-warning, tr.warning th, tr.warning td, th.warning, td.warning {
    background-color: #fcf8e3;
}

.bg-danger, tr.danger th, tr.danger td, th.danger, td.danger {
    background-color: #f2dede;
}





.monospaced {
 font-family: 'Source Code Pro', 'Courier New', 'Courier', monospace;
}

.hidden, .invisible {
 display: none;
}

.checkmarked {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAB1MAAAdTAB3TNyzQAAAtRJREFUOMt9k09oXGUUxX/f+9PJ9E3MTBMyMaZRFDdOaa3SYpOgqca6KSh0Y9FFTemiIpRCqwW3igH3gqgjDVihEDAKWrvUOpaATZs0tggdk7Sm4kwmM5n3vZnJ+/640MagtQcul8Ph3LM5F/6FgfzQP+QkHRyn/a7a3/A2ioXRC8xXFnKvfT06luvetv+B9l4All65zVxpbmJyevJNoMj/pY6c2Td2+vq4nanOmkvL03a6ctlOVy7bn5Yv2ZnqrDl9fdw+//kLpzZ6XYCbk4s899nI2LGnj72VDbpRRgmDQaPR9q+RsRTpZJrtvTtGSrvK8teJYgHAHcgPsWk4kTu4++CZzs2dAFhhMZh1c6QjcunHwFqqcdVmUpl9M1tnP9nx6uOr7s3JRYaP7s3vfnDXoxYrBGI9WRmFVJIntzxBti3LjXqR5XhZJBNJG9HoOv/yuS8cgK72rv3VVk1EKkIqyZ1dV3W2Bn1k27IABF5ApBpUWzXRmeo8AOD1v/NQh+M7hCpECEHNrJLe1IEQAoHDzsxOAH6uXeO7P75HCEGoQqxrAwCnZ0uPmS/Pcyv6Dd/xGH3kEMPZZ1gIF3m2Zy8AhdKPfLN0Dm01YRzye+M28+UFAJyp1y/WZSS5WprDxJaUn6I/6GdbJkdv8n6mylN8eesrVlorFMMiV1auMFe5RiOKagAOgI3NhDDYb0vnOfTDYaSSvNT3IkvREh/88iFSSSprFVbjVRq6iW5pjDJnAcRAfgijzcN+4N9Idm0m3ZbGxWF88FOOTr2B7/hoq1kza4SxpNas2Ua5IVQUdzuuUxJ3GrUnP3jKC/z3kpmkTSVSIo5jOtraAYGyiqZuIVvStlaaQkl1pHD4wscAYmMt9+QHT3gJ733vPt/6CV+4rguA0hrVjInrMaap183/OQDw1EcDfa7nvis8cUC4IgCw2taMMmeNMm9fPFIocS/c7WXvpf0Jz0JslzYhJtcAAAAASUVORK5CYII=) no-repeat right center;
 padding-right: 19px;
}

.maxwidth {
 height: auto;
 width: 100%;
}

.hiking-route {
    float: right;
    font-size: 1.8em;
    font-weight: bold;
    padding: 0.2em;
}

.hiking-route.sgv {
    background-color: #000;
    color: #fff;
}

.hiking-route.ssb {
    background-color: #fffa90;
}

.hiking-route.ssb.red {
    color: red;
}


/* Blobs */

.bg1, .bg2, .bg3, .bg4, .bg5 {
 background-position: left bottom;
 background-repeat: no-repeat;
}

.bg1 {
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAAA3BAMAAACRLiuLAAAAMFBMVEUAAAAAaWkAaWkAZ2cAZmYAZWUAZmYAZGQAZ2cAZmYAZmYAZWUAZmYAZmYAZmYAZmaHFEFjAAAAD3RSTlMAESJ37kRVM8yZu4iqZt3ve1jsAAABsklEQVRIx+2WMUtCURiG33stjQo6Fg1tdyhaxaCxpYaa1EAaC4KaopoKGoxoCQLrF+jQGDjUFmFNjdoYBvYLMuomauXXued6i7zaOQZGQ89w3uXx8+M9Z7hoBT2A1mH458dony1G5EVGI79c+kTW/Ub0MdbkGXTSg8tePEczeuiivo3cNZrSQWF8wXsWbuT5DBH5Ej8Gox+7bo2jId1JEakiPzK0U1vkJljvDdqh29ML2/wgqtj/OLbmWDn3DTO+KR3ys0AEC793GjVG0YheMrieINNe3lPGd7BY1YphogDkePZClU5rrTQl5fbIFJG5Ak4XBbSITF8lIjGWdRAbfpKtEiLOHTD0EicMZCV6F1k8Y2mOB2OQMC/013HWw+PKkOkZoVeAGA934fW/Twv9zUCCR8ml9zcqhqoMBSvDkJAgwcyk0INQasbBlD2DbrsZx5ddky6sKUcvQ8ItcXYdvSrTtVMyjzPK0+HzLvvjjv4onoFancWjigEVUvZo3Q8l8kK/hCJ9Qj9Q1bWQuCJlNonMoLruObnfhzobWPCF0QLrmEWbMP7WZ4pmtGn91uZ6VPV3Bfb92HptgQoAAAAASUVORK5CYII=);
}

.bg2 {
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAA4BAMAAABjz5d2AAAAMFBMVEUAAADSADzSADrSADfSADzSADjSADnSADnSADnSADnSADnSADnSADnSADjSADnSADnPe+3RAAAAD3RSTlMAEXczIkRVZsy73ZnuiKqzchrfAAABOklEQVQ4y2OAAiMGTBCERUwIixgjA2WA2QFTjNsAU4yJoEkCWFxYAMRm6OpwOsUATDaj+zABU6nsBEwxZ0whNyy2FDGwfkbmO4DtcMTwMuuaC8g8BgY2B/GKTwEIIaNSAebQW///f0F2q4HefxD4hByqbP3/wUAZSUzqPwR8E0OI6UPFPgGNgYnNh4r9RdK7Hir2EyEU9R+uFwbY/8MAwtH5cDFg+PFOR7Hh/58EoPuDwXENV9ZeAI9/mKqtGJ74cwzJcXwQsS/iIC8EaICsZuOGiH10ZwQHRwIDUI4ZIpbAwIKkGRxQPxxQkgg/SOw3WuTM+v//X7UAWrpa0+2IEdueAViSMpH5hkWBgRFihxNCbwNMJysi3ZbiMYQNixjfFCzu2Q1JQAoQ4yUgLoCICXAieIgsgC0HoXIBYbOrRp0YE+EAAAAASUVORK5CYII=);
}

.bg3 {
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAA4BAMAAABwGNeCAAAAMFBMVEUAAAB+lgCAjwB+lwB9lgB8lwCAlQCAlwB/lwB9lQB+lgB/lgB+lwB/lgB/lgB8lgAEqoUAAAAAEHRSTlMA8RDhcEAwIJFg0aHBsYFQXZMomAAAARRJREFUOMtjwArY92MXZxHGLs66koEYEIJDvIyQRs4C7OJ8CgwDDtjCsIkyZRoKH8PiOvaNgoKCmzDFOQSBQA7CfoYkHggSFw5AF2dyFASBDxjmXASLb0B2yZSpQPIghrizoLATTP0EpKg0FBSUYGCYCBZH8oAyiF/AFAuiJJCMcQTrZ21YCKQOgTwIFX8ItY/voKAJyJgIqHghSPxBmQKDWjiYnw4VrwKJey88VYoe9UD3SAGlZNED87OgsCFIjyh6yKfMBbtdBiNsuATBwAFdQyNE3ABdPVRcHl0cGIWYFsPDWFAEXVwRh3guRHwZRi6DiC/ASFOO0MSADjRA4lYYqQ0ci7IN2JInv0cTwyDIO0MfAAAhQjJHcQ2FzAAAAABJRU5ErkJggg==);
}

.bg4 {
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA3BAMAAABTHm8PAAAAMFBMVEUAAAAAK7gALbQAKbgAJ7kAKbcAKbgAK7gAK7gAK7gAKrcAK7gAK7cAK7kALLgALLk/1O5sAAAAEHRSTlMA+xEyIXVkuNrJQ+qnVJeGl+0TzQAAAYRJREFUOMu91L9LAmEcx/EPXooYRl8qvFDiKcUMig6ywKbDotlAwS2haIigrjUa2tqtxO1qaGhKgoY2oR+rUEGjDf0H0dz5PCHPPXpBQr2Ge4b33XPP3XMcHCY8MfSsz/4x+84901TEM41HPZO/YnsmuoXCEIO2TzE1rYvhlUhnSsqKwdJpDIpQCVoJfjpey6FTNs/6yYCwIE2bRkE3Zg7QRTxQI70JyUv7gSwiuopXTHQokmN4mnLu1VU/gSBPWtR2bW2YKgbOWmkQEx+YkxLiSG7WnCJeUkLZQYv4Vb4Qg2qVp0i5AAT23KlO3CPDc+YashUS7rYbRbrpy0tJq4kU5cejOiQpkkR25DRrSSnK5MXD70ypF0kYciU0JimWehdpNwtZDvPVJb9II/fqN3WJgEhlqLbgE6kB1ROShzzZUIVwwZ/hBB1MINPaGgPd+N5o9IFBtsgYgiaAdOEUKg3hJr9uudf/gHqyVkLbxncwwQ2Y6mrZ725iohf/M7+R8G4J/KUvWhVEevibLS4AAAAASUVORK5CYII=);
}

.bg5 {
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA3BAMAAACIpcUtAAAAMFBMVEUAAACrAH+qAHylAIeoAICrAH6qAH6qAICrAH6rAH+rAICrAH+rAICrAH+rAH+qAH92tpN4AAAAEHRSTlMA+yERMkN1VOqnZJeG2sm4zmuwrQAAATRJREFUOMtjwAaMsIoaMAxKwMwwAEABvyyGmzgTGBgCuGKCUUVZDIAyeYKSEzBM0BcUFJQOQIsNpkZBIJiEqpKJXRAERNAMiAWLiqG62IEDLCqP5npusKhcCJooVC07is/KwKLiKKHOasDwEM0NEHlboKDEFiTbWECE0kSg0nIDZAOYmBgCws4+TWJBdtnBrl1c62amKiQeQFYqCPGYysEvDA5wUXtBCDhQXsoQDE+o7FDRJ0uyiqFirgpAf0GNEBScDgtDBwYOQTiQQDjNECqEGu66SKINxlBBntlIoq3MUDM4pD+CBW6DiCYGmNorJhdvCAo+0wKJToXHZCgDO2uiYIrVQWBkOIAMKHOA+aQxiJlNUFAAKR+CbFBTZTBwSVJgYFZgIAwWQWkTwrnHAUeaH1QAAEzrNwfVLEgsAAAAAElFTkSuQmCC);
}


/* @deprecated ? */

p.legal {background-color:#eee; border:1px dotted #dcdcdc;}
p.cc-by-nc {background:#eee url('img/cc-by-nc.png') no-repeat 5px center; padding-left:100px;}
p.cc-by-sa {background:#eee url('img/cc-by-sa.png') no-repeat 5px center; padding-left:100px;}
p.cc-by-nc-sa {background:#eee url('img/cc-by-nc-sa.png') no-repeat 5px center; padding-left:100px;}


/* Plug-In Tipsy */

.tipsy {
 font-size: 10px;
 padding: 5px;
 position: absolute;
 z-index: 100000;
}

.tipsy-inner {
 background-color: #000; 
 border-radius: 3px;
 box-shadow: 0 0 5px #000;
 color: #fff;
 line-height: 120%;
 max-width: 200px;
 padding: 5px 8px 4px 8px;
 text-align: left;
}

.tipsy-arrow {
 background: url(data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==) no-repeat top left;
 height: 5px;
 position: absolute;  
 width: 9px;
}

.tipsy-n .tipsy-arrow {
 left: 50%;
 margin-left: -4px;
 top: 0;
}

.tipsy-nw .tipsy-arrow {
 left: 10px;
 top: 0;
}
    
.tipsy-ne .tipsy-arrow {
 right: 10px;
 top: 0;
}

.tipsy-s .tipsy-arrow {
 background-position: bottom left;
 bottom: 0; 
 left: 50%;
 margin-left: -4px;
}
   
.tipsy-sw .tipsy-arrow {
 background-position: bottom left;
 bottom: 0;
 left: 10px;
}

.tipsy-se .tipsy-arrow {
 background-position: bottom left;
 bottom: 0; 
 right: 10px;  
}

.tipsy-e .tipsy-arrow {
 background-position: top right;
 height: 9px;
 margin-top: -4px;
 right: 0;
 top: 50%; 
 width: 5px;  
}

.tipsy-w .tipsy-arrow {
 height: 9px;
 left: 0;
 margin-top: -4px;
 top: 50%;   
 width: 5px; 
}


/* Spezielle Regeln für die Ausgabe auf einem Drucker */
@media print {
 
 body {
  background: none;
 }

 h1, h2, h3, h4, h5, h6 {
  page-break-after: avoid;
 }

 p {
  orphans: 3;
  widows: 3;
 }

 a {
  background: none !important;
  border: 0;
  padding: 0 !important;
 }

 code {
  white-space: pre-wrap;
 }

 header {
  background: none;
  height: auto;
  width: auto;
 }

 header p {
  float: none;
  padding: 0;
  text-align: right;
 }

 #page {
  margin: 0;
  width: auto;
 }

 #content {
  float: none;
  width: auto;
 }

 #content p.breadcrumbs {
  background: none;
  border-bottom: 1px dotted #dcdcdc;
  line-height: 1em;
  margin: 3em 0 2.1em;
  padding: 0 0 0.3em 0;
 }

 header h1, nav, footer, .toc, .noprint {
  display: none
 }
 
}


/* Spezielle Regeln für kleine Bildschirme (z.B. Tablets) */
@media screen and (max-width:1099px) {
 
 body {
  background-position: 0 -50px;
  font-size: 15px;
 }

 header {
  background-position: 0 -50px;
  height: 100px;
  width: 100%;
 }

 header h1 {
  padding: 8px 0 0 12px;
 }

 header p {
  padding: 52px 0 0 0;
 }

 #page {
  width: 100%;
 }

 #content {
  float: none;
  margin: 0 auto;
  max-width: 800px;
  width: 96%;
 }
 
 img {
     height: auto;
     max-width: 100%;
 }

 nav.sidebar {
  border-top: 1px dotted #dcdcdc;
  border-right: 0;
  float: none;
  margin: 0 auto;
  padding: 0;
  width: 90%;
 }
 
 .hideOnTablet {
  display: none;
 }

}


/* Spezielle Regeln für sehr kleine Bildschirme (z.B. Smartphones) */
@media screen and (max-width:480px) {
 
 body {
  background-image: none;
  font-size: 16px;
 }

 header {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.8);
  height: auto; 
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 25;
}

 header h1 {
  color: #fff;    
  font-size: 120%;
  float: none;
  line-height: 1em;
  padding: 10px;
  width: 100%;
 }

 header h1 a {
  color: inherit;   
 }

 header h1 a:before {
  content: "rotering-net.de: ";
 }

 header p {
  display: none;
 }

 textarea {
  max-width: 90%;
 }

 img {
  border: none;
  border-radius: 0;
  margin: 0;
  max-width: 100%;
  height: auto;
 }

 #page {
  float: none;
  width: 100%;
  margin-top: 3em;
 }

 #content {
  width:96%;
 }
 
 .hideOnSmartphone {
  display: none;
 }

}