/* Gemeinsame Kartenarchitektur: Bildbühne, Trennlinie, Textblock, klarer nächster Schritt. */
:is(.feature-grid .feature-card,.cards3 .info-card,.compare .panel,.craft-copy .craft-card,.blog-grid>a,.price-grid .price-card){
  min-width:0;overflow:hidden;border:1px solid #517bab;border-radius:22px;
  background:linear-gradient(155deg,#102d5c 0%,#071a38 62%,#05142c 100%);color:#fff;
  box-shadow:0 16px 30px #071a4920;
}
:is(.feature-grid .feature-card,.cards3 .info-card,.compare .panel,.craft-copy .craft-card,.blog-grid>a,.price-grid .price-card):is(:hover,:focus-visible){
  border-color:#74c6ef;background:linear-gradient(155deg,#153b73,#071a38 70%,#05142c);color:#fff;
  box-shadow:0 22px 42px #071a4933;
}
:is(.feature-grid .feature-card,.cards3 .info-card,.compare .panel) img{display:block;width:100%;object-fit:cover;background:#0b224b}
.feature-grid .feature-card .inner,.cards3 .info-card .body,.compare .panel>div{display:flex;flex-direction:column;flex:1;min-width:0;padding:21px 22px 23px;color:#fff}
.feature-grid .feature-card .inner:before,.cards3 .info-card .body:before,.compare .panel>div:before{
  content:"";display:block;flex:none;height:1px;margin-bottom:17px;background:linear-gradient(90deg,#8bc6e8a8,#6ca6d361)
}
.feature-grid .feature-card h3,.cards3 .info-card h3,.compare .panel h3,.craft-copy .craft-card h3,.blog-grid>a h3,.price-grid .price-card h3{color:#fff;font-family:Barlow,Arial,sans-serif;font-size:clamp(24px,2.2vw,30px);line-height:1.06;overflow-wrap:normal}
.feature-grid .feature-card p,.feature-grid .feature-card.primary p,.cards3 .info-card p,.compare .panel p,.craft-copy .craft-card p,.blog-grid>a p,.price-grid .price-card p{color:#d5e4f5;font-size:11px;line-height:1.6}
.feature-grid .feature-card .linkline,.cards3 .info-card .arrow-link{display:flex;align-items:center;justify-content:space-between;gap:12px;align-self:stretch;margin-top:auto;padding-top:19px;color:#ffe126;font-size:11px;font-weight:850}
.feature-grid .feature-card .linkline:after,.cards3 .info-card .arrow-link:after{content:"↗";font-size:19px;line-height:1;flex:none}
.feature-grid .feature-card:is(:hover,:focus-visible) :is(p,.linkline),.cards3 .info-card:is(:hover,:focus-visible) :is(p,.arrow-link){color:inherit}
.feature-grid .feature-card:is(:hover,:focus-visible) .linkline,.cards3 .info-card:is(:hover,:focus-visible) .arrow-link{color:#ffe126}
.feature-grid .feature-card .inner{padding-top:19px}
.feature-grid .feature-card .linkline{margin-top:auto}
.cards3 .info-card .overline{color:#85dff5;font-size:10px;letter-spacing:.12em}
.cards3 .info-card h3{margin:9px 0 8px}
.cards3 .info-card img{height:210px;object-fit:cover}
.compare .panel{display:flex;flex-direction:column}
.compare .panel img{height:auto;aspect-ratio:1672/941;object-fit:cover;object-position:center top}
.compare .panel:nth-child(2) img{object-fit:contain;background:#eaf2fb}
.compare .panel>div .eyebrow{color:#89dff7}
.compare .panel>div .btn{align-self:flex-start;margin-top:auto!important;background:#ffe126;color:#071a38;border-color:#ffe126}
.compare .panel>div .btn:after{color:#071a38}

/* Die Werkzeugkarte ist der Maßstab; ihre Freisteller bleiben ausschließlich in der Bildbühne. */
.tool-station,.tool-station.featured{border-color:#517bab;background:linear-gradient(155deg,#153d76 0%,#071a38 62%,#05142c 100%);box-shadow:0 16px 30px #071a4926}
.tool-station .tool-text{border-top-color:#8bc6e8a8}
.tool-station .tool-text h3{color:#fff}
.tool-station .tool-text p{color:#d5e4f5}
.tool-station .tool-text span{color:#ffe126}

/* Große Bildmontage: gleiche Lesereihenfolge wie die Werkzeugkarte, ohne Text im Motiv. */
.detail-path .detail-mosaic{grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(280px,auto));align-items:stretch}
.detail-path .detail-tile,.detail-path .detail-tile.photo{display:flex;flex-direction:column;justify-content:flex-start;padding:0;border-color:#517bab;background:linear-gradient(155deg,#102d5c,#05142c 85%);color:#fff}
.detail-path .detail-tile:after{display:none}
.detail-path .detail-tile img,.detail-path .detail-tile.photo img{position:relative;inset:auto;flex:0 0 57%;width:100%;height:57%;min-height:120px;object-fit:cover;object-position:center}
.detail-path .detail-tile.detail-tile-glanz img{flex-basis:74%;height:74%;object-position:55% center}
.detail-path .detail-tile .tile-body{position:relative;inset:auto;display:flex;flex:1;flex-direction:column;gap:8px;padding:17px 19px 19px;color:#fff}
.detail-path .detail-tile .tile-body:before{content:"";display:block;flex:none;height:1px;margin-bottom:5px;background:linear-gradient(90deg,#8bc6e8a8,#6ca6d361)}
.detail-path .detail-tile h3,.detail-path .detail-tile-glanz h3{max-width:none;font-size:clamp(23px,2.2vw,29px);line-height:1.05}
.detail-path .detail-tile p,.detail-path .detail-tile-glanz p{max-width:none;color:#d5e4f5;font-size:11px;line-height:1.55}
.detail-path .detail-tile .tile-link{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:9px;color:#ffe126;font-size:10px}
.detail-path .detail-tile .tile-link b{margin-left:auto;color:#ffe126}
.detail-path .detail-tile>.micro{top:14px;left:15px;padding:6px 8px;border-radius:7px;background:#061a35db;color:#d5f2ff}
.detail-path .detail-tile .index-tab{top:12px;right:12px}
.detail-path .detail-tile-price{min-height:280px}
.detail-path .detail-tile-price .price-visual{position:relative;inset:auto;flex:0 0 47%;height:47%;min-height:120px;justify-content:center;padding:30px 12px 0;margin:0;background:radial-gradient(circle at center,#2462a0aa,#0b244e 70%);font-size:9px}
.detail-path .detail-tile-price .tile-body{flex:1}

/* Karten ohne Bild übernehmen Linie, Kontrast und Abschlussaktion. */
.craft-copy .craft-card,.craft-copy .craft-card:nth-child(2),.blog-grid>a,.blog-grid>a:nth-child(2),.blog-grid>a:nth-child(4),.price-grid .price-card,.price-grid .price-card.featured{background:linear-gradient(155deg,#102d5c,#05142c 85%);border-color:#517bab;color:#fff}
.craft-copy .craft-card h3:before,.blog-grid>a h3:before,.price-grid .price-card h3:before{content:"";display:block;height:1px;margin:0 0 16px;background:linear-gradient(90deg,#8bc6e8a8,#6ca6d361)}
.craft-copy .craft-card h3{padding-top:0}
.blog-grid>a>span:not(.index-tab){color:#8ddff5}
.blog-grid>a>b{display:flex;justify-content:space-between;gap:10px;color:#ffe126}
.blog-grid>a:nth-child(2)>b,.blog-grid>a>b span,.blog-grid>a:nth-child(2)>b span{color:#ffe126}
.price-grid .price-card .badge,.price-grid .price-card.featured .badge{background:#ffffff1d;color:#9eeaff}
.price-grid .price-card li:before,.price-grid .price-card.featured li:before{color:#ffe126}
.price-grid .price-card .btn{background:#ffe126;color:#071a38;border-color:#ffe126}
.price-grid .price-card .btn:after{color:#071a38}
.price-grid .price-card.featured{transform:none}

/* Eigenes Markensignal: dunkler Wegweiser mit feiner, schräger Lichtspur. */
.quickbar{position:relative;isolation:isolate;background:linear-gradient(117deg,#06152e 0%,#0c2b60 65%,#06152e 100%);border-bottom:1px solid #4f8cd3;color:#fff}
.quickbar:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(112deg,transparent 0 76%,#2a8eff28 76.2%,transparent 76.6%),linear-gradient(112deg,transparent 0 78%,#65d7ff32 78.2%,transparent 78.45%)}
.quickbar a{border-right-color:#76b9ef50;color:#fff;border-radius:9px;transition:background .2s,transform .2s}
.quickbar a:is(:hover,:focus-visible){background:#ffffff14;transform:translateY(-2px)}
.quickbar b{color:#fff}
.quickbar small{color:#d5e4f5}
.quickbar .ico{color:#ffe126}

/* Die drei bewegten Fahrzeuge erhalten dieselbe präzise Kartenhierarchie. */
.vehicle-list .vehicle-card,.vehicle-list .vehicle-card:nth-child(2),.vehicle-list .vehicle-card:nth-child(3){border-color:#517bab;background:linear-gradient(145deg,#133d76,#071a38 67%,#05142c);color:#fff;box-shadow:0 16px 30px #071a4926}
.vehicle-list .vehicle-card:is(:hover,:focus-within){border-color:#8be4ff;background:linear-gradient(145deg,#1a4e8f,#071a38 70%,#05142c)}
.vehicle-list .vehicle-card .vehicle-image{background:radial-gradient(ellipse at 45% 66%,#8bd8ff72 0%,#2c71bb3b 43%,transparent 72%)}
.vehicle-list .vehicle-card .vehicle-copy{border-left:1px solid #8bc6e880}
.vehicle-list .vehicle-card .vehicle-copy h3{color:#fff}
.vehicle-list .vehicle-card .vehicle-copy p{color:#d5e4f5}
.vehicle-list .vehicle-card .vehicle-copy .vehicle-direct-link{color:#ffe126}
.vehicle-list .vehicle-card .vehicle-copy .vehicle-explore{border-color:#ffe126;background:#ffe126;color:#061a36}
.vehicle-list .vehicle-card .vehicle-copy .vehicle-explore:is(:hover,:focus-visible){background:#fff2a0}
.vehicle-list .vehicle-card .index-tab{border-color:#8bc6e888}

@media(max-width:1000px){.detail-path .detail-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.detail-path .detail-tile-glanz{grid-column:span 2;grid-row:auto;min-height:430px}.detail-path .detail-tile.detail-tile-glanz img{height:60%;flex-basis:60%}.detail-path .detail-tile:not(.detail-tile-glanz){min-height:320px}}
@media(max-width:760px){.feature-grid .feature-card .inner{padding:18px 19px 20px}.cards3 .info-card img{height:215px}.compare .panel img{height:215px}.detail-path .detail-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.detail-path .detail-tile,.detail-path .detail-tile-price{min-height:315px}.detail-path .detail-tile-glanz{min-height:430px}.detail-path .detail-tile .tile-body{inset:auto;padding:16px}.detail-path .detail-tile h3,.detail-path .detail-tile-glanz h3{font-size:25px}.detail-path .detail-tile .tile-link{font-size:10px}}
@media(max-width:600px){.detail-path .detail-mosaic{grid-template-columns:1fr;grid-template-rows:auto}.detail-path .detail-tile-glanz{grid-column:auto;min-height:360px}.detail-path .detail-tile.detail-tile-glanz img{height:53%;flex-basis:53%}.detail-path .detail-tile:not(.detail-tile-glanz){min-height:335px}.detail-path .detail-tile img,.detail-path .detail-tile.photo img{height:48%;flex-basis:48%}.detail-path .detail-tile-price .price-visual{min-height:150px}.feature-grid .feature-card h3,.cards3 .info-card h3,.compare .panel h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.detail-path .detail-tile img,.tool-station .tool-image img{transition:none!important}}