/*
Theme Name: ITSP Premium
Theme URI: https://www.it-service-partner.com/
Author: IT-Service Partner
Description: Eigenständiges responsives Tech-Premium-Theme für IT-Service Partner, Multisite-kompatibel.
Version: 1.6.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: itsp-premium
*/

:root{--bg:#061727;--panel:#10283b;--cyan:#00e3ed;--white:#f7fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{max-width:1250px;margin:auto;padding:0 38px}.top{background:#102b40;border-bottom:1px solid #284358;font-size:12px}.top .container{display:flex;justify-content:space-between;gap:18px;padding-top:10px;padding-bottom:10px}.top span{color:var(--cyan);margin-right:8px}.nav{background:#061727eF;position:sticky;top:0;z-index:20;border-bottom:1px solid #183b50}.nav .container{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:25px}.logo{font-size:25px;font-weight:800;font-style:italic;letter-spacing:-1px;white-space:nowrap}.logo b{color:var(--cyan)}.logo small{display:block;font-size:9px;font-weight:400;font-style:normal;letter-spacing:2px}.links{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:bold}.outline,.primary{display:inline-block;border:1.5px solid var(--cyan);border-radius:5px;padding:11px 21px;font-weight:700;font-size:13px}.primary{background:var(--cyan);color:#031726}.outline:hover,.primary:hover{filter:brightness(1.13)}.menu{display:none;color:var(--cyan);background:none;border:1px solid var(--cyan);padding:7px 11px;border-radius:4px}.hero{position:relative;overflow:hidden;min-height:435px;background:linear-gradient(90deg,#061727 0%,#061727 37%,transparent 75%),url("assets/visual-1.webp") right center/auto 100% no-repeat,#061727}.hero .container{position:relative;padding-top:47px;padding-bottom:48px}.eyebrow{font-size:13px;font-weight:bold;letter-spacing:2px;color:var(--cyan)}h1{font-size:clamp(34px,4.3vw,56px);line-height:1.08;max-width:650px;margin:12px 0 15px;letter-spacing:-1.5px}h1 em{font-style:normal;color:var(--cyan)}.hero p{max-width:520px;font-size:17px;margin:0 0 18px}.ticks{list-style:none;padding:0;margin:0 0 25px}.ticks li:before{content:'✓';color:var(--cyan);font-weight:bold;margin-right:13px}.actions{display:flex;gap:15px;flex-wrap:wrap}.section{padding:27px 0 35px}.section h2{font-size:27px;margin:0 0 15px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.heading p{font-size:13px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.card{background:linear-gradient(145deg,#18364a,#091c2d);border:1px solid #31546a;border-radius:7px;padding:20px 15px;min-height:185px}.ico{font-size:31px;color:var(--cyan);line-height:1.2}.card h3{font-size:16px;line-height:1.2;margin:12px 0}.card p{font-size:13px;line-height:1.4;margin:0}.split{display:grid;grid-template-columns:1fr 1fr}.split article{min-height:260px;padding:20px 30px 25px 35%;background:linear-gradient(105deg,transparent 0%,#071c2c 34%),url("assets/visual-2.webp") left center/auto 100% no-repeat,#071c2c}.split article+article{background:linear-gradient(105deg,transparent 0%,#071c2c 37%),url("assets/visual-3.webp") left center/auto 100% no-repeat,#071c2c}.split h2{font-size:25px;margin:0 0 10px}.split p{font-size:14px;margin:0 0 10px}.split ul{list-style:none;padding:0;font-size:13px}.split li:before{content:'✓';color:var(--cyan);margin-right:10px}.munich{min-height:220px;background:linear-gradient(90deg,#0a2744 0%,#0a2744d9 26%,transparent 70%),url("assets/visual-4.webp") center center/cover no-repeat;display:flex;align-items:center}.munich h2{font-size:31px;margin:0}.munich p{max-width:450px;margin:6px 0 14px}.why{background:linear-gradient(130deg,#10283b,#061727);padding:23px 0 32px}.why h2{margin:0 0 16px}.benefits{display:grid;grid-template-columns:repeat(4,1fr)}.benefit{display:flex;gap:13px;padding:0 16px;border-right:1px solid #668096}.benefit:first-child{padding-left:0}.benefit:last-child{border:0}.benefit strong{display:block;font-size:14px}.benefit small{display:block;font-size:12px}.contact{background:linear-gradient(90deg,transparent 0%,#082338 30%),url("assets/visual-5.webp") left center/auto 100% no-repeat,#082338;min-height:180px;display:flex;align-items:center}.contact .container{width:100%;padding-left:30%}.contact h2{font-size:30px;margin:0}.contact p{margin:5px 0 15px}.contactline{display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:14px}footer{border-top:1px solid #294357;padding:22px 0;font-size:12px}footer .container{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}footer .links{font-size:12px}.note{font-size:11px;color:#91aabb;margin-top:15px}@media(max-width:900px){.links{gap:12px}.cards{grid-template-columns:repeat(3,1fr)}.split article{padding-left:28%;background-size:auto 100%}.benefits{grid-template-columns:repeat(2,1fr);gap:20px}.hero{background-position:right center}}@media(max-width:650px){.container{padding:0 20px}.top .container{flex-wrap:wrap}.nav .container{min-height:68px}.menu{display:block}.nav .links{display:none;position:absolute;top:68px;left:0;right:0;background:#071b2c;padding:20px;flex-direction:column;align-items:stretch}.nav .links.open{display:flex}.hero{background:linear-gradient(90deg,#061727e8,#061727ba),url("assets/visual-1.webp") center/cover no-repeat;min-height:auto}.hero .container{padding-top:52px;padding-bottom:55px}h1{font-size:38px}.heading{display:block}.cards{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.split article,.split article+article{padding:24px 25px 25px 38%;min-height:260px}.munich{background:linear-gradient(90deg,#0a2744e8,#0a27449c),url("assets/visual-4.webp") center/cover}.benefits{grid-template-columns:1fr 1fr}.benefit{padding:0;border:0}.contact{background:linear-gradient(90deg,#082338d9,#082338e8),url("assets/visual-5.webp") center/cover}.contact .container{padding:30px 20px}.contactline{gap:15px}.logo{font-size:21px}}@media(max-width:390px){.cards,.benefits{grid-template-columns:1fr}.split article,.split article+article{padding-left:25px;background:linear-gradient(90deg,#071c2ce8,#071c2cdb),url("assets/visual-2.webp") center/cover}.split article+article{background:linear-gradient(90deg,#071c2ce8,#071c2cdb),url("assets/visual-3.webp") center/cover}}

/* WordPress integration */
.admin-bar .nav{top:32px} .site-content{min-height:50vh;padding:75px 0}.site-content h1{font-size:clamp(32px,5vw,55px);line-height:1.15}.site-content a:not(.primary):not(.outline){color:var(--cyan)}.entry-body{max-width:950px;line-height:1.85}.entry-body img{max-width:100%;height:auto}.entry-body p{margin:0 0 1.25em}.entry-body h2,.entry-body h3{margin:1.5em 0 .5em}.wp-block-image img{height:auto}.itsp-form{max-width:800px;margin:25px auto}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);overflow:hidden}.menu-items{display:flex;gap:25px;align-items:center;list-style:none;margin:0;padding:0}.menu-items li{list-style:none}.menu-items a:hover{color:var(--cyan)}.current-menu-item>a{color:var(--cyan)}.nav .links{gap:15px}.nav .links .menu-items{gap:18px}@media(max-width:800px){.menu-items{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.nav .links{flex-direction:column;align-items:flex-start}.admin-bar .nav{top:46px}}

/* Native Gutenberg page content */
.entry-body .wp-block-heading{font-size:clamp(23px,3vw,32px);line-height:1.25;color:#fff;margin:1.4em 0 .35em}.entry-body p{font-size:17px;max-width:790px;color:#d6e5ee}.entry-body a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.entry-body{padding:20px 0 45px}.site-content article{background:linear-gradient(145deg,#0e273b,#061727);border:1px solid #23465b;border-radius:12px;padding:clamp(20px,4vw,55px)}.site-content{padding:45px 0 70px}.itsp-form{margin:30px 0;max-width:760px}.menu-items .sub-menu{display:none;position:absolute;list-style:none;background:#0c2538;padding:14px;border:1px solid #31546a;z-index:25;min-width:180px}.menu-items li:hover>.sub-menu,.menu-items li:focus-within>.sub-menu{display:block}.menu-items li{position:relative}.menu-items .sub-menu li{margin:8px 0}@media(max-width:800px){.menu-items .sub-menu{display:block;position:static;border:0;padding:5px 0 5px 15px;background:transparent}}


/* Service-page design system, v1.1 */
.itsp-subpage h2{font-size:clamp(26px,3vw,38px);line-height:1.18;letter-spacing:-.6px}
.itsp-page-hero{background:radial-gradient(ellipse at 90% 15%,#123b50 0%,transparent 50%),linear-gradient(120deg,#071b2b,#061727);border-bottom:1px solid #24455a}
.itsp-page-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:46px;padding-top:68px;padding-bottom:68px;min-height:475px}
.itsp-page-hero h1{font-size:clamp(39px,4.3vw,59px);margin:13px 0 20px}.itsp-page-hero h2{font-size:clamp(21px,2.1vw,29px);color:#00e3ed;margin:0 0 18px}.itsp-page-hero p{color:#c9dbe5;font-size:17px;line-height:1.8;max-width:610px;margin:0 0 25px}
.itsp-page-image{position:relative;min-height:320px;overflow:hidden;border:1px solid #2d5669;border-radius:12px;background:#0c2b40;box-shadow:0 25px 65px #0006}
.itsp-page-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00e3ed12,transparent 65%);pointer-events:none}.itsp-page-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.itsp-page-services{padding:76px 0 83px}.itsp-page-services h2{margin:12px 0 30px}.itsp-page-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.itsp-page-card{padding:30px 32px;background:linear-gradient(145deg,#142f43,#0a1e2f);border:1px solid #2c5064;border-radius:10px;min-height:195px}.itsp-card-index{color:#00e3ed;font-size:13px;font-weight:800;letter-spacing:2px}.itsp-page-card h3{font-size:23px;margin:14px 0 12px}.itsp-page-card p{color:#c5d8e4;line-height:1.7;margin:0}
.itsp-page-process{padding:70px 0;background:#10283b;border-top:1px solid #2a4659;border-bottom:1px solid #2a4659}.itsp-page-process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.itsp-page-process h2{margin:12px 0}.itsp-page-process p{color:#c9dbe5;line-height:1.75}.itsp-page-process ol{counter-reset:itsp;list-style:none;margin:0;padding:0}.itsp-page-process li{counter-increment:itsp;display:flex;align-items:baseline;gap:22px;border-bottom:1px solid #355267;padding:17px 0;font-size:17px;line-height:1.65}.itsp-page-process li:before{content:counter(itsp,decimal-leading-zero);color:#00e3ed;font-weight:800;font-size:17px}
.itsp-page-editor{padding:55px 0}.itsp-page-editor-inner{max-width:960px;margin:auto}.itsp-page-editor .entry-body{columns:2;column-gap:55px;color:#c9dbe5;line-height:1.75}.itsp-page-editor .entry-body h2,.itsp-page-editor .entry-body h3{break-after:avoid;break-inside:avoid;color:#f7fbff;margin:24px 0 10px}.itsp-page-editor .entry-body h2{font-size:22px}.itsp-page-editor .entry-body p{break-inside:avoid;margin:0 0 20px}.itsp-page-editor a{color:#00e3ed;text-decoration:underline}
.itsp-page-cta{padding:45px 0;background:linear-gradient(90deg,#0e3246,#061727);border-top:1px solid #2c5364}.itsp-page-cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.itsp-page-cta h2{margin:9px 0}.itsp-page-cta p{color:#c9dbe5;margin:0}.itsp-page-cta .primary{white-space:nowrap}
.itsp-form-section{padding:70px 0;background:#0b2436}.itsp-form-section .itsp-form{max-width:850px;margin:25px auto 0;padding:32px;background:#102f43;border:1px solid #31536a;border-radius:12px}.itsp-form-section h2{margin:10px 0}
.itsp-page-fallback{padding:55px 0 80px}.itsp-page-fallback article{background:#10283b;border:1px solid #294c60;border-radius:10px;padding:45px 55px}.itsp-page-fallback .entry-body{color:#c9dbe5;line-height:1.8}.itsp-page-fallback a{color:#00e3ed;text-decoration:underline}
@media(max-width:800px){.itsp-page-hero-grid{grid-template-columns:1fr;gap:28px;padding-top:42px;padding-bottom:50px}.itsp-page-image{min-height:270px}.itsp-page-process-grid{grid-template-columns:1fr;gap:18px}.itsp-page-editor .entry-body{columns:1}}
@media(max-width:600px){.itsp-page-cards{grid-template-columns:1fr}.itsp-page-services{padding:50px 0}.itsp-page-card{min-height:0;padding:24px}.itsp-page-cta .container{display:block}.itsp-page-cta .primary{margin-top:22px}.itsp-page-fallback article{padding:24px}.itsp-form-section .itsp-form{padding:18px}}

/* Universal content-first templates v1.2 */
.itsp-universal-heading{padding:75px 0 56px;background:radial-gradient(ellipse at 90% 0,#153c50,transparent 55%),#0b2234;border-bottom:1px solid #294d60}
.itsp-universal-heading h1{max-width:1000px;margin:14px 0 0}.itsp-universal-heading p{color:#c9dbe5;font-size:17px;max-width:750px}
.itsp-universal-content{padding:58px 0 80px}.itsp-content-panel{background:linear-gradient(145deg,#102b3f,#0a2031);border:1px solid #315267;border-radius:12px;padding:clamp(24px,4vw,58px);box-shadow:0 15px 45px #0002;overflow-wrap:anywhere}
.itsp-content-panel .entry-body{max-width:100%;padding:0;color:#d8e6ef;font-size:17px;line-height:1.85}
.itsp-content-panel .entry-body p{max-width:100%;color:#d8e6ef}.itsp-content-panel .entry-body h2{font-size:clamp(25px,2.6vw,34px);margin:1.7em 0 .5em}.itsp-content-panel .entry-body h3{font-size:clamp(21px,2vw,27px);margin:1.5em 0 .5em}
.itsp-content-panel .entry-body h2:first-child,.itsp-content-panel .entry-body h3:first-child{margin-top:0}
.itsp-content-panel .entry-body ul,.itsp-content-panel .entry-body ol{padding-left:1.4em;margin:0 0 1.7em}.itsp-content-panel .entry-body li{margin:.5em 0}.itsp-content-panel .entry-body li::marker{color:var(--cyan)}
.itsp-content-panel .entry-body a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.itsp-content-panel .entry-body blockquote{margin:30px 0;padding:20px 30px;border-left:4px solid var(--cyan);background:#102d42}
.itsp-content-panel .entry-body .wp-block-columns{gap:25px}.itsp-content-panel .entry-body .wp-block-column{min-width:0}.itsp-content-panel .entry-body .wp-block-group{border-radius:9px}.itsp-content-panel .entry-body .wp-block-button__link{background:var(--cyan);color:#031726;text-decoration:none}
.itsp-content-panel .entry-body table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}.itsp-content-panel .entry-body td,.itsp-content-panel .entry-body th{border:1px solid #3c5a6e;padding:12px}.itsp-content-panel .entry-body img,.itsp-featured{max-width:100%;height:auto;border-radius:8px}
.itsp-page-hero .itsp-page-lead{font-size:18px}.itsp-legal .itsp-content-panel{max-width:1040px;margin:auto}.itsp-legal .itsp-content-panel .entry-body{font-size:16px}.itsp-legal .itsp-content-panel .entry-body h2{font-size:26px}
.itsp-contact-inline{border-top:1px solid #315267;margin-top:32px;padding-top:22px;scroll-margin-top:110px}.itsp-contact-inline h2{font-size:29px}.itsp-contact-inline .itsp-form{max-width:820px}
.itsp-post-list{display:grid;gap:24px}.itsp-post-list h2{margin-top:0}.itsp-post-list h2 a:hover{color:var(--cyan)}.itsp-meta{color:#a9c2d2}.itsp-post-list .navigation.pagination{padding:20px}.itsp-post-list .page-numbers{padding:7px 12px;color:var(--cyan)}
.itsp-content-panel .entry-body .alignwide{max-width:100%}.itsp-content-panel .entry-body iframe{max-width:100%}
@media(max-width:650px){.itsp-universal-heading{padding:45px 0 36px}.itsp-universal-content{padding:30px 0 50px}.itsp-content-panel{padding:22px}.itsp-content-panel .entry-body{font-size:16px}.itsp-page-hero-grid{min-height:0}}

/* v1.3: accessible linked homepage cards */
.itsp-linked-card{display:flex;flex-direction:column;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.itsp-linked-card:hover,.itsp-linked-card:focus-visible{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 12px 30px #0005;outline-offset:3px}
.itsp-card-more{margin-top:auto;padding-top:16px;color:var(--cyan);font-size:13px;font-weight:700}
.itsp-linked-card h3,.itsp-linked-card p{color:inherit}

/* v1.4: restore distinct, balanced service cards and editable content section */
.itsp-page-services{background:linear-gradient(180deg,#071a2a,#0a2132)}
.itsp-page-cards{align-items:stretch}
.itsp-page-card{display:flex;flex-direction:column;box-shadow:0 12px 34px #0002;transition:transform .2s,border-color .2s}
.itsp-page-card:hover{transform:translateY(-3px);border-color:#00e3ed88}
.itsp-page-card h3{line-height:1.25}
.itsp-page-card p{max-width:65ch}
.itsp-page-editor{background:#061727;padding:65px 0 75px}
.itsp-page-editor-inner{max-width:1050px}
.itsp-page-editor .entry-body{columns:initial;column-gap:initial;max-width:100%;padding:20px 0 0}
.itsp-page-editor .entry-body>h2,.itsp-page-editor .entry-body>.wp-block-heading{margin:34px 0 15px}
.itsp-page-editor .entry-body p{max-width:90ch}
.itsp-page-editor .entry-body .wp-block-columns{display:flex;gap:24px;flex-wrap:wrap}
.itsp-page-editor .entry-body .wp-block-column{flex:1 1 260px}
.itsp-page-editor .entry-body .wp-block-group{padding:22px;border:1px solid #2c5064;border-radius:10px;background:#10283b}
.itsp-legal .itsp-universal-content{padding:55px 0}
@media(max-width:700px){.itsp-page-cards{grid-template-columns:1fr}.itsp-page-editor{padding:42px 0}}

/* v1.5 navigation: nested menus, touch controls and responsive header */
.nav .container{min-width:0;gap:20px}
.nav .logo{flex:0 0 auto}
.nav .links{min-width:0;margin-left:auto}
.nav .menu-items{display:flex;align-items:center;gap:clamp(9px,1.2vw,18px);flex-wrap:nowrap}
.nav .menu-items>li{position:relative;white-space:nowrap}
.nav .menu-items>li>a{display:inline-flex;align-items:center;min-height:44px}
.nav .menu-items .sub-menu{top:100%;left:0;min-width:220px;max-width:min(320px,90vw);margin:0;padding:10px;background:#0b2538;border:1px solid #31546a;border-radius:8px;box-shadow:0 14px 32px #0008}
.nav .menu-items .sub-menu li{margin:0;white-space:normal}
.nav .menu-items .sub-menu a{display:block;padding:10px 12px;line-height:1.35;border-radius:5px}
.nav .menu-items .sub-menu a:hover,.nav .menu-items .sub-menu a:focus-visible{background:#173b50;color:var(--cyan)}
.nav .menu-items li.submenu-open>.sub-menu{display:block}
.nav .submenu-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:34px;margin-left:3px;border:0;background:transparent;color:var(--cyan);font-size:20px;vertical-align:middle}
.nav .submenu-toggle:focus-visible,.nav a:focus-visible,.nav .menu:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(min-width:1051px){.nav .menu{display:none}.nav .links{display:flex}.nav .menu-items{flex-direction:row}.nav .menu-items .sub-menu{position:absolute;display:none}.nav .menu-items li:hover>.sub-menu,.nav .menu-items li:focus-within>.sub-menu{display:block}}
@media(max-width:1050px){
 .nav .container{min-height:72px}
 .nav .menu{display:block;flex:0 0 auto;margin-left:auto}
 .nav .links{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:#071b2c;padding:14px max(20px,calc((100vw - 1174px)/2));max-height:calc(100vh - 110px);overflow-y:auto;border-bottom:1px solid #31546a;box-shadow:0 15px 25px #0007}
 .nav .links.open{display:block}
 .nav .menu-items{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .nav .menu-items>li{white-space:normal;border-bottom:1px solid #23475b}
 .nav .menu-items>li>a{padding:9px 0}
 .nav .menu-items .sub-menu{display:none;position:static;min-width:0;max-width:none;margin:0 0 10px 12px;padding:4px 0 4px 12px;box-shadow:none;background:transparent;border:0;border-left:2px solid #31546a;border-radius:0}
 .nav .menu-items li.submenu-open>.sub-menu{display:block}
 .nav .submenu-toggle{float:right;margin-top:6px;width:42px;height:42px;border:1px solid #31546a;border-radius:5px}
}
@media(max-width:480px){.nav .logo{font-size:19px}.nav .logo small{font-size:7px;letter-spacing:1.5px}.nav .container{gap:8px}.nav .menu{font-size:13px;padding:7px}}

/* v1.6: meaningful, consistent line icons replace repeated 01-04 labels. */
.itsp-card-icon,.itsp-home-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid rgba(0,227,237,.24);border-radius:12px;background:rgba(0,227,237,.085);color:#00e3ed;flex-shrink:0;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.itsp-line-icon{display:block;width:29px;height:29px}
.itsp-page-card:hover .itsp-card-icon,.itsp-linked-card:hover .itsp-home-icon{background:rgba(0,227,237,.15);box-shadow:0 0 20px rgba(0,227,237,.12);transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.itsp-card-icon,.itsp-home-icon{transition:none}}