/*
Theme Name: Bricks Madebybricks
Author: madebybricks
Description: Individuelles, responsives WordPress-Theme für madebybricks.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: bricks-madebybricks
*/
:root{--navy:#11233e;--navy2:#29394f;--coral:#ff795c;--ink:#10203b;--muted:#536079;--line:#e9edf4;--content:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2.65rem,4.6vw,4.55rem);margin:.35rem 0 0;font-weight:800}h2{font-size:clamp(1.85rem,3vw,2.7rem);margin:.4rem 0 1.1rem}h3{font-size:1.16rem;margin:.1rem 0 .4rem}.wrap{max-width:var(--content);margin:auto;padding-inline:28px}.site-header{background:linear-gradient(105deg,#1b304b 0%,#647e9e 48%,#f5f7fa 100%);position:relative;z-index:5}.head-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;text-decoration:none;font-size:2rem;font-weight:750;color:white;letter-spacing:-.035em}.brand-symbol{display:inline-flex;align-items:center;margin-right:10px;color:#ff876d;font-weight:900;font-size:2rem;line-height:1}.brand-symbol svg{width:35px;height:43px}.site-nav{display:flex;align-items:center;gap:34px}.site-nav a{text-decoration:none;font-size:.89rem;font-weight:650}.site-nav a:hover,.site-nav a:focus-visible{color:#ff694b}.btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:13px 28px;border:0;border-radius:40px;background:var(--coral);color:#fff!important;font-weight:700;text-decoration:none;cursor:pointer;font-size:.94rem;transition:background .2s,transform .2s}.btn:hover,.wp-block-button__link:hover{background:#ef6046;transform:translateY(-1px)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #3678dd;outline-offset:3px}.nav-cta{padding:11px 30px}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-size:1.65rem;cursor:pointer}.eyebrow{font-size:.77rem;letter-spacing:.16em;font-weight:800;color:#17375f;text-transform:uppercase}.hero{background:radial-gradient(ellipse at 76% 48%,#e9f0fb 0%,#fff 55%);overflow:hidden}.hero-inner{min-height:460px;display:grid;grid-template-columns:46% 54%;align-items:center;gap:0}.hero-copy{position:relative;z-index:2;padding-block:52px}.hero-sub{font-size:clamp(1.95rem,3.4vw,3.2rem);font-weight:300;line-height:1.2;margin:0 0 14px;letter-spacing:-.045em}.hero-copy>p:not(.hero-sub){max-width:480px;font-size:1.04rem;color:#303e54}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:28px}.text-link{font-size:.91rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}.hero-visual img{width:100%;mix-blend-mode:multiply;filter:saturate(1.08)}.features{padding-block:48px 64px;background:linear-gradient(180deg,#fff,#f8fafc)}.section-intro{max-width:680px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.feature{display:flex;align-items:flex-start;gap:13px;padding:21px 16px;border:1px solid #f0f2f6;border-radius:14px;background:#fff;box-shadow:0 8px 25px #1c315009;min-height:134px}.feature-icon{flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:#fff0ec;color:#ff684c;display:grid;place-items:center;font-size:1.6rem}.feature h3{font-size:.91rem;letter-spacing:-.02em}.feature p{font-size:.81rem;line-height:1.5;color:var(--muted);margin:0}.contact-band{background:linear-gradient(100deg,#112039,#2d435f);color:#fff;overflow:hidden}.contact-band-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:center;min-height:280px;padding-block:48px}.contact-band h2{font-size:clamp(2rem,3.5vw,3rem);margin:0 0 8px}.contact-band .lead{font-size:1.28rem;margin:0}.contact-band p{max-width:620px}.contact-band img{width:100%;display:block;transform:none;border-radius:16px;box-shadow:0 10px 35px #07172a70}.page-hero{background:linear-gradient(125deg,#edf3fa,#fff);padding:80px 0 70px}.page-hero p{font-size:1.18rem;max-width:740px}.page-main{padding-block:65px 85px}.prose{max-width:800px}.prose h2{margin-top:45px}.prose p{font-size:1.07rem;color:#33415a}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service{background:#f7f9fc;border:1px solid #e8edf5;padding:30px;border-radius:18px}.service p{color:#44526a}.contact-section{background:#f7f9fc;padding-block:75px}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}.contact-form label{display:block;font-weight:650;margin:0 0 16px}.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%;padding:13px 15px;border:1px solid #cbd5e2;border-radius:9px;font:inherit;margin-top:6px;background:#fff}.contact-form textarea{min-height:145px;resize:vertical}.contact-form .check{font-weight:400;font-size:.9rem;display:flex;align-items:flex-start;gap:10px}.contact-form .check input{margin-top:5px}.form-status{padding:12px 15px;border-radius:8px;background:#e5f4e9;margin-bottom:18px}.form-error{background:#fff0eb}.hp-field{position:absolute;left:-10000px}.site-footer{background:#101e34;color:#e7edf6;padding:40px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{font-size:.89rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.legal-placeholder{background:#fff2dc;padding:14px 18px;border-left:4px solid #d79d35}.wp-block-image img{border-radius:12px}@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-inner{grid-template-columns:1fr 1fr}.contact-layout{gap:28px}}@media(max-width:680px){.wrap{padding-inline:24px}.site-header{background:#fff}.head-inner{min-height:76px}.brand{color:var(--ink);font-size:1.65rem}.brand-symbol svg{width:29px;height:36px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:22px 24px;box-shadow:0 12px 18px #14264218;flex-direction:column;align-items:stretch;gap:20px}.site-nav.is-open{display:flex}.site-nav a{font-size:1rem}.nav-cta{width:max-content}.hero-inner{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding-top:43px;padding-bottom:12px}.hero-sub{max-width:350px}.hero-visual{margin-inline:-24px}.hero-visual img{width:100%}.hero-actions{gap:18px}.hero-copy>p:not(.hero-sub){font-size:1rem}.features{padding-block:32px 48px}.feature-grid{grid-template-columns:1fr;gap:10px}.feature{min-height:95px;padding:15px}.contact-band-inner{display:block;padding-block:42px}.contact-band img{margin-top:35px;transform:none}.services-grid,.contact-layout{grid-template-columns:1fr}.page-hero{padding:55px 0}.page-main{padding-block:40px}.footer-inner{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.contact-band-inner>div{min-width:0}.contact-band p{overflow-wrap:anywhere}@media(min-width:681px) and (max-width:900px){.contact-band-inner{grid-template-columns:1fr;gap:32px}.contact-band img{max-width:560px;justify-self:center}}
