/*
Theme Name: Shop Theme SEO
Theme URI: https://shop-theme-seo.de/
Author: Frank Saltheim
Description: Eigenständiges WordPress-Agenturtheme für Webdesign, Themes, SEO, Bildbearbeitung und Hosting in Magenta und Petrol.
Version: 1.2.3
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: shop-theme-seo
*/

:root{--petrol:#073f46;--petrol-2:#0b5961;--petrol-3:#0d7078;--orange:#d51f69;--orange-2:#d51f69;--cream:#f3f7f7;--ink:#15343a;--muted:#60777b;--line:#dce8e8;--white:#fff;--shadow:0 22px 60px rgba(4,54,61,.13);--radius:24px;--shell:min(1180px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit}.site-shell{width:var(--shell);margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;z-index:100;top:0;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(7,63,70,.94);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:78px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--orange);font-size:21px;font-weight:900;transform:rotate(-5deg)}.brand__text{display:flex;flex-direction:column;line-height:1.05}.brand__text strong{font-size:19px;letter-spacing:-.02em}.brand__text span{margin-top:5px;color:#a9d2d5;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.custom-logo{display:block;max-width:240px;max-height:54px;width:auto}.main-menu{display:flex;align-items:center;gap:28px;margin:0;padding:0;list-style:none}.main-menu a{color:#eaf6f6;text-decoration:none;font-size:14px;font-weight:750}.main-menu a:hover{color:var(--orange-2)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:999px;background:var(--orange);color:#fff;text-decoration:none;font-weight:850;box-shadow:0 10px 28px rgba(213,31,105,.3);transition:.2s}.header-cta:hover,.button:hover{background:#d51f69;transform:translateY(-2px)}.button--outline{border:1px solid rgba(255,255,255,.45);background:transparent;box-shadow:none}.button--outline:hover{border-color:#fff;background:rgba(255,255,255,.1)}.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:28px}.hero{position:relative;overflow:hidden;min-height:720px;background:linear-gradient(125deg,#052f35 0%,#07535b 55%,#0a6971 100%);color:#fff}.hero:after{content:"";position:absolute;right:-160px;top:-210px;width:620px;height:620px;border:110px solid rgba(255,255,255,.05);border-radius:50%}.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;padding:92px 0 150px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--orange-2);font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:34px;height:3px;border-radius:3px;background:currentColor}.hero h1{max-width:720px;margin:0 0 23px;font-size:clamp(47px,6.2vw,78px);line-height:.99;letter-spacing:-.055em}.hero h1 span{color:var(--orange-2)}.hero__lead{max-width:660px;margin:0;color:#d3e9ea;font-size:clamp(18px,2vw,21px);line-height:1.65}.hero__actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.hero__visual{position:relative}.hero__visual img{display:block;filter:drop-shadow(0 35px 45px rgba(0,0,0,.24))}.hero__badge{position:absolute;right:4%;bottom:2%;padding:14px 17px;border:1px solid rgba(255,255,255,.28);border-radius:17px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);font-size:13px;font-weight:800}.wave-bottom{position:absolute;z-index:3;right:-2px;bottom:-2px;left:-2px;height:125px;color:#fff}.wave-bottom svg{display:block;width:100%;height:100%;fill:currentColor}.intro{padding:58px 0 70px;text-align:center}.intro h2,.section-heading h2{margin:0;color:var(--ink);font-size:clamp(34px,4.5vw,54px);line-height:1.1;letter-spacing:-.04em}.intro p{max-width:800px;margin:20px auto 0;color:var(--muted);font-size:18px}.services{padding:72px 0 110px;background:var(--cream)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading p{max-width:530px;margin:0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{position:relative;overflow:hidden;padding:34px 31px 30px;border:1px solid #d9e5e6;border-radius:var(--radius);background:#fff;box-shadow:0 12px 34px rgba(4,54,61,.07)}.service-card:before{content:"";position:absolute;right:-28px;top:-28px;width:104px;height:104px;border-radius:50%;background:rgba(213,31,105,.1)}.service-card__number{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:var(--petrol);color:#fff;font-size:18px;font-weight:900}.service-card h3{margin:25px 0 14px;font-size:25px;line-height:1.18;letter-spacing:-.025em}.service-card p{margin:0 0 16px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:6px;color:var(--petrol-2);font-weight:850;text-decoration:none}.text-link:after{content:"→";color:var(--orange);transition:.2s}.text-link:hover:after{transform:translateX(4px)}.image-break{position:relative;min-height:500px;overflow:hidden;background:var(--petrol);color:#fff}.image-break__art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,48,54,.97) 0%,rgba(5,48,54,.74) 49%,rgba(5,48,54,.12) 100%),url('assets/images/strategy-wave.svg') center/cover no-repeat}.image-break__content{position:relative;z-index:2;max-width:590px;padding:125px 0 135px}.image-break h2{margin:0 0 20px;font-size:clamp(36px,4.5vw,58px);line-height:1.05;letter-spacing:-.045em}.image-break p{color:#d5e8e9;font-size:18px}.wave-top,.image-break .wave-bottom{position:absolute;z-index:3;right:-2px;left:-2px;height:82px;color:var(--cream)}.wave-top{top:-2px;transform:rotate(180deg)}.image-break .wave-bottom{bottom:-2px}.process{padding:90px 0;background:var(--cream)}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.process-list{display:grid;gap:14px}.process-item{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:22px;border-radius:18px;background:#fff}.process-item b{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e5f2f2;color:var(--petrol-2)}.process-item h3{margin:1px 0 5px;font-size:19px}.process-item p{margin:0;color:var(--muted);font-size:15px}.seo-copy{padding:90px 0}.seo-copy__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.seo-copy article{padding-top:24px;border-top:4px solid var(--orange)}.seo-copy h2{font-size:25px;line-height:1.2}.seo-copy p{color:var(--muted)}.cta{padding:80px 0}.cta__box{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:50px 56px;border-radius:32px;background:var(--orange);color:#fff;box-shadow:var(--shadow)}.cta__box:after{content:"";position:absolute;right:-80px;bottom:-155px;width:330px;height:330px;border:65px solid rgba(255,255,255,.13);border-radius:50%}.cta h2{position:relative;z-index:1;max-width:700px;margin:0;font-size:clamp(31px,4vw,48px);line-height:1.08}.cta .button{position:relative;z-index:1;flex:0 0 auto;background:var(--petrol);box-shadow:none}.page-shell{padding:70px 0;min-height:60vh}.entry{max-width:900px;margin:auto}.entry h1{font-size:clamp(38px,5vw,60px);line-height:1.07}.entry-content{font-size:17px}.entry-content h2{margin-top:42px;color:var(--petrol)}.site-footer{margin-top:40px;background:#052f35;color:#d4e7e8}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px;padding:65px 0}.site-footer h2{margin-top:0;color:#fff;font-size:17px}.site-footer p{max-width:430px;color:#a9c6c8}.footer-menu{margin:0;padding:0;list-style:none}.footer-menu li{margin:9px 0}.footer-menu a{color:#d4e7e8;text-decoration:none}.footer-bottom{padding:19px 0;border-top:1px solid rgba(255,255,255,.1);color:#9ab9bb;font-size:13px}@media(max-width:920px){.main-nav{display:none;position:absolute;top:78px;right:0;left:0;padding:20px;background:var(--petrol)}.main-nav.is-open{display:block}.main-menu{align-items:flex-start;flex-direction:column}.menu-toggle{display:block}.header-cta{display:none}.hero__inner,.process-grid{grid-template-columns:1fr}.hero__visual{max-width:620px;margin:auto}.service-grid,.seo-copy__grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.cta__box{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){:root{--shell:min(100% - 28px,1180px)}.hero{min-height:auto}.hero__inner{padding:65px 0 125px}.hero h1{font-size:44px}.hero__visual{margin-top:20px}.wave-bottom{height:78px}.services,.process,.seo-copy{padding:62px 0}.service-card{padding:27px 23px}.image-break__content{padding:110px 0}.cta{padding:55px 0}.cta__box{padding:36px 25px}.footer-grid{grid-template-columns:1fr}}