/*
Theme Name: c3 Modern Gutenberg
Theme URI: https://c3.de/
Author: c3 computer communication consulting
Description: Vollständig bearbeitbares Gutenberg-Block-Theme für c3.de mit Website-Editor, responsiver Startseite und wiederverwendbaren WordPress-Blöcken.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: c3-gutenberg
License: GNU General Public License v2 or later
*/

:root{--c3-ink:#13233f;--c3-ink2:#33445f;--c3-paper:#f7f9fc;--c3-white:#fff;--c3-line:#dce3ed;--c3-blue:#1e5eff;--c3-blue-dark:#1646c7;--c3-cyan:#55d6e8;--c3-signal:#b9f35a;--c3-max:1240px;--c3-radius:18px;--c3-shadow:0 24px 70px rgba(19,35,63,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--c3-ink);background:var(--c3-paper)}a{text-decoration:none}.wp-site-blocks{overflow:hidden}.c3-wrap{width:min(calc(100% - 40px),var(--c3-max));margin-inline:auto}.c3-mono{font-family:"IBM Plex Mono",monospace!important;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:500}.c3-section{padding-top:112px!important;padding-bottom:112px!important}.c3-section-title{font-size:clamp(38px,5vw,65px)!important;line-height:1.06!important;letter-spacing:-.045em!important;margin:0!important}.c3-section-title mark{color:var(--c3-blue)!important;background:none!important}.c3-btn .wp-block-button__link{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:10px;font-weight:700;font-size:14px;transition:.2s}.c3-btn .wp-block-button__link:hover{transform:translateY(-2px)}.c3-btn-primary .wp-block-button__link{background:var(--c3-blue);color:white;box-shadow:0 10px 24px rgba(30,94,255,.24)}.c3-btn-outline .wp-block-button__link{background:white;color:var(--c3-ink);border:1px solid var(--c3-line)}

.c3-header{position:sticky;top:0;z-index:100;background:rgba(247,249,252,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,227,237,.9)}body.admin-bar .c3-header{top:32px}.c3-header-inner{min-height:78px}.c3-brand-row{gap:12px!important}.c3-logo-fallback{display:grid!important;place-items:center;width:47px;height:47px;color:white;background:var(--c3-blue);border-radius:11px 11px 11px 3px;font-family:"Space Grotesk",sans-serif;font-size:21px;font-weight:700;letter-spacing:-.08em;box-shadow:5px 5px 0 var(--c3-cyan)}.c3-brand-name{font-family:"Space Grotesk",sans-serif;font-size:14px;line-height:1.05;margin:0!important}.c3-brand-sub{color:#64728a;font-size:9px;line-height:1.2;margin:4px 0 0!important}.c3-nav .wp-block-navigation-item__content{font-size:14px;font-weight:600}.c3-header-phone{white-space:nowrap;font-size:13px;font-weight:700;padding:12px 14px;border:1px solid var(--c3-line);border-radius:10px;background:white}.c3-support-link{white-space:nowrap;padding:12px 16px;border-radius:10px;background:var(--c3-blue);color:white!important;font-size:13px;font-weight:700}

.c3-hero{position:relative;padding-top:74px!important;padding-bottom:76px!important}.c3-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;top:-260px;right:-150px;background:radial-gradient(circle,rgba(85,214,232,.22),rgba(85,214,232,0) 68%);pointer-events:none}.c3-hero-grid{gap:68px!important;align-items:center!important}.c3-eyebrow{color:var(--c3-blue);margin-bottom:23px!important}.c3-hero-title{font-family:"Space Grotesk",sans-serif;font-size:clamp(48px,6vw,83px)!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:0!important}.c3-hero-title mark{color:var(--c3-blue)!important;background:none!important}.c3-lead{max-width:620px;color:var(--c3-ink2);font-size:clamp(18px,2vw,21px);line-height:1.62;margin:28px 0 34px!important}.c3-since{color:#66748a;margin-top:34px!important}.c3-since strong{color:var(--c3-ink);font-family:"Space Grotesk",sans-serif;font-size:23px}

.c3-network{position:relative;min-height:570px;border:1px solid var(--c3-line);border-radius:26px;background-color:#eef3fa;background-image:linear-gradient(rgba(19,35,63,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(19,35,63,.06) 1px,transparent 1px),radial-gradient(circle at 60% 45%,rgba(85,214,232,.32),transparent 32%);background-size:32px 32px,32px 32px,auto;box-shadow:var(--c3-shadow);overflow:hidden}.c3-network-top{display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid rgba(19,35,63,.1);font-family:"IBM Plex Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.c3-core{position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%);border-radius:50%;background:var(--c3-blue);color:white;display:grid;place-items:center;text-align:center;box-shadow:0 0 0 16px rgba(30,94,255,.08),0 0 0 32px rgba(30,94,255,.04),0 22px 50px rgba(30,94,255,.32);font-family:"Space Grotesk",sans-serif;font-size:30px;font-weight:700}.c3-core small{display:block;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:400}.c3-node{position:absolute;min-width:138px;padding:14px 16px;border:1px solid rgba(19,35,63,.12);border-radius:13px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(19,35,63,.09)}.c3-node b{display:block;font-family:"Space Grotesk",sans-serif;font-size:14px}.c3-node small{color:#718096;font-family:"IBM Plex Mono",monospace;font-size:9px}.c3-n1{left:7%;top:20%}.c3-n2{right:7%;top:15%}.c3-n3{left:10%;bottom:17%}.c3-n4{right:8%;bottom:14%}

.c3-partners{padding:22px 0!important;background:var(--c3-ink);color:white}.c3-partner-row{gap:30px!important}.c3-partner-row p{margin:0!important;color:#dfe5ed;font-family:"Space Grotesk",sans-serif;font-size:13px;font-weight:600;white-space:nowrap}.c3-partner-label{color:#9da9bc!important}

.c3-services{background:white}.c3-section-head{display:grid!important;grid-template-columns:.55fr 1.45fr;gap:40px!important;align-items:start!important;margin-bottom:58px!important}.c3-service-grid{gap:0!important;border-top:1px solid var(--c3-line)}.c3-service{height:100%;padding:35px 34px 39px!important;border-bottom:1px solid var(--c3-line);border-right:1px solid var(--c3-line)}.c3-service-grid>.wp-block-column:nth-child(3n) .c3-service{border-right:0}.c3-service-number{display:grid;place-items:center;width:48px;height:48px;margin:0 0 38px!important;color:var(--c3-blue);border:1px solid #bfcdfd;border-radius:12px;background:#f4f7ff;font-family:"IBM Plex Mono",monospace}.c3-service h3{font-size:23px;letter-spacing:-.025em;margin:0 0 14px!important}.c3-service p{color:#5e6c82;font-size:15px}.c3-service-link{color:var(--c3-blue);font-size:13px;font-weight:700}

.c3-principle-grid{gap:62px!important;align-items:center!important}.c3-principle-visual{position:relative;min-height:560px;padding:38px!important;border-radius:22px;background:var(--c3-ink);color:white;overflow:hidden}.c3-principle-visual:after{content:"";position:absolute;inset:auto -12% -25% 15%;height:84%;border-radius:50% 50% 0 0;border:1px solid rgba(85,214,232,.23);box-shadow:0 0 0 32px rgba(85,214,232,.035),0 0 0 64px rgba(85,214,232,.025),0 0 0 96px rgba(85,214,232,.018)}.c3-big-statement{position:absolute;z-index:2;left:38px;right:38px;bottom:35px;font-family:"Space Grotesk",sans-serif;font-size:clamp(44px,6vw,78px);line-height:.95;letter-spacing:-.06em;margin:0!important}.c3-big-statement mark{color:var(--c3-cyan)!important;background:none!important}.c3-principle-copy h2{font-size:clamp(39px,5vw,64px)!important;line-height:1.06!important;letter-spacing:-.045em!important}.c3-principle-copy>p{color:var(--c3-ink2);font-size:18px}.c3-check{padding-top:17px!important;border-top:1px solid var(--c3-line);gap:14px!important}.c3-check-icon{flex:0 0 24px;display:grid!important;place-items:center;width:24px;height:24px;margin:0!important;border-radius:50%;background:var(--c3-signal);font-size:13px;font-weight:800}.c3-check p{margin:0!important;color:#66748a;font-size:14px}.c3-check strong{color:var(--c3-ink);font-family:"Space Grotesk",sans-serif}

.c3-cases{background:#eaf0f8}.c3-case-grid{gap:18px!important}.c3-case{position:relative;min-height:310px;height:100%;padding:34px!important;background:white;border:1px solid var(--c3-line);border-radius:var(--c3-radius);overflow:hidden}.c3-case:after{content:"";position:absolute;right:-44px;bottom:-44px;width:160px;height:160px;border:28px solid #edf2f9;border-radius:50%}.c3-case-tag{display:inline-block;padding:6px 9px;color:#526178;border:1px solid var(--c3-line);border-radius:6px}.c3-case h3{position:relative;z-index:2;margin-top:58px!important;font-size:27px}.c3-case p{position:relative;z-index:2;color:#65738a}.c3-tags{position:relative;z-index:2;gap:8px!important}.c3-tags p{padding:5px 9px;margin:0!important;background:#eef3ff;color:var(--c3-blue);border-radius:6px;font-size:11px;font-weight:700}

.c3-contact{padding-top:86px!important;padding-bottom:86px!important;background:var(--c3-blue);color:white}.c3-contact-grid{gap:70px!important;align-items:end!important}.c3-contact h2{font-size:clamp(44px,6vw,76px)!important;line-height:1.02!important;letter-spacing:-.05em!important}.c3-contact h2 mark{color:var(--c3-signal)!important;background:none!important}.c3-contact p{color:#dce6ff;font-size:18px}.c3-contact .wp-block-button{width:100%}.c3-contact .wp-block-button__link{width:100%;background:white;color:var(--c3-blue)}.c3-contact .is-style-outline .wp-block-button__link{background:transparent;color:white;border-color:rgba(255,255,255,.4)}

.c3-footer{padding-top:54px!important;padding-bottom:24px!important;background:#0e1a2f;color:white}.c3-footer-grid{gap:46px!important;padding-bottom:48px}.c3-footer h3{color:#8f9db1;font-family:"IBM Plex Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.c3-footer p,.c3-footer a{color:#d4dbe5;font-size:14px}.c3-footnote{padding-top:22px!important;border-top:1px solid rgba(255,255,255,.12);color:#8795aa;font-size:12px}.c3-footnote p{color:#8795aa;font-size:12px}

@media(max-width:1050px){.c3-header-phone{display:none}.c3-hero-grid,.c3-principle-grid{flex-wrap:wrap!important}.c3-hero-grid>.wp-block-column,.c3-principle-grid>.wp-block-column{flex-basis:100%!important}.c3-service-grid{flex-wrap:wrap!important}.c3-service-grid>.wp-block-column{flex-basis:50%!important}.c3-service-grid>.wp-block-column:nth-child(3n) .c3-service{border-right:1px solid var(--c3-line)}.c3-service-grid>.wp-block-column:nth-child(even) .c3-service{border-right:0}.c3-footer-grid{flex-wrap:wrap!important}.c3-footer-grid>.wp-block-column{flex-basis:45%!important}}
@media(max-width:782px){body.admin-bar .c3-header{top:46px}.c3-wrap{width:min(calc(100% - 28px),var(--c3-max))}.c3-header-inner{min-height:68px}.c3-support-link,.c3-brand-copy{display:none}.c3-section{padding-top:76px!important;padding-bottom:76px!important}.c3-hero{padding-top:51px!important;padding-bottom:54px!important}.c3-hero-title{font-size:clamp(45px,14vw,66px)!important}.c3-network{min-height:460px;border-radius:18px}.c3-core{width:130px;height:130px;font-size:24px}.c3-node{min-width:108px;padding:11px 12px}.c3-node b{font-size:12px}.c3-n1{left:4%;top:17%}.c3-n2{right:4%;top:13%}.c3-n3{left:4%;bottom:16%}.c3-n4{right:4%;bottom:12%}.c3-partner-row{overflow-x:auto!important;justify-content:flex-start!important}.c3-section-head{grid-template-columns:1fr;gap:15px!important;margin-bottom:38px!important}.c3-service-grid>.wp-block-column{flex-basis:100%!important}.c3-service{border-right:0!important}.c3-principle-visual{min-height:420px}.c3-case-grid,.c3-contact-grid,.c3-footer-grid{flex-wrap:wrap!important}.c3-case-grid>.wp-block-column,.c3-contact-grid>.wp-block-column,.c3-footer-grid>.wp-block-column{flex-basis:100%!important}.c3-footnote{align-items:flex-start!important;flex-direction:column!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}