@charset "UTF-8";@import "normalize.css";@import "boilerplate.css";@font-face{font-family:"Tiger Serif Italic";src:url("../fonts/tigerserif/tigerserifitalic-webfont.woff2") format("woff2"),url("../fonts/tigerserif/tigerserifitalic-webfont.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"Tiger Sans";src:url("../fonts/tigersans/tigersans-webfont.woff2") format("woff2"),url("../fonts/tigersans/tigersans-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap;font-display:swap}@font-face{font-family:"Tiger Sans Italic";src:url("../fonts/tigersans/tigersansitalic-webfont.woff2") format("woff2"),url("../fonts/tigersans/tigersansitalic-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Tiger Sans Bold";src:url("../fonts/tigersans/tigersansbold-webfont.woff2") format("woff2"),url("../fonts/tigersans/tigersansbold-webfont.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Tiger Sans Bold Italic";src:url("../fonts/tigersans/tigersansbolditalic-webfont.woff2") format("woff2"),url("../fonts/tigersans/tigersansbolditalic-webfont.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"Fluid Mono";src:url("../fonts/fluidmono/FluidMonoVF.woff2") format("woff2"),url("../fonts/fluidmono/FluidMonoVF.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}body{font-synthesis:none}h1{margin:0;font-family:"Tiger Serif Italic",Georgia,serif;font-weight:normal;font-style:italic;font-size:2em;line-height:1.1em;color:#000;padding-bottom:1em}.fontbox .info h2{font-family:"Tiger Serif Italic",Georgia,serif;font-weight:normal;font-style:italic;padding:0 5% 10px 5%;font-size:2.5em;color:#6c0;text-transform:none;letter-spacing:0}h2{margin:0;font-family:"Tiger Sans","Lucida Sans Unicode","Lucida Grande","MS Sans Serif",Geneva,Verdana,sans-serif;font-weight:normal;text-transform:uppercase;letter-spacing:.15em;font-size:1em;line-height:1.2em;color:#000;padding-bottom:2.25em}body h3{clear:both;margin:0;padding:0;padding-left:0;border-top:1px solid #666;font-family:"Tiger Sans","Lucida Sans Unicode","Lucida Grande","MS Sans Serif",Geneva,Verdana,sans-serif;font-weight:normal;font-size:10px;line-height:30px;letter-spacing:2px;text-transform:uppercase;color:#000;padding-bottom:.5em}h4{font-family:"Tiger Sans","Lucida Sans Unicode","Lucida Grande","MS Sans Serif",Geneva,Verdana,sans-serif;font-weight:bold;font-size:1em;line-height:1.5em;color:#000;padding-bottom:1em}p,#inhalt li,#test{font-family:"Tiger Sans","Lucida Sans Unicode","Lucida Grande","MS Sans Serif",Geneva,Verdana,sans-serif;font-weight:normal;font-size:1em;line-height:1.5em;color:#000;padding-bottom:1em}#inhalt ul{margin-left:1.25em;padding:0;list-style:disc outside}#inhalt ul li{margin:0;padding:0 0 .75em 0;line-height:1.5em}p strong,p b{font-family:"Tiger Sans Bold"}h2 a,p a,#inhalt li a,p a:visited,#inhalt li a:visited{display:inline-flex;align-items:center;min-height:1.5em;margin-left:3px;padding:0 0 0 9px;background:url(../img/linkpfeil.gif) -55px center no-repeat;color:#000;text-decoration:none}h2 a:hover,p a:hover,#inhalt li a:hover{padding:0 20px 0 12px;background:url(../img/linkpfeil.gif) right center no-repeat;color:#fff}:root,.lightmode{--green:#6c0;--beige:#eec;--beige-dark:#ddb;--bg:#fff;--bg-header:#eec;--txt:#000;--border:#666;--nav:#fff;--txt-nav:#000;--hover:#6c0;--act:#6c0;--txt-on-hover:#000;--fontname:#fff;--fontname-slider:#fff;--box:#eec;--fontbox:#000;--fontbox-hover:#000;--txt-fontbox:#fff;--border-nav:#666;--bg-font-h-schnitte:#000;--placeholder:#ccc;--x-bg:#000;--x:#fff;--x-bg-hover:red;--x-hover:#fff;--dwl-bg:#000;--dwl-txt:#fff;--example-hover:#000;--bg-more:#eec;--border-more:#000;--more-hover:#000;--bg-footer:#000;--txt-ftr:#fff;--bg-darkmode-btn:#222}.darkmode{--bg:#222;--bg-header:#000;--txt:#fff;--nav:#000;--txt-nav:#fff;--box:#444;--bg-darkmode-btn:#fff;--fontbox:#fff;--txt-fontbox:#222;--bg-more:#222;--border-more:#666;--bg-footer:#000}@media(prefers-color-scheme:dark){:root body:not(.lightmode){--bg:#222;--bg-header:#000;--txt:#fff;--nav:#000;--txt-nav:#fff;--box:#444;--bg-darkmode-btn:#fff;--fontbox:#fff;--txt-fontbox:#222;--bg-more:#222;--border-more:#666;--bg-footer:#000}}#farbe{position:fixed;right:6%;top:17px;width:24px;height:24px;overflow:hidden;border-radius:50%;display:inline-block;border:1px solid var(--txt);background-color:#fff}@media(min-width:768px){#farbe{right:5%}}#farbe::before{content:"";position:absolute;left:12px;top:0;display:inline-block;width:12px;height:24px;background-color:#000;border-top-right-radius:50%;border-bottom-right-radius:50%}@media(prefers-color-scheme:dark){body:not(.lightmode) #farbe{transform:rotate(180deg)}body:not(.lightmode) #kopf{background:var(--bg-header) !important}body:not(.lightmode) #logo svg polygon{fill:#555}body:not(.lightmode) h3,body:not(.lightmode) p,body:not(.lightmode) dl,body:not(.lightmode) .info p,body:not(.lightmode) #inhalt .info li,body:not(.lightmode) #inhalt li,body:not(.lightmode) #test{color:var(--txt)}body:not(.lightmode) .fontbox .info p,body:not(.lightmode) #inhalt .fontbox .info li{color:var(--txt-fontbox)}body:not(.lightmode) #seite .fontbox .info p{letter-spacing:0}body:not(.lightmode) #inhalt .sp_liste .fontliste li .imglink a img,body:not(.lightmode) #inhalt ul.fontliste li h2 a img{top:-565px}body:not(.lightmode) #inhalt .sp_liste .fontliste li .imglink a:hover img,body:not(.lightmode) #inhalt ul.fontliste li h2 a:hover img{position:relative;top:-625px}body:not(.lightmode) #inhalt .sp_liste .fontliste li a.fontname{background-position:-1053px center}body:not(.lightmode) #inhalt .sp_liste .fontliste li a.fontname:hover{background-position:right center}body:not(.lightmode) #boxen .fontbox h2.fontname img{margin-top:-165px}body:not(.lightmode) h2 a,body:not(.lightmode) p a,body:not(.lightmode) #inhalt li a,body:not(.lightmode) p a:visited,body:not(.lightmode) #inhalt li a:visited,body:not(.lightmode) .info p a,body:not(.lightmode) .info li a,body:not(.lightmode) #abc1 a{color:var(--txt);background-position:-1055px center}body:not(.lightmode) h2 a:hover,body:not(.lightmode) p a:hover,body:not(.lightmode) .info p a:hover,body:not(.lightmode) .info li a:hover,body:not(.lightmode) #inhalt li a:hover{background:url(../img/linkpfeil.gif) right center no-repeat}body:not(.lightmode) .fontbox .info p a{background-position:-2995px center}body:not(.lightmode) .fontbox .info p a:hover{background-position:right center}body:not(.lightmode) #inhalt #schnittenavi a,body:not(.lightmode) #inhalt #schnittenavi a.an{background-position:-1053px center}body:not(.lightmode) #inhalt #schnittenavi a:hover,body:not(.lightmode) #inhalt #schnittenavi a:focus,body:not(.lightmode) #inhalt #schnittenavi a:active{color:var(--txt-on-hover);background:var(--hover)}body:not(.lightmode) #famnav ul li a,body:not(.lightmode) #mehr ul li a{margin-top:-164px !important}body:not(.lightmode) #famnav ul li a:hover,body:not(.lightmode) #famnav ul li a:focus,body:not(.lightmode) #mehr ul li a:hover,body:not(.lightmode) #mehr ul li a:focus{margin-top:-329px !important}}body.darkmode #farbe{transform:rotate(180deg)}body.darkmode #kopf{background:var(--bg-header)}body.darkmode #logo svg polygon{fill:#555}body.darkmode #inhalt .sp_liste .fontliste li .imglink a img,body.darkmode #inhalt ul.fontliste li h2 a img{top:-565px}body.darkmode #inhalt .sp_liste .fontliste li a.fontname{background-position:-1053px center}body.darkmode #inhalt .sp_liste .fontliste li a.fontname:hover{background-position:right center}body.darkmode #boxen .fontbox h2.fontname img{margin-top:-165px}body.darkmode h3,body.darkmode p,body.darkmode .info p,body.darkmode #inhalt .info li,body.darkmode #inhalt li,body.darkmode #test{color:var(--txt)}body.darkmode .fontbox .info p,body.darkmode #inhalt .fontbox .info li{color:var(--txt-fontbox)}body.darkmode #seite .fontbox .info p{letter-spacing:0}body.darkmode h2 a,body.darkmode p a,body.darkmode #inhalt li a,body.darkmode p a:visited,body.darkmode #inhalt li a:visited,body.darkmode .info p a,body.darkmode .info li a,body.darkmode #abc1 a{color:var(--txt);background-position:-1055px center}body.darkmode h2 a:hover,body.darkmode p a:hover,body.darkmode .info p a:hover,body.darkmode .info li a:hover,body.darkmode #inhalt li a:hover{background:url(../img/linkpfeil.gif) right center no-repeat}body.darkmode .fontbox .info p a{background-position:-2995px center}body.darkmode .fontbox .info p a:hover{background-position:right center}body.darkmode #inhalt #schnittenavi a,body.darkmode #inhalt #schnittenavi a.an{background-position:-1053px center}body.darkmode #inhalt #schnittenavi a:hover,body.darkmode #inhalt #schnittenavi a:focus,body.darkmode #inhalt #schnittenavi a:active{color:var(--txt-on-hover);background:var(--hover)}body.darkmode #famnav ul li a,body.darkmode #mehr ul li a{margin-top:-164px !important}body.darkmode #famnav ul li a:hover,body.darkmode #famnav ul li a:focus,body.darkmode #mehr ul li a:hover,body.darkmode #mehr ul li a:focus{margin-top:-329px !important}*{padding:0;margin:0;transition:all}* a img{border:0}.clear{clear:both}.seo{position:relative;left:-2000px;text-decoration:none;height:0}body{background-color:#000}h1,h2,h3,h4,p,li,a{color:var(--txt)}#seite{z-index:10;width:100%;overflow:hidden;background-color:var(--bg);padding-top:60px}#kopf{z-index:999;position:fixed;top:0;display:flex;justify-content:center;flex-direction:row-reverse;width:100%;box-sizing:border-box;padding:0;min-height:60px;height:60px;-webkit-transition:all .333s ease-in-out;transition:all .333s ease-in-out;background:var(--bg-header);box-shadow:0 3px 3px rgba(0,0,0,0.125)}#fontheader{clear:both;position:relative;width:100%;height:auto;padding:0 0 30px 0;min-height:400px}@media(min-width:768px){#fontheader.famnav{margin-top:66px}}#fontheader:has(#headerbar){padding-bottom:0}#headerbar{min-height:60px;display:flex;align-items:center;padding:0 5%;background-color:#6c0}#headerbar p{padding:0}#headerbar a{display:block;background:0;padding:0;text-decoration:none;color:#000;font-size:1.2em}@media(min-width:1280px){.start #headerbar{padding-left:4vw}}#inhalt{clear:both;position:relative;width:100%;height:auto;min-height:400px;padding:0;font-size:1.2em}.sp_liste{clear:both;width:88%;padding:0 6% 30px 6%}.sp_links{width:88%;padding:15px 6% 30px 6%;margin:0}.sp_muster,.sp_text{width:88%;min-width:1px;min-height:1px;margin-bottom:30px;padding:30px 6% 30px 6%}#inhalt>.sp_text:first-child{padding-top:100px}#intro{margin-bottom:0;padding-bottom:0}.sp_font,.sp_rechts{width:88%;padding:15px 6% 30px 6%;margin:0 0 60px 0}#famnav,#mehr{position:relative;clear:both;width:96%;padding:0 0 40px 4%;background:var(--bg-more)}#famnav{display:none}@media screen and (min-width:768px){#famnav{display:block;z-index:9;position:fixed;left:0;top:66px;overflow:hidden;height:44px;padding:.5em 5%;background:var(--bg)}}#logo{position:relative;margin:0;width:160px;height:60px}#logo a{display:block;height:15px;padding:45px 6% 0 50px;text-decoration:none;font-family:"Tiger Serif Italic",Georgia,serif;font-weight:normal;font-style:italic;font-size:1.5em;line-height:1.75em;letter-spacing:.05em;color:var(--txt);-webkit-transition:all ease-in-out .33s;transition:all ease-in-out .33s}#logo svg{height:35px;width:auto;margin-top:-24px;-webkit-transition:all ease-in-out .33s;transition:all ease-in-out .33s}#kopf #logo a{height:38px;padding:22px 0 0 0;font-size:1.3125em;line-height:1.3125em}#navibtn{display:block;color:var(--txt);height:54px;padding:18px 0 0 0;overflow:hidden}#navibtn{position:absolute;left:0;top:0;height:60px;width:90px;box-sizing:border-box;padding:18px 0 0 6%;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:var(--txt);text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}@media(min-width:768px){#navibtn{padding:18px 0 0 5%}}#navibtn.act .hamburger-inner,#navibtn.act .hamburger-inner::before,#navibtn.act .hamburger-inner::after{background-color:var(--txt)}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:24px;height:4px;background-color:var(--txt);position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}#navibtn .hamburger-inner{transition-duration:.075s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}#navibtn .hamburger-inner::before{transition:top .075s .12s ease,opacity .075s ease}#navibtn .hamburger-inner::after{transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19)}#navibtn.act .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}#navibtn.act .hamburger-inner::before{top:0;opacity:0;transition:top .075s ease,opacity .075s .12s ease}#navibtn.act .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1)}@media screen and (max-width:767px){#navi,#navibtn{display:none}.js #navi,.js #navibtn{display:block}.js #navi{max-height:0;height:0;overflow:hidden;-webkit-transition:max-height ease-in-out .5s;transition:max-height ease-in-out .5s}.js #navi.act{height:auto;max-height:100vh;background:var(--bg);box-shadow:0 15px 15px rgba(0,0,0,0.25)}}#navi{left:0;width:100%;-webkit-transition:all ease-in-out .33s;transition:all ease-in-out .33s}@media screen and (max-width:767px){#navi{position:absolute;top:60px}}#navi ul{position:relative;float:left;list-style:none;width:100%;margin:0;padding:0}#navi ul li{display:block;padding:0;margin:0}#navi ul li a{display:block;background:var(--nav);margin:0;width:auto;height:40px;padding:10px 6% 10px 6%;font-family:"Tiger Serif Italic",Georgia,serif;font-weight:normal;font-style:italic;font-size:1.5em;line-height:1.8em;letter-spacing:.05em;color:var(--txt-nav);text-decoration:none;border-top:1px solid #666}#navi ul li a:hover,#navi ul li a:active,#navi ul li.an a,#navi ul li.an a:hover,#navi ul li.an a:active{background:var(--hover);color:var(--txt-on-hover)}.anker{display:block;position:relative;top:-90px}#fontheader .cycle-slideshow{clear:both;position:relative;float:none;width:100%;max-width:1000px}#fontheader .cycle-slideshow img{width:100%;height:auto !important}#fontheader .slide+.slide{margin-top:-1px;border-top:1px solid var(--border)}#fontheader .slide+.slide:last-child{border-bottom:1px solid var(--border)}#fontheader>div{display:flex;flex-wrap:wrap}#fontheader>div .slide a{display:block}#fontheader .slide{position:relative;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;aspect-ratio:2/1}.slide.hg .hg,#fontheader .slide .hg{background:var(--textbox)}.slide.hg .hg img,#fontheader .slide .hg img{width:100%;height:auto;aspect-ratio:2/1}.start #fontheader .slide .hg img{opacity:0;-webkit-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}.start #fontheader .slide:hover,.start #fontheader .slide:focus{margin-top:0;border:0}.start #fontheader .slide:hover .hg img,.start #fontheader .slide:focus .hg img{opacity:1}.start #fontheader .slide:hover .hf .display,.start #fontheader .slide:focus .hf .display{color:#fff}.start #fontheader .slide:hover .hf svg *,.start #fontheader .slide:focus .hf svg *{fill:#fff}.start #fontheader #slide-epunda-a:hover .hf svg *,.start #fontheader #slide-epunda-a:focus .hf svg *{fill:#000}.start .hf .display{color:#000}.start .hf svg *{fill:#000}.darkmode.start #fontheader .slide .hf .display,.darkmode.start #fontheader .slide .hf .display{color:#fff}.darkmode.start #fontheader .slide .hf svg *,.darkmode.start #fontheader .slide .hf svg *{fill:#fff}#fontheader .slide .hf{position:absolute;width:100%;top:0;left:0;height:100%}#fontheader .slide .hf svg{width:100%;height:auto}.start #fontheader .slide:hover svg#hf_winkysans path,.start #fontheader .slide:focus svg#hf_winkysans path{fill:#000}#fontheader .slide .h-fontname{position:absolute;width:100%;text-align:center;color:var(--fontname);font-size:20vw;line-height:1em;white-space:nowrap}#fontheader .slide .h-fontname a{color:var(--fontname);text-decoration:none}#fontheader .slide .hg{width:100%;height:100%}#fontheader .fontbox{clear:both;position:relative;margin-top:0;width:100%;padding:12px 0 30px 0;margin-bottom:0}#fontheader .fontname h1{margin:0;width:200px;height:60px;padding:0 0 0 5%}.fontname h1 a{display:block;padding:0;background:0}.fontname h1 img{width:auto !important;height:1000px;margin-top:-600px}#boxen .fontbox{clear:none;float:left;margin-right:2%;margin-bottom:2%;width:49%;height:175px;padding:0;background:0}#boxen .fontbox:nth-child(2),#boxen .fontbox:nth-child(4),#boxen .fontbox:nth-child(6),#boxen .fontbox:nth-child(8),#boxen .fontbox:nth-child(10),#boxen .fontbox:nth-child(12),#boxen .fontbox:nth-child(14),#boxen .fontbox:nth-child(16),#boxen .fontbox:nth-child(18),#boxen .fontbox:nth-child(20){margin-right:0}#boxen .fontbox a{display:block;background:var(--box)}#boxen .fontbox h2.fontname{display:block;height:175px;margin:0;padding:0 0 0 15px;overflow:hidden}#boxen .fontbox h2.fontname img{width:auto;height:750px}#boxen .fontbox a:hover,#boxen .fontbox a:focus{background:var(--fontbox-hover)}#boxen .fontbox a:hover h2.fontname img,#boxen .fontbox a:focus h2.fontname img{margin-top:-330px}#boxen.boxen70{padding-top:0;padding-bottom:0}@media(min-width:768px){#fontheader+#features{margin-top:-90px}}@media(min-width:1280px){#fontheader+#features{margin-top:-150px}}#features{display:flex;flex-wrap:wrap}#features p{display:block;width:100%;text-align:center}@media screen and (min-width:768px){#features p{font-size:1.2em}}#features .slide{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;min-height:25vh;overflow:hidden;padding-top:1em;padding-bottom:1.5em;box-sizing:border-box;border-top:1px solid var(--border)}#features .slide .display,#features .slide .fontfig{color:var(--txt)}#features .slide:last-child{border-right:0;border-bottom:1px solid var(--border)}#features .info{padding:5%}#features .info p{text-align:left}#features figcaption.info{max-width:300px;padding:3vw 5%;font-size:1.1rem;line-height:1.5em;color:var(--txt)}#features .fontfig{font-size:clamp(3rem,15vw,11rem);line-height:1;text-align:center;color:var(--txt)}#features .fontfig .mono{font-size:1rem;margin-bottom:1.5em}.mono{font-family:"Fluid Mono","Source Code Pro","SF Mono",Consolas,Monaco,Inconsolata,"Fira Mono","Droid Sans Mono",Courier,"Courier New",monospace;font-size:.8333em}.info p,#inhalt .info li{padding-left:0;padding-bottom:.5em;font-size:1.2em;letter-spacing:.025em;color:var(--txt)}.fontbox h1{padding:10px 5% 15px 5%;color:var(--txt-fontbox)}.fontbox .info p,#inhalt .fontbox .info li{max-width:680px;padding:0 5% 0 5%;color:var(--txt-fontbox)}#inhalt .info ul{padding:0;padding-bottom:.5em}#inhalt .info ul li{margin:0;padding-bottom:0}.info p a,.info li a{padding-left:10px;text-decoration:none;color:var(--txt);background:url(../img/linkpfeil.gif) -55px center no-repeat}.info p a:hover,.info li a:hover{color:var(--txt-on-hover);background:url(../img/linkpfeil.gif) right center no-repeat}.fontbox .info p a{padding-left:8px;color:var(--txt-fontbox) !important;background:url(../img/linkpfeil.gif) -2995px center no-repeat}.fontbox .info p a:hover{color:var(--txt-on-hover);background:url(../img/linkpfeil.gif) right center no-repeat}#slidernavi{display:none}.fontbox{clear:both;width:100%;min-height:60px;padding:12px 0 8px 0;background-color:var(--fontbox);color:var(--txt-fontbox);margin:0}.fontbox .fontname{display:block;overflow:hidden}.fontbox .fontname h1{margin-left:5%;height:45px}.font .fontbox{padding:0}.font #schnittenavi{height:auto;overflow:hidden}#schnittenavi{display:block;position:relative;float:none;overflow:hidden;max-width:350px;margin:0;padding:0 6%;background:var(--bg)}#inhalt #schnittenavi ul{list-style:none;width:100%;padding:0;margin:0}#inhalt #schnittenavi li{margin:0;padding:0;line-height:40px;height:auto}#inhalt #schnittenavi li:last-child{border-bottom:1px solid var(--border-nav)}#inhalt #schnittenavi li a{display:block;margin:0;width:calc(100% - 10px);height:40px;border-top:1px solid var(--border-nav);padding:1px 0 0 10px;color:var(--txt-nav)}#inhalt #schnittenavi a.an{background:transparent url(../img/linkpfeil.gif) -1050px center no-repeat}#inhalt #schnittenavi a:hover,#inhalt #schnittenavi a:focus,#inhalt #schnittenavi a:active{background:var(--hover)}#fontheader .fontbox{width:100%;height:auto;font-size:1.125em}.font_h .fontbox .info{float:none;width:auto}.font_h #schnittenavi{clear:both;float:none;width:auto;height:auto;overflow:visible;padding:0 15px 0 0;background:var(c)}.fontliste{padding:90px 0 0 0}#inhalt .fontliste ul{list-style:none;margin:0;padding:0}#inhalt .sp_liste .fontliste li,ul.fontliste li{clear:both;display:block;height:55px;margin-bottom:30px;padding:0 0 18px 0}.sp_liste .fontliste li .imglink{display:inline;float:right;width:100%;height:55px;overflow:hidden;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}#inhalt .sp_liste .fontliste li .imglink a,#inhalt ul.fontliste li h2{display:block;padding-left:0;background:0;border:0;height:55px;margin:0}#inhalt .sp_liste .fontliste li .imglink a:hover{background:var(--example-hover)}#inhalt .sp_liste .fontliste li .imglink a img,#inhalt ul.fontliste li h2 a img{position:relative;top:-505px;height:750px;width:auto}#inhalt .sp_liste .fontliste li .imglink a:hover img,#inhalt ul.fontliste li h2 a:hover img{position:relative;top:-625px}#inhalt .sp_liste .fontliste li a.fontname{position:relative;padding:0 0 0 12px;margin-top:6px;background:url(../img/linkpfeil.gif) -55px center no-repeat}#inhalt .sp_liste .fontliste li a.fontname:hover{padding:0 20px 0 8px;background:url(../img/linkpfeil.gif) right center no-repeat}.muster{text-rendering:optimizeLegibility;padding-bottom:15px}.muster .csc-textpic-imagewrap{width:auto !important}.muster img{width:100% !important;max-width:800px;height:auto !important}.muster h3{padding-bottom:3px}.muster .gr1{font-size:3em;line-height:1.1em;padding-bottom:15px}.muster .gr2{font-size:2em;line-height:1.2em;padding-bottom:20px}.muster .spalten{position:relative}.muster .gr3{display:none;font-size:1.2em;line-height:1.5em;padding-bottom:30px}.muster .gr3:first-child{display:block}.muster .quelle{clear:both;font-size:.75em;line-height:1.3em;letter-spacing:.025em;padding-bottom:30px}.test{position:relative;width:100%;color:var(--txt);background:var(--bg);padding-bottom:60px}.test textarea{width:100%;min-height:60px;height:auto;border:0;font-size:60px;line-height:60px;padding-top:20px;padding-bottom:2%;margin-bottom:15px;color:var(--txt);background:var(--bg);font-synthesis:none !important}textarea:focus,input:focus{outline:0}::-webkit-input-placeholder{color:var(--placeholder)}:-moz-placeholder{color:var(--placeholder)}:-ms-input-placeholder{color:var(--placeholder)}.test input{accent-color:#6c0}.test a,#inhalt .btn{display:inline-flex;min-width:70px;min-height:40px;box-sizing:border-box;justify-content:center;align-items:center;line-height:1;padding:2px .75em 3px .75em;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-image:none;background-color:var(--bg);color:var(--txt);text-decoration:none}.test a:hover,.test a:focus,#inhalt .btn:hover,#inhalt .btn:focus{border:1px solid var(--hover);background-image:none !important;background-color:var(--hover) !important;color:var(--txt-on-hover)}.test a{display:inline-block;text-align:center}@media(min-width:768px) and (max-width:1199px){#inhalt .test .btn{display:none}}#sp_schnitte{max-width:450px;padding:0;background-color:var(--bg)}.regler{display:flex;justify-content:space-between;max-width:450px;flex-wrap:wrap;margin-bottom:30px}.regler div:first-child{width:auto;min-width:50%}.regler div:nth-child(2){display:flex;justify-content:space-between}.regler div:nth-child(2) input{width:50%;height:40px}@media(min-width:768px) and (max-width:1199px){.regler div:nth-child(2) input{width:100%}}.regler>div{width:100%}#test,#achsen{padding:0 6%;padding-top:100px;font-variation-settings:"wght" 400,"ital" 0}@media only screen and (min-width:768px){#test,#achsen{padding-left:0;padding-right:0}}#schnittenavi{clear:both}#groesse{float:left;padding:0 30px 15px 0}#groessenregler{clear:both}.fontbox #groesse{float:none;padding:0}#referenzen{position:relative;float:left;width:100%;margin-top:60px}.abc{z-index:8;position:relative;width:220px;overflow:hidden;text-align:justify;font-size:18px;line-height:24px;letter-spacing:.2em;padding-bottom:45px}#abc1{width:100%;transition:display 2s;-moz-transition:display 2s;-webkit-transition:display 2s;-o-transition:display 2s}#abc1 a{color:var(--txt);display:inline-block}#lightbox{display:none}#dunkel,#abczoom{display:none}#inhalt #specimen ul{list-style:none;margin:0;padding:0;margin-bottom:30px}#inhalt #specimen ul li{list-style:none;display:block;padding:0;font-size:1em;line-height:1.3em;margin-bottom:.7em}#inhalt #specimen ul li a:has(img){background:0;padding:0}#inhalt #specimen ul li img{width:120px;box-shadow:0 0 5px rgba(0,0,0,0.25);margin-bottom:.5em}#seite .download #gf p{font-size:1em}#seite .download #gf a{display:flex;display:flex;align-items:center;background:url(../img/linkpfeil.gif) right center no-repeat;padding:7px 30px 10px 15px;line-height:1.1;color:#000;position:relative;transition:margin .25s ease-in-out}#seite .download #gf a:hover,#seite .download #gf a:focus{margin-left:10px;margin-right:-10px}.download{display:none}.feedback{clear:both}#inhalt .download ul li a:has(img){background:0}#inhalt .download ul li img{width:120px}#famnav h2,#mehr h2{font-family:"Tiger Serif Italic",Georgia,serif;font-weight:normal;font-size:2em;line-height:1em;letter-spacing:.05em;color:var(--green);padding-bottom:6px}#famnav h3,#mehr h3{border:0;padding-top:15px}#famnav ul,#mehr ul{list-style:none;display:flex;flex-wrap:wrap}#famnav ul li,#mehr ul li{margin-right:15px;margin-bottom:15px;display:block;width:200px !important;height:45px;overflow:hidden;border-left:1px solid var(--border-more)}#famnav ul li a,#famnav .csc-textpic a,#mehr ul li a,#mehr .csc-textpic a{display:block;padding-left:10px}#famnav ul li a img,#famnav img,#mehr ul li a img,#mehr img{height:750px !important;width:auto !important;margin-top:-120px !important}#famnav ul li a:hover,#famnav .csc-textpic a:hover,#mehr ul li a:hover,#mehr .csc-textpic a:hover{background:var(--more-hover);margin-top:-329px !important}#fussnavi{z-index:0;position:relative;clear:both;width:100%;height:50px;padding:0;text-align:center;background:var(--bg-footer)}#fussnavi ul{list-style:none;position:relative;float:right;margin:0;height:30px;margin-right:-10px;padding:0 5%}#fussnavi ul li{display:inline-block;float:left;margin:0;padding:0;border:0;max-width:33%}#fussnavi ul li a{display:block;height:20px;padding:10px;font-family:"Tiger Serif Italic",Georgia,serif;font-weight:normal;font-size:.88em;line-height:1.8em;font-style:italic;color:var(--txt-ftr);border:0;white-space:nowrap;text-decoration:none}#fussnavi ul li a:hover,#fussnavi ul li a:active{background-color:#6c0;color:var(--txt-on-hover) !important;border-bottom:1px solid var(--txt-on-hover);border-bottom-right-radius:4px;border-bottom-left-radius:4px}#fussnavi ul li.an a,#fussnavi ul li.an a:hover,#fussnavi ul li.an a:focus,#fussnavi ul li a.an{color:var(--act)}@media only screen and (max-width:479px){#testkl,#testgr{display:none}#boxen .fontbox{height:140px}#boxen .fontbox h2.fontname{height:140px}#boxen .fontbox h2.fontname img{height:600px}#boxen .fontbox a:hover h2.fontname img,#boxen .fontbox a:focus h2.fontname img{margin-top:-264px}.darkmode #boxen .fontbox h2.fontname img{margin-top:-132px}}@media only screen and (max-width:479px) and (prefers-color-scheme:dark){body:not(.lightmode) #boxen .fontbox h2.fontname img{margin-top:-132px}}@media only screen and (min-width:768px){#fontheader .fontbox.welcome{padding:30px 0 45px 0}#kopf{justify-content:space-between;min-height:66px;padding:0 10% 10px 5%;border:0}#fontheader{margin-bottom:60px}#inhalt{width:90%;padding:0 5% 30px 5%;font-size:1em}.sp_liste{width:100%;padding:0 0 60px 0}.sp_links{position:relative;float:left;width:40%;padding:15px 4% 30px 0}.sp_text{position:relative;float:left;padding:15px 0 30px 0}.sp_muster{width:100%;padding:15px 0 30px 0}.sp_font,.sp_rechts{width:100%;padding:15px 0 30px 0}.font_h .sp_muster{padding-bottom:0 !important}.font_h .sp_font{clear:both;float:left;width:103%}.font_h .sp_font .info{padding-bottom:0 !important}.font_h .sp_font .info>div{position:relative;float:left;width:47%;margin-right:3%}#famnav,#mehr{width:95%;height:120px;padding:0 0 40px 5%}#famnav{height:44px;padding:.5em 5%;box-shadow:0 3px 3px rgba(0,0,0,0.125)}#kopf #logo a{padding-top:27px}#navibtn{display:none}.js #navi{display:block}#navi{padding-top:25px;margin-left:-10px;width:70%}#navi ul{border-top:0}#navi ul li{float:left}#navi ul li a{background:0;height:21px;padding:8px 10px 12px 10px;font-size:1em;line-height:1.5em;color:var(--txt-nav);border:0;border-top-left-radius:4px;border-top-right-radius:4px}#navi ul li a:hover,#navi ul li a:focus,#navi ul li.an a:hover,#navi ul li.an a:focus{-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px;background-color:var(--hover);color:var(--txt-on-hover)}#fontheader .cycle-slideshow{float:left}.font .fontbox .info{width:100%;float:none;padding:0}.font .fontname{display:block}.font .fontbox .fontname h1{margin-left:5px}.font #schnittenavi{padding:0;margin-bottom:42px}#boxen.boxen100 .fontbox{margin-right:2% !important;width:32%}#boxen .fontbox:nth-child(3),#boxen .fontbox:nth-child(6),#boxen .fontbox:nth-child(9),#boxen .fontbox:nth-child(12),#boxen .fontbox:nth-child(15),#boxen .fontbox:nth-child(18),#boxen .fontbox:nth-child(21),#boxen .fontbox:nth-child(24),#boxen .fontbox:nth-child(27),#boxen .fontbox:nth-child(30){margin-right:0 !important}.fontbox{padding:15px 0}.fontbox h1{padding:10px 25px 15px 25px}.fontbox .fontname h1{margin-left:15px;height:70px}#seite .fontbox .info p{padding:0 5%;font-size:1.2em;line-height:1.5em;letter-spacing:.025em;color:var(--txt-fontbox) !important}#fussnavi{width:88%;height:50px;padding:0 6% 0 6%;text-align:left}#fussnavi ul{margin-right:-15px;width:auto;padding:0}#fussnavi ul li{margin-right:5px;width:auto;max-width:none}#fussnavi ul li a{height:21px;padding:8px 10px 12px 10px;font-size:1em;line-height:1.5em;letter-spacing:.05em;color:var(--txt-ftr)}#fussnavi ul li a:hover,#fussnavi ul li.an a:active{-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom:0}#fussnavi ul li.an a,#fussnavi ul li a.an,#fussnavi ul li.an a:hover,#fussnavi ul li.an a:active{-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom:0;background:var(--hover);color:var(--txt-on-hover)}}@media only screen and (min-width:992px){#boxen.boxen70{float:left;width:68%}#boxen.boxen100{clear:both;width:100%}#fontheader .fontbox{width:100%;height:auto;padding:12px 0 30px 0}.fontbox,.font .fontbox{z-index:6;clear:none;position:relative;float:right;width:30%;height:auto;padding:12px 0 15px 0;margin:0 0 60px 0}.fontbox .info{float:none;width:auto;padding:0}#schnittenavi{clear:both;float:none;width:auto;height:auto;overflow:visible;padding:0 15px 0 0;background:var(--bg)}.sp_links{position:relative;float:left;width:33%;padding:15px 4% 60px 0}.sp_text{position:relative;float:left;padding:15px 0 30px 0}.sp_muster{position:relative;float:left;width:65%;padding:0 0 60px 0}.muster .gr1{font-size:4em}.sp_font,.sp_rechts{position:relative;float:right;width:30%;max-width:450px;padding:0}.font .fontbox{width:30%;height:auto;margin:0 0 60px 0}#seite{overflow:initial}#achsen{position:sticky;top:0;z-index:9;max-width:450px;background:var(--bg)}#achsen.fix{position:fixed;top:0;right:5%;width:27%}}@media only screen and (min-width:992px){#kopf{margin:0}#fontheader .cycle-slideshow{width:100%;max-width:100%;overflow:hidden}.cycle-slide{width:100vw;aspect-ratio:2/1}#fontheader .cycle-slideshow img{width:100%;max-width:100%}.sp_links{width:30%;padding:0 5% 60px 0}.sp_muster,.sp_text{position:relative;float:left;width:65%;margin-bottom:30px;padding:0 0 30px 0}.sp_font{position:relative;float:right;width:30%;padding:0;margin:0}.font_h .sp_font .info>div{width:30%}.font_h .sp_font .download{position:relative;float:right;width:30%}#navi{clear:none;width:65%;padding-top:25px}#navi ul li a{padding:8px 15px 12px 15px}#fontheader .fontbox{float:none;padding:15px 0 30px 0}#boxen .fontbox{margin-right:2% !important;width:32%}#boxen .fontbox:nth-child(3),#boxen .fontbox:nth-child(6),#boxen .fontbox:nth-child(9),#boxen .fontbox:nth-child(12),#boxen .fontbox:nth-child(15),#boxen .fontbox:nth-child(18),#boxen .fontbox:nth-child(21),#boxen .fontbox:nth-child(24),#boxen .fontbox:nth-child(27),#boxen .fontbox:nth-child(30){margin-right:0 !important}#boxen.boxen100 .fontbox{margin-right:2% !important;width:23.5%}#boxen.boxen100 .fontbox:nth-child(4),#boxen.boxen100 .fontbox:nth-child(8),#boxen.boxen100 .fontbox:nth-child(12),#boxen.boxen100 .fontbox:nth-child(16),#boxen.boxen100 .fontbox:nth-child(20),#boxen.boxen100 .fontbox:nth-child(24),#boxen.boxen100 .fontbox:nth-child(28),#boxen.boxen100 .fontbox:nth-child(32),#boxen.boxen100 .fontbox:nth-child(36),#boxen.boxen100 .fontbox:nth-child(40){margin-right:0 !important}.sp_liste .fontliste li .imglink{width:75%}#inhalt .sp_liste .fontliste li a.fontname{position:relative;top:20px;margin-top:0;background:url(../img/linkpfeil.gif) -53px center no-repeat}.abc{cursor:-webkit-zoom-in;cursor:-moz-zoom-in}#abc1{z-index:8}#lightbox{display:none;z-index:7;position:fixed;left:0;top:0;width:100%;height:100%}#dunkel{display:block;width:100%;height:100%;background-color:#000;filter:alpha(opacity=33);opacity:.33}#abczoom{z-index:1000;display:block;position:absolute;left:10%;top:15%;width:50%;height:35em;background:var(--bg);-moz-box-shadow:1px 3px 15px #000;-webkit-box-shadow:1px 3px 15px #000;box-shadow:1px 3px 15px #000;transition:display 2s;-moz-transition:display 2s;-webkit-transition:display 2s;-o-transition:display 2s}#abczoom h3{position:relative;border:0;padding-left:15px}#abczoom p{position:relative;display:block;width:100%;height:25em;padding-top:.1em;overflow:hidden;text-align:center;font-size:25em;line-height:1em;white-space:nowrap}#abczoom p a{display:none;width:100%;height:25em;color:var(--txt);padding:0;background:0}#abczoom .x{position:absolute;top:-20px;right:-20px;width:40px;height:40px;border-radius:20px;background:var(--x-bg);color:var(--x);font-family:"Tiger Sans";text-align:center;font-size:2.4em;line-height:.9em}#abczoom .x:hover,#abczoom .x:focus{background:var(--x-bg-hover);color:var(--x-hover)}.download{display:block;z-index:9;position:relative;float:left;background:url(../img/hg_download.png) center bottom no-repeat;padding-bottom:120px;position:fixed;bottom:0;max-width:480px;margin-left:-15px;width:30vw}.download h2{background-color:var(--dwl-bg);font-size:2em;line-height:1em;letter-spacing:.05em;text-transform:none;color:var(--hover);padding:15px 12px 6px 15px}#seite .download p,#seite .download li{background-color:var(--dwl-bg);color:var(--dwl-txt);padding:6px 12px 6px 15px;font-size:.9em;line-height:1.3em;letter-spacing:.025em}#inhalt .download ul{background-color:var(--dwl-bg);list-style:none;padding:0;margin:0;padding:0}#inhalt .download ul li{list-style:none;display:block;padding:0 15px;font-size:1em;line-height:1.3em}#inhalt .download ul li a{display:block;margin:0;padding:8px 15px 5px 10px;background:url(../img/linkpfeil.gif) -1055px center no-repeat;text-decoration:none;color:var(--dwl-txt)}#inhalt .download ul li:hover{background:var(--hover)}#inhalt .download ul li a:hover{color:var(--txt-on-hover)}}@media only screen and (min-width:1025px){}@media only screen and (min-width:1280px){#fontheader .fontbox.welcome{padding:45px 0 60px 0}#fontheader .fontbox.welcome .info{display:flex}#fontheader .fontbox.welcome .info h1,#fontheader .fontbox.welcome .info h2{width:33%}.start #fontheader .slide{width:50%;box-sizing:border-box;border-bottom:1px solid var(--border)}.start #fontheader .slide .display,.start #fontheader .slide .fontfig{font-size:clamp(3rem,8vw,5rem)}.start #fontheader .slide:nth-child(odd){border-right:1px solid var(--border)}}@media only screen and (min-width:1280px) and (min-width:1600px){.start #fontheader .slide{width:33.333%}.start #fontheader .slide{border-right:1px solid var(--border)}.start #fontheader .slide:nth-child(3),.start #fontheader .slide:nth-child(6),.start #fontheader .slide:nth-child(9),.start #fontheader .slide:nth-child(12) #fontheader .slide:nth-child(15),.start #fontheader .slide:nth-child(18),.start #fontheader .slide:nth-child(21) #fontheader .slide:nth-child(24){border-right:0}}@media only screen and (min-width:1280px){#features .slide.full{width:100% !important;display:flex;aspect-ratio:auto;padding-top:4vw;padding-bottom:5vw;border-right:0}#features>.slide.full:first-child{border-top:0}#features.col2 .slide{margin-top:-1px;width:50%}#features.col2 .slide .display,#features.col2 .slide .fontfig{font-size:clamp(2.25rem,10.75vw,10rem)}#features.col2 .slide:nth-child(2),#features.col2 .slide:nth-child(4),#features.col2 .slide:nth-child(6){border-right:0}#features.col3 .slide{width:33.333%}#features.col3 .slide .display,#features.col3 .slide .fontfig{font-size:clamp(1.5rem,7.5vw,10rem)}#features.col4 .slide{width:25%}#features.col4 .slide .display,#features.col4 .slide .fontfig{font-size:clamp(1.5rem,7.5vw,10rem)}#features .slide{aspect-ratio:2/1;border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}#features .slide:last-child{border-right:0}#fontheader{min-height:720px;margin-bottom:120px}#fontheader .cycle-slideshow{position:absolute;left:0}#fontheader .cycle-slideshow img{width:100%;height:auto}#fontheader .fontbox:not(.welcome){z-index:7;clear:none;position:absolute;left:5%;bottom:-30px;width:auto;height:auto;padding:15px 0 30px 0}#seite #fontheader .fontbox h1,#seite #fontheader .fontbox h2,#seite #fontheader .fontbox p{padding:0 30px}#seite #fontheader .fontbox.welcome .info h2,#seite #fontheader .fontbox.welcome .info p{padding-left:4vw}.muster .gr3{display:block;width:45%;float:left;padding-right:4%;font-size:1.2em;line-height:1.5em;padding-bottom:30px}}@media only screen and (min-width:1440px){#fontheader{min-height:720px}#fontheader .cycle-slideshow{width:100%;max-width:100%;height:720px;position:absolute;left:0;top:0;overflow:hidden}#fontheader .cycle-slideshow img{width:100%;max-width:100%}#boxen.boxen100 .fontbox{margin-right:1% !important;margin-bottom:1%;width:19.2%}#boxen.boxen100 .fontbox:nth-child(4),#boxen.boxen100 .fontbox:nth-child(8),#boxen.boxen100 .fontbox:nth-child(12),#boxen.boxen100 .fontbox:nth-child(16),#boxen.boxen100 .fontbox:nth-child(20),#boxen.boxen100 .fontbox:nth-child(24),#boxen.boxen100 .fontbox:nth-child(28),#boxen.boxen100 .fontbox:nth-child(32),#boxen.boxen100 .fontbox:nth-child(36),#boxen.boxen100 .fontbox:nth-child(40){margin-right:1% !important}#boxen.boxen100 .fontbox:nth-child(5),#boxen.boxen100 .fontbox:nth-child(10),#boxen.boxen100 .fontbox:nth-child(15),#boxen.boxen100 .fontbox:nth-child(20),#boxen.boxen100 .fontbox:nth-child(25),#boxen.boxen100 .fontbox:nth-child(30),#boxen.boxen100 .fontbox:nth-child(35),#boxen.boxen100 .fontbox:nth-child(40),#boxen.boxen100 .fontbox:nth-child(45),#boxen.boxen100 .fontbox:nth-child(50){margin-right:0 !important}}@media only screen and (min-width:1653px){#boxen.boxen100 .fontbox{margin-right:1% !important;width:15.8333333333%}#boxen.boxen100 .fontbox:nth-child(5),#boxen.boxen100 .fontbox:nth-child(10),#boxen.boxen100 .fontbox:nth-child(15),#boxen.boxen100 .fontbox:nth-child(20),#boxen.boxen100 .fontbox:nth-child(25),#boxen.boxen100 .fontbox:nth-child(30),#boxen.boxen100 .fontbox:nth-child(35),#boxen.boxen100 .fontbox:nth-child(40),#boxen.boxen100 .fontbox:nth-child(45),#boxen.boxen100 .fontbox:nth-child(50){margin-right:1% !important}#boxen.boxen100 .fontbox:nth-child(6),#boxen.boxen100 .fontbox:nth-child(12),#boxen.boxen100 .fontbox:nth-child(18),#boxen.boxen100 .fontbox:nth-child(24),#boxen.boxen100 .fontbox:nth-child(30),#boxen.boxen100 .fontbox:nth-child(36),#boxen.boxen100 .fontbox:nth-child(42),#boxen.boxen100 .fontbox:nth-child(48),#boxen.boxen100 .fontbox:nth-child(54),#boxen.boxen100 .fontbox:nth-child(60){margin-right:0 !important}}.stoerer{display:inline-block;background:#6c0;color:#000;padding:3px 5px 0 5px;font-size:1.25rem;font-weight:bold;letter-spacing:.05em;line-height:1;font-variation-settings:"wght" 300;transition:font-variation-settings ease-in-out .5s}.fontbox{position:relative}.fontbox .stoerer{position:absolute;right:-5px;top:7px}.epunda-sans{font-family:"Epunda Sans"}.epunda-slab{font-family:"Epunda Slab"}.hf{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;justify-items:center}.display{cursor:pointer;font-size:clamp(3rem,15vw,11rem);line-height:.8;color:#fff;font-variation-settings:"wght" 300;transition:font-variation-settings ease-in-out .5s}.display .italic{transition:font-variation-settings ease-in-out .5s;font-variation-settings:"wght" 300,"ital" 0}.display:hover,.display:focus{font-weight:700;font-variation-settings:"wght" 700}.display:hover .italic,.display:focus .italic{font-variation-settings:"wght" 300,"ital" 100}#boxen.btns{text-align:center}#boxen.btns .fontbox{clear:none;float:none;display:inline-block;height:50px;width:100%;margin-right:1% !important}@media(min-width:768px){#boxen.btns .fontbox{width:30%}}#boxen.btns .fontbox a{padding-top:7px}#boxen.btns .fontbox a:hover h2.fontname img,#boxen.btns .fontbox a:focus h2.fontname img{margin-top:-450px}#boxen.btns .fontbox h2.fontname{height:50px}#boxen.btns .fontbox h2.fontname img{margin-top:-120px}@media only screen and (max-width:575px){#boxen.btns .fontbox{width:100%}}@media only screen and (max-width:479px){#boxen.btns .fontbox{min-height:60px;height:38px}#boxen.btns .fontbox a{padding-top:15px;padding-bottom:7px}#boxen.btns .fontbox h2.fontname{height:38px}#boxen.btns .fontbox h2.fontname img{margin-top:-98px}#boxen.btns .fontbox a:hover h2.fontname img,#boxen.btns .fontbox a:focus h2.fontname img{margin-top:-362px}#boxen.btns .darkmode #boxen.btns .fontbox h2.fontname img{margin-top:-230px}}body.darkmode .fontliste .fontbox h2.fontname img,body.darkmode #boxen.btns .fontbox h2.fontname img{margin-top:-285px}@media only screen and (max-width:479px) and (prefers-color-scheme:dark){body:not(.lightmode) .fontliste .fontbox h2.fontname img{margin-top:-230px}}.fontliste .fontbox{display:none}@media(min-width:992px){.start #inhalt .fontliste a.fontname{display:none}.start #inhalt .fontliste h2{clear:both}.start #inhalt .fontliste .fontbox{clear:both;float:left;display:inline-block;width:32%;height:55px;min-height:55px;overflow:hidden;margin-right:1% !important;padding:0;background:var(--box)}}@media(min-width:992px) and (min-width:1280px){.start #inhalt .fontliste .fontbox{width:calc(24% - 2px)}}@media(min-width:992px){.start #inhalt .fontliste .fontbox a{margin:0;padding-top:7px;background:0}.start #inhalt .fontliste .fontbox a h3.fontname{border:0;height:50px}.start #inhalt .fontliste .fontbox a h3.fontname img{width:auto;height:750px;margin-top:-120px}.start #inhalt .fontliste .fontbox a:hover,.start #inhalt .fontliste .fontbox a:focus{padding:7px 0 0 9px;background:#000}.start #inhalt .fontliste .fontbox a:hover h3.fontname img,.start #inhalt .fontliste .fontbox a:focus h3.fontname img{margin-top:-450px}.start #inhalt .fontliste .fontbox .stoerer{right:0;top:3px;font-size:1rem}.start #inhalt .fontliste .imglink{width:66%}}@media(min-width:992px) and (min-width:1280px){.start #inhalt .fontliste .imglink{width:75%}}@media(min-width:992px){body.darkmode #inhalt .fontliste .fontbox h3.fontname img{margin-top:-285px}body.darkmode #inhalt .fontliste .fontbox a:hover h3.fontname img,body.darkmode #inhalt .fontliste .fontbox a:focus h3.fontname img{margin-top:-450px}}@media only screen and (min-width:992px) and (max-width:479px) and (prefers-color-scheme:dark){body:not(.lightmode) #inhalt .fontliste .fontbox h2.fontname img{margin-top:-230px}}.switch{position:relative;display:inline-block;width:48px;height:24px;white-space:nowrap}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#666;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:white;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#6c0}input:focus+.slider{box-shadow:0 0 1px #6c0}input:checked+.slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}.slider.round{border-radius:12px}.slider.round:before{border-radius:50%}.switchlabel{position:relative;left:52px;top:2px;cursor:pointer}.cell{position:relative;float:left;background-color:#eec;display:block;text-align:center;padding:4pt;margin:4pt;width:36px;line-height:36px;transition:transform .5s ease-in-out}.cell:hover,.cell:focus{transform:scale(5);z-index:1;box-shadow:0 0 6px rgba(0,0,0,0.25)}#sp_glyphs{padding:30px 6%}@media only screen and (min-width:768px){#sp_glyphs{padding:30px 0}}@media only screen and (min-width:992px){#sp_glyphs{float:left;width:65%}}#glyphs .feature-glyphs,#glyphs-stylesets .feature-glyphs,#glyphs-ligatures .feature-glyphs,#glyphs-nonunicode .feature-glyphs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.glyph{border:1px solid #ccc;background-color:#fff;padding:10px;text-align:center;font-size:64px}.glyph:has(div:empty){display:none}#glyphs .info,#glyphs-stylesets .info,#glyphs-ligatures .info,#glyphs-nonunicode .info{font-family:"Fluid Mono","Source Code Pro","SF Mono",Consolas,Monaco,Inconsolata,"Fira Mono","Droid Sans Mono",Courier,"Courier New",monospace;font-size:.8333rem;color:#000;margin-top:6px;word-break:break-all}.glyph:hover,.glyph:focus{cursor:zoom-in;transform:scale(2);transition:all ease-in-out .5s;box-shadow:0 3px 1.5px rgba(0,0,0,0.25)}.svg-glyph svg{fill:currentColor}#toggleAllSectionsTop,#toggleAllSectionsBottom{min-height:40px;margin-bottom:1em;padding:.5em 1em;font-size:1rem;cursor:pointer}.feature-section{display:grid;grid-template-rows:auto 1fr;gap:.5rem;overflow:visible;max-height:4000px;transition:max-height .4s ease;padding-bottom:2em}.feature-section.collapsed{max-height:40px;padding-bottom:0;overflow:hidden}.feature-section h4{border-top:1px solid #666;padding-top:.5em;padding-bottom:.5em;cursor:pointer;display:flex;align-items:center;gap:.5rem;user-select:none}.feature-section h4::before,#toggleAllSectionsTop::before,#toggleAllSectionsBottom::before{content:"▸";margin-right:5px;display:inline-block;transition:transform .3s ease}.feature-section h4.expanded::before,#toggleAllSectionsTop.all-open::before,#toggleAllSectionsBottom.all-open::before{transform:rotate(90deg)}.feature-glyphs{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.3rem}#toggleAllSectionsTop,#toggleAllSectionsBottom{cursor:pointer;margin:1rem 0;padding:.5rem 1rem;font-size:1rem}