*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050914;color:white;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.top{height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px clamp(20px,6vw,105px);background:#060a13}.logo{display:block;width:210px;height:auto;max-height:54px;object-fit:contain}.top nav{display:flex;align-items:center;gap:clamp(12px,2vw,30px);font-size:11px;font-weight:700;white-space:nowrap}.top nav a:hover,.top nav .active{color:#0b96ff}.whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #1ce76a;border-radius:30px;padding:11px 16px;font-size:10px;font-weight:800;white-space:nowrap}.whatsapp:hover{background:#104526}.wa-symbol{font-size:19px;color:#28e76b}.hero{height:clamp(280px,30vw,465px);overflow:hidden;background:#070b14}.hero img{width:100%;height:100%;display:block;object-fit:fill}.intro{text-align:center;padding:12px 20px 14px;background:linear-gradient(#101426,#060a15)}.intro h1{font-size:clamp(13px,1.42vw,21px);letter-spacing:clamp(1px,.36vw,5px);margin:0 0 12px;font-weight:800}.benefits{display:flex;justify-content:center;max-width:1040px;margin:auto auto 14px}.benefits div{flex:1;display:flex;align-items:center;justify-content:center;text-align:left;gap:12px;border-right:1px solid #ffffff44;font-size:10px;font-weight:bold;line-height:1.3}.benefits div:last-child{border:0}.benefits span{font-size:28px;font-weight:400}.actions{display:flex;justify-content:center;gap:12px}.button{display:inline-block;padding:11px 17px;border:1px solid #008fff;border-radius:4px;background:#060b17e8;font-size:11px;font-weight:bold;white-space:nowrap}.button:hover{background:#155286}.button.blue{background:#087bfa}.services{max-width:1490px;margin:auto;padding:8px 20px 12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.service{position:relative;height:clamp(185px,16.8vw,245px);border:1px solid #586070;border-radius:6px;overflow:hidden}.service>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#040914e8,#04091455 62%,transparent)}.blast .shade{background:linear-gradient(270deg,#040914e8,#04091455 62%,transparent)}.copy{position:relative;z-index:1;padding:20px 25px;width:58%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.blast .copy{margin-left:auto}.copy i{display:block;width:34px;height:3px;background:#0094ff;margin-bottom:9px}.blast .copy i{background:#f51950}.copy h2{font-size:clamp(17px,1.65vw,25px);margin:0 0 9px}.copy p{font-size:clamp(11px,.98vw,14px);line-height:1.45;margin:0 0 14px}.copy .button{padding:9px 12px}.outline-red{border-color:#f51950}footer{max-width:1450px;margin:auto;padding:17px 25px 21px;border-top:1px solid #2b3547;display:flex;justify-content:space-around;gap:16px;flex-wrap:wrap;font-size:12px}footer a{display:flex;align-items:center;gap:11px}footer span{font-size:24px}footer a:hover{text-decoration:underline}.detail-hero{height:300px;display:flex;align-items:end;padding:45px 8%;background-position:center;background-size:cover}.detail-hero h1{font-size:clamp(32px,4vw,55px);text-shadow:0 3px 12px #000}.detail-hero.powder{background-image:linear-gradient(90deg,#060912cc,transparent),url('pulverbeschichten.jpg')}.detail-hero.blast{background-image:linear-gradient(90deg,#060912cc,transparent),url('sandstrahlen.jpg')}.section{max-width:980px;margin:auto;padding:38px 24px}.section p{line-height:1.7;color:#d7dce7;font-size:17px}.back{color:#55b8ff;display:inline-block;margin-top:22px}@media(min-width:1200px) and (max-height:850px){.hero{height:clamp(280px,27vw,400px)}.service{height:195px}.intro{padding-top:9px;padding-bottom:10px}.benefits{margin-bottom:10px}.copy{padding:13px 20px}}@media(max-width:950px){.top{padding:10px 20px}.logo{width:155px}.top nav{gap:12px;font-size:10px}.whatsapp{font-size:0;padding:8px 14px}.wa-symbol{font-size:22px}.copy{width:70%}}@media(max-width:650px){.top{height:auto;flex-wrap:wrap;justify-content:space-between}.top nav{order:3;width:100%;justify-content:space-around;flex-wrap:wrap;padding:7px 0}.hero{height:auto}.hero img{height:auto;object-fit:contain}.intro h1{line-height:1.5}.benefits{flex-wrap:wrap;gap:12px}.benefits div{flex:1 1 42%;border:0;justify-content:flex-start}.services{grid-template-columns:1fr}.service{height:240px}.copy{width:65%}footer{justify-content:flex-start}.actions{flex-wrap:wrap}}@media(max-width:390px){.copy{width:80%;padding:12px}.copy h2{font-size:17px}.copy p{font-size:12px}.button{font-size:10px}}

/* CICO V5 – kompakter Premium-Auftritt */
.top{position:relative;z-index:2}.hero{height:clamp(245px,27vw,390px)}.hero img{object-fit:fill}.intro{padding:10px 20px 11px}.intro h1{margin-bottom:10px}.benefits{margin-bottom:2px}.actions{display:none}.services{padding-top:8px}.service{height:clamp(195px,17vw,255px);transition:transform .25s ease,border-color .25s ease}.service:hover{transform:translateY(-3px);border-color:#7a8da5}.service .button{transition:background .2s ease,transform .2s ease}.service .button:hover{transform:translateY(-2px)}.detail-hero{height:clamp(250px,29vw,390px);align-items:end;padding:38px max(25px,calc((100% - 1220px)/2));position:relative}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050914bb,transparent 70%);pointer-events:none}.detail-title{position:relative;z-index:1;max-width:820px}.detail-title h1{margin:10px 0;font-size:clamp(32px,4.4vw,66px);letter-spacing:1px}.detail-title p{font-size:clamp(15px,1.5vw,20px);margin:0;color:#e9f1fa}.eyebrow{font-size:11px;letter-spacing:3px;color:#46b4ff;font-weight:800}.detail-content{max-width:1260px;margin:auto;padding:40px 24px 55px}.detail-lead{max-width:880px;margin-bottom:30px}.detail-lead h2{font-size:clamp(27px,3vw,42px);margin:10px 0}.detail-lead p{font-size:17px;line-height:1.7;color:#d3dce8}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.info-card{background:linear-gradient(145deg,#111d2c,#070d18);border:1px solid #263b54;border-radius:10px;padding:26px 23px;box-shadow:inset 0 2px 0 #087bfa55}.info-card:nth-child(2){box-shadow:inset 0 2px 0 #ff286855}.info-card:nth-child(3){box-shadow:inset 0 2px 0 #af5dff55}.card-number{color:#57b9ff;font-size:11px;font-weight:800;letter-spacing:2px}.info-card h3{font-size:21px;line-height:1.3;margin:16px 0 12px}.info-card p{font-size:15px;line-height:1.65;color:#cdd7e4;margin:0}.note{border-left:3px solid #418dcd;padding:8px 0 8px 18px;margin:28px 0;color:#acbacb;font-size:13px;line-height:1.6}.detail-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.back{color:#7bc6ff}.detail-hero.powder{background-image:linear-gradient(90deg,#060912cc,transparent),url('pulverbeschichten.jpg')}.detail-hero.blast{background-image:linear-gradient(90deg,#060912cc,transparent),url('sandstrahlen.jpg')}
@media(min-width:1100px) and (max-height:900px){.hero{height:clamp(220px,25vw,350px)}.service{height:205px}.intro{padding:8px 20px}.services{padding-top:5px}}
@media(max-width:850px){.detail-grid{grid-template-columns:1fr}.info-card{padding:20px}.detail-content{padding:30px 20px}.hero{height:auto}.hero img{height:auto;object-fit:contain}}
@media(max-width:650px){.hero{height:auto}.service{height:245px}.detail-hero{height:290px;padding:28px 22px}.detail-title h1{font-size:34px}.detail-title p{font-size:15px}.eyebrow{letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){.service,.service .button{transition:none}}

/* V6: mehr Raum für die fachlichen Inhalte */
.detail-content{max-width:1320px;padding-top:56px;padding-bottom:82px}
.detail-lead{margin-bottom:38px}.detail-grid{gap:22px}.info-card{padding:32px 28px;min-height:335px}
.info-card p{line-height:1.75}.detail-extra{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin:42px 0 36px;padding:38px 40px;background:linear-gradient(115deg,#101d2c,#070c17);border:1px solid #273c53;border-radius:12px}
.detail-extra h2{font-size:clamp(25px,3vw,38px);margin:12px 0}.detail-extra p{font-size:16px;line-height:1.8;color:#d1dce9}.extra-highlight{display:grid;gap:9px;border-left:2px solid #188bf6;padding-left:24px}.extra-highlight strong{color:#fff;font-size:16px}.extra-highlight span{color:#b9c9da;font-size:14px;line-height:1.6;margin-bottom:8px}
@media(max-width:850px){.info-card{min-height:0}.detail-extra{grid-template-columns:1fr;padding:25px;gap:22px}}

/* V7 – Startseite bewusst grosszügiger, mit mehr Bildwirkung */
@media (min-width: 951px) {
  .hero { height: clamp(390px, 34vw, 530px); }
  .intro { padding: 24px 20px 22px; }
  .intro h1 { margin-bottom: 22px; }
  .benefits { margin-bottom: 5px; }
  .services { padding-top: 18px; padding-bottom: 24px; gap: 16px; }
  .service { height: clamp(270px, 23vw, 350px); }
  .copy { padding: 26px 30px; }
  .copy h2 { margin-bottom: 15px; }
  .copy p { margin-bottom: 20px; }
  footer { padding-top: 24px; padding-bottom: 30px; }
}
@media (min-width: 951px) and (max-height: 900px) {
  .hero { height: clamp(380px, 32vw, 490px); }
  .service { height: clamp(270px, 22vw, 320px); }
}

/* V9: Kontaktseite */
.contact-page{background:radial-gradient(ellipse at 75% 0%,#15283c 0%,#080e1a 55%,#050914 100%);min-height:calc(100vh - 150px);padding:65px clamp(20px,6vw,100px) 85px}.contact-heading{max-width:1200px;margin:0 auto 40px}.contact-heading h1{font-size:clamp(38px,5.3vw,75px);letter-spacing:-2px;line-height:1.1;margin:15px 0}.contact-dot{color:#159cff}.contact-heading p{font-size:clamp(15px,1.4vw,19px);color:#b9c9d8;line-height:1.6}.contact-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:.85fr 1.3fr;gap:20px}.contact-card,.form-card{border:1px solid #2c4258;border-radius:12px;padding:clamp(23px,3vw,40px);background:linear-gradient(145deg,#111e2e,#080e19);min-width:0}.contact-card h2,.form-card h2{font-size:clamp(22px,2.4vw,32px);margin:14px 0 28px}.contact-lines{display:grid;gap:26px}.contact-lines>div{display:grid;gap:9px}.contact-lines small{color:#67bfff;font-size:11px;letter-spacing:2px;font-weight:800}.contact-lines strong,.contact-lines a{font-size:17px;line-height:1.6;overflow-wrap:anywhere}.contact-lines a:hover{color:#65bdff}.contact-map{display:inline-block;margin-top:43px;padding:13px 16px;border:1px solid #178cf4;border-radius:5px;font-size:11px;font-weight:800}.contact-map:hover{background:#0b3561}.form-card form{display:grid;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-card label{display:grid;gap:8px;font-size:13px;font-weight:700;color:#e7eff9}.form-card label span:not(.consent span){color:#62baff}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea{width:100%;border:1px solid #3a5067;background:#080f1b;color:#fff;border-radius:6px;padding:14px;font:inherit;font-size:15px;outline:none}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:#42aaff;box-shadow:0 0 0 2px #42aaff33}.form-card input::placeholder,.form-card textarea::placeholder{color:#8995a5}.form-card .consent{display:flex;align-items:flex-start;gap:11px;font-weight:400;color:#b9c9d8;line-height:1.5}.consent input{margin-top:4px;accent-color:#159cff;width:17px;height:17px;flex-shrink:0}.send-button{background:#087bfa;color:white;border:0;border-radius:5px;padding:16px 20px;font-size:13px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.send-button:hover{background:#0064d6}.send-button span{font-size:20px}.form-info{font-size:12px;color:#9eaec0;line-height:1.5;margin:0}.form-warning{color:#ffd18b}.trap{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}@media(max-width:800px){.contact-grid{grid-template-columns:1fr}.contact-page{padding-top:38px}.form-row{grid-template-columns:1fr}}

/* Anfrage: optionale Anhänge */
.upload-label{display:block;margin:15px 0 18px;font-weight:650;color:#f3f7ff}.upload-label input[type=file]{display:block;width:100%;margin:9px 0;padding:12px;border:1px dashed #55708f;border-radius:8px;background:#0b1525;color:#e4eefb;box-sizing:border-box}.upload-label small{display:block;color:#aebdd0;font-size:12px;line-height:1.5;font-weight:400}.upload-optional{color:#aebdd0;font-weight:400}

.info-page{max-width:1020px;margin:0 auto;padding:85px 28px 120px;color:#f0f3fa;min-height:65vh}.info-page h1{font-size:clamp(30px,4vw,52px);margin-bottom:30px}.info-page h2{margin-top:40px}.info-page p,.info-page li{font-size:18px;line-height:1.8;color:#cbd5e1}.info-page ul{padding-left:24px}.download-grid{display:flex;gap:18px;flex-wrap:wrap;margin:35px 0}.download-card{padding:23px 28px;border:1px solid #3d7ff7;border-radius:12px;color:white;background:#153064;text-decoration:none;font-weight:700}.download-card:hover{background:#2457b5}footer{flex-wrap:wrap;gap:14px 22px}footer>a{white-space:normal}
.info-page .legal-note{padding:14px 18px;border-left:4px solid #f0b64a;background:#1d2637;color:#f7dfad;border-radius:5px}.info-page h2{margin-top:1.8rem}

/* Mobile navigation and readability – 22 October 2026 */
.menu-toggle{display:none}.wa-symbol{display:block;width:20px;height:20px;flex:none;color:#25d366}
@media(max-width:650px){
 .top{height:74px;min-height:74px;padding:10px 16px;flex-wrap:nowrap;justify-content:space-between;gap:10px;position:relative;z-index:20}
 .top>a:first-child{margin-right:auto}.logo{width:155px;max-height:48px}
 .menu-toggle{display:flex;order:3;width:44px;height:44px;flex:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#111e30;border:1px solid #49627e;border-radius:8px;color:#fff;cursor:pointer}
 .menu-toggle span{width:21px;height:2px;background:currentColor;border-radius:2px;display:block}
 .menu-toggle:focus-visible,.top nav a:focus-visible,.whatsapp:focus-visible{outline:3px solid #64baff;outline-offset:3px}
 .top nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;padding:12px 16px 18px;flex-direction:column;align-items:stretch;gap:0;background:#091322;border-top:1px solid #29435c;box-shadow:0 15px 25px #000a;white-space:normal}
 .top nav.is-open{display:flex}
 .top nav a{display:block;padding:15px 10px;border-bottom:1px solid #ffffff20;font-size:14px;letter-spacing:.5px}
 .top .whatsapp{order:2;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #25d366;border-radius:50%;font-size:0}
 .top .wa-symbol{width:25px;height:25px}
 .intro{padding:18px 16px}.intro h1{font-size:16px;line-height:1.45;letter-spacing:1.1px;margin-bottom:18px}
 .benefits{gap:15px 12px;margin-bottom:8px}.benefits div{font-size:11px;gap:9px;line-height:1.45}.benefits span{font-size:24px}
 .services{padding:12px 14px 22px;gap:14px}.service{height:290px}
 .copy,.blast .copy{width:78%;padding:20px 18px}.copy h2{font-size:21px;line-height:1.2}.copy p{font-size:15px;line-height:1.5}.copy .button{font-size:12px;padding:11px 14px}
 .shade{background:linear-gradient(90deg,#040914f2,#040914b3 62%,#04091433)}.blast .shade{background:linear-gradient(270deg,#040914f2,#040914b3 62%,#04091433)}
 .detail-content{padding:28px 17px 45px}.info-card p{font-size:16px}
}
@media(max-width:390px){.logo{width:135px}.top{padding:9px 12px;gap:7px}.copy,.blast .copy{width:85%;padding:17px}.copy h2{font-size:19px}.copy p{font-size:14px}.service{height:300px}}

/* CICO KI-Assistent */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cico-chat{position:fixed;bottom:22px;right:22px;z-index:9999;font:14px Arial,Helvetica,sans-serif}.cico-chat-launch{background:#087bfa;color:#fff;border:1px solid #62b6ff;border-radius:28px;padding:14px 18px;box-shadow:0 7px 25px #0009;cursor:pointer;font-weight:700}.cico-chat-panel{position:absolute;right:0;bottom:62px;width:min(380px,calc(100vw - 24px));height:min(530px,calc(100dvh - 110px));background:#0c1424;color:#fff;border:1px solid #34455e;border-radius:14px;box-shadow:0 15px 55px #000c;display:flex;flex-direction:column;overflow:hidden}.cico-chat-panel[hidden]{display:none}.cico-chat-head{background:#101f38;padding:14px 15px;display:flex;justify-content:space-between;align-items:center}.cico-chat-head strong,.cico-chat-head small{display:block}.cico-chat-head small{font-size:10px;color:#b7c6da;margin-top:4px}.cico-chat-close{background:transparent;border:0;color:white;font-size:26px;cursor:pointer}.cico-chat-log{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:11px}.cico-chat-msg{margin:0;max-width:90%;padding:10px 12px;border-radius:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.cico-chat-msg.bot{align-self:flex-start;background:#1e2c42}.cico-chat-msg.user{align-self:flex-end;background:#075bb4}.cico-chat-form{display:flex;padding:10px;gap:7px;border-top:1px solid #34455e}.cico-chat-form input{flex:1;min-width:0;background:#fff;color:#111;border:0;border-radius:7px;padding:12px;font:inherit}.cico-chat-form button{border:0;border-radius:7px;background:#087bfa;color:white;padding:0 12px;cursor:pointer}.cico-chat-form button:disabled{opacity:.5}.cico-chat-note{padding:0 12px 12px;color:#a7b6c9;font-size:10px}.cico-chat-note a{text-decoration:underline}@media(max-width:650px){.cico-chat{right:12px;bottom:12px}.cico-chat-launch{padding:12px 14px}.cico-chat-panel{bottom:55px}}/* CICO Assistent – Smartphone Optimierung */
@media screen and (max-width: 650px) {

  .cico-chat {
    right: 12px;
    bottom: 12px;
  }

  .cico-chat-panel {
    width: min(340px, calc(100vw - 24px));
    height: min(420px, 65dvh);
    max-height: calc(100dvh - 85px);
    bottom: 55px;
    right: 0;
    border-radius: 14px;
  }

  .cico-chat-head {
    padding: 10px 12px;
  }

  .cico-chat-head strong {
    font-size: 15px;
  }

  .cico-chat-head small {
    font-size: 10px;
  }

  .cico-chat-log {
    padding: 10px;
    gap: 8px;
  }

  .cico-chat-msg {
    padding: 9px 10px;
    font-size: 13px;
    line-height: 1.4;
  }

  .cico-chat-form {
    padding: 8px;
    gap: 6px;
  }

  .cico-chat-form input {
    padding: 9px;
    font-size: 14px;
  }

  .cico-chat-form button {
    padding: 0 10px;
    font-size: 13px;
  }

  .cico-chat-note {
    font-size: 9px;
    padding: 0 10px 8px;
  }
}