/*
 Theme Name:   Freelancer
 Theme URI:    https://generatepress.com/freelancer/
 Description:  Freelancer is a GeneratePress child theme. Using GeneratePress you can alter the child theme to your taste in minutes. Freelancer is mobile responsive, W3C Markup Validated, Schema.org integrated, search engine friendly, cross browser compatible and 100% translatable. See more about GeneratePress here: http://generatepress.com
 Author:       Thomas Usborne
 Author URI:   http://edge22.com
 Template:     generatepress
 Version:      0.6
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options

 Freelancer, Copyright 2016 Thomas Usborne
 Freelancer is distributed under the terms of the GNU GPL

 Freelancer is a child theme of GeneratePress
 
 It's not recommended to add CSS to this file, as it will be lost if you ever update this child theme.
 Instead, use a Custom CSS plugin.
 
 */


/* S-CON lean executive redesign, added 2026-05-19
   Lightweight: pure CSS, no extra plugin, no external fonts. */
:root{--scon-navy:#142235;--scon-ink:#1d2633;--scon-muted:#667085;--scon-line:#e5e7eb;--scon-soft:#f6f8fb;--scon-accent:#9b7b35;}
body{font-size:17px;line-height:1.7;color:var(--scon-ink);}
.site-header,.main-navigation{box-shadow:none;}
.main-navigation{background:var(--scon-navy)!important;}
.main-navigation .main-nav ul li a{letter-spacing:.02em;}
.inside-article{padding-top:0;}
.entry-title{display:none;}
.scon-page{max-width:1180px;margin:0 auto;}
.scon-hero{background:linear-gradient(135deg,var(--scon-navy),#24374f);color:#fff;padding:72px 56px;margin:0 0 42px;border-radius:0 0 18px 18px;}
.scon-hero.compact{padding:56px;margin-bottom:34px;}
.scon-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:#e1c983;margin-bottom:14px;}
.scon-hero h1{color:#fff;font-size:clamp(2.1rem,4vw,4rem);line-height:1.08;margin:0 0 20px;max-width:920px;}
.scon-lead{font-size:clamp(1.08rem,1.5vw,1.32rem);max-width:860px;margin:0;color:#ecf1f7;}
.scon-section{padding:34px 24px;margin-bottom:18px;}
.scon-section h2{font-size:clamp(1.55rem,2.4vw,2.4rem);line-height:1.18;margin-top:0;color:var(--scon-navy);}
.scon-section h3{margin-top:0;color:var(--scon-navy);}
.scon-grid-2,.scon-grid-3,.scon-intro-grid{display:grid;gap:22px;}
.scon-grid-2,.scon-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.scon-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.scon-card,.scon-case{background:#fff;border:1px solid var(--scon-line);border-radius:16px;padding:26px;box-shadow:0 6px 20px rgba(20,34,53,.06);}
.scon-card ul{margin-bottom:0;}
.scon-highlight{background:var(--scon-soft);border-left:5px solid var(--scon-accent);border-radius:14px;padding:32px;}
.scon-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.scon-button{display:inline-block;background:var(--scon-accent);color:#fff!important;text-decoration:none;padding:12px 20px;border-radius:999px;font-weight:700;}
.scon-button-secondary{background:transparent;border:1px solid rgba(255,255,255,.7);}
.scon-tags{display:flex;flex-wrap:wrap;gap:12px;}
.scon-tags span{background:var(--scon-soft);border:1px solid var(--scon-line);border-radius:999px;padding:8px 14px;font-weight:600;color:var(--scon-navy);}
.scon-case-list{display:grid;gap:20px;}
.scon-case h2{font-size:1.45rem;margin-bottom:14px;}
.scon-case p{margin-bottom:10px;}
@media(max-width:900px){.scon-grid-2,.scon-grid-3,.scon-intro-grid{grid-template-columns:1fr}.scon-hero,.scon-hero.compact{padding:44px 26px;border-radius:0 0 14px 14px}.scon-section{padding:26px 10px}.scon-card,.scon-case{padding:22px}.scon-button{width:100%;text-align:center}}

/* S-CON navigation harmonization, added 2026-05-19
   Keeps GeneratePress lean; aligns the top tab bar with the executive redesign. */
.site-header{background:#fff;}
.main-navigation,
.main-navigation ul ul{
	background:var(--scon-navy)!important;
}
.main-navigation .inside-navigation{
	max-width:1180px;
	margin:0 auto;
	padding:8px 14px;
}
.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-items a{
	color:#eef3f8!important;
	font-weight:650;
	font-size:.94rem;
	line-height:1.2;
	border-radius:999px;
	margin:2px 3px;
	padding:12px 16px;
	transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus-within > a,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li[class*="current_page_"] > a,
.main-navigation .menu-bar-items a:hover,
.menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:hover{
	background:var(--scon-accent)!important;
	color:#fff!important;
	box-shadow:0 6px 18px rgba(20,34,53,.16);
}
.main-navigation .main-nav ul ul{
	border:1px solid rgba(255,255,255,.08);
	border-radius:16px;
	padding:8px;
	box-shadow:0 14px 34px rgba(20,34,53,.24);
}
.main-navigation .main-nav ul ul li a{
	margin:2px 0;
	border-radius:12px;
	padding:11px 14px;
}
.main-navigation .main-nav ul ul li:hover > a,
.main-navigation .main-nav ul ul li:focus-within > a,
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul ul li[class*="current_page_"] > a{
	background:rgba(155,123,53,.95)!important;
	color:#fff!important;
}
.main-navigation .main-nav ul li a:focus,
.main-navigation .menu-bar-items a:focus,
.menu-toggle:focus{
	outline:2px solid rgba(225,201,131,.8);
	outline-offset:2px;
}
@media(max-width:900px){
	.main-navigation .inside-navigation{padding:6px 10px;}
	.main-navigation .main-nav ul li a,
	.menu-toggle,
	.main-navigation .menu-bar-items a{border-radius:14px;margin:3px 0;padding:13px 14px;}
	.main-navigation .main-nav ul ul{border-radius:14px;box-shadow:none;border:0;background:#1c2d44!important;}
}


/* S-CON footer harmonization and menu capitalization, added 2026-05-19 */
.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-items a{
	text-transform:none;
}
.site-footer,
.footer-widgets,
.site-info{
	background:var(--scon-navy)!important;
	color:#eef3f8!important;
	box-shadow:none;
}
.footer-widgets{
	border-top:1px solid rgba(255,255,255,.08);
}
.footer-widgets .widget-title,
.footer-widgets h2,
.footer-widgets h3,
.site-footer h2,
.site-footer h3{
	color:#fff!important;
}
.site-footer a,
.footer-widgets a,
.site-info a{
	color:#e1c983!important;
	text-decoration:none;
}
.site-footer a:hover,
.footer-widgets a:hover,
.site-info a:hover{
	color:#fff!important;
	text-decoration:underline;
}
.site-info{
	font-size:.92rem;
	letter-spacing:.01em;
	padding:18px 20px;
}
.inside-site-info,
.inside-footer-widgets{
	max-width:1180px;
	margin:0 auto;
}

/* S-CON v5 visual correction, added 2026-05-19
   Scope is intentionally narrow: neutral header, aligned nav/footer bars,
   lighter business-blue hero/content boxes. No plugins, no external assets. */
:root{
  --scon-business-blue:#506b99;
  --scon-bar-blue:#2f5378;
  --scon-bar-blue-hover:#3f6590;
  --scon-accent:#a88b3f;
}

/* Keep the title/header area neutral. Only the navigation bar is blue. */
.site-header,
.inside-header,
.header-widget,
.site-branding{
  background:#ffffff!important;
  color:var(--scon-ink)!important;
}
.site-header .site-title a,
.site-header .site-description{
  color:var(--scon-ink)!important;
}

/* Align the navigation as a contained bar, not as a full blue header block. */
.main-navigation{
  background:#ffffff!important;
  box-shadow:none!important;
}
.main-navigation .inside-navigation{
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:8px 14px!important;
  background:var(--scon-bar-blue)!important;
  border-radius:0!important;
  box-sizing:border-box;
}
.main-navigation ul ul{
  background:var(--scon-bar-blue)!important;
}
.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-items a{
  color:#f5f8fb!important;
  text-transform:none;
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus-within > a,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li[class*="current_page_"] > a,
.main-navigation .menu-bar-items a:hover,
.menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:hover{
  background:var(--scon-bar-blue-hover)!important;
  color:#ffffff!important;
  box-shadow:none!important;
}

/* Lighter business-blue for the prominent blue text boxes. */
.scon-hero{
  background:linear-gradient(135deg,var(--scon-business-blue),#5f79a5)!important;
  border-radius:8px!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
.scon-section-dark,
.wp-block-group.has-background.scon-section-dark{
  background:linear-gradient(135deg,var(--scon-business-blue),#5f79a5)!important;
  border-radius:8px!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}

/* Footer bar uses exactly the same color and width as the navigation bar. */
.site-footer,
.footer-widgets,
.site-info{
  background:#ffffff!important;
  color:var(--scon-ink)!important;
}
.footer-widgets-container,
.inside-footer-widgets,
.inside-site-info{
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
.footer-widgets .inside-footer-widgets,
.inside-site-info{
  background:var(--scon-bar-blue)!important;
  color:#eef3f8!important;
  padding-left:20px!important;
  padding-right:20px!important;
}
.site-footer a,
.footer-widgets a,
.site-info a{
  color:#e9d28a!important;
}
.site-footer h2,
.site-footer h3,
.footer-widgets .widget-title,
.footer-widgets h2,
.footer-widgets h3{
  color:#ffffff!important;
}

@media(max-width:900px){
  .main-navigation .inside-navigation,
  .scon-hero,
  .scon-section-dark,
  .footer-widgets .inside-footer-widgets,
  .inside-site-info{
    border-radius:0!important;
  }
}

/* S-CON v6 contact form refinements, added 2026-05-20
   Lightweight Contact Form 7 styling and built-in quiz captcha support.
   No external captcha scripts, no new plugin dependencies. */
.wpcf7 form label{
  display:block;
  margin-bottom:16px;
  font-weight:600;
  color:var(--scon-ink,#1d2430);
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea{
  width:100%;
  max-width:720px;
  box-sizing:border-box;
  border:1px solid rgba(47,83,120,.25);
  border-radius:8px;
  padding:12px 14px;
  background:#ffffff;
  color:var(--scon-ink,#1d2430);
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus{
  border-color:var(--scon-bar-blue,#2f5378);
  outline:2px solid rgba(47,83,120,.18);
  outline-offset:1px;
}
.wpcf7 input[type="submit"],
.wpcf7-submit{
  background:var(--scon-bar-blue,#2f5378)!important;
  color:#ffffff!important;
  border:0!important;
  border-radius:999px!important;
  padding:12px 22px!important;
  font-weight:700!important;
  cursor:pointer;
  box-shadow:none!important;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7-submit:hover,
.wpcf7 input[type="submit"]:focus,
.wpcf7-submit:focus{
  background:var(--scon-bar-blue-hover,#3f6590)!important;
  color:#ffffff!important;
}
.wpcf7-not-valid-tip{
  color:#8a3a2f;
  font-size:.92rem;
  margin-top:6px;
}
.wpcf7-response-output{
  border-radius:8px;
  margin-left:0!important;
  margin-right:0!important;
}


/* S-CON v8 focused redesign, added 2026-05-25
   Home, Branchen, Beispiele, Über mich. Keeps existing header/nav/footer and contact setup. */
:root{
  --scon-v8-blue:#3f527e;
  --scon-v8-blue-dark:#0c2c63;
  --scon-v8-soft:#f6f9fd;
  --scon-v8-line:#dfe6f0;
  --scon-v8-text:#101828;
  --scon-v8-muted:#4b5563;
}
.scon-v8{
  color:var(--scon-v8-text);
}
.scon-v8-container,
.scon-v8-hero{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  padding-left:28px;
  padding-right:28px;
  box-sizing:border-box;
}
.scon-v8-hero{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:46px;
  align-items:center;
  padding-top:72px;
  padding-bottom:62px;
}
.scon-v8-hero h1,
.scon-v8-page-hero h1,
.scon-v8-about h1{
  font-size:clamp(40px,5vw,64px);
  line-height:1.08;
  color:var(--scon-v8-blue-dark);
  margin:0 0 26px;
  font-weight:800;
}
.scon-v8-hero p{
  font-size:20px;
  line-height:1.6;
  color:#111827;
  margin:0 0 22px;
}
.scon-v8-hero-image img,
.scon-v8-about-img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 22px 55px rgba(28,45,80,.22);
}
.scon-v8-cta-row{
  margin-top:32px!important;
}
.scon-v8-button{
  display:inline-block;
  background:var(--scon-v8-blue);
  color:#fff!important;
  text-decoration:none;
  font-weight:700;
  padding:15px 24px;
  border-radius:10px;
  box-shadow:0 10px 24px rgba(63,82,126,.22);
}
.scon-v8-button:hover,
.scon-v8-button:focus{
  background:#31456f;
  color:#fff!important;
}
.scon-v8-section{
  padding:58px 0;
}
.scon-v8-soft{
  background:var(--scon-v8-soft);
  border-top:1px solid var(--scon-v8-line);
  border-bottom:1px solid var(--scon-v8-line);
}
.scon-v8-section h2{
  font-size:36px;
  line-height:1.15;
  color:var(--scon-v8-blue-dark);
  margin:0 0 14px;
}
.scon-v8-intro{
  max-width:780px;
  font-size:18px;
  line-height:1.65;
  color:var(--scon-v8-muted);
  margin:0 0 32px;
}
.scon-v8-grid3,
.scon-v8-grid6{
  display:grid;
  gap:24px;
}
.scon-v8-grid3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.scon-v8-grid6{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.scon-v8-card{
  background:#fff;
  border:1px solid var(--scon-v8-line);
  border-radius:18px;
  padding:28px;
  box-shadow:0 8px 28px rgba(16,24,40,.06);
}
.scon-v8-card h3{
  color:var(--scon-v8-blue-dark);
  font-size:24px;
  line-height:1.15;
  margin:0 0 18px;
}
.scon-v8-card p,
.scon-v8-card li{
  color:#111827;
  font-size:17px;
  line-height:1.55;
}
.scon-v8-icon{
  width:58px;
  height:58px;
  border-radius:50%;
  background:#edf2fa;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--scon-v8-blue-dark);
  font-size:28px;
  margin-bottom:18px;
  flex:0 0 auto;
}
.scon-v8-page-hero{
  padding:62px 0 38px;
}
.scon-v8-page-hero p{
  max-width:760px;
  font-size:19px;
  line-height:1.6;
  color:#111827;
  margin-bottom:0;
}
.scon-v8-band{
  margin-top:28px;
  background:linear-gradient(90deg,#eaf1fb,#f8fbff);
  border:1px solid var(--scon-v8-line);
  border-radius:18px;
  padding:26px 30px;
  display:flex;
  gap:22px;
  align-items:flex-start;
}
.scon-v8-band h3{
  margin:0 0 6px;
  color:var(--scon-v8-blue-dark);
  font-size:24px;
}
.scon-v8-band p{
  margin:0;
  color:#111827;
  font-size:17px;
  line-height:1.55;
}
.scon-v8-cases{
  display:grid;
  gap:22px;
}
.scon-v8-case{
  display:grid;
  grid-template-columns:1.35fr .75fr;
  gap:24px;
  background:#fff;
  border:1px solid var(--scon-v8-line);
  border-radius:18px;
  padding:28px;
  box-shadow:0 8px 28px rgba(16,24,40,.06);
}
.scon-v8-case h3{
  color:var(--scon-v8-blue-dark);
  font-size:25px;
  margin:0 0 10px;
}
.scon-v8-case p{
  font-size:17px;
  line-height:1.55;
  margin:0 0 12px;
}
.scon-v8-results{
  background:#f5f8fc;
  border-radius:14px;
  padding:18px 20px;
}
.scon-v8-results h4{
  margin:0 0 12px;
  color:var(--scon-v8-blue-dark);
}
.scon-v8-results ul{
  margin:0;
  padding-left:20px;
}
.scon-v8-results li{
  font-size:16px;
  line-height:1.55;
  margin-bottom:5px;
}
.scon-v8-about{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:42px;
  align-items:start;
}
@media(max-width:900px){
  .scon-v8-hero,
  .scon-v8-about,
  .scon-v8-case{
    grid-template-columns:1fr;
  }
  .scon-v8-grid3,
  .scon-v8-grid6{
    grid-template-columns:1fr;
  }
  .scon-v8-hero{
    padding-top:44px;
    padding-bottom:44px;
  }
  .scon-v8-page-hero{
    padding-top:44px;
  }
}


/* === S-CON v9 layout corrections === */

/* Make the hero heading smaller and keep it left of the image */
.scon-hero h1,
.hero h1,
.wp-block-cover .wp-block-heading:first-child {
  font-size: clamp(42px, 4.8vw, 70px) !important;
  line-height: 1.08 !important;
  max-width: 650px !important;
}

/* Hero grid: headline and image on top, intro text below full width where possible */
.scon-hero,
.hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr) !important;
  column-gap: 56px !important;
  row-gap: 28px !important;
  align-items: center !important;
}

.scon-hero .hero-text,
.hero > div:first-child {
  display: contents !important;
}

.scon-hero h1,
.hero h1 {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.scon-hero .hero-image,
.hero > div:has(img),
.hero figure {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
}

.scon-hero .hero-copy,
.hero p,
.hero .cta-row {
  grid-column: 1 / -1 !important;
}

.scon-hero .hero-copy,
.hero p {
  max-width: 980px !important;
  font-size: 20px !important;
  line-height: 1.6 !important;
}

/* Positioning / focus area block: restore previous clean blue-card style */
.scon-positioning,
.positioning,
.focus-areas,
.strategic-focus,
.wp-block-group:has(.scon-pill) {
  background: #f3f6fb !important;
  border-left: 5px solid #a78b35 !important;
  border-radius: 18px !important;
  padding: 42px 48px !important;
  margin: 48px auto !important;
  box-shadow: none !important;
}

.scon-positioning h2,
.positioning h2,
.focus-areas h2,
.strategic-focus h2 {
  color: #0c2c63 !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  font-weight: 300 !important;
  margin-bottom: 22px !important;
}

.scon-pill,
.focus-areas a,
.focus-areas span,
.strategic-focus a,
.strategic-focus span {
  display: inline-block !important;
  border: 1px solid #d9e1ec !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  padding: 11px 20px !important;
  margin: 8px 8px 8px 0 !important;
  font-weight: 700 !important;
  color: #0b2349 !important;
  text-decoration: none !important;
}

/* Ensure pages/anchors are clickable and visible in nav */
.main-navigation a[href*="ueber"],
.main-navigation a[href*="kontakt"],
.navbar a[href*="ueber"],
.navbar a[href*="kontakt"],
.nav-inner a[href*="ueber"],
.nav-inner a[href*="kontakt"] {
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 900px) {
  .scon-hero,
  .hero {
    grid-template-columns: 1fr !important;
  }
  .scon-hero h1,
  .hero h1,
  .scon-hero .hero-image,
  .hero > div:has(img),
  .hero figure,
  .scon-hero .hero-copy,
  .hero p,
  .hero .cta-row {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}


/* === S-CON v10 hero correction === */

/* Undo previous experimental grid behavior */
.hero,
.scon-hero {
  display: grid !important;
  grid-template-columns: minmax(360px, 0.9fr) minmax(460px, 1.15fr) !important;
  align-items: stretch !important;
  column-gap: 42px !important;
  row-gap: 0 !important;
  max-width: none !important;
  min-height: 520px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  background: #f7f9fc !important;
  overflow: hidden !important;
}

/* Restore normal content flow in the left column */
.hero > div:first-child,
.scon-hero .hero-text,
.scon-hero > div:first-child {
  display: block !important;
  grid-column: 1 !important;
  grid-row: auto !important;
  padding: clamp(48px, 6vw, 82px) 0 clamp(42px, 5vw, 70px) clamp(42px, 7vw, 76px) !important;
  max-width: 620px !important;
  align-self: center !important;
}

/* Desired heading size like the mockup */
.hero h1,
.scon-hero h1,
.wp-block-cover .wp-block-heading:first-child {
  font-size: clamp(32px, 3.4vw, 50px) !important;
  line-height: 1.13 !important;
  letter-spacing: -0.03em !important;
  max-width: 560px !important;
  margin: 0 0 26px 0 !important;
  color: #0c2c63 !important;
  font-weight: 800 !important;
}

/* Hero copy: readable, not full width below image */
.hero p,
.scon-hero p,
.scon-hero .hero-copy {
  grid-column: auto !important;
  max-width: 560px !important;
  font-size: clamp(16px, 1.35vw, 20px) !important;
  line-height: 1.55 !important;
  margin: 0 0 22px 0 !important;
  color: #101828 !important;
}

/* Button below left text */
.hero .cta-row,
.scon-hero .cta-row {
  grid-column: auto !important;
  margin-top: 28px !important;
}

/* Right side: make image larger and more like the desired mockup */
.hero > div:has(img),
.scon-hero .hero-image,
.hero figure {
  display: flex !important;
  grid-column: 2 !important;
  grid-row: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 520px !important;
}

.hero img,
.scon-hero img,
.hero-img {
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
}

/* Keep the three cards close below the hero like in the desired design */
.hero + .section,
.hero + .soft,
.scon-hero + .section,
.scon-hero + .soft {
  margin-top: 0 !important;
  padding-top: 30px !important;
}

/* Middle card wording consistency */
.card:nth-child(2) p,
.cards3 .card:nth-child(2) p {
  line-height: 1.55 !important;
}

/* Remove previous forced full-width positioning for hero paragraphs */
.hero p,
.hero .cta-row {
  grid-column: auto !important;
}

/* Mobile: stack neatly */
@media (max-width: 900px) {
  .hero,
  .scon-hero {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
  .hero > div:first-child,
  .scon-hero .hero-text,
  .scon-hero > div:first-child {
    padding: 40px 28px 28px !important;
    max-width: none !important;
  }
  .hero h1,
  .scon-hero h1 {
    font-size: clamp(34px, 9vw, 48px) !important;
  }
  .hero > div:has(img),
  .scon-hero .hero-image,
  .hero figure {
    grid-column: 1 !important;
    min-height: 300px !important;
  }
  .hero img,
  .scon-hero img,
  .hero-img {
    min-height: 300px !important;
    max-height: 420px !important;
  }
}


/* === S-CON v11 actual v8 hero fix - targets the real page classes === */
.scon-home-v8 .scon-v8-hero{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(360px, 48%) minmax(420px, 52%) !important;
  gap:0 !important;
  align-items:stretch !important;
  background:#f7f9fc !important;
  min-height:520px !important;
  overflow:hidden !important;
}
.scon-home-v8 .scon-v8-hero-text{
  padding:clamp(48px,6vw,78px) clamp(30px,5vw,62px) clamp(42px,5vw,66px) clamp(42px,7vw,78px) !important;
  align-self:center !important;
  max-width:660px !important;
  box-sizing:border-box !important;
}
.scon-home-v8 .scon-v8-hero h1{
  font-size:clamp(34px,3.7vw,52px) !important;
  line-height:1.12 !important;
  letter-spacing:-0.035em !important;
  margin:0 0 26px !important;
  max-width:590px !important;
  color:#0c2c63 !important;
  font-weight:800 !important;
}
.scon-home-v8 .scon-v8-hero p{
  font-size:clamp(16px,1.25vw,19px) !important;
  line-height:1.6 !important;
  margin:0 0 22px !important;
  max-width:560px !important;
  color:#111827 !important;
}
.scon-home-v8 .scon-v8-hero-image{
  min-height:520px !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-end !important;
  overflow:hidden !important;
}
.scon-home-v8 .scon-v8-hero-image img{
  width:100% !important;
  height:100% !important;
  min-height:520px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.scon-home-v8 .scon-v8-soft{
  margin-top:0 !important;
  padding-top:34px !important;
}
.scon-home-v8 .scon-v8-section:not(.scon-v8-soft) .scon-v8-container{
  background:#f3f6fb !important;
  border-left:5px solid #a78b35 !important;
  border-radius:18px !important;
  padding:42px 48px !important;
  margin-top:42px !important;
  margin-bottom:42px !important;
}
.scon-home-v8 .scon-v8-section:not(.scon-v8-soft) h2{
  color:#0c2c63 !important;
  font-size:clamp(34px,4vw,52px) !important;
  font-weight:300 !important;
  margin-bottom:22px !important;
}
.scon-home-v8 .scon-v8-section:not(.scon-v8-soft) .scon-v8-intro{
  max-width:1050px !important;
  font-size:20px !important;
  line-height:1.65 !important;
}
@media(max-width:900px){
  .scon-home-v8 .scon-v8-hero{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  .scon-home-v8 .scon-v8-hero-text{
    padding:38px 28px 28px !important;
    max-width:none !important;
  }
  .scon-home-v8 .scon-v8-hero h1{
    font-size:clamp(34px,9vw,48px) !important;
  }
  .scon-home-v8 .scon-v8-hero-image,
  .scon-home-v8 .scon-v8-hero-image img{
    min-height:320px !important;
    max-height:420px !important;
  }
}


/* === S-CON v12 simple compact hero ===
   Ziel: wie Skizze 2 — Headline links, Bild rechts klein/komplett,
   Text darunter auf voller Breite. Keine abgeschnittenen Portraits. */

/* Hero as compact 2-column intro */
.scon-hero,
.hero,
.wp-block-group.scon-hero,
.wp-block-group.hero {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.82fr) minmax(260px, 0.72fr) !important;
  column-gap: clamp(28px, 5vw, 72px) !important;
  row-gap: 22px !important;
  align-items: start !important;
  max-width: 980px !important;
  margin: 46px auto 36px auto !important;
  padding: 0 24px !important;
  min-height: 0 !important;
  background: #ffffff !important;
  overflow: visible !important;
}

/* Left area must behave normally again */
.scon-hero > div:first-child,
.hero > div:first-child,
.scon-hero .hero-text {
  display: contents !important;
  padding: 0 !important;
  max-width: none !important;
}

/* Headline: left column, compact */
.scon-hero h1,
.hero h1,
.wp-block-heading.scon-hero-title {
  grid-column: 1 !important;
  grid-row: 1 !important;
  font-size: clamp(28px, 3.2vw, 42px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
  max-width: 420px !important;
  color: #0c2c63 !important;
  font-weight: 800 !important;
}

/* Image: right column, fully visible, not cropped */
.scon-hero .hero-image,
.hero > div:has(img),
.hero figure,
.scon-hero figure {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  align-self: start !important;
}

.scon-hero img,
.hero img,
.hero-img,
.scon-hero .wp-block-image img {
  width: 100% !important;
  max-width: 420px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
}

/* Text below headline+image, across full width */
.scon-hero p,
.hero p,
.scon-hero .hero-copy,
.hero .hero-copy {
  grid-column: 1 / -1 !important;
  max-width: 960px !important;
  font-size: clamp(17px, 1.5vw, 20px) !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  color: #101828 !important;
}

/* Button remains below text */
.scon-hero .cta-row,
.hero .cta-row,
.scon-hero .wp-block-buttons,
.hero .wp-block-buttons {
  grid-column: 1 / -1 !important;
  margin-top: 10px !important;
}

/* Avoid excessive gap below hero */
.scon-hero + *,
.hero + * {
  margin-top: 28px !important;
}

/* Mobile */
@media (max-width: 720px) {
  .scon-hero,
  .hero,
  .wp-block-group.scon-hero,
  .wp-block-group.hero {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    margin: 32px auto !important;
    padding: 0 22px !important;
  }
  .scon-hero h1,
  .hero h1,
  .wp-block-heading.scon-hero-title,
  .scon-hero .hero-image,
  .hero > div:has(img),
  .hero figure,
  .scon-hero figure,
  .scon-hero p,
  .hero p,
  .scon-hero .cta-row,
  .hero .cta-row,
  .scon-hero .wp-block-buttons,
  .hero .wp-block-buttons {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .scon-hero img,
  .hero img,
  .hero-img {
    max-width: 100% !important;
  }
}


/* === S-CON v13 REAL v8 hero fix ===
   Targets the actually used classes:
   .scon-home-v8 .scon-v8-hero / .scon-v8-hero-text / .scon-v8-hero-image
   Layout like the user's second sketch:
   headline left, full portrait right, body copy below on full width.
*/

.scon-home-v8 .scon-v8-hero{
  max-width: 900px !important;
  width: auto !important;
  margin: 42px auto 34px auto !important;
  padding: 0 18px !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 0.72fr) minmax(260px, 0.82fr) !important;
  grid-template-areas:
    "title image"
    "copy  copy";
  column-gap: 44px !important;
  row-gap: 22px !important;
  align-items: start !important;
  background: #ffffff !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* Let h1 and paragraphs become grid items */
.scon-home-v8 .scon-v8-hero-text{
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* compact heading, left */
.scon-home-v8 .scon-v8-hero h1{
  grid-area: title !important;
  font-size: clamp(26px, 3vw, 38px) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.02em !important;
  margin: 6px 0 0 0 !important;
  max-width: 390px !important;
  color: #0c2c63 !important;
  font-weight: 800 !important;
}

/* image right, complete, not cropped */
.scon-home-v8 .scon-v8-hero-image{
  grid-area: image !important;
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.scon-home-v8 .scon-v8-hero-image img{
  display: block !important;
  width: 100% !important;
  max-width: 430px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* First and second body text below full width */
.scon-home-v8 .scon-v8-hero-text > p{
  grid-column: 1 / -1 !important;
  max-width: 860px !important;
  font-size: clamp(16px, 1.45vw, 19px) !important;
  line-height: 1.48 !important;
  margin: 0 !important;
  color: #101828 !important;
}

/* Put CTA below text, compact */
.scon-home-v8 .scon-v8-hero-text > .scon-v8-cta-row{
  grid-column: 1 / -1 !important;
  margin-top: 2px !important;
}

.scon-home-v8 .scon-v8-button{
  padding: 14px 24px !important;
  border-radius: 8px !important;
  background: #3f527e !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* keep next section close and clean */
.scon-home-v8 .scon-v8-hero + .scon-v8-section{
  margin-top: 20px !important;
}

/* override old crop rules with higher specificity */
body .scon-home-v8 .scon-v8-hero-image img{
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
}

@media (max-width: 760px){
  .scon-home-v8 .scon-v8-hero{
    max-width: 100% !important;
    margin: 30px auto !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "title"
      "image"
      "copy";
    padding: 0 22px !important;
  }
  .scon-home-v8 .scon-v8-hero h1{
    max-width: none !important;
    font-size: clamp(30px, 9vw, 42px) !important;
  }
  .scon-home-v8 .scon-v8-hero-image img{
    max-width: 100% !important;
  }
}


/* =========================================================
   S-CON V14 requested changes
   Basis: V13 real hero fix
   ========================================================= */

/* 1) Home: Hero in a frame, similar to the card/block style */
.scon-home-v8 .scon-v8-hero {
  background: #f7f9fc !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(16,24,40,.06) !important;
  padding: 36px !important;
  margin-top: 42px !important;
  margin-bottom: 34px !important;
}

/* 2) Remove the heading and intro above the three challenge cards */
.scon-home-v8 .scon-v8-section > h2,
.scon-home-v8 .scon-v8-section > .intro,
.scon-home-v8 .scon-v8-section > p.intro {
  display: none !important;
}

/* 3) Remove the whole "Klartext zur Zusammenarbeit / Positioning / Strategic focus" area */
.scon-home-v8 .scon-positioning,
.scon-home-v8 .positioning,
.scon-home-v8 .focus-areas,
.scon-home-v8 .strategic-focus,
.scon-home-v8 section:has(h2):has(.scon-pill),
.scon-home-v8 section:has(h2):has(.tag) {
  display: none !important;
}

/* 4) Reduce non-home pages to simple/plain text appearance */
body:not(.home) .card,
body:not(.home) .case,
body:not(.home) .band,
body:not(.home) .results,
body:not(.home) .contact-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Keep plain pages readable */
body:not(.home) main,
body:not(.home) .container {
  line-height: 1.6 !important;
}

body:not(.home) .icon {
  display: none !important;
}

/* Remove excessive decorative backgrounds on plain pages */
body:not(.home) .section.soft {
  background: #ffffff !important;
  border: none !important;
}

/* Keep mobile stable */
@media (max-width: 760px) {
  .scon-home-v8 .scon-v8-hero {
    padding: 24px !important;
  }
}


/* =========================================================
   S-CON V15 corrections
   - Fix About/Über mich link usability
   - Remove Klartext/Positioning block completely from Home
   - Make Home hero frame and challenge frame same width
   ========================================================= */

/* 1) Home: make the two visible frames the same width and centered */
.scon-home-v8 .scon-v8-hero,
.scon-home-v8 .scon-v8-section {
  max-width: 980px !important;
  width: calc(100% - 48px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Hero frame */
.scon-home-v8 .scon-v8-hero {
  background: #f7f9fc !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(16,24,40,.06) !important;
  padding: 36px !important;
}

/* The challenge section becomes the second equal-width frame */
.scon-home-v8 .scon-v8-section {
  background: #f7f9fc !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(16,24,40,.06) !important;
  padding: 36px !important;
}

/* Keep the challenge cards inside the frame clean */
.scon-home-v8 .scon-v8-section .card,
.scon-home-v8 .scon-v8-section .scon-v8-card {
  background: #ffffff !important;
}

/* Hide the heading/intro above challenge cards */
.scon-home-v8 .scon-v8-section > h2,
.scon-home-v8 .scon-v8-section > .intro,
.scon-home-v8 .scon-v8-section > p.intro {
  display: none !important;
}

/* 2) Remove Klartext / Positioning / Strategic focus block entirely on Home */
.scon-home-v8 .scon-positioning,
.scon-home-v8 .positioning,
.scon-home-v8 .focus-areas,
.scon-home-v8 .strategic-focus,
.scon-home-v8 .scon-v8-positioning,
.scon-home-v8 .scon-v8-focus,
.scon-home-v8 .scon-v8-tags,
.scon-home-v8 section:has(h2):has(.scon-pill),
.scon-home-v8 section:has(h2):has(.tag),
.scon-home-v8 section:has(h2):has([class*="pill"]),
.scon-home-v8 section:has(h2):has([class*="tag"]) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Additional text based fallback */
.scon-home-v8 h2 {
  /* left visible only where needed; actual removal handled by structural selectors */
}

/* 3) Ensure nav links remain clickable */
.main-navigation a,
.navbar a,
.nav-inner a,
.menu a,
.site-header a {
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 20 !important;
}

@media (max-width: 760px) {
  .scon-home-v8 .scon-v8-hero,
  .scon-home-v8 .scon-v8-section {
    width: calc(100% - 28px) !important;
    padding: 24px !important;
  }
}


/* =========================================================
   S-CON V16 corrections
   - About page: image and text in one frame, text below image, no heading
   - Branchen/Beispiele: plain text page content, readable in one frame
   - Navigation corrected via SQL menu object IDs
   ========================================================= */

.scon-about-v16 .scon-v8-about-frame,
.scon-plain-page .scon-v8-plain-frame {
  max-width: 980px !important;
  width: calc(100% - 48px) !important;
  margin: 42px auto 48px auto !important;
  background: #f7f9fc !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(16,24,40,.06) !important;
  padding: 36px !important;
  box-sizing: border-box !important;
}

.scon-about-v16 .scon-v8-about-img {
  display: block !important;
  width: 100% !important;
  max-width: 420px !important;
  height: auto !important;
  margin: 0 auto 28px auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.scon-about-v16 .scon-v8-about-text {
  max-width: 860px !important;
  margin: 0 auto !important;
}

.scon-about-v16 .scon-v8-about-text p,
.scon-plain-page .scon-v8-plain-frame p {
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: #101828 !important;
  margin: 0 0 18px 0 !important;
}

.scon-plain-page .scon-v8-plain-frame h1 {
  color: #0c2c63 !important;
  font-size: clamp(30px, 4vw, 46px) !important;
  line-height: 1.15 !important;
  margin: 0 0 22px 0 !important;
}

.scon-plain-page .scon-v8-plain-frame h2 {
  color: #0c2c63 !important;
  font-size: 24px !important;
  margin: 30px 0 8px 0 !important;
}

/* Remove old decorative v8 structures on plain pages if any cached markup appears */
.scon-plain-page .scon-v8-card,
.scon-plain-page .scon-v8-case,
.scon-plain-page .scon-v8-band,
.scon-plain-page .scon-v8-results {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.scon-plain-page .scon-v8-icon {
  display: none !important;
}

@media (max-width: 760px) {
  .scon-about-v16 .scon-v8-about-frame,
  .scon-plain-page .scon-v8-plain-frame {
    width: calc(100% - 28px) !important;
    padding: 24px !important;
  }
}


/* =========================================================
   S-CON V17 corrections
   - Über mich: image left-aligned with text/frame edge
   - Branchen & Beispiele restored to previous card/frame layout
   ========================================================= */

/* About page: frame remains, image no longer centered */
.scon-about-v16 .scon-v8-about-frame {
  max-width: 980px !important;
  width: calc(100% - 48px) !important;
  margin: 42px auto 48px auto !important;
  background: #f7f9fc !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(16,24,40,.06) !important;
  padding: 36px !important;
  box-sizing: border-box !important;
}

.scon-about-v16 .scon-v8-about-img {
  display: block !important;
  width: 100% !important;
  max-width: 420px !important;
  height: auto !important;
  margin: 0 0 28px 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.scon-about-v16 .scon-v8-about-text {
  max-width: 860px !important;
  margin: 0 !important;
}

/* Restore card/frame look on Branchen and Beispiele */
.scon-v8 .scon-v8-card,
.scon-v8 .scon-v8-case,
.scon-v8 .scon-v8-band,
.scon-v8 .scon-v8-results {
  background: #ffffff !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(16,24,40,.06) !important;
}

.scon-v8 .scon-v8-card {
  padding: 28px !important;
}

.scon-v8 .scon-v8-case {
  padding: 28px !important;
}

.scon-v8 .scon-v8-band {
  padding: 26px 30px !important;
}

.scon-v8 .scon-v8-results {
  padding: 18px 20px !important;
  background: #f5f8fc !important;
}

.scon-v8 .scon-v8-icon {
  display: flex !important;
}

@media (max-width: 760px) {
  .scon-about-v16 .scon-v8-about-frame {
    width: calc(100% - 28px) !important;
    padding: 24px !important;
  }
}


/* =========================================================
   S-CON V19 lean cleanup
   Ziel: Home vollständig sichtbar, Klartext-Block entfernt,
   einheitliche Frames, stabile Formatierung auf allen Seiten.
   ========================================================= */

/* Home: two equal-width framed areas */
.scon-home-v8 .scon-v8-hero,
.scon-home-v8 .scon-v8-section {
  max-width: 980px !important;
  width: calc(100% - 48px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  background: #f7f9fc !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(16,24,40,.06) !important;
  padding: 36px !important;
}

/* Home: hide only heading/intro above the three cards */
.scon-home-v8 .scon-v8-section > h2,
.scon-home-v8 .scon-v8-section > .intro,
.scon-home-v8 .scon-v8-section > p.intro {
  display: none !important;
}

/* Home: in case old Klartext block is still cached, hide only blocks containing tag/pill focus elements */
.scon-home-v8 .scon-positioning,
.scon-home-v8 .positioning,
.scon-home-v8 .focus-areas,
.scon-home-v8 .strategic-focus,
.scon-home-v8 .scon-v8-positioning,
.scon-home-v8 .scon-v8-focus,
.scon-home-v8 .scon-v8-tags {
  display: none !important;
}

/* V8 global layout primitives */
.scon-v8 .scon-v8-container {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  box-sizing: border-box !important;
}

.scon-v8 .scon-v8-page-hero {
  padding: 62px 0 38px !important;
}

.scon-v8 .scon-v8-page-hero h1 {
  font-size: clamp(38px,5vw,58px) !important;
  line-height: 1.08 !important;
  color: #0c2c63 !important;
  margin: 0 0 20px !important;
}

.scon-v8 .scon-v8-page-hero p {
  max-width: 760px !important;
  font-size: 19px !important;
  line-height: 1.6 !important;
  color: #111827 !important;
}

/* Branchen cards */
.scon-v8 .scon-v8-grid6 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.scon-v8 .scon-v8-card {
  display: block !important;
  background: #ffffff !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(16,24,40,.06) !important;
  padding: 28px !important;
}

.scon-v8 .scon-v8-card h3 {
  color: #0c2c63 !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  margin: 0 0 18px !important;
}

.scon-v8 .scon-v8-card p {
  color: #111827 !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
}

.scon-v8 .scon-v8-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: #edf2fa !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0c2c63 !important;
  font-size: 28px !important;
  margin-bottom: 18px !important;
}

.scon-v8 .scon-v8-band {
  background: linear-gradient(90deg,#eaf1fb,#f8fbff) !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 18px !important;
  padding: 26px 30px !important;
  display: flex !important;
  gap: 22px !important;
  align-items: flex-start !important;
  box-shadow: 0 8px 28px rgba(16,24,40,.06) !important;
  margin-top: 28px !important;
}

/* Beispiele cards */
.scon-v8 .scon-v8-cases {
  display: grid !important;
  gap: 22px !important;
}

.scon-v8 .scon-v8-case {
  display: grid !important;
  grid-template-columns: 1.35fr .75fr !important;
  gap: 24px !important;
  background: #ffffff !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 18px !important;
  padding: 28px !important;
  box-shadow: 0 8px 28px rgba(16,24,40,.06) !important;
}

.scon-v8 .scon-v8-case h3 {
  color: #0c2c63 !important;
  font-size: 25px !important;
  margin: 0 0 10px !important;
}

.scon-v8 .scon-v8-case p {
  font-size: 17px !important;
  line-height: 1.55 !important;
  margin: 0 0 12px !important;
}

.scon-v8 .scon-v8-results {
  background: #f5f8fc !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  box-shadow: none !important;
}

/* About page */
.scon-about-v16 .scon-v8-about-frame {
  max-width: 980px !important;
  width: calc(100% - 48px) !important;
  margin: 42px auto 48px auto !important;
  background: #f7f9fc !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(16,24,40,.06) !important;
  padding: 36px !important;
  box-sizing: border-box !important;
}

.scon-about-v16 .scon-v8-about-img {
  display: block !important;
  width: 100% !important;
  max-width: 420px !important;
  height: auto !important;
  margin: 0 0 28px 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.scon-about-v16 .scon-v8-about-text {
  max-width: 860px !important;
  margin: 0 !important;
}

.scon-about-v16 .scon-v8-about-text p {
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: #101828 !important;
  margin: 0 0 18px 0 !important;
}

@media (max-width: 900px) {
  .scon-v8 .scon-v8-grid6,
  .scon-v8 .scon-v8-case {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .scon-home-v8 .scon-v8-hero,
  .scon-home-v8 .scon-v8-section,
  .scon-about-v16 .scon-v8-about-frame {
    width: calc(100% - 28px) !important;
    padding: 24px !important;
  }
}

/* S-CON V20 */
.scon-v8 .scon-v8-page-hero h1{
font-size:clamp(28px,3.2vw,42px)!important;
line-height:1.12!important;
letter-spacing:-0.02em!important;
max-width:700px!important;
color:#0c2c63!important;
}
.scon-v8 .scon-v8-page-hero{
padding-top:28px!important;
padding-bottom:24px!important;
margin-top:0!important;
}
.scon-v8 .scon-v8-page-hero p{
margin-top:14px!important;
font-size:18px!important;
line-height:1.55!important;
}
/* S-CON V22 – Branchen 2x2 Layout */
.scon-v8 .scon-v8-grid6 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 900px) {
  .scon-v8 .scon-v8-grid6 {
    grid-template-columns: 1fr !important;
  }
}


/* S-CON V22 FINAL – Branchen 2x2, strongest override */
body.page-id-59 .scon-v8 .scon-v8-grid6,
body.page-id-59 .scon-page.scon-v8 .scon-v8-grid6,
body.page-id-59 .scon-v8-container.scon-v8-grid6,
body.page-id-59 .entry-content .scon-v8-grid6,
body[class*="branchen"] .scon-v8 .scon-v8-grid6,
body[class*="branchen"] .scon-v8-container.scon-v8-grid6,
.scon-page.scon-v8 .scon-v8-container.scon-v8-grid6 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

@media (max-width: 900px) {
  body.page-id-59 .scon-v8 .scon-v8-grid6,
  body.page-id-59 .scon-page.scon-v8 .scon-v8-grid6,
  body.page-id-59 .scon-v8-container.scon-v8-grid6,
  body.page-id-59 .entry-content .scon-v8-grid6,
  body[class*="branchen"] .scon-v8 .scon-v8-grid6,
  body[class*="branchen"] .scon-v8-container.scon-v8-grid6,
  .scon-page.scon-v8 .scon-v8-container.scon-v8-grid6 {
    grid-template-columns: 1fr !important;
  }
}