:root{--maincolor:#1d60a3;--bordercl:#ddd;--callouctcolor:#50fa7b;--hovercolor:#063763;--background:#fff;--text-color:#232333;--dark-background:#1a1a1a;--dark-text:#eee}[data-theme=dark]{--background:var(--dark-background);--text-color:var(--dark-text);--bordercl:#404040;--maincolor:red;--callouctcolor:#1d60a3;--hovercolor:#8be9fd;--darkMaincolor:red;background-color:#202124;color:var(--dark-text)}html{color:var(--text-color);font-family:roboto mono,-apple-system,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.6em}body{max-width:800px;margin:0 auto;padding:1rem;background:var(--background);display:block}*{-webkit-tap-highlight-color:transparent}::selection{background:var(--maincolor);color:#fff}p{font-family:fira sans,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{font-size:1.2rem;margin-top:2em}h1::before{color:var(--maincolor);content:'# '}h2::before{color:var(--maincolor);content:'## '}h3::before{color:var(--maincolor);content:'### '}h4::before{color:var(--maincolor);content:'#### '}h5::before{color:var(--maincolor);content:'##### '}h6::before{color:var(--maincolor);content:'###### '}blockquote{border-left:3px solid var(--bordercl);color:#737373;margin:0;padding-left:1em}hr{border:0;border-top:3px dotted var(--bordercl);margin:1em 0}a{color:var(--maincolor);text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease}a:hover{border-bottom-color:var(--maincolor);background-color:var(--hovercolor);color:#fff}ul{list-style:none;padding-left:2ch}ul li{text-indent:-2ch}ul>li::before{content:'* ';color:var(--maincolor);font-weight:700}img{border:3px solid #ececec;max-width:100%}figure{box-sizing:border-box;display:inline-block;margin:0;max-width:100%}figure img{max-height:500px}figure h4{font-size:1rem;margin:0 0 1em}figure h4::before{content:'↳ '}code{background-color:#f1f1f1;padding:.1em .2em}pre{background-color:#ececec;line-height:1.4;overflow-x:auto;padding:1em}pre code{background-color:transparent;padding:0}.content{margin-bottom:4em;margin-left:auto;margin-right:auto;max-width:800px;padding:0 1ch;word-wrap:break-word}header{display:flex;flex-wrap:wrap;justify-content:center;margin:.5em 0;line-height:1.5em;padding-bottom:.5rem;border-bottom:3px dotted var(--bordercl);text-align:center;font-family:roboto mono,-apple-system,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif}header .main{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;width:100%;text-align:center}header .main a{transition:color .2s ease-in-out;border-bottom:none}header .main a:hover{color:var(--maincolor);background:0 0;border-bottom:none}nav{display:flex;gap:.5rem;flex-wrap:wrap;width:100%;justify-content:center}nav a{color:var(--text-color);border-bottom:none}nav a:hover{color:var(--maincolor)}header nav a{padding:2px 10px;line-height:1.2em;margin:0 2px;transition:color .2s ease-in-out;font-size:.9rem}header nav a:hover{color:var(--maincolor);background-color:transparent;transform:none}.nav-item{position:relative}.nav-item:hover .dropdown{display:flex}.dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);flex-direction:column;background:var(--background);border:1px solid var(--bordercl);border-radius:3px;padding:.3rem 0;margin-top:.2rem;min-width:150px;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,.1)}.dropdown::before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--bordercl)}.dropdown a{padding:.3rem 1rem;white-space:nowrap;text-align:left;font-size:.85rem}.dropdown a:hover{background-color:rgba(0,0,0,5%)}[data-theme=dark] .dropdown{background:var(--dark-background)}[data-theme=dark] .dropdown a:hover{background-color:rgba(255,255,255,5%)}footer{display:flex;align-items:center;border-top:.4rem dotted var(--bordercl);padding:2rem 0;margin-top:2rem}.footer-content{text-align:center}.film-list,.camera-list,.post-list{margin:.5rem 0 .5rem 1.5rem;list-style-type:none;font-size:.9rem}.film-list li,.camera-list li,.post-list li{text-indent:0}.film-list li::before,.camera-list li::before,.post-list li::before{content:none !important;display:none}.film-group,.camera-item{margin-bottom:1rem}.film-name,.camera-name{cursor:pointer;list-style:none;font-size:.9rem}.film-name::-webkit-details-marker,.camera-name::-webkit-details-marker{display:none}.film-name::before,.camera-name::before{content:'▶ ';color:var(--maincolor);font-size:.8em}details[open]>.film-name::before,details[open]>.camera-name::before{content:'▼ '}.dev-group,.film-item{margin:.8rem 0 .8rem 1.5rem;padding:.5rem;background:rgba(0,0,0,2%);border-radius:4px}.dev-name{font-size:.9rem;cursor:pointer;list-style:none}.dev-name::-webkit-details-marker{display:none}.dev-name::before{content:'▶ ';color:var(--maincolor);font-size:.8em}details[open]>.dev-name::before{content:'▼ '}.post-item{margin:.3rem 0;font-size:.9rem}[data-theme=dark] .dev-group,[data-theme=dark] .film-item{background:rgba(255,255,255,2%)}.gram-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0;list-style:none;margin-top:1rem}.gram{position:relative;aspect-ratio:1;width:100%}.gram a{display:block;width:100%;height:100%;border-bottom:none}.gram a:hover{background:0 0;border:none}.gram-image{position:relative;width:100%;height:100%;display:block;overflow:hidden;background:#f5f5f5}.gram-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gram-image:hover img{transform:scale(1.05)}.gram-content{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);color:#fff;padding:.8rem;transform:translateY(100%);transition:transform .3s ease}.gram-image:hover .gram-content{transform:translateY(0)}.gram-content h3{margin:0 0 .5rem;font-size:.9rem}.gram-content h3::before{content:none}.gram-meta{font-size:.8rem;opacity:.8;display:flex;gap:.8rem}.gram-description{font-size:.9rem;line-height:1.4;max-height:4.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.callout{padding:1em;margin:1em 0;border-width:3px;border-style:solid}.callout-alert{border-color:tomato}.callout-tip{border-color:#1e90ff}.callout-warning{border-color:gold}[data-theme=dark] .callout{color:#fff;background-color:transparent}[data-theme=dark] code{background-color:#add8e6;color:#000}[data-theme=dark] pre{background-color:#272822}[data-theme=dark] .toc{background-color:#272822;color:#fff}@media screen and (min-width:600px){figure{padding:0 40px}}@media(max-width:600px){body{padding:.5rem}header .main{font-size:1.2rem;text-align:center}nav{flex-direction:row;justify-content:center;gap:.8rem}.gram-container{grid-template-columns:repeat(2,1fr);gap:.5rem}.gram-content{font-size:.8rem;padding:.5rem}.gram-meta{font-size:.7rem;gap:.5rem}.dropdown{position:static;transform:none;border:none;background:0 0;box-shadow:none;margin-top:.5rem;padding:0;width:100%}.dropdown::before{display:none}.dropdown a{padding:.2rem 0;text-align:center}}.taxonomy-list{display:flex;flex-wrap:wrap;gap:.3rem;margin:.5rem 0}.taxonomy-list.tech-info{flex-direction:column;gap:.2rem}.taxonomy-item{display:inline-block;padding:.1rem .4rem;border:1px solid var(--bordercl);border-radius:3px;font-size:.8rem;transition:all .3s ease}.taxonomy-item:hover{border-color:var(--maincolor);background-color:var(--hovercolor)}.taxonomy-item a{color:inherit;text-decoration:none;border:none}.taxonomy-item a:hover{background:0 0;color:#fff}.taxonomy-label{color:var(--maincolor);margin-right:.2rem;font-size:.8rem}.taxonomy-group{display:inline-flex;align-items:center;gap:.2rem;margin-right:.3rem}.section-nav{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0;justify-content:flex-start;align-items:center}.section-nav .nav-item{padding:.3rem .8rem;border:1px solid var(--bordercl);border-radius:3px;transition:all .2s ease;font-size:.9rem;color:var(--text-color)}.section-nav .nav-item:hover{color:var(--maincolor);border-color:var(--maincolor);background:0 0}.section-nav .nav-stats{font-size:.9rem;opacity:.8}@media(max-width:600px){.section-nav{gap:.5rem}.section-nav .nav-item{font-size:.8rem;padding:.2rem .6rem}.section-nav .nav-stats{width:100%;text-align:left;margin-top:.5rem}}.pagination{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin:2rem 0;padding:0}.pagination a,.pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:.2rem .5rem;border:1px solid var(--bordercl);border-radius:3px;color:var(--text-color);text-decoration:none;transition:all .2s ease;font-family:roboto mono,monospace;font-size:.9rem}.pagination a:hover{color:var(--maincolor);border-color:var(--maincolor);background:0 0}.pagination .current{background-color:var(--maincolor);border-color:var(--maincolor);color:#fff}.pagination .next,.pagination .last{font-family:sans-serif}@media(max-width:600px){.pagination{justify-content:center}.pagination a,.pagination .current{min-width:1.8rem;height:1.8rem;padding:.2rem .4rem;font-size:.85rem}}[data-theme=dark] .pagination a{border-color:var(--bordercl);color:var(--text-color)}[data-theme=dark] .pagination a:hover{border-color:var(--maincolor);color:var(--maincolor)}.posts-list{max-width:100%;margin:2rem 0}.posts-list-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid var(--bordercl);gap:1rem}.posts-list-item:hover{background:rgba(0,0,0,2%)}.posts-list-item a{flex:1;color:var(--text-color);text-decoration:none;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.posts-list-item a:hover{color:var(--maincolor);background:0 0}.post-date{font-size:.85rem;color:#666;white-space:nowrap}[data-theme=dark] .posts-list-item:hover{background:rgba(255,255,255,2%)}[data-theme=dark] .post-date{color:#999}@media(max-width:600px){.posts-list-item{flex-direction:column;align-items:flex-start;gap:.3rem}.posts-list-item a{font-size:.9rem}.post-date{font-size:.8rem}}.buch-header{display:flex;align-items:baseline;gap:.7em;margin-bottom:.5em;font-size:1.3em;font-weight:700}.buchtitel{font-size:1em;font-weight:700}.buch-main-title{font-size:1.1em;font-weight:700}.buch-jahr{color:var(--maincolor);font-size:1em;margin-left:.2em}