/*
Theme Name: Krensel Blocks
Description: Gutenberg-Aufbau der Krensel-Website auf Twenty Twenty-Four.
Version: 0.2.0
Template: twentytwentyfour
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: krensel-blocks
License: GPL-2.0-or-later (Code); bestehende Medien behalten ihre jeweiligen Rechte.
*/
@font-face{font-family:Krensel Text;src:url(assets/roboto-light.woff) format('woff');font-style:normal;font-weight:300 500;font-display:swap}
@font-face{font-family:Krensel Head;src:url(assets/source-semibold.woff) format('woff');font-style:normal;font-weight:600 900;font-display:swap}
:root{--krensel-blue:#0f3f93;--krensel-line:#dce2eb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#202734;font-family:Krensel Text,Arial,sans-serif;font-size:18px;line-height:1.65}
a{color:var(--krensel-blue);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid #dd8b20;outline-offset:4px}
h1,h2,h3,h4{font-family:Krensel Head,Arial,sans-serif;font-weight:600;line-height:1.2;overflow-wrap:break-word}h1{font-size:clamp(1.9rem,3vw,2.75rem);color:#182c4d}h2{font-size:clamp(1.5rem,2.3vw,2rem);margin-top:2.25rem}h3{font-size:1.3rem}p,li{overflow-wrap:anywhere}
header.wp-block-template-part{border-top:5px solid var(--krensel-blue);border-bottom:1px solid var(--krensel-line);background:#fff}
.krensel-header{max-width:1240px;margin:auto;padding:22px 24px}.krensel-header>.wp-block-columns{margin:0;align-items:center;gap:28px}.krensel-header figure{margin:0}.krensel-header img{max-width:100%;width:270px;height:auto;display:block}
.krensel-menu{font-family:Krensel Head,Arial,sans-serif;font-size:14px;line-height:1.5}.krensel-menu .wp-block-navigation__container{gap:20px}.krensel-menu a{padding:8px 0;text-decoration:none;border-bottom:2px solid transparent}.krensel-menu a:hover,.krensel-menu .current-menu-item>a{border-bottom-color:var(--krensel-blue)}
main.krensel-main{max-width:1240px;padding:38px 24px 70px;margin:0 auto;min-height:50vh}.wp-block-post-content>*:first-child{margin-top:0}.wp-block-post-content>.wp-block-columns:first-child{gap:40px;align-items:flex-start}.wp-block-post-content>.wp-block-columns:first-child h1{margin-top:0}
.wp-block-image img{max-width:100%;height:auto}.wp-block-image.krensel-banner img{width:100%;height:clamp(180px,24vw,320px);object-fit:cover}.wp-block-image figcaption{font-size:14px;color:#4e596b;text-align:left}.wp-block-column{min-width:0}.wp-block-post-content>.wp-block-columns{gap:32px}.wp-block-table{overflow-x:auto}.wp-block-table td{padding:9px 12px;border-color:var(--krensel-line);vertical-align:top}.wp-block-table td:first-child{font-family:Krensel Head,Arial,sans-serif;width:27%;color:#243e69}
.krensel-reference,.krensel-partner{border-top:1px solid var(--krensel-line);padding:22px 0;margin-top:24px}.krensel-reference h2{margin:0 0 20px}.krensel-reference img{width:100%;max-height:290px;object-fit:cover}.krensel-partner img{width:auto;max-width:100%;max-height:140px;object-fit:contain}.krensel-partner h3{margin-top:0}
.krensel-footer{background:#f0f3f8;border-top:4px solid var(--krensel-blue);padding:32px max(24px,calc((100vw - 1192px)/2));font-size:16px}.krensel-footer h3{color:var(--krensel-blue);margin-top:0}.krensel-footer>.wp-block-columns{gap:30px}.krensel-footer>p:last-child{font-size:13px;color:#57657a;border-top:1px solid #cdd6e3;padding-top:16px}
.krensel-slider{margin:0!important}.krensel-slider.is-enhanced{display:block!important;position:relative}.krensel-slider.is-enhanced>figure{display:none!important;margin:0!important;width:100%!important}.krensel-slider.is-enhanced>figure.is-active{display:block!important}.krensel-slider.is-enhanced>figure img{width:100%;height:clamp(250px,34vw,440px);object-fit:cover;border-radius:0}.krensel-slider .slider-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.slider-controls button{font:inherit;border:1px solid #b8c6db;background:#fff;color:#183c78;padding:6px 12px;cursor:pointer;border-radius:3px;min-height:40px}.slider-controls button[aria-pressed=true]{background:#0f3f93;color:#fff}
.krensel-contact label{display:block;margin:14px 0 5px}.krensel-contact input:not([type=checkbox]),.krensel-contact textarea{font:inherit;padding:10px;border:1px solid #8292a9;width:100%;max-width:680px;background:white;color:#202734}.krensel-contact button{font:inherit;background:#0f3f93;color:white;padding:10px 22px;border:0;margin-top:18px;cursor:pointer}.krensel-contact .hp{position:absolute;left:-10000px}.krensel-contact fieldset{border:0;padding:0}.krensel-contact .result{border-left:4px solid #0f3f93;background:#edf3fc;padding:14px}
@media(max-width:900px){.krensel-header>.wp-block-columns{gap:15px}.krensel-menu .wp-block-navigation__container{gap:12px}.krensel-menu{font-size:12px}.krensel-header img{width:230px}}
@media(max-width:781px){.krensel-header{padding:16px 20px}.krensel-header>.wp-block-columns{flex-wrap:nowrap!important}.krensel-header>.wp-block-columns>.wp-block-column:first-child{flex-basis:72%!important}.krensel-header>.wp-block-columns>.wp-block-column:last-child{flex-basis:28%!important}.krensel-header img{width:220px}main.krensel-main{padding:26px 20px 44px}.wp-block-post-content>.wp-block-columns:first-child{gap:22px}.krensel-reference img{max-height:320px}.krensel-footer{padding:26px 20px}.krensel-slider.is-enhanced>figure img{height:270px}}
@media(min-width:600px) and (max-width:781px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important}.wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* 0.2.0 – abgestimmte Spalten- und Rasterlayouts */
.wp-block-post-content h1{overflow-wrap:normal;word-break:normal;hyphens:auto}
.krensel-services-main,.krensel-services-bottom{gap:38px;align-items:flex-start}
.krensel-service-grid.wp-block-gallery.has-nested-images{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px!important;margin:0}
.krensel-service-grid.wp-block-gallery.has-nested-images>figure.wp-block-image{width:auto!important;margin:0!important;display:flex;flex-direction:column;justify-content:flex-start}
.krensel-service-grid.wp-block-gallery.has-nested-images>figure.wp-block-image img{width:100%;height:auto!important;aspect-ratio:4/3;object-fit:contain!important;flex:0 0 auto!important}
.krensel-service-grid.wp-block-gallery.has-nested-images>figure.wp-block-image figcaption{position:static!important;background:none!important;color:#243e69!important;padding:6px 0!important;max-height:none!important;margin:0;font-size:13px;text-align:center;line-height:1.35;overflow:visible!important}
.krensel-services-bottom>.wp-block-column:first-child img{width:100%;height:auto;max-height:650px;object-fit:contain}
.krensel-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px;margin-top:34px}
.krensel-reference-grid>.krensel-reference{border:0;padding:0;margin:0!important;min-width:0}
.krensel-reference-grid .krensel-reference>figure{margin:0}
.krensel-reference-grid .krensel-reference img{width:100%;height:auto;aspect-ratio:1/1;max-height:none;object-fit:cover}
.krensel-reference-grid .krensel-reference h2{font-size:1.15rem;line-height:1.3;margin:12px 0;min-height:3em}
.krensel-reference-grid .wp-block-table{font-size:13px;line-height:1.45;margin:0;overflow:visible}
.krensel-reference-grid .wp-block-table table{width:100%;table-layout:fixed;border-collapse:collapse}
.krensel-reference-grid .wp-block-table td{padding:6px 7px;overflow-wrap:anywhere}
.krensel-reference-grid .wp-block-table td:first-child{width:33%;font-size:12px;background:#edf2fa}
.krensel-sales-diagram img{display:block;width:100%;max-height:260px;object-fit:contain;margin:auto}
.krensel-contact-columns>.wp-block-column:last-child h2{margin-top:0}
.krensel-map-image img{width:100%;height:auto;display:block;border:1px solid #dce2eb}
.krensel-slider .slider-controls{align-items:center;gap:6px}
.slider-controls .slider-thumb{padding:2px;min-height:0;width:calc((100% - 48px)/9);border-radius:0;line-height:0;background:white}
.slider-controls .slider-thumb img{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover}
.slider-controls .slider-thumb[aria-pressed=true]{border:3px solid #0f3f93;padding:0;background:white}
.slider-controls .slider-play{display:block;margin-top:4px;flex-basis:100%;font-size:14px}
@media(max-width:1000px){.krensel-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.krensel-reference-grid .wp-block-table{font-size:14px}.krensel-reference-grid .krensel-reference h2{min-height:0}}
@media(max-width:781px){.krensel-service-grid.wp-block-gallery.has-nested-images{max-width:600px}.krensel-services-main,.krensel-services-bottom{gap:24px}.krensel-reference-grid .krensel-reference img{max-height:360px}.krensel-contact-columns{gap:26px}.krensel-services-bottom>.wp-block-column:first-child img{max-height:420px}.krensel-slider .slider-thumb{width:calc((100% - 24px)/5)}}
@media(max-width:520px){.krensel-reference-grid{grid-template-columns:minmax(0,1fr)}.krensel-service-grid.wp-block-gallery.has-nested-images{grid-template-columns:repeat(2,minmax(0,1fr))}}