/* Hemmi Software Entwicklung – Redesign V6
   Design master: V3. Content/function master: user's current website.
   This stylesheet intentionally overrides visual presentation only. */
:root{
 --ink:#17323c;--ink2:#0f2027;--teal:#087f9b;--cyan:#00a8e8;
 --muted:#53656d;--line:#d6eaee;--soft:#eef9fb;--white:#fff;
 --grad-dark:linear-gradient(90deg,#0f2027 0%,#173b49 48%,#007f9f 100%);
 --grad-deep:linear-gradient(135deg,#0f2027 0%,#164c5c 55%,#0084a3 100%);
 --grad-soft:linear-gradient(145deg,#eefbfd 0%,#fff 58%,#dff5f7 100%);
 --grad-card:linear-gradient(145deg,#fff 0%,#f0fafb 60%,#dff4f6 100%);
}
html{scroll-behavior:smooth}body{font-family:Arial,sans-serif!important;color:var(--ink)!important;background:#fff!important;line-height:1.62}
/* V3 navigation adapted to existing current-site markup */
.navbar,.site-header{position:sticky!important;top:0!important;left:0!important;width:100%!important;z-index:1000!important;background:var(--grad-dark)!important;box-shadow:0 3px 14px rgba(0,0,0,.18)!important;border:0!important}
body{padding-top:0!important}
.nav-container,.nav{max-width:1240px!important;margin:auto!important;padding:10px 18px!important;min-height:62px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;color:#fff!important}
.logo a,.brand{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;font-weight:700!important;color:#fff!important}
.nav-links,.links{display:flex;align-items:center;gap:20px}.nav-links a,.links a{color:#fff!important;text-decoration:none!important;font-size:.95rem}.nav-links>a:hover,.links>a:hover{color:#9feaff!important}
.kontakt-btn,.contact{padding:8px 14px!important;border-radius:8px!important;background:linear-gradient(135deg,#00a8e8,#0a86a5)!important;color:#fff!important;box-shadow:none!important}
.dropdown-content{background:#fff!important;border-radius:10px!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important;border:1px solid #d6eaee!important;overflow:hidden}.dropdown-content a{color:#17323c!important}.dropdown-content a:hover{background:#eef9fb!important;color:#087f9b!important}
/* Full, never cropped banner */
.hero-visual{width:100%!important;max-width:none!important;margin:0 0 30px!important;border-radius:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:0 9px 24px rgba(15,32,39,.14)!important}
.hero-visual img,.banner img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
/* Hero language from V3 */
.hero,.page-hero{background:var(--grad-soft)!important;color:var(--ink)!important;border:0!important;border-radius:0!important;text-align:center!important;box-shadow:none!important}
.hero{padding:0 0 58px!important}.hero-inner{max-width:980px!important;margin:0 auto!important;padding:0 20px!important}.page-hero{padding:70px 20px!important}
.hero h1,.page-hero h1{font-family:Georgia,serif!important;font-size:clamp(2rem,4.5vw,3.7rem)!important;line-height:1.08!important;color:var(--ink)!important;margin:.35em auto .3em!important;max-width:950px}.hero p,.hero-subline,.hero-text,.page-hero p{color:var(--muted)!important;max-width:840px!important;margin-left:auto!important;margin-right:auto!important}.eyebrow{font-weight:700!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#087c99!important;font-size:.8rem!important}
/* V3 page rhythm */
.container{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}.section{max-width:1180px!important;margin:auto!important;padding:68px 20px!important}.section h2,.container h2{font-family:Georgia,serif!important;color:var(--ink)!important;line-height:1.15}.section-intro,.intro{color:var(--muted)!important}
.card,.info-box,.survey-box,.cart,.trust-panel,.reference-context-panel,.cms-clarity-panel,.cms-solution-focus-inner,.cms-demo-intro-inner{border-radius:18px!important;background:var(--grad-card)!important;border:1px solid var(--line)!important;box-shadow:0 10px 28px rgba(16,56,67,.08)!important;color:var(--ink)!important}
.card h3,.info-box h3{color:var(--ink)!important}.card p,.info-box p{color:var(--muted)!important}
.grid{gap:22px!important}
.btn,.button,.survey-button,.shop-quick-button,input[type=submit],button[type=submit]{display:inline-block;border:0;border-radius:9px!important;background:linear-gradient(135deg,#0f2027,#087f9b)!important;color:#fff!important;font-weight:700!important;box-shadow:0 7px 18px rgba(15,32,39,.18)!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease!important}.btn:hover,.button:hover,.survey-button:hover,.shop-quick-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,32,39,.22)!important}.btn.secondary,.button.secondary{background:linear-gradient(135deg,#e8f8fb,#fff)!important;color:#17404b!important;border:1px solid #b7dfe6!important}
.dark-section,.dark{background:var(--grad-deep)!important;color:#fff!important}.dark-section h2,.dark-section h3,.dark h2,.dark h3{color:#fff!important}.dark-section p,.dark p{color:#dce8ed!important}
/* Images / video */
.preview-img,.reference-preview img,.project img,.image img,.personal-photo,.profile img{border-radius:18px!important;box-shadow:0 12px 30px rgba(15,32,39,.14)!important}.cms-video-wrap,.video-card video,video{border-radius:16px}.cms-video-poster{background-image:url("../bilder/cms/CMS2.webp")!important;background-position:center!important;background-size:cover!important}
/* Current site's footer, styled like V3 */
.site-footer,footer.footer,footer{background:linear-gradient(135deg,#0d1d23,#143d49)!important;color:#d8e7eb!important}.site-footer a,footer a{color:#d8e7eb!important}.site-footer h3,.site-footer h4,footer strong{color:#fff!important}.site-footer-bottom{border-top-color:rgba(255,255,255,.18)!important}
/* Forms */
input,textarea,select{border:1px solid #bfd7de!important;border-radius:9px!important;padding:11px 12px!important;background:#fff!important;color:#17323c!important}input:focus,textarea:focus,select:focus{outline:3px solid rgba(0,168,232,.15)!important;border-color:#00a8e8!important}
/* Special current pages */
.shop-overview,.shop-quick-access{border-radius:18px!important}.competition-card,.analysis-details{background:var(--grad-card)!important;border-color:var(--line)!important;border-radius:18px!important}.cover-link img{border-radius:16px!important;box-shadow:0 12px 30px rgba(15,32,39,.14)!important}
/* Maintain book viewers' dark presentation, but tie toolbar to site palette */
.topbar{background:var(--grad-dark)!important;color:#fff!important}.book-toolbar .btn,.topbar .btn{background:linear-gradient(135deg,#173b49,#0084a3)!important;color:#fff!important}
/* Old static cloud page where classes differ */
header,nav{--v6-nav:1}.v6-note{max-width:1180px;margin:18px auto;padding:14px 18px;border-left:4px solid #00a8e8;background:#eef9fb;border-radius:9px}
@media(max-width:900px){
 .nav-links,.links{top:62px!important;background:#0f2027!important;padding:20px!important;flex-direction:column!important;align-items:flex-start!important}.hero{padding-bottom:38px!important}.section{padding:48px 18px!important}.hero-inner{padding:14px 18px 0!important}.dropdown-content{background:#173b49!important;border-color:rgba(255,255,255,.12)!important}.dropdown-content a{color:#fff!important}.hero-visual{width:100%!important;margin:0 0 26px!important}.hero-visual img{width:100%!important;height:auto!important}}


/* 2026-08-23: Nur Seitenhintergrund – keine Aenderung an Hero, Inhalt oder Aufbau. */
body{
  background-image:url("../bilder/blauer Hintergrund.jpg")!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}


/* 2026-08-23: Bereichsfarben mit sichtbaren Strahlen. */
body.theme-green{
  background-image:url("../bilder/grüner Hintergrund.jpg")!important;
}
body.theme-bluegreen{
  background-image:url("../bilder/blau grün hintergrund.jpg")!important;
}