.hero-description,.card-bottom p,.contact-section p,.feature-strip p,.services-section>p,.service-grid p,.faq-section p,.review-empty p,.vehicle-content p,dialog>p,#detail-content>p{font-family:'Playfair Display',Georgia,serif;font-size:15px;line-height:1.9}.hero{min-height:850px}.hero-art{min-height:680px;margin-top:-35px}.hero-character{position:relative;height:670px;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 0 25px #03b9f028);z-index:1}.hero-art .label-top{top:75px;left:-15px;z-index:2}.hero-art .label-bottom{bottom:90px;right:-15px;z-index:2}.hero-art .art-word{top:130px}.hero-art .orbit{width:530px;height:530px}.hero-art .orbit-inner{width:460px;height:460px}.header-actions .discord-small{display:none}.profile-area{position:relative;order:2}.header-actions .language-wrap{order:1}.profile-trigger{display:flex;align-items:center;gap:8px;background:#111b20;border:1px solid var(--line);padding:8px 10px;border-radius:4px;font-size:10px;white-space:nowrap}.profile-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#173344;color:#80d7f8;font-size:13px}.profile-menu{position:absolute;right:0;top:52px;min-width:235px;background:#11222c;border:1px solid #2e708f60;border-radius:5px;padding:17px;box-shadow:0 15px 45px #0009;z-index:50}.profile-menu>strong,.profile-menu>small{display:block}.profile-menu>strong{font-size:12px;margin-bottom:5px}.profile-menu>small{font-size:9px;color:#7e96a3;margin-bottom:15px}.profile-menu>a,.profile-menu>button{display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:12px 0;color:#b8cbd6;font-size:11px}.profile-menu>a:hover,.profile-menu>button:hover{color:var(--blue)}.profile-menu .oauth-note{font-size:8px;line-height:1.6;color:#72858f;margin:0 0 12px}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:45px;padding-bottom:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-strip article{position:relative;padding-left:37px}.feature-strip article>span{position:absolute;left:0;top:2px;color:var(--blue);font-size:24px}.feature-strip h3{font-family:var(--head);font-size:25px;margin:0 0 10px;font-weight:600}.feature-strip p{font-size:13px;color:var(--muted);margin:0}.latest-section,.reviews-section,.services-section,.faq-section{padding-top:50px;padding-bottom:65px}.reviews-section,.services-section,.faq-section{border-top:1px solid var(--line)}.latest-section h2,.reviews-section h2,.services-section h2,.faq-section h2{font-family:var(--head);font-size:48px;margin:15px 0 25px;font-weight:700}.car-empty{text-align:center;border:1px dashed #31759150;background:#0f1c2466;padding:40px;border-radius:6px}.car-empty>span{font-size:42px}.car-empty h3{font-family:var(--head);font-size:30px;margin:15px 0}.car-empty p{font-size:12px;color:var(--muted);margin-bottom:23px}.review-empty{padding:35px;border:1px solid var(--line);text-align:center;background:#0d1b22}.review-empty>span{color:#49bff0;font-size:24px;letter-spacing:7px}.review-empty p{color:var(--muted);font-size:14px}.services-section>p{max-width:620px;color:var(--muted);font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.service-grid article{padding:30px;background:linear-gradient(140deg,#133446,#101820);border:1px solid #326a8133;border-radius:5px}.service-grid article>span{font-size:36px;color:#25bbf0}.service-grid h3{font-family:var(--head);font-size:31px;margin:19px 0 9px}.service-grid p{color:var(--muted);font-size:14px;line-height:1.8}.faq-section details{border-top:1px solid var(--line);padding:19px 0}.faq-section summary{font-family:var(--head);font-size:24px;cursor:pointer;color:#d5e5ee}.faq-section details p{color:var(--muted);max-width:900px;font-size:14px;padding-right:20px}.footer-logo{position:absolute;right:70px;top:8px;width:330px;height:330px;pointer-events:none}.footer-logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;opacity:.9}.footer-logo span{display:block;text-align:center;font-size:8px;letter-spacing:3px;color:#6db9d6;margin-top:-25px}.contact-section{min-height:395px}.vehicle-card{text-align:left;padding:0;border:1px solid var(--line);background:#101d26;border-radius:5px;overflow:hidden;transition:border-color .2s,transform .2s}.vehicle-card:hover{border-color:#57c5f69c;transform:translateY(-4px)}.vehicle-image{height:200px;position:relative;background:radial-gradient(ellipse,#15556f,#0d1921);display:grid;place-items:center}.vehicle-image>span{font-size:70px}.vehicle-image img{width:100%;height:100%;object-fit:cover}.vehicle-image>small{position:absolute;right:13px;top:13px;background:#0a1719bb;border:1px solid var(--line);padding:6px 8px;font-size:8px;letter-spacing:1px}.vehicle-content{padding:22px}.vehicle-content h3{font-family:var(--head);font-size:30px;margin:0 0 8px}.vehicle-content p{color:var(--muted);font-size:13px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:47px}.vehicle-content>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;gap:12px}.vehicle-content strong{color:var(--blue);font-size:21px}.vehicle-content>div>span{font-size:9px;color:#87c7e1}.admin-dialog{max-width:980px;width:calc(100% - 35px);max-height:90vh;overflow:auto}.admin-dialog>h2{margin-bottom:5px}.admin-dialog>p{max-width:600px}.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:30px}.admin-layout h3{font-family:var(--head);font-size:25px;margin-top:0}.admin-layout form label{display:block;margin-bottom:16px;color:#abc4d3;font-size:11px;font-weight:600}.admin-layout form input,.admin-layout form textarea,.admin-layout form select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #365367;background:#0b1720;border-radius:4px;color:#ecf5f8;font-size:12px}.admin-layout form input[type=file]{font-size:10px}.admin-layout form small{display:block;font-size:9px;color:#6f90a4;margin-top:-8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-buttons{display:flex;gap:10px;margin-top:20px}.form-buttons .button{font-size:10px;padding:13px 16px;min-height:45px}.form-buttons button:disabled{opacity:.5;cursor:wait}.form-status{color:#70c9ef;font-size:11px;line-height:1.7;min-height:19px}.admin-car{border:1px solid var(--line);padding:15px;margin-bottom:12px;border-radius:5px;background:#10232e}.admin-car>div{display:flex;gap:13px;align-items:center}.admin-car>div:last-child{margin-top:14px;gap:17px}.admin-car img{width:57px;height:45px;object-fit:cover;border-radius:4px}.admin-car strong{font-size:12px;display:block}.admin-car small{color:#6fb5d3;font-size:10px;display:block;margin-top:5px}.admin-car button{background:none;border:0;padding:0;color:#9ad7ef;font-size:10px}.admin-car button:last-child{color:#e18a98}.admin-empty{color:var(--muted);font-size:12px}#car-preview{max-width:100%;max-height:160px;object-fit:contain;display:block;margin-top:17px;border-radius:4px}.car-detail-image{max-width:100%;width:100%;max-height:240px;object-fit:cover;border-radius:4px;margin-top:20px}.detail-price{font-size:30px;color:var(--blue);display:block;margin-bottom:22px}
@media(max-width:1200px){.header-inner{gap:16px}.navigation{gap:16px}.profile-name{display:none}.profile-trigger{gap:5px;padding:7px}.hero-art{transform:none}.hero-character{height:620px}.hero-art .label-top{left:0}.hero-art .label-bottom{right:0}.hero-art .orbit{width:450px;height:450px}.hero-art .orbit-inner{width:390px;height:390px}}
@media(max-width:900px){.hero{min-height:800px}.hero-art{width:100%;margin-left:0}.hero-character{height:600px}.hero-art .orbit{width:340px;height:340px}.hero-art .orbit-inner{width:300px;height:300px}.hero-art .glass-label{font-size:7px;padding:11px 10px;letter-spacing:1px}.hero-art .mini-symbol{margin-left:4px}.feature-strip{gap:20px}.feature-strip article{padding-left:0}.feature-strip article>span{position:static;display:block;margin-bottom:15px}.service-grid{gap:12px}.service-grid article{padding:20px}.footer-logo{right:0;width:280px;height:280px;opacity:.65}}
@media(max-width:650px){.header-inner{gap:9px}.header-actions{gap:8px}.profile-trigger{padding:5px;border-color:transparent}.profile-trigger>span:last-child{display:none}.profile-avatar{width:26px;height:26px}.profile-menu{right:0;top:45px}.header-inner .mobile-toggle{padding:6px 9px;font-size:17px}.hero{min-height:0}.hero-art{height:605px;min-height:605px;margin-top:28px}.hero-character{height:570px;max-width:100%}.hero-art .label-top{top:32px;left:0}.hero-art .label-bottom{bottom:38px;right:0}.hero-description{font-size:15px}.feature-strip{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:35px}.feature-strip article{padding-left:35px}.feature-strip article>span{position:absolute;left:0;top:0}.latest-section,.reviews-section,.services-section,.faq-section{padding-top:30px;padding-bottom:40px}.latest-section h2,.reviews-section h2,.services-section h2,.faq-section h2{font-size:37px}.latest-section .catalog-top{flex-wrap:wrap}.service-grid{grid-template-columns:1fr}.footer-logo{position:relative;right:auto;top:auto;width:250px;height:250px;margin:35px auto 0;opacity:1}.contact-section{padding-bottom:40px}.admin-layout{grid-template-columns:1fr;gap:25px}.admin-dialog{padding:25px}.car-empty{padding:25px}.vehicle-image{height:210px}}

.promo-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0;padding:14px 18px;border:1px solid #168fbd;background:#062b38;color:#e6faff}.promo-banner strong{color:#21caff;letter-spacing:1px}.promo-banner small{color:#91acb6}.discount-row{display:flex;gap:10px;margin:10px 0}.discount-row input{min-width:0;flex:1;background:#09202a;color:#fff;border:1px solid #22728e;padding:12px}#discount-status{color:#29caff;font-size:14px}
/* 0711: langsamer, durchlaufender blauer LED-Farbverlauf */
#hero-title > span[data-i18n] {
  background-image: linear-gradient(110deg, #f1f6fa 0%, #f1f6fa 25%, #94e7ff 38%, #16bdf5 47%, #3277ff 53%, #94e7ff 62%, #f1f6fa 75%, #f1f6fa 100%);
  background-size: 200% 100%;
  background-position: 100% 50%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: hosting-led-flow 14s linear infinite;
  filter: drop-shadow(0 0 5px #25bbff25);
}
#hero-title > em {
  display: inline-block;
  background-image: linear-gradient(110deg, #0dbbf1 0%, #0dbbf1 25%, #65dcff 38%, #d2f7ff 47%, #2377ff 53%, #65dcff 62%, #0dbbf1 75%, #0dbbf1 100%);
  background-size: 200% 100%;
  background-position: 100% 50%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: hosting-led-flow 14s linear infinite;
  filter: drop-shadow(0 0 5px #12baff55) drop-shadow(0 0 12px #0877ff33);
}
#hero-title > em .period { color: inherit; -webkit-text-fill-color: inherit; }
@keyframes hosting-led-flow {
  from { background-position: 100% 50%; }
  to { background-position: -100% 50%; }
}
@media (prefers-reduced-motion: reduce) {
  #hero-title > span[data-i18n], #hero-title > em { animation: none; background-position: 50% 50%; }
}


/* Hintergrundbild 0711 Hosting */
body{background:#030a22;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(2,7,22,.55),rgba(3,9,22,.72)),url('/assets/0711-led-background.png') center center/cover no-repeat}
.site-grid,.ambient{opacity:.15}
.header{background:linear-gradient(rgba(3,9,24,.88),rgba(3,9,24,.45))}
.feature-strip,.reviews-section,.services-section,.faq-section{background:rgba(4,12,25,.45)}
@media(max-width:650px){body::before{background-position:center center}}
/* Beschreibung: kleiner und weiss */
.hero-description{font-size:13px;line-height:1.85;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.85)}
@media(max-width:650px){.hero-description{font-size:13px}}
/* Hintergrund etwas kleiner, Beschreibung etwas groesser */
body::before{background-size:100% 100%,100% auto;background-repeat:no-repeat,repeat-y;background-position:center center,center top}
.hero-description{font-size:14px}
@media(max-width:650px){.hero-description{font-size:14px}}
/* Hintergrund bleibt beim Scrollen am Browserfenster fixiert */
body{background-image:linear-gradient(180deg,rgba(2,7,22,.55),rgba(3,9,22,.72)),url('/assets/0711-led-background.png');background-size:100% 100%,100% auto;background-position:center center,center top;background-repeat:no-repeat,repeat-y;background-attachment:fixed,fixed}
body::before{display:none}
/* Eigene feste Hintergrundebene; Inhalte scrollen davor */
body{background-image:none;isolation:auto}
body::before{display:block;position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(180deg,rgba(2,7,22,.55),rgba(3,9,22,.72)),url('/assets/0711-led-background.png');background-size:100% 100%,100% auto;background-position:center center,center top;background-repeat:no-repeat,repeat-y;background-attachment:scroll;transform:translateZ(0)}
body>main,body>footer{position:relative;z-index:1}
body>.header{position:relative;z-index:5}
/* Fester Hintergrund ausserhalb des scrollenden Seiteninhalts */
html,body{height:100%;overflow:hidden;background:#030a22}
body::before{display:none!important}
.shop-background{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(180deg,rgba(2,7,22,.55),rgba(3,9,22,.72)),url('/assets/0711-led-background.png');background-size:100% 100%,100% auto;background-position:center center,center top;background-repeat:no-repeat,repeat-y}
.shop-page{position:fixed;inset:0;z-index:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:30px;background:transparent}
.shop-page>.header{position:relative;z-index:5}
.shop-page>main,.shop-page>footer{position:relative;z-index:1}
/* Aktualisiertes Hintergrundbild und direktes, stabiles Scrollen */
.shop-background{background-image:linear-gradient(180deg,rgba(2,7,22,.55),rgba(3,9,22,.72)),url('/assets/0711-led-background-v2.png')}
html,.shop-page{scroll-behavior:auto}
.shop-page:focus{outline:none}
/* Animierter LED-Hintergrund, weiterhin feststehend */
.shop-background{background-image:linear-gradient(180deg,rgba(2,7,22,.55),rgba(3,9,22,.72)),url('/assets/0711-led-final.gif')}
/* Animierten Hintergrund kleiner und dunkler fuer bessere Lesbarkeit */
.shop-background{background-color:#020718;background-image:linear-gradient(180deg,rgba(2,7,22,.78),rgba(3,9,22,.86)),url('/assets/0711-led-final.gif');background-size:100% 100%,85% auto;background-position:center center,center center;background-repeat:no-repeat,no-repeat}
/* Neuer Hintergrund 0711 Development & Hosting */
.shop-background{background-color:#020711;background-image:linear-gradient(180deg,rgba(2,7,17,.48),rgba(2,7,17,.65)),url('/assets/0711-development-background.png');background-size:100% 100%,cover;background-position:center center,center center;background-repeat:no-repeat,no-repeat}
/* Hintergrund kleiner und dezenter, Text bleibt unveraendert */
.shop-background{background-color:#020711;background-image:linear-gradient(180deg,rgba(2,7,17,.68),rgba(2,7,17,.8)),url('/assets/0711-development-background.png');background-size:100% 100%,80% auto;background-position:center center,center center;background-repeat:no-repeat,no-repeat}
/* Kategorie-Bilder vollstaendig anzeigen */
.card-visual.has-cover{height:auto;aspect-ratio:1/1;padding:0;background:#06101a;overflow:hidden}
.category-cover{display:block;width:100%;height:100%;object-fit:contain}
.card-visual.has-cover .card-number,.card-visual.has-cover .card-category{z-index:2;background:rgba(3,12,22,.85);padding:5px 7px;border-radius:3px}
.review-form{padding:28px;margin-top:30px;background:#0c1c28;border:1px solid #2b5267;border-radius:6px}.review-form h3{font-family:var(--head);font-size:30px;margin-top:0}.review-form label{display:block;color:#c9e5f4;font-size:13px;margin-bottom:16px}.review-form input,.review-form textarea,.review-form select{display:block;width:100%;margin-top:8px;padding:12px;background:#06121c;color:#fff;border:1px solid #385d74;border-radius:4px}.review-names{display:grid;grid-template-columns:1fr 1fr;gap:20px}.review-form>p{font-size:12px;color:#9cc1d3;line-height:1.7}.reviews-list{display:grid;gap:16px}.review-card{padding:25px;border:1px solid #244458;background:#0c1b26}.review-card strong{color:#29caff;letter-spacing:4px}.review-card p{font-family:'Playfair Display',Georgia,serif;color:#eef6fa;white-space:pre-wrap}.review-card small{color:#9dc3d6}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}#review-status{color:#68d7ff}@media(max-width:650px){.review-names{grid-template-columns:1fr}}
.review-form fieldset{border:0;margin:0;padding:0;min-width:0}.review-form fieldset:disabled{opacity:.5}.review-form button:disabled{cursor:not-allowed}#review-login{margin-bottom:20px}#review-login[hidden]{display:none}
#discord-link-dialog{max-width:660px;width:calc(100% - 30px);max-height:90vh;overflow:auto}#discord-link-dialog>p{font-size:14px;line-height:1.8;color:#c9dfec}#discord-link-dialog>small{display:block;color:#91bbcf;line-height:1.7}.link-code-row{display:flex;gap:12px;align-items:center;margin:20px 0}.link-code-row input{width:100%;min-width:0;padding:15px;background:#061b2b;border:1px solid #3a718d;color:#62d4ff;font-family:monospace;font-size:23px;letter-spacing:2px}#discord-link-status{color:#55d0ff}
