/* lp-cteile style (namespaced) */
.lp-cteile, .lp-cteile * { box-sizing: border-box;
						   font-family: Verdana, sans-serif;}
a {	text-decoration:none;
  	color: black;
  	}

a:hover {
			color:red;
  			}

/* Header */
.lp-cteile-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255,255,255,0.95);
  backdrop-filter: blur(15px);
  z-index: 100;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
.lp-cteile-header-inner {
  width: 50%;
  max-width: 1600 px;
  margin: 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 20px;
}
.lp-cteile-logo img { height:50px; display:float left; border-radius: none; }
.lp-cteile-nav a { margin-left:18px; text-decoration:none; color:#333; font-weight:600; }

.lp-cteile body, .lp-cteile html { margin:0; padding:0; font-family:Arial, sans-serif; color:#222; }

    .lp-cteile header { position:fixed; top:0; left:0; width:100%; padding:20px; background:rgba(255,255,255,0.9); backdrop-filter:blur(6px); display:flex; justify-content:space-between; align-items:center; z-index:10; }
    .lp-cteile header h1 { font-size:20px; margin:0; }
    .lp-cteile header nav a { margin-left:20px; text-decoration:none; color:#333; font-weight:bold; }

    .lp-cteile .parallax { height:60vh; background-attachment:fixed; background-size:cover; background-position:center; display:flex; justify-content:center; align-items:center; color:white; text-shadow:0 0 10px rgba(0,0,0,0.6); background-image: url('../images/pneumatikatlas_bg_Verlauf.jpg'); filter: blur (6px); }

    .lp-cteile #hero {  background-image: url ('../images/pneumatikatlas_bg_Verlauf.jpg'); }
    .lp-cteile #hero h2 { font-size:48px; }

    .lp-cteile section { padding:80px 20px; max-width:100%; margin:0 auto;}
	#produkte { max-width: 60%;	}
	#services { max-width: 60%; }
	#pneumatik { max-width: 60%;	}
    .lp-cteile h3 { font-size:32px; margin-bottom:20px; }
    .lp-cteile p { line-height:1.6; margin-bottom:20px; }

    .lp-cteile .grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:30px; }
    .lp-cteile .card { background:white; border-radius:12px; padding:20px; box-shadow:0 4px 12px rgba(0,0,0,0.1); }

	.card:hover { background:light-grey; border-radius:30px; padding:20px; box-shadow:0 10px 22px rgba(0,0,0,0.1);transition-duration: 500ms; }

    .lp-cteile .parallax2 { height:60vh; background-attachment:fixed; background-size:cover; background-position:center; background-image:url('https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=1400&q=80'); display:flex; justify-content:center; align-items:center; color:white; text-shadow:0 0 10px rgba(0,0,0,0.6); font-size:36px; }

    .lp-cteile footer { background:#111; color:#eee; padding:40px 20px; text-align:center; }
	.impressum {width: 60%;        /* Setzt die Breite auf 60% des Elternelements */
				margin-left: auto; /* Verteilt den linken Platz gleichmäßig */
				margin-right: auto;/* Verteilt den rechten Platz gleichmäßig */
								   /* Oder kürzer: margin: 0 auto; */
				
				padding: 20px;}
	
	.white{
			color:white;
			}

/* Hero / Parallax */
.lp-cteile-hero {
  height: 90vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  position: relative;
  padding: 0 20px;
  margin-top:72px; /* header offset */
}

.lp-cteile-hero::before{
  content:'';
  position:absolute;
  left:0;right:0;top:0;bottom:0;
  background-image: url('../images/hero.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  filter: brightness(0.45);
  z-index: -1;
  }
.lp-cteile-hero-inner { max-width:100%; }
.lp-cteile-hero h2 { font-size:36px; margin:0 0 12px; }
.lp-cteile-lead { margin:0 0 18px; font-size:18px; }

/* sections */
.lp-cteile-section { padding:60px 20px; max-width:1200px; margin:0 auto; }
.lp-cteile-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap:24px; }
.lp-cteile-card { background:#fff; padding:20px; border-radius:10px; box-shadow:0 6px 20px rgba(0,0,0,0.06); text-decoration:none; color:black; }

/* CTA */
.lp-cteile-cta { display:inline-block; margin-top:12px; padding:12px 18px; background:red; color:white; border-radius:8px; text-decoration:none; font-weight:700; }

/* Footer */
.lp-cteile-footer { background:#111; color:#eee; padding:36px 20px; margin-top:40px; text-align:center; }

/* Responsive */
@media (max-width:720px){
  .lp-cteile-header-inner { padding:12px; }
  .lp-cteile-hero h2 { font-size:28px; }
}