/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */:root{--mat-evaluation-z1:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);--mat-evaluation-z-1:0 0px 3px rgba(0,0,0,.12),0 0px 2px rgba(0,0,0,.24);--mat-evaluation-z2:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}html{line-height:1.15;-webkit-text-size-adjust:100%;font-family:sans-serif}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */html{color:#373737;font-size:1em;line-height:1.4}*{box-sizing:border-box}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.hidden,[hidden]{display:none!important}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*,:after,:before{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}p{color:#414141}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{display:grid;align-items:center}.background{background-image:url(/bg.jpg);background-size:cover;background-position:50%;background-attachment:fixed;height:100%;overflow:auto}button.fab{margin:.75em;width:calc(100% - 2 * .75em);cursor:pointer}.fab *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wrapper{display:grid;grid-gap:1vw;gap:1vw;width:calc(96vw);height:100vh;padding-top:2vh;justify-items:stretch;align-items:stretch;margin:auto auto 40px}.wrapper:empty:before{content:"Dein Bingofeld wird geladen.";display:grid;justify-content:center;align-content:center;position:absolute;width:100%;white-space:pre-wrap;top:0;left:0;right:0;bottom:0;font-size:2rem;color:#000;background-color:#ffffff55}.wrapper:empty:after{content:url(/loading.gif);display:block;justify-self:center;position:absolute;margin:0 auto;transform:scale(25%)}.wrapper.bingo-ansicht{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.wrapper.listen-ansicht{height:100%;grid-template-rows:repeat(9,33vh);grid-template-columns:repeat(1,80vw);justify-items:center;justify-content:center;gap:4vh}.wrapper.listen-ansicht .field{width:80vw}.wrapper.listen-ansicht .field p:not(.has-image){font-size:clamp(1rem,6vw,2rem)}.place-child-center{display:grid;height:100vh;width:100%;padding:1rem;justify-items:stretch;align-items:center;background-image:url(/bg.jpg);background-size:cover;background-position:50%}.name-input-wrapper{padding:16px;background-color:#fff;border-radius:2px;max-width:80ch;margin:0 auto}.name-input-wrapper>form{display:flex;gap:1rem;flex-direction:column}p.rules{color:#373737;font-size:1.1rem;line-height:1.2em}.image-seegurke{margin-top:-1.6em;float:right;position:relative;border:1px solid #000;border-bottom:none}.image-seegurke,.image-seegurke:after{display:block;background-color:#f7f7f7}.image-seegurke:after{content:"Seegurke";position:absolute;bottom:-23px;left:-1px;color:#414141;border:1px solid #000;border-top:none;width:100%;text-align:center}.no-margin{margin:0}.doneDialog{width:500px;max-width:95vw;border:none;box-shadow:var(--mat-evaluation-z2)}.name-input-wrapper>form input[type=text]{outline:none;padding:.4rem;font-size:1.1rem;line-height:1.5em;border:none;border-bottom:1px solid #000;background:#f0f0f0;border-radius:.2rem .2rem 0 0}.name-input-wrapper>form input[type=text]:focus,.name-input-wrapper>form input[type=text]:focus-visible,.name-input-wrapper>form input[type=text]:hover{border:none;border-bottom:2px solid green}.btn-primary,.name-input-wrapper>form input[type=submit],button{background:#2f345b;color:#f0f0f0;border:none;box-shadow:var(--mat-evaluation-z1);padding:.75rem;font-size:1.1rem;line-height:1.5em}.name-input-wrapper>form input[type=submit]:active,.name-input-wrapper>form input[type=submit]:focus,.name-input-wrapper>form input[type=submit]:focus-visible,button:active,button:focus,button:focus-visible{box-shadow:var(--mat-evaluation-z-1)}.field{display:grid;position:relative;align-items:center;justify-items:center;text-align:center;padding:8px;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:148px;border-radius:3px;overflow:hidden}.field,.mat-evaluation-z2{box-shadow:var(--mat-evaluation-z2)}.field input{z-index:5}.field img,.field input{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;width:100%}.field img{height:100%;-o-object-fit:cover;object-fit:cover;padding:5px;transition:opacity 1s ease-in-out}.field p.has-image{position:absolute;right:0;display:block;line-height:.8em;margin:0;z-index:2}.field p.has-image,.field p.has-image:before{top:0;background:#fff;font-size:.5rem;padding:.5em}.field p.has-image:before{left:-9ch;color:#888;border-radius:0 0 0 6px}.field p{position:relative;display:block;line-height:1.1em;margin:0;font-size:2vw;z-index:2}.field p:before{content:"Foto von:";position:absolute;top:-1.5em;font-size:.6em;color:#888;left:auto;right:auto}.font-small{font-size:.7em}dialog img{display:block;margin-inline:auto}dialog footer{margin-top:1em;padding-top:1em;display:flex;gap:1em;justify-content:space-between;align-content:center}.btn-secondary{display:grid;justify-content:center;align-content:center;padding:.75rem;background:none;color:#373737;box-shadow:none}.btn-secondary:hover{background:#d3d3d3}@media screen and (orientation:landscape){.wrapper.listen-ansicht{grid-template-rows:repeat(8,40vh);grid-template-columns:repeat(2,calc(50vw - 8vh));justify-items:center;gap:4vh}.wrapper.listen-ansicht .field{width:40vw}.field p:not(.has-image){font-size:clamp(1rem,2rem,4vh)}}.name{display:none}@media print{@page{size:landscape}.name{display:block;text-align:center;margin:0}input{display:none}.field{background-image:none!important;border:1px solid #414141;border-radius:0}.fab{display:none}.wrapper{width:90%;height:90%;margin:0 auto}.background{height:100vh;background-image:none!important}dialog{display:none}}