.nd-page { --nd-accent: #1B5EA6; --nd-accent-dark: #154d8a; --nd-dark: #1a2332; --nd-text: #2c3e50; --nd-text-light: #666; --nd-bg-light: #f8f9fb; --nd-card-shadow: 0 4px 20px rgba(0,0,0,0.08); --nd-card-hover-shadow: 0 8px 32px rgba(27,94,166,0.18); font-family: Arial, sans-serif; color: var(--nd-text); margin: 0; } .nd-hero { position: relative; height: 320px; background: image-set(url('assets/Sudhause05.webp') type('image/webp'), url('assets/Sudhause05.png') type('image/png')) center 35% / cover no-repeat; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; } .nd-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(26,35,50,0.82) 0%, rgba(27,94,166,0.68) 100%); } .nd-hero-content { position: relative; z-index: 1; padding: 0 24px; } .nd-hero-label { font-family: Arial, sans-serif; font-size: 0.78rem; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: rgba(255,255,255,0.7); margin-bottom: 14px; display: block; } .nd-hero-h1 { font-family: Arial, sans-serif; font-size: 3rem; font-weight: 700; color: #fff; margin: 0 0 14px; letter-spacing: -0.5px; } .nd-hero-sub { font-family: Arial, sans-serif; font-size: 1.1rem; color: rgba(255,255,255,0.82); font-weight: 300; letter-spacing: 0.3px; margin: 0; } .nd-section { padding: 72px 0; background: #fff; } .nd-section--alt { background: var(--nd-bg-light); } .nd-inner { max-width: 1200px; margin: 0 auto; padding: 0 32px; } .nd-section-header { text-align: center; margin-bottom: 52px; } .nd-section-label { font-family: Arial, sans-serif; font-size: 0.73rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--nd-accent); display: block; margin-bottom: 10px; } .nd-section-title { font-family: Arial, sans-serif; font-size: 2rem; font-weight: 700; color: var(--nd-dark); margin: 0; letter-spacing: -0.3px; } .nd-section-divider { width: 48px; height: 3px; background: var(--nd-accent); margin: 16px auto 0; border-radius: 2px; } .nd-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .nd-card { background: #fff; border-radius: 10px; padding: 28px 24px; box-shadow: var(--nd-card-shadow); border-top: 3px solid transparent; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; display: flex; flex-direction: column; } .nd-section--alt .nd-card { background: #fff; } .nd-card:hover { transform: translateY(-4px); box-shadow: var(--nd-card-hover-shadow); border-top-color: var(--nd-accent); } .nd-card-icon { width: 44px; height: 44px; background: rgba(27,94,166,0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 1.1rem; color: var(--nd-accent); flex-shrink: 0; } .nd-card-title { font-family: Arial, sans-serif; font-size: 1rem; font-weight: 700; color: var(--nd-dark); margin: 0 0 10px; } .nd-card-text { font-size: 0.9rem; color: var(--nd-text-light); line-height: 1.65; margin: 0; flex: 1; } .nd-card-logo { margin-top: 16px; padding-top: 14px; border-top: 1px solid #f0f0f0; } .nd-card-logo img { max-height: 34px; width: auto; opacity: 0.75; display: block; } .nd-card-ext { display: inline-block; margin-top: 14px; font-size: 0.82rem; color: var(--nd-accent); text-decoration: none; font-weight: 600; font-family: Arial, sans-serif; } .nd-card-ext:hover { text-decoration: underline; } .nd-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .nd-feature-item { display: flex; flex-direction: column; gap: 16px; } .nd-feature-icon { width: 54px; height: 54px; background: var(--nd-accent); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; color: #fff; flex-shrink: 0; } .nd-feature-title { font-family: Arial, sans-serif; font-size: 1.05rem; font-weight: 700; color: var(--nd-dark); margin: 0 0 8px; } .nd-feature-text { font-size: 0.92rem; color: var(--nd-text-light); line-height: 1.7; margin: 0; } .nd-cta { background: var(--nd-accent); padding: 64px 0; text-align: center; } .nd-cta-label { font-family: Arial, sans-serif; font-size: 0.73rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,0.7); display: block; margin-bottom: 14px; } .nd-cta-title { font-family: Arial, sans-serif; font-size: 1.85rem; font-weight: 700; color: #fff; margin: 0 0 28px; letter-spacing: -0.3px; } .nd-cta-btn { display: inline-block; background: #fff; color: var(--nd-accent); font-family: Arial, sans-serif; font-size: 0.88rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; padding: 15px 36px; border-radius: 4px; transition: background 0.2s, transform 0.2s; } .nd-cta-btn:hover { background: rgba(255,255,255,0.9); transform: translateY(-2px); } .details-motion .nd-anim { opacity: 0; transform: translateY(22px); transition: opacity 0.55s ease, transform 0.55s ease; } .details-motion .nd-anim.nd-visible { opacity: 1; transform: none; } .nd-anim[data-delay="100"] { transition-delay: 0.10s; } .nd-anim[data-delay="150"] { transition-delay: 0.15s; } .nd-anim[data-delay="200"] { transition-delay: 0.20s; } .nd-anim[data-delay="250"] { transition-delay: 0.25s; } .nd-anim[data-delay="300"] { transition-delay: 0.30s; } .nd-anim[data-delay="350"] { transition-delay: 0.35s; } .nd-anim[data-delay="400"] { transition-delay: 0.40s; } .nd-anim[data-delay="450"] { transition-delay: 0.45s; } .nd-anim[data-delay="500"] { transition-delay: 0.50s; }@media (max-width: 960px) { .nd-grid { grid-template-columns: repeat(2, 1fr); } .nd-feature-grid { grid-template-columns: repeat(2, 1fr); } .nd-hero-h1 { font-size: 2.4rem; } .nd-section-title { font-size: 1.7rem; }}@media (max-width: 580px) { .nd-grid { grid-template-columns: 1fr; } .nd-feature-grid { grid-template-columns: 1fr; } .nd-hero { height: 260px; } .nd-hero-h1 { font-size: 1.9rem; } .nd-inner { padding: 0 18px; } .nd-section { padding: 52px 0; } .nd-cta-title { font-size: 1.4rem; }} 
.nu-page{--nu-accent:#1B5EA6;--nu-accent-dark:#154d8a;--nu-dark:#1a2332;--nu-text:#2c3e50;--nu-text-light:#666;--nu-bg-light:#f8f9fb;--nu-card-shadow:0 4px 20px rgba(0,0,0,0.08);--nu-card-hover-shadow:0 8px 32px rgba(27,94,166,0.18);font-family:Arial,sans-serif;color:var(--nu-text);margin:0;}.nu-hero{position:relative;height:320px;background:linear-gradient(135deg,#0f1923 0%,#1a3a6a 55%,#1B5EA6 100%);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}.nu-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}.nu-hero-content{position:relative;z-index:1;padding:0 24px;}.nu-hero-label{font-family:Arial,sans-serif;font-size:0.78rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,0.7);margin-bottom:14px;display:block;}.nu-hero-h1{font-family:Arial,sans-serif;font-size:3rem;font-weight:700;color:#fff;margin:0 0 14px;letter-spacing:-0.5px;}.nu-hero-sub{font-family:Arial,sans-serif;font-size:1.1rem;color:rgba(255,255,255,0.82);font-weight:300;letter-spacing:0.3px;margin:0;}.nu-section{padding:72px 0;background:#fff;}.nu-section--alt{background:var(--nu-bg-light);}.nu-inner{max-width:1200px;margin:0 auto;padding:0 32px;}.nu-section-header{text-align:center;margin-bottom:52px;}.nu-section-label{font-family:Arial,sans-serif;font-size:0.73rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--nu-accent);display:block;margin-bottom:10px;}.nu-section-title{font-family:Arial,sans-serif;font-size:2rem;font-weight:700;color:var(--nu-dark);margin:0;letter-spacing:-0.3px;}.nu-section-divider{width:48px;height:3px;background:var(--nu-accent);margin:16px auto 0;border-radius:2px;}.nu-profile-grid{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start;}.nu-intro-lead{font-size:1.08rem;line-height:1.8;color:var(--nu-text);}.nu-intro-lead p{margin:0 0 16px;}.nu-intro-lead p:last-child{margin-bottom:0;}.nu-botec-card{background:#fff;border-radius:12px;padding:32px 28px;box-shadow:var(--nu-card-shadow);border-top:4px solid var(--nu-accent);}.nu-botec-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(27,94,166,0.08);color:var(--nu-accent);font-family:Arial,sans-serif;font-size:0.73rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 12px;border-radius:20px;margin-bottom:16px;}.nu-botec-title{font-family:Arial,sans-serif;font-size:1.1rem;font-weight:700;color:var(--nu-dark);margin:0 0 12px;}.nu-botec-text{font-size:0.92rem;color:var(--nu-text-light);line-height:1.7;margin:0 0 10px;}.nu-botec-text:last-child{margin-bottom:0;}.nu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.nu-card{background:#fff;border-radius:10px;padding:28px 24px;box-shadow:var(--nu-card-shadow);border-top:3px solid transparent;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;}.nu-card:hover{transform:translateY(-4px);box-shadow:var(--nu-card-hover-shadow);border-top-color:var(--nu-accent);}.nu-card-icon{width:44px;height:44px;background:rgba(27,94,166,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:1.1rem;color:var(--nu-accent);}.nu-card-title{font-family:Arial,sans-serif;font-size:1rem;font-weight:700;color:var(--nu-dark);margin:0 0 10px;}.nu-card-text{font-size:0.9rem;color:var(--nu-text-light);line-height:1.65;margin:0;}.nu-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;}.nu-feature-item{display:flex;gap:20px;align-items:flex-start;}.nu-feature-icon{width:54px;height:54px;min-width:54px;background:var(--nu-accent);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;}.nu-feature-title{font-family:Arial,sans-serif;font-size:1.05rem;font-weight:700;color:var(--nu-dark);margin:0 0 8px;}.nu-feature-text{font-size:0.92rem;color:var(--nu-text-light);line-height:1.7;margin:0;}.nu-cta{background:var(--nu-accent);padding:64px 0;text-align:center;}.nu-cta-label{font-family:Arial,sans-serif;font-size:0.73rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.7);display:block;margin-bottom:14px;}.nu-cta-title{font-family:Arial,sans-serif;font-size:1.85rem;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-0.3px;}.nu-cta-contact{font-size:1rem;color:rgba(255,255,255,0.85);margin:0 0 28px;line-height:2;}.nu-cta-contact a{color:#d0e8f8;text-decoration:none;}.nu-cta-contact a:hover{text-decoration:underline;}.nu-cta-btn{display:inline-block;background:#fff;color:var(--nu-accent);font-family:Arial,sans-serif;font-size:0.88rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;padding:15px 36px;border-radius:4px;transition:background 0.2s,transform 0.2s;}.nu-cta-btn:hover{background:rgba(255,255,255,0.9);transform:translateY(-2px);}.details-motion .nu-anim{opacity:0;transform:translateY(22px);transition:opacity 0.55s ease,transform 0.55s ease;}.details-motion .nu-anim.nu-visible{opacity:1;transform:none;}.nu-anim[data-delay="100"]{transition-delay:0.10s;}.nu-anim[data-delay="150"]{transition-delay:0.15s;}.nu-anim[data-delay="200"]{transition-delay:0.20s;}.nu-anim[data-delay="250"]{transition-delay:0.25s;}.nu-anim[data-delay="300"]{transition-delay:0.30s;}.nu-anim[data-delay="400"]{transition-delay:0.40s;}@media (max-width:960px){.nu-profile-grid{grid-template-columns:1fr;}.nu-grid{grid-template-columns:repeat(2,1fr);}.nu-hero-h1{font-size:2.4rem;}.nu-section-title{font-size:1.7rem;}}@media (max-width:580px){.nu-grid{grid-template-columns:1fr;}.nu-feature-grid{grid-template-columns:1fr;}.nu-hero{height:260px;}.nu-hero-h1{font-size:1.9rem;}.nu-inner{padding:0 18px;}.nu-section{padding:52px 0;}.nu-cta-title{font-size:1.4rem;}}

.nd-page,.nu-page{overflow:clip;line-height:1.7}.nd-card-text,.nd-feature-text,.nu-card-text,.nu-feature-text,.nu-botec-text{font-size:1rem}
.nd-hero,.nu-hero{min-height:260px;height:auto;padding:65px 0}.nd-card-icon svg,.nd-feature-icon svg,.nu-card-icon svg,.nu-feature-icon svg{width:24px;height:24px;display:block}
.nd-card-logo img{object-fit:contain}.nu-botec-badge svg{width:16px;height:16px}.nu-cta-contact svg{width:16px;height:16px;vertical-align:middle}
.nd-page h3,.nd-page h4,.nu-page h3,.nu-page h4{line-height:1.3;letter-spacing:normal}.nd-hero-label,.nu-hero-label,.nd-section-label,.nu-section-label{font-size:.875rem}@media(min-width:801px) and (max-width:1100px){.header nav{gap:12px;font-size:.8rem}.nav-contact{padding:10px}.nav-contact span{margin-left:6px}.brand img{width:170px}}@media(prefers-reduced-motion:reduce){.details-motion .nd-anim,.details-motion .nu-anim{opacity:1!important;transform:none!important}}
/* Über-mich-Block auf der Startseite */
.na-about{padding:96px 0;background:var(--paper)}
.na-about-inner{max-width:var(--max);margin:0 auto;padding:0 max(4vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,88px);align-items:center}
.na-about-media{position:relative;padding:14px 0 14px 14px}
.na-about-media::before{content:"";position:absolute;inset:0 46px 0 0;border:2px solid var(--blue);border-radius:4px;pointer-events:none}
.na-about-frame{position:relative;overflow:hidden;border-radius:4px;background:var(--night)}
.na-about-frame img{display:block;width:100%;height:auto}
.na-about-badge{position:absolute;right:-14px;bottom:-30px;width:118px;height:118px;border-radius:50%;background:var(--blue);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;box-shadow:0 14px 34px rgba(33,95,186,.32);animation:na-badge-float 4s ease-in-out infinite}
@keyframes na-badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.na-about-badge{animation:none}}
.na-about-badge strong{font-size:2.1rem;font-weight:700;letter-spacing:-.02em}
.na-about-badge strong::after{content:"+"}
.na-about-badge span{margin-top:6px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.na-about-title{font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.15;letter-spacing:-.02em;margin:14px 0 24px}
.na-about-text p{color:var(--muted);line-height:1.75;margin:0 0 18px;max-width:52ch}
.na-about-btn-wrap{margin-top:32px}
@media(max-width:900px){.na-about{padding:64px 0}.na-about-inner{grid-template-columns:1fr}.na-about-media{padding:12px 0 12px 12px}.na-about-media::before{inset:0 38px 0 0}.na-about-badge{width:92px;height:92px;right:-8px;bottom:-20px}.na-about-badge strong{font-size:1.6rem}}

/* Inline-SVG-Icons statt Icon-Font */
.ic{width:1em;height:1em;display:inline-block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em}
.na-product-icon .ic{font-size:1.6rem;color:#fff}
.na-mig-icon .ic{font-size:1.1rem;color:#fff}
.na-extra-sidebar h4 .ic{font-size:1.15rem;color:rgba(255,255,255,.75)}
.na-branch-list li .ic{font-size:1.15rem;opacity:.85}
.na-warum-icon .ic{font-size:1.3rem;color:var(--na-primary);transition:color .4s}
.na-warum-card:hover .na-warum-icon .ic{color:#fff}
.na-kontakt-buttons .ic{font-size:1rem}
.ic.icon-fixed{width:16px;height:16px;margin-right:8px;color:var(--blue)}

/* Mobile: Touch-Ziele auf mind. 44px */
@media(max-width:900px){
 .menu-toggle{min-height:44px;padding-inline:12px}
 .na-kontakt-info a{display:inline-block;padding:7px 0;min-height:44px;line-height:30px}
 footer a{display:inline-block;padding:11px 0}
 .ticker-controls a{display:inline-block;padding:11px 0}
 .ticker-toggle{min-width:44px;min-height:44px}
 .header nav a{min-height:44px;display:flex;align-items:center}
}

@media(max-width:600px){.ticker-heading{display:none}.service-ticker{padding:10px 0}}