/*
Theme Name: Blade IT
Description: Visuelles Block-Theme für Blade IT mit bearbeitbaren Seiten und Abschnittsvorlagen.
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 7.4
Author: Blade IT
Text Domain: blade-it
License: GPL-2.0-or-later
*/
body{margin:0}.wp-site-blocks>header,.wp-site-blocks>footer{margin-block-start:0}.blade-wrap{width:calc(100% - 64px);max-width:1240px;margin-left:auto!important;margin-right:auto!important}.blade-section{padding-top:80px;padding-bottom:80px}.blade-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}.blade-brand{display:flex;align-items:center;gap:12px}.blade-brand>*{margin:0!important}.blade-brand-logo{width:54px}.blade-brand-name{font-size:24px;font-weight:800;letter-spacing:-.7px}.blade-brand-name a{text-decoration:none;color:inherit}.blade-hero h1{font-size:clamp(45px,5.5vw,76px);letter-spacing:-2.5px;margin-top:18px;margin-bottom:24px}.blade-hero-columns{align-items:center!important;gap:60px}.blade-hero-image img{width:100%;height:530px;object-fit:cover;border-radius:20px}.blade-eyebrow{color:#087eea;font-size:14px;letter-spacing:1.3px;font-weight:700}.blade-small{font-size:14px}.blade-section h2{font-size:clamp(30px,3.5vw,44px);letter-spacing:-1px;margin-bottom:36px}.blade-section h3{font-size:23px}.blade-card{border:1px solid #e1e8ef;border-radius:16px;padding:28px;height:100%;box-sizing:border-box}.blade-card p{color:#586c7c}.blade-card ul{padding-left:20px;font-size:15px}.blade-wash{background:#f3f7fb}.blade-about-logo{max-width:360px;margin:auto}.blade-contact{box-sizing:border-box;background:#102c46;color:white;border-radius:20px;padding:55px;margin-top:24px!important;margin-bottom:70px!important}.blade-contact a{color:white}.blade-contact h2{font-size:clamp(30px,3.5vw,44px)}.blade-contact .blade-eyebrow{color:#7ec5ff}.blade-footer{border-top:1px solid #e1e8ef;padding-top:28px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.blade-footer>*{margin:0!important}.blade-footer-links{display:flex;gap:20px}.blade-footer-links>*{margin:0!important}.blade-page{max-width:850px;padding-top:60px;padding-bottom:80px}.blade-page h1{font-size:48px}.blade-page h2{font-size:27px;margin-top:36px}.blade-page p,.blade-contact a{overflow-wrap:anywhere}.blade-rounded img{border-radius:18px}.wp-block-navigation a{font-size:15px}.wp-block-columns{gap:28px}.wp-block-image img{height:auto}.blade-hero-image img{height:530px}a:focus-visible,button:focus-visible{outline:3px solid #087eea;outline-offset:4px}@media(max-width:781px){.blade-wrap{width:calc(100% - 40px)}.blade-section{padding-top:45px;padding-bottom:45px}.blade-hero-columns{gap:30px}.blade-hero-image img{height:350px}.blade-contact{padding:28px}.blade-page h1{font-size:36px}.blade-header{min-height:80px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* Blade IT 1.1: Einstieg und redaktioneller Blog */
.blade-header{min-height:84px}.blade-header>.wp-block-navigation{margin-top:0}.blade-hero.blade-section{padding-top:44px;padding-bottom:60px}.blade-hero h1{font-weight:600;font-size:clamp(43px,5vw,68px);line-height:1.06}.blade-accent{color:#087eea}.blade-hero-image img{height:480px}.blade-hero .blade-small{color:#586c7c}.blade-blog,.blade-blog-teaser{padding-top:60px}.blade-blog h1{font-size:clamp(38px,5vw,64px);letter-spacing:-1.5px}.blade-blog .wp-block-query,.blade-blog-teaser .wp-block-query{margin-top:38px}.blade-post-card{border:1px solid #e1e8ef;border-radius:16px;overflow:hidden;background:white;height:100%;box-sizing:border-box}.blade-post-card .wp-block-post-featured-image{margin:0}.blade-post-card .wp-block-post-featured-image img{object-fit:cover}.blade-post-copy{padding:24px}.blade-post-copy .wp-block-post-date{font-size:14px;color:#586c7c}.blade-post-copy h3{font-size:23px;margin-top:12px;line-height:1.3}.blade-post-copy h3 a{text-decoration:none}.blade-post-copy .wp-block-post-excerpt{color:#586c7c}.blade-post-copy .wp-block-post-excerpt__more-link{color:#0069c7;font-weight:600}.blade-blog-empty{border:1px dashed #b6c9db;background:#f3f7fb;border-radius:16px;padding:32px}.blade-article{max-width:850px;padding-top:55px;padding-bottom:70px}.blade-article h1{font-size:clamp(34px,5vw,56px);letter-spacing:-1px}.blade-article .wp-block-post-date{color:#586c7c;font-size:14px}.blade-article>.wp-block-post-featured-image img{border-radius:16px}.blade-article .wp-block-post-content{margin-top:32px}.blade-post-navigation{border-top:1px solid #e1e8ef;padding-top:25px;margin-top:45px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.blade-blog .wp-block-query-pagination{margin-top:35px;gap:20px}.blade-blog-teaser>p:first-child,.blade-blog>p:first-child{font-size:14px;letter-spacing:1.3px;color:#087eea;font-weight:700}@media(max-width:900px){.blade-blog .wp-block-post-template,.blade-blog-teaser .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.blade-blog .wp-block-post-template,.blade-blog-teaser .wp-block-post-template{grid-template-columns:1fr}.blade-hero.blade-section{padding-top:26px}.blade-hero-image img{height:330px}.blade-post-copy{padding:20px}}

/* Blade IT 1.2: mobile refinement and precise logo framing */
.blade-brand-logo{position:relative;width:56px;height:60px;overflow:hidden;flex:0 0 56px;margin:0!important}
.blade-brand-logo img{position:absolute;max-width:none!important;width:94px!important;height:auto!important;left:-20px;top:-15px}
.blade-about-logo{position:relative;width:230px;height:260px;max-width:none;overflow:hidden;margin:0 auto!important}
.blade-about-logo img{position:absolute;max-width:none!important;width:370px!important;height:auto!important;left:-77px;top:-59px}
@media(max-width:781px){
  .blade-section{padding-top:36px;padding-bottom:36px}
  .blade-header{min-height:76px}
  .blade-brand-name{font-size:22px}
  .blade-hero.blade-section{padding-top:22px;padding-bottom:38px}
  .blade-hero h1{font-size:clamp(42px,12vw,56px);letter-spacing:-1.6px}
  .blade-hero-columns{gap:24px}
  .blade-about-logo{width:190px;height:220px}
  .blade-about-logo img{width:304px!important;left:-63px;top:-48px}
  .blade-contact{margin-bottom:44px!important}
}
@media(max-width:600px){
  .blade-wrap{width:calc(100% - 34px)}
  .blade-brand-logo{width:48px;height:52px;flex-basis:48px}
  .blade-brand-logo img{width:81px!important;left:-17px;top:-13px}
  .blade-brand-name{font-size:20px}
  .blade-hero .wp-block-buttons,.blade-hero .wp-block-button{width:100%}
  .blade-hero .wp-block-button__link{display:block;width:100%;box-sizing:border-box;text-align:center}
  .blade-hero-image img{height:300px}
  .blade-small{font-size:13px}
}