/*
 * KOBER LIGHTNING GMBH BRANDING
 * Farben direkt aus dem gelieferten Vektorlogo:
 * Rot   #E31E24
 * Gelb  #FBE568
 * Schwarz #000000
 */
:root{
  --brand-red:#E31E24;
  --brand-red-dark:#B6151A;
  --brand-yellow:#FBE568;
  --brand-yellow-soft:#FFF9D7;
  --brand-black:#111111;
  --brand-charcoal:#272727;
  --brand-paper:#FBFAF7;
  --navy:var(--brand-black);
  --blue:var(--brand-red);
  --blue2:#FFF0F0;
  --brand-accent:var(--brand-red);
  --bg:#F5F4F1;
  --text:#171717;
  --muted:#686868;
  --line:#E3E0D8;
}

body{background:linear-gradient(180deg,#F5F4F1 0,#FAF9F6 100%)}
a{color:var(--brand-red-dark)}
.hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(125deg,#FFFFFF 0%,#FFFFFF 66%,#FFF9D7 100%);
  color:var(--brand-black);
  border:1px solid #E9E5D9;
  border-top:7px solid var(--brand-red);
  box-shadow:0 12px 38px rgba(0,0,0,.08);
}
.hero:after{
  content:"";position:absolute;right:-70px;bottom:-115px;width:260px;height:260px;
  border-radius:50%;background:var(--brand-yellow);opacity:.35;pointer-events:none;
}
.hero:before{
  content:"";position:absolute;right:115px;top:-55px;width:84px;height:170px;
  transform:rotate(27deg);background:var(--brand-red);opacity:.055;pointer-events:none;
}
.hero>*{position:relative;z-index:1}
.hero h1{color:var(--brand-black)}
.hero p{color:#444}
.eyebrow{color:var(--brand-red);font-weight:900}
.brandline{padding-bottom:16px;border-bottom:1px solid #ECE8DE}
.brand-logo{max-width:250px;max-height:92px;filter:none}
.brand-name{color:#5A5A5A}
.pill{border-color:#D8D3C6;background:#FFF;color:#4C4C4C;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.pill:first-child{border-color:#F1B8BA;background:#FFF3F3;color:#941318}

.card{border-color:#E5E1D8;box-shadow:0 5px 18px rgba(0,0,0,.045)}
.intro-card{border-left:5px solid var(--brand-yellow)}
.mini{background:#FCFBF8;border-color:#ECE8DE}

.progress{background:#E7E3DA}
.progress>div{background:linear-gradient(90deg,var(--brand-red),#F04D52)}
.opts span{border-color:#D6D1C7}
.opts input:checked+span{background:#FFF2F2;border-color:var(--brand-red);color:#891317;box-shadow:inset 0 0 0 1px rgba(227,30,36,.08)}
.opts span:hover{border-color:#E6A1A4}

.btn.primary{background:var(--brand-red);color:#fff;box-shadow:0 4px 12px rgba(227,30,36,.18)}
.btn.primary:hover{background:var(--brand-red-dark)}
.btn.secondary{background:var(--brand-yellow);color:#171717}
.btn.secondary:hover{background:#F4DB4E}
.btn.outline{border-color:#CFCAC0;color:#292929}

.help-tip button{border-color:#E4A0A3;color:var(--brand-red);background:#FFF8F8}
.help-tip button:hover,.help-tip button:focus{background:var(--brand-red);color:#fff;border-color:var(--brand-red);outline:none}
.help-tip .tooltip{background:#1A1A1A;border:1px solid #333}
.help-tip .tooltip:before{border-color:transparent transparent #1A1A1A}

.internal-note{background:#FFFBE7;border-color:#EAD96A;color:#5D5314}
.details-box{background:#FCFBF8;border-color:#BEB8AD}

/* Statusfarben bleiben bewusst Ampelfarben - nicht in Markenrot/Gelb umgefaerbt. */
.traffic-wrap{background:#FCFBF8;border-color:#DDD8CD;box-shadow:inset 5px 0 0 var(--brand-yellow)}
.traffic-light{background:#161616;box-shadow:inset 0 0 0 2px #3A3A3A,0 4px 10px rgba(0,0,0,.14)}
.score-card{background:#FCFBF8;border-color:#E0DCD2}
.score-card strong{color:var(--brand-red)}
.kpi{border-color:#E3DFD5}
.finding{background:#fff}
.nextsteps{background:#FCFBF8;border-color:#E3DFD5;border-top:4px solid var(--brand-yellow)}

.lead{background:linear-gradient(135deg,#FFF9D7 0%,#FFFFFF 52%,#FFF2F2 100%);border-color:#E6DFAF}
.lead h2{color:#1A1A1A}
.privacy-box{border-left-color:var(--brand-red)!important}
.consent input{accent-color:var(--brand-red)}
.sources a{color:var(--brand-red-dark)}

.pdf-head{border-bottom-color:var(--brand-red)!important;position:relative}
.pdf-head:after{content:"";position:absolute;left:0;bottom:-2px;width:34mm;height:2px;background:var(--brand-yellow)}
.pdf-logo{width:52mm!important;max-height:25mm!important}

@media(max-width:760px){
  .brand-logo{max-width:205px;max-height:78px}
  .hero:after{right:-120px;bottom:-140px}
}

@media print{
  :root{--bg:#fff}
  body{background:#fff!important}
  .pdf-head h1{color:#111}
  .traffic-wrap{box-shadow:inset 4px 0 0 var(--brand-yellow)!important}
  .score-card strong{color:var(--brand-red)!important}
}