/* u/ground Branding 2026 – Six Worlds. One Brand. */
:root{--primaryBackground:#132C3F;--primaryColor:#ffffff;--ugMerch:#CFD600;--ugSports:#C11F66;--ugTextil:#006A78;--ugTechnik:#132C3F;--ugMarketing:#7556A4;--ugMore:#D9782D;}
/* Logo */
.cs-logo img{max-height:64px;width:auto;height:auto;}
@media (max-width:768px){.cs-logo img{max-height:42px;}}
/* Topbar mit Farbstreifen der sechs Welten */
body .cs-topBar{background:var(--ugTechnik)!important;color:#fff!important;border-top:6px solid transparent;border-image:linear-gradient(90deg,#CFD600 0 16.66%,#C11F66 16.66% 33.33%,#006A78 33.33% 50%,#132C3F 50% 66.66%,#7556A4 66.66% 83.33%,#D9782D 83.33% 100%) 1;}
body .cs-topBar,body .cs-topBar a,body .cs-topBar span,body .cs-topBar div{color:#fff!important;}
body .cs-topBar .cs-svgIcon path{fill:#fff;}
.cs-topBar a:hover{color:var(--ugMerch);}
/* Kopfzeilen der Overlays */
.cs-informationsHeader,.cs-mobileCategorysHeader,.cs-compareHeader,.cs-compareButton,.cs-overlayMenuButton{background:var(--ugTechnik);}
/* Buttons */
.cs-body .cs-button1{background:var(--ugTechnik);color:#fff;border-radius:4px;transition:.2s;}
.cs-body .cs-button1:hover{background:var(--ugMerch);color:var(--ugTechnik);}
.cs-body .cs-button3{border-color:var(--ugTechnik);color:var(--ugTechnik);border-radius:4px;}
.cs-body .cs-button3:hover{background:var(--ugTechnik);color:#fff;}
.cs-primaryColored{background:var(--ugTechnik);color:#fff;}
.cs-primaryColored:hover{background:var(--ugTextil);}
.cs-secondaryColored,.cs-secondaryColored:hover{background:var(--ugMerch);color:var(--ugTechnik);}
.cs-newsletterSubmit,footer .footerNewsletterBox .newsletterSubmit{background:var(--ugTechnik);}
/* Links & Überschriften */
a:hover{color:var(--ugTextil);}
h1,h2,h3,.h1,.h2,.h3{color:var(--ugTechnik);}
/* Footer */
.cs-footerRow.top{background:#F3F5F7;border-top:5px solid var(--ugMerch);}
.cs-footerBoxHeader{color:var(--ugTechnik);font-weight:600;}
.cs-footerRow:not(.top){background:var(--ugTechnik);color:#fff;}
.cs-footerRow:not(.top) a{color:#fff;}
/* Scrollbar & Badges */
::-webkit-scrollbar-thumb{background-color:var(--ugTechnik);}
:root{--greenBadge:#006A78;--redBadge:#C11F66;--yellowBadge:#D9782D;}/* Kategorien-Button */
body .cs-categoriesBox .cs-overlayMenuButton{background:var(--ugTechnik)!important;color:#fff;border-radius:4px;transition:.2s;}
body .cs-categoriesBox .cs-overlayMenuButton:hover{background:var(--ugMerch)!important;color:var(--ugTechnik);}
/* Startseite: u/ground Willkommensbereich */
.ug-hero{background:linear-gradient(120deg,#132C3F 0%,#006A78 100%);color:#fff;border-radius:10px;padding:48px 40px;margin:24px 0;position:relative;overflow:hidden;}
.ug-hero h1{color:#fff;margin:0 0 .4em;font-size:2.2rem;font-weight:600;}
.ug-hero p{font-size:1.1rem;max-width:640px;margin:0 0 1.2em;color:#E8EEF2;}
.ug-hero .ug-claim{color:#CFD600;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;margin-bottom:.6em;}
.ug-hero a.ug-cta{display:inline-block;background:#CFD600;color:#132C3F;padding:.8em 1.6em;border-radius:4px;font-weight:600;}
.ug-hero a.ug-cta:hover{background:#fff;color:#132C3F;}
.ug-worlds{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 32px;}
.ug-worlds div{border-radius:8px;padding:22px 16px;color:#fff;font-weight:600;font-size:1.05rem;}
.ug-worlds small{display:block;font-weight:400;font-size:.8rem;opacity:.9;margin-top:4px;}
@media (max-width:600px){.ug-hero{padding:32px 22px;}.ug-hero h1{font-size:1.6rem;}}
/* === u/ground v2: Info-Menü & Footer === */
/* Dropdown & mobiles Info-Menü lesbar */
body .cs-topBar ul.cs-infosites .cs-addSites{background:#fff;box-shadow:0 8px 24px rgba(19,44,63,.18);border-top:3px solid #CFD600;border-radius:0 0 6px 6px;}
body .cs-topBar .cs-addSites a,body .cs-topBar .cs-addSites span,body .cs-topBar .cs-addSites li,
body .cs-topBar .cs-mobileInfosites ul,body .cs-topBar .cs-mobileInfosites ul a,body .cs-topBar .cs-mobileInfosites ul span,body .cs-topBar .cs-mobileInfosites ul li{color:#132C3F!important;}
body .cs-topBar .cs-addSites a:hover,body .cs-topBar .cs-mobileInfosites ul a:hover,body .cs-topBar .cs-mobileInfosites ul a:hover span{color:#006A78!important;}
body .cs-topBar .cs-mobileInfosites{background:#fff;}
body .cs-topBar .cs-informationsHeader{background:#132C3F!important;color:#fff!important;border-bottom:4px solid #CFD600;}
body .cs-topBar .cs-informationsHeader *{color:#fff!important;fill:#fff;}
body .cs-topBar .cs-informationsHeader svg path{fill:#fff!important;}
/* Footer kompakt, dunkel, mit Six-Worlds-Streifen */
footer{background:#132C3F;}
footer .cs-footerRow{margin:0!important;}
footer .cs-footerRow.top{background:#132C3F!important;color:#D7E0E7;border-top:6px solid transparent!important;border-image:linear-gradient(90deg,#CFD600 0 16.66%,#C11F66 16.66% 33.33%,#006A78 33.33% 50%,#2A4A63 50% 66.66%,#7556A4 66.66% 83.33%,#D9782D 83.33% 100%) 1!important;}
footer .cs-footerTop{padding:34px 15px 22px!important;}
footer .cs-footerBox{margin-bottom:14px;}
footer .cs-footerBoxHeader{color:#CFD600!important;font-size:.85rem!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px!important;}
footer .cs-footerBoxContent,footer .cs-footerBoxContent p,footer .cs-footerBoxContent span,footer .cs-footerBoxContent div{color:#D7E0E7!important;font-size:.88rem;line-height:1.65;}
footer .cs-footerBoxContent a{color:#fff!important;}
footer .cs-footerBoxContent a:hover{color:#CFD600!important;}
footer .cs-footerRow.newsletter{background:#0E2232!important;}
footer .cs-footerNewsletter{padding:16px 15px!important;align-items:center;gap:12px 24px;}
footer .cs-footerNewsletterBox.heading{color:#fff!important;font-weight:600;font-size:1rem;}
footer .cs-footerNewsletterBox.text{color:#B8C7D3!important;font-size:.85rem;padding:0!important;}
footer .cs-newsletterFooterInput{height:44px!important;border:0!important;border-radius:4px 0 0 4px;padding:0 14px!important;}
footer .cs-footerNewsletterBox.input{height:44px!important;}
footer .cs-newsletterLink,footer .cs-newsletterSubmit{background:#CFD600!important;height:44px!important;display:flex;align-items:center;justify-content:center;padding:0 16px;border-radius:0 4px 4px 0;}
footer .cs-newsletterLink svg path,footer .cs-newsletterSubmit svg path{fill:#132C3F!important;}
footer .cs-newsletterLink img,footer .cs-newsletterSubmit img{filter:brightness(0) saturate(100%) invert(14%) sepia(30%) saturate(1200%) hue-rotate(170deg);}
footer .cs-footerRow.payments{background:#0B1C28!important;padding:10px 0 0;}
footer .cs-footerPayments img{opacity:.85;height:22px;width:auto;border-radius:3px;}
footer .cs-footerRow.copyright,footer .cs-footerRow:last-child{background:#0B1C28!important;}
footer .cs-copyrightBox{color:#8FA3B3!important;font-size:.78rem!important;padding:8px 15px 14px!important;line-height:1.5;}
footer .cs-copyrightBox a{color:#B8C7D3!important;}
footer .cs-copyrightBox a:hover{color:#CFD600!important;}
@media (max-width:767.98px){footer .cs-footerTop{padding:24px 15px 10px!important;}}