@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;600;800&display=swap');.koekje-wrap{width:900px;height:100%;background:#fff;margin:0 auto;padding:0;margin-top:20px;font-family:'Poppins',sans-serif;box-shadow:rgba(0,0,0,.2) 0px 60px 40px -7px}.koekje-wrap h1{color:#353d45;font-size:25px;text-transform:uppercase}.koekje-content{padding:20px}.koekje-content label+label{margin-left:10px}.koekje-content h2,.koekje-content h3{color:#2d2e33}.koekje-hero{background:url(//petraweinforth.de/wp-content/plugins/koekje/header_blue.png) top left no-repeat;background-size:cover;height:400px;width:100%;box-sizing:border-box;margin:0;display:flex;flex-direction:column;align-content:center;aspect-ratio:16/5;justify-content:center;padding:0 50px;overflow:hidden}.koekje-hero img{max-width:400px;-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.koekje-hero h1{font-size:35px;color:#fff;width:480px;font-weight:700;margin-top:-30px;line-height:110%;-webkit-animation:slide-in-left .5s cubic-bezier(.25,.460,.45,.940) both;animation:slide-in-left .5s cubic-bezier(.25,.460,.45,.940) both}@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.koekje-footer{color:#fff;text-align:center;font-size:10px;background:#353d45;padding:10px 20px;font-weight:100}.koekje-footer a{color:inherit}.koekje-wrap .form-table th,.koekje-wrap .form-table td{font-weight:200;font-size:12px;color:#2d2e33;width:33%}.koekje-wrap p.submit{margin-top:50px}.koekje-wrap .form-table th,.koekje-wrap .form-table td{padding:5px 0}.koekje-wrap .form-table th{padding:10px 5px}.koekje-wrap .form-table tr:nth-child(odd){background-color:#f7f7f7}.koekje-wrap .form-table tr:hover{background:#bdc7bd}.resultlistkoekje li{padding:5px}.resultlistkoekje li:nth-child(even){background:#bdc7bd}textarea#html_code,textarea#modified_code{width:100%;padding:5px;min-height:300px;display:block;font-family:'Courier New',Courier,monospace}.koekje-wrap p{font-weight:300}.koekje-wrap p a,.koekje-wrap td a{color:inherit}.koekje-wrap .form-table td{padding:5px;vertical-align:baseline}.koekje-wrap h1{margin:40px 0 30px}.koekje-wrap hr{margin:20px 0 30px}.koekje-wrap .form-table td select+input{margin-top:10px}.koekje-wrap input,.koekje-wrap textarea,.koekje-wrap select{font-size:12px}.koekje-wrap input[type=text],.koekje-wrap textarea,.koekje-wrap select{min-width:300px}.koekje-wrap .form-table th{font-weight:400}.koekje-wrap .accordion-content{display:none}.resultlistkoekje pre{overflow:scroll;border:1px solid #e2e2e2;background:#fff;padding:5px;width:auto;max-width:400px;white-space:unset}.pre mark{background:#353d45;color:#fff;padding:2px}.koekje-wrap .koekje-accordion h2{cursor:pointer;font-size:13px}.koekje-wrap .koekje-accordion h2:after{content:"+";float:right}.koekje-wrap .koekje-accordion h2.active:after{content:"-"}.koekje-wrap .koekje-accordion h2.active+div{display:block}.koekje-wrap p.submit{text-align:center}.koekje-wrap .nav-tab{float:none}.koekje-wrap .nav-tab.last{align-self:flex-end}.koekje-wrap .nav-tab-wrapper,.koekje-wrap .wrap h2.nav-tab-wrapper,.koekje-wrap h1.nav-tab-wrapper{border-color:#353d45;display:inline-flex;justify-content:center;width:100%}.koekje-wrap input#submit,#koekjegenerator{background:#353d45;color:#fff;text-transform:uppercase;border-radius:0;border:none;font-weight:200;margin:0 auto}#koekjegenerator{display:block;margin:20px auto;padding:10px;margin-bottom:0}.koekje-content .nav-tab{border:none;background:#f7f7f7;font-weight:200;text-transform:uppercase;font-size:11px}.koekje-content .nav-tab.nav-tab-active{background:#353d45;color:#fff}