/* home.css – Startseite (Front Page) */

		/* ============================================
		NORIX STARTSEITE
		============================================ */

		.nrx-home { overflow: hidden; }

		/* --- DARK / LIGHT Section System --- */
		.nrx-dark {
		background: #0a0a0f;
		color: var(--text-body);
		}
		.nrx-dark h1, .nrx-dark h2, .nrx-dark h3, .nrx-dark h4, .nrx-dark h5 { color: var(--text-w); }
		.nrx-dark p { color: var(--text-body); }

		.nrx-light {
		background: #f1f1f1;
		color: #333;
		}
		.nrx-light h1, .nrx-light h2, .nrx-light h3, .nrx-light h4, .nrx-light h5 { color: var(--black); }
		.nrx-light p { color: #444; }
		.nrx-light .nrx-service-num { color: #666; }
		.nrx-light .nrx-num-nr { color: var(--black); }
		.nrx-light .nrx-slide blockquote p { color: #555; }
		.nrx-light .nrx-slide-author strong { color: var(--black); }
		.nrx-light .nrx-slide-author span { color: #777; }

		/* --- HERO --- */
		.nrx-hero {
		position: relative;
		min-height: 50vh;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		overflow: hidden;
		background: #0a0a0f;
		}
		.nrx-hero-bg {
		position: absolute;
		inset: 0;
		z-index: 0;
		}
		.nrx-hero-bg canvas {
		width: 100%;
		height: 100%;
		display: block;
		}
		.nrx-hero::after {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(180deg, rgba(10,10,15,0.15) 0%, rgba(10,10,15,0.7) 100%);
		z-index: 1;
		pointer-events: none;
		}
		.nrx-hero-content {
		position: relative;
		z-index: 2;
		max-width: 900px;
		padding: 0 var(--gap-lg);
		}
		.nrx-hero-content h1 {
		font-family: var(--fh);
		font-size: var(--fs-h1);
		color: var(--text-w);
		font-weight: 700;
		font-style: italic;
		margin: 0 0 16px;
		text-shadow: 0 2px 30px rgba(0,0,0,0.5);
		}
		.nrx-hero-sub {
		font-family: var(--fb);
		font-size: var(--fs-lg);
		color: var(--text-m);
		font-style: italic;
		margin: 0 0 32px;
		line-height: 1.6;
		}

		/* --- SERVICE INTRO --- */
		.nrx-service-intro {
		text-align: center;
		padding: var(--gap-xl) 0 var(--gap-lg);
		}
		.nrx-service-intro-label {
		font-family: var(--fh);
		font-size: var(--fs-body);
		color: var(--text-d);
		margin: 0 0 4px;
		font-style: italic;
		}
		.nrx-service-intro h2 {
		font-family: var(--fh);
		font-size: var(--fs-h2);
		color: var(--orange);
		margin: 0;
		font-style: italic;
		}

		/* --- SERVICE SECTIONS --- */
		.nrx-service {
		padding: var(--gap-xl) 10%;
		}
		.nrx-service-inner {
		max-width: var(--max-width);
		margin: 0 auto;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--gap-xl);
		align-items: center;
		}
		.nrx-service--reverse .nrx-service-inner { direction: rtl; }
		.nrx-service--reverse .nrx-service-inner > * { direction: ltr; }

		.nrx-service-num {
		font-family: var(--fh);
		font-size: var(--fs-h5);
		color: var(--text-m);
		margin-bottom: 4px;
		font-style: italic;
		}
		.nrx-num-nr { font-weight: 700; color: var(--text-w); }
		.nrx-num-accent { font-weight: 700; }

		.nrx-service-text h3 {
		font-family: var(--fh);
		font-size: var(--fs-h2);
		margin: 0 0 20px;
		font-style: italic;
		}
		.nrx-service-text p {
		font-size: var(--fs-body);
		line-height: 1.7;
		margin: 0 0 14px;
		}
		.nrx-service-img { display: flex; align-items: center; justify-content: center; }
		.nrx-service-img img { max-width: 100%; height: auto; border-radius: var(--radius-lg); }


		#it-betreuung .nrx-service-img img {
		max-width: 50%;  
		height: auto;     
		display: block;   
		margin: 0 auto;   
		}

		/* Centered (04) */
		.nrx-service--centered .nrx-service-inner--stacked {
		display: flex; flex-direction: column; align-items: center;
		text-align: center; max-width: 800px;
		}
		.nrx-service-img--top img { max-width: 400px; margin-bottom: var(--gap-lg); }
		.nrx-service-text--center { text-align: center; }

		/* --- LINK BUTTONS --- */
		.nrx-link-btn {
		display: inline-block; padding: 10px 24px;
		border-radius: var(--radius-pill); font-family: var(--fh);
		font-weight: 700; font-size: var(--fs-sm); font-style: italic;
		transition: all 0.3s; text-decoration: none; margin-top: 12px;
		}
		.nrx-link-btn--orange { border: 2px solid var(--orange); color: var(--orange); background: transparent; }
		.nrx-link-btn--orange:hover { background: var(--orange); color: var(--black); }
		.nrx-link-btn--lila { border: 2px solid var(--lila); color: var(--lila); background: transparent; }
		.nrx-link-btn--lila:hover { background: var(--lila); color: #fff; }
		.nrx-link-btn--tuerkis { border: 2px solid var(--tuerkis); color: var(--tuerkis); background: transparent; }
		.nrx-link-btn--tuerkis:hover { background: var(--tuerkis); color: var(--black); }
		.nrx-link-btn--outline { border: 1px solid var(--border); color: var(--text-m); background: transparent; }
		.nrx-link-btn--outline:hover { border-color: var(--accent); color: var(--accent); }

		/* Light section button overrides */
		.nrx-light .nrx-link-btn--outline { border-color: #ccc; color: #555; }
		.nrx-light .nrx-link-btn--outline:hover { border-color: var(--orange); color: var(--orange); }

		/* Light Sections: Orange-Buttons → Dunkelblau (#003366) für Barrierefreiheit */
		.nrx-light .nrx-link-btn--orange {
		border-color: var(--dunkel);
		color: var(--dunkel);
		}
		.nrx-light .nrx-link-btn--orange:hover {
		background: var(--dunkel);
		color: var(--white);
		}

		/* Light Sections: Orange-Headings → Dunkelblau für Barrierefreiheit */
		.nrx-light .nrx-num-accent[style*="orange"] {
		color: var(--dunkel) !important;
		}

		/* --- TESTIMONIALS --- */
		.nrx-testimonials { padding: var(--gap-xxl) 10%; }
		.nrx-testimonials-inner { max-width: var(--max-width); margin: 0 auto; text-align: center; }
		.nrx-testimonials-head h4 { font-family: var(--fh); font-size: var(--fs-h4); margin: 0 0 4px; font-style: italic; }
		.nrx-testimonials-head h5 { font-family: var(--fh); font-size: var(--fs-h5); font-weight: 400; margin: 0 0 16px; font-style: italic; color: var(--text-d); }

		.nrx-slider { position: relative; min-height: 180px; margin: var(--gap-lg) auto; max-width: 700px; }
		.nrx-slide { display: none; animation: nrxFade 0.4s ease; }
		.nrx-slide.active { display: block; }
		@keyframes nrxFade { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }
		.nrx-slide blockquote { margin:0; padding:0; border:none; background:none; }
		.nrx-slide blockquote p { font-size: var(--fs-body); font-style: italic; line-height: 1.8; }
		.nrx-slide-author { margin-top: 20px; display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 1.25rem;}
		.nrx-slide-author strong { }
		.nrx-slide-author span { font-size: var(--fs-sm); }

		.nrx-slider-controls { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: var(--gap-md); }
		.nrx-slider-prev, .nrx-slider-next {
		width: 40px; height: 40px; border-radius: 50%;
		border: 1px solid var(--border); background: transparent;
		color: var(--text-d); font-size: 1.4rem; cursor: pointer;
		transition: all 0.2s; display: flex; align-items: center; justify-content: center;
		}
		.nrx-slider-prev:hover, .nrx-slider-next:hover { border-color: var(--orange); color: var(--orange); }
		.nrx-slider-dots { display: flex; gap: 20px; }
		.nrx-slider-dot { width: 16px; height: 16px; border-radius: 50%; background: var(--border); border: none; cursor: pointer; transition: background 0.2s; padding: 0; }
		.nrx-slider-dot.active { background: var(--orange); }

		/* --- KONTAKT --- */
		.nrx-contact { padding: var(--gap-xxl) 10%; }
		.nrx-contact-inner { max-width: var(--max-width); margin: 0 auto; }
		.nrx-contact-card {
		display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-xl);
		background: #fff; border: 1px solid #e0e0e0; border-radius: var(--radius-lg); padding: var(--gap-xl);
		box-shadow: 0 4px 24px rgba(0,0,0,0.06);
		}
		.nrx-light .nrx-contact-info h2 { color: var(--black); }
		.nrx-contact-items { display: flex; flex-direction: column;}
		.nrx-contact-item { display: flex; align-items: center; gap: 16px; color: #555; text-decoration: none; transition: color 0.2s; }
		.nrx-contact-item:hover { color: var(--black); }
		.nrx-contact-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
		.nrx-contact-item div:last-child { display: flex; flex-direction: column; }
		.nrx-contact-item strong { color: var(--black); font-family: var(--fh); font-size: var(--fs-body); }
		.nrx-contact-item span { font-size: var(--fs-sm); color: #010101; }
		.nrx-contact-social { margin-top: var(--gap-lg); }
		.nrx-contact-social > span { display: block; font-family: var(--fh); font-weight: 700; color: var(--black); margin-bottom: 12px; }
		.nrx-contact-social-links { display: flex; gap: 12px; }

		/* --- KONTAKTFORMULAR --- */
		.nrx-contact-form { display: flex; flex-direction: column; gap: 14px; }
		.nrx-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
		.nrx-contact-form input[type="text"],
		.nrx-contact-form input[type="email"],
		.nrx-contact-form input[type="tel"],
		.nrx-contact-form textarea {
		width: 100%; padding: 14px 16px;
		background: #f8f8f8; border: 1px solid #ddd; border-radius: 8px;
		color: var(--black); font-family: var(--fb); font-size: var(--fs-sm);
		transition: border-color 0.2s; outline: none;
		}
		.nrx-contact-form input:focus,
		.nrx-contact-form textarea:focus { border-color: var(--orange); }
		.nrx-contact-form input::placeholder,
		.nrx-contact-form textarea::placeholder { color: #999; }
		.nrx-contact-form textarea { min-height: 120px; resize: vertical; }
		.nrx-form-check {
		display: flex; align-items: center; gap: 8px;
		font-size: var(--fs-xs); color: #161616; cursor: pointer;
		}
		.nrx-form-check a { color: #1D4B87; text-decoration: underline; }
		.nrx-form-check input[type="checkbox"] { accent-color: var(--orange); width: 16px; height: 16px; }
		#nrx-form-submit {
		align-self: flex-start;
		}
		.nrx-form-msg { font-size: var(--fs-sm); min-height: 20px; }
		.nrx-form-msg.success { color: var(--green-grad); }
		.nrx-form-msg.error { color: #e53e3e; }

		/* --- BLOG PREVIEW --- */
		.nrx-blog-preview { padding: var(--gap-xxl) 10%; }
		.nrx-blog-preview-inner { max-width: var(--max-width); margin: 0 auto; }
		.nrx-blog-preview-title { font-family: var(--fh); font-size: var(--fs-h3); color: var(--orange); font-style: italic; margin: 0 0 var(--gap-lg); }
		.nrx-blog-preview-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
		.nrx-bp-card {
		background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius);
		overflow: hidden; text-decoration: none; color: inherit;
		transition: transform 0.3s, border-color 0.3s; display: flex; flex-direction: column;
		}
		.nrx-bp-card:hover { transform: translateY(-4px); border-color: var(--orange); }
		.nrx-bp-card-img { height: 180px; overflow: hidden; }
		.nrx-bp-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
		.nrx-bp-card:hover .nrx-bp-card-img img { transform: scale(1.06); }
		.nrx-bp-noimg { width:100%; height:100%; background: linear-gradient(135deg, rgba(255,153,0,0.08) 0%, var(--bg-card) 100%); }
		.nrx-bp-card-body { padding: 16px; flex: 1; display: flex; flex-direction: column; }
		.nrx-bp-card-body h4 { font-family: var(--fh); font-size: var(--fs-h6); color: var(--text-w); margin: 0 0 8px; line-height: 1.3; }
		.nrx-bp-card-body p { font-size: var(--fs-sm); color: var(--text-d); margin: 0 0 12px; flex: 1; line-height: 1.5; }
		.nrx-bp-card-ft { padding: 12px 16px; border-top: 1px solid var(--border); font-size: var(--fs-xs); color: var(--text-d); }

		/* ============= RESPONSIVE ============= */
		@media (max-width: 1440px) {
		.nrx-service, .nrx-testimonials, .nrx-contact, .nrx-blog-preview { padding-left: 5%; padding-right: 5%; }
		}
		@media (max-width: 1024px) {
		.nrx-hero { min-height: 55vh; }
		.nrx-service-inner { grid-template-columns: 1fr; gap: var(--gap-lg); }
		.nrx-service--reverse .nrx-service-inner { direction: ltr; }
		.nrx-service-img { order: -1; }
		.nrx-service-img img { max-width: 400px; }
		.nrx-contact-card { grid-template-columns: 1fr; }
		.nrx-blog-preview-grid { grid-template-columns: repeat(2, 1fr); }
		}
		@media (max-width: 768px) {
		.nrx-service, .nrx-testimonials, .nrx-contact, .nrx-blog-preview { padding-left: 4%; padding-right: 4%; }
		.nrx-hero { min-height: 50vh; }
		.nrx-service-img img { max-width: 280px; }
		.nrx-service-img--top img { max-width: 260px; }
		.nrx-contact-card { padding: var(--gap-lg); }
		.nrx-form-row { grid-template-columns: 1fr; }
		.nrx-blog-preview-grid { grid-template-columns: 1fr; }
		}
		@media (max-width: 480px) {
		.nrx-hero { min-height: 45vh; }
		.nrx-contact-card { padding: var(--gap-md); }
		}