* a simple but structured scss boilerplate for front-end jedi's
 * @author paul knol
 * @version 1.0.0
 * Copyright 2022. MIT licensed.
 */

@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap);*{box-sizing:border-box}body,html{width:100%;height:100%}body{display:grid;font-size:62.5%;min-height:100%;font-family:Mono,"Open Sans",sans-serif}.page-wrapper{display:grid;grid-template-rows:max-content;height:100%}footer,header,main{display:grid!important}footer section,header section,main section{display:grid}main{width:100%;font-size:1.5em;font-weight:400;color:#000}main section{width:100%}main section.haibike-main a.submit,main section.haibike-main button{background: transparent; border:2px solid #000;color:#000}@media screen and (max-width:767px){main section.haibike-main a.submit,main section.haibike-main button{width:100%}}main section.haibike-main a.submit:hover,main section.haibike-main button:hover{background:#000;border:2px solid #fff;transition:background-color .2s;color:#fff}main .content-wrapper{display:grid;grid-template-columns:1fr}main .content-section{width:100%;opacity:1;transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;-webkit-backface-visibility:hidden;-webkit-transform:rotate(0)}main .content-section h1{margin-top:0;font-weight:400;text-align:center}main .content-section p{text-align:center}a.submit,button{padding:12px 20px!important;display:block;color:#fff;text-transform:uppercase;text-align:center;letter-spacing:.1em;text-decoration:none;cursor:pointer;display:grid;justify-self:center}a.submit span,button span{text-transform:uppercase;font-size:1.1rem;font-weight:600}form{margin:20px 10px 10px}form a.submit,form button[type=submit]{margin:10px 0 10px 0!important}form .error-message{color:#e20023;margin:0 0 10px 0;display:grid;justify-items:start;width:100%}form label{margin-bottom:5px}form input[type=text],form select{padding:10px;font-size:1em}form select{background:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;background-position:right 10px center;-moz-appearance:none;-webkit-appearance:none;appearance:none;padding:4px 25px 4px 10px;background-color:#fff;cursor:pointer;height:42px}form .row div{display:grid;align-items:center;margin-bottom:10px}@media screen and (max-width:414px){form .row div{grid-template-columns:1fr;grid-template-rows:max-content 1fr}}form .row.checkbox-row a{color:#000}form .row.checkbox-row div{display:grid;grid-template-columns:20px 1fr;align-items:start;margin-bottom:0}@media screen and (max-width:414px){form .row.checkbox-row div{align-items:start}}form .row.checkbox-row div input{margin-top:3px}@media screen and (max-width:414px){form .row.checkbox-row div input{margin-top:3px}}form .row.checkbox-row div input[type=checkbox]{position:relative;cursor:pointer}form .row.checkbox-row div input[type=checkbox]:before{content:"";display:block;position:absolute;width:12px;height:12px;top:0;left:0;border:2px solid #000;border-radius:3px;background-color:#fff}form .row.checkbox-row div input[type=checkbox]:checked:after{content:"";display:block;width:3px;height:7px;border:solid #000;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:2px;left:5px}form .row.checkbox-row div label{cursor:pointer}form .row.checkbox-row div label span{line-height:1.4}form .row.checkbox-row div label span a:hover{text-decoration:none}form .required-txt{display:grid;text-align:left;width:100%;font-size:12px}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}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}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=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{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}