/* Kroschke web identity, observed at https://www.kroschke.com/ on 2026-11-05. */
@font-face{font-family:Montserrat;src:url('../brand/montserrat-latin-ext.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Montserrat;src:url('../brand/montserrat-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--brand:#00b7c6;--brand-ink:#007681;--brand-hover:#005e66;--brand-soft:#eaf8f9;--ink:#222;--muted:#636464;--line:#d4d4d4;--canvas:#fff;--font:'Montserrat',sans-serif;--red:var(--brand-ink);--grey-bg:#f5f5f5;--grey-dark:var(--ink);--grey-light:var(--line)}
html{color-scheme:light;accent-color:var(--brand-ink)}
body,body.iframe-home{background:var(--canvas);color:var(--ink);font-family:Montserrat,sans-serif;font-size:15px;line-height:1.5}
h1,h2,h3,h4,.h1,.h2,.h3,.h4,input,textarea,select,option,button,.form-buttons input,.form-buttons button,.link-add a,.link-add button{font-family:Montserrat,sans-serif}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{color:var(--ink);letter-spacing:0;font-weight:600;line-height:1.3}
::selection{background:var(--brand);color:#102a2c}
a,input,button,textarea,select{transition:background-color .15s,border-color .15s,color .15s}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.form-item:focus-within{outline:3px solid var(--brand-ink);outline-offset:3px}
.iframe-home .site-content{max-width:1570px;padding-top:20px;padding-bottom:24px}
.iframe-home .home-h1.h1{font-size:clamp(24px,2.4vw,32px);font-weight:500;margin:0 0 24px}
.home-steps{background:var(--brand-soft);border:1px solid #bce8eb;border-radius:6px;color:var(--ink);margin:0 0 32px;padding:16px 12px}
.home-steps > div{gap:16px}
.steps-nr{background:var(--brand);color:#102a2c;font-family:Montserrat,sans-serif;font-size:22px;font-weight:600;flex-shrink:0;width:54px;height:54px;margin:0}
.home-steps .h3{color:var(--ink);font-size:20px;font-weight:600;margin:0 0 4px}
.home-steps > div > div > p:last-child{color:#4b5657;margin:0;font-size:14px}
.home-steps > p{margin:0}
.iframe-home .h2{font-size:24px;font-weight:500;margin:0 0 24px}
.categories{gap:16px;padding:0;align-items:stretch}
.categories > div{border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.cat-img{height:250px;flex-shrink:0}
.cat-img img{border-radius:0}
.cat-link{top:12px;left:12px;right:12px}
.cat-link a{background:#fff;color:var(--ink);border:0;border-radius:4px;padding:8px 10px;font-size:13px;font-weight:500;line-height:1.4;box-shadow:0 2px 7px #00000012}
.cat-link a:hover{background:var(--brand-soft);color:var(--brand-hover)}
.cat-title{background:var(--brand);color:#102a2c;padding:13px 14px;font-size:15px;font-weight:650;line-height:1.4}
.cat-title a{display:block}
.cat-title:hover{background:#27c2ce}
.iframe-home .cat-desc{border:0;border-radius:0;background:#fff;min-height:94px;padding:16px 14px;font-weight:400;font-size:14px;line-height:1.5;flex:1}
.cat-desc p{color:var(--muted)}
body:not(.iframe-home)>.container,body:not(.iframe-home) header .container{width:min(100%,1520px)}
header{background:#fff;border-bottom:1px solid var(--line);margin-bottom:24px;padding:20px 24px}
header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:visible}
.header-title{float:none;width:auto;text-align:left;text-transform:none;font-size:22px;font-weight:500;padding:0;margin:0}
.header-title span{color:var(--brand-ink);font-weight:600;font-size:17px;margin-top:4px}
header .link{float:none;width:auto;padding:0;margin:0;text-align:right;flex-shrink:0}
.link a,.link-add a,.link-add button,.form-buttons #send-request{background:var(--brand);border:1px solid var(--brand);color:#102a2c;border-radius:6px;text-transform:none;font-weight:600;line-height:1.5}
.link-add a:before,.link-add button:before{color:inherit}
.link a:hover,.link-add a:hover,.link-add button:hover,.form-buttons #send-request:hover{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}
.form-buttons input,.form-buttons button,.form-buttons p:first-child a{font-family:Montserrat,sans-serif;border-color:var(--brand-ink);color:var(--brand-ink);border-radius:6px;text-transform:none;font-weight:600;white-space:normal}
.form-buttons input:hover,.form-buttons button:hover,.form-buttons p:first-child a:hover{background:var(--brand-ink);color:#fff}
.site-form h3{text-transform:none;font-weight:600}
.form-note{font-weight:400;font-style:normal;color:var(--muted);line-height:1.6}
.form-note-red{color:var(--brand-ink);font-size:16px;text-transform:none}
.form-item{background:#f5f5f5;border:1px solid transparent;border-radius:6px}
.radio-section .form-item:hover,.checkbox-section .form-item:hover,.radio-section-img .form-item:hover,.checkbox-section-img .form-item:hover{background:var(--brand-soft)}
.radio-section .form-item.active,.checkbox-section .form-item.active,.radio-section-img .form-item.active,.checkbox-section-img .form-item.active{background:var(--brand-soft);border-color:var(--brand-ink)}
.radio-section .form-item.active:after,.radio-section-img .form-item.active:after{background:var(--brand-ink);border-color:var(--brand-ink);box-shadow:inset 0 0 0 3px #fff}
.checkbox-section .form-item.active:after,.checkbox-section-img .form-item.active:after{background:var(--brand-ink);color:#fff;border-color:var(--brand-ink)}
.site-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=hidden]),.site-form textarea,.site-form select{font-family:Montserrat,sans-serif;color:var(--ink);border-bottom-color:#9aabab}
.dropzone{border-color:var(--brand-ink);border-radius:6px;background:var(--brand-soft);outline-color:var(--brand-soft)}
.red{color:var(--brand-ink)}
#validation-message p,#validation-message-photo p,.form-item label.error{color:#b42318}
input::placeholder,textarea::placeholder{color:#636464;opacity:1;font-family:Montserrat,sans-serif}
@media(min-width:1100px){.categories{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1099px){.home-steps{padding:0}.home-steps>div{padding:16px;justify-content:flex-start;border-top:1px solid #bce8eb}.home-steps>div:first-child{border-top:0}.home-steps>p{display:none}.home-steps{grid-template-columns:1fr}.home-steps .h3{width:auto}}
@media(max-width:767px){.iframe-home .site-content{padding:16px}.home-steps .h3{font-size:17px}.header-title{font-size:19px}header{padding:16px;margin-bottom:16px}header .container{flex-direction:column;align-items:flex-start;gap:14px}.header-title,header .link{width:100%;float:none;text-align:left}.cat-img{height:230px}.iframe-home .cat-desc{min-height:0}.form-buttons{padding-inline:16px}.form-buttons input,.form-buttons button{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* Keep editable controls inside their flex rows at narrow iframe widths. */
.form-item input,.form-item textarea,.form-item select{min-width:0;max-width:100%}
@media(max-width:767px){.address-section .form-item{flex-direction:column;align-items:stretch;gap:10px}.address-section .form-item label{padding:0}.address-section .form-item input{width:100%;font-size:16px;min-height:30px}.address-section{padding-top:24px}}

.dropzone .dz-message .dz-button{font-family:Montserrat,sans-serif;color:var(--brand-ink);background:transparent}
.redborder{border-color:var(--brand-ink)!important}
.swal2-actions .swal2-confirm{background-color:var(--brand-ink)!important;color:#fff!important;font-family:Montserrat,sans-serif}
.selectbox .form-item:after{width:10px;height:10px;background:none;border-right:2px solid var(--brand-ink);border-bottom:2px solid var(--brand-ink);transform:rotate(45deg);top:40%}
.selectbox.active .form-item:after{transform:rotate(225deg)}

/* Image option labels grow with translated text instead of overflowing a fixed 38px box. */
.radio-section-img .form-item label,.checkbox-section-img .form-item label{height:auto;min-height:3em;overflow-wrap:anywhere;padding-right:28px}
.radio-section-img,.checkbox-section-img{display:flow-root;overflow:visible}