/* Breitere, responsive und lesbare Oberfläche */
.gbu21{width:100%!important;max-width:none!important;font-size:15px}
.gbu21 .layout{width:100%!important;max-width:1380px!important;grid-template-columns:230px minmax(0,1100px)!important;gap:40px!important;padding:38px 24px 65px!important}
.gbu21 .layout>main{min-width:0;width:100%}
.gbu21 .panel{width:100%;padding:48px 56px!important}
.gbu21 .panel h1{font-size:clamp(34px,3.2vw,44px)!important;line-height:1.1!important}
.gbu21 .question>span{font-size:15px!important}
.gbu21 .goal{font-size:13px!important;line-height:1.55}
.gbu21 .risks{gap:12px!important}
.gbu21 .risk{min-width:0;overflow:visible}
.gbu21 .measure button,.gbu21 .effects button,.gbu21 .factors button,.gbu21 footer button{min-height:44px}
.gbu21 .required-fields{margin-top:17px!important;padding:16px;background:#fff8f2;border:1px solid #f0b27f}
.gbu21 .required-fields label{font-size:13px!important}
.gbu21 .required-fields label>strong{display:inline;color:#b02c25;font-size:16px;line-height:0}
.gbu21 .mandatory-hint{margin:7px 0 0;color:#8f2d26;font-size:11px;font-weight:700}
.gbu21 .required{font-size:11px!important;line-height:1.45}
.gbu21 .top{padding:0 32px!important}

@media(max-width:1180px){
 .gbu21 .layout{grid-template-columns:190px minmax(0,1fr)!important;gap:25px!important;padding-left:18px!important;padding-right:18px!important}
 .gbu21 .panel{padding:42px 38px!important}
}
@media(max-width:1050px){
 .gbu21 .layout{display:grid!important;grid-template-columns:1fr!important;max-width:920px!important;gap:20px!important}
 .gbu21 .layout>aside{position:static!important;min-height:70px;padding:0 8px}
 .gbu21 .layout>aside .progress{float:left;margin:0 15px 0 0}
 .gbu21 .layout>aside>b{padding-top:13px}
 .gbu21 .layout>aside nav{display:none!important}
 .gbu21 .panel{padding:40px 42px!important}
}
@media(max-width:760px){
 .gbu21 .layout{padding:22px 12px 45px!important}
 .gbu21 .panel{padding:32px 25px!important}
 .gbu21 .risks{grid-template-columns:1fr 1fr!important}
 .gbu21 .risk{min-height:105px!important}
 .gbu21 .formgrid,.gbu21 .twocol{grid-template-columns:1fr!important}
 .gbu21 .factors{grid-template-columns:1fr!important}
 .gbu21 .panel h2{font-size:19px!important}
}
@media(max-width:560px){
 .gbu21 .top{height:auto!important;min-height:64px;padding:10px 15px!important;flex-wrap:wrap}
 .gbu21 .top>span{display:none!important}.gbu21 .top>button{font-size:12px}
 .gbu21 .layout{padding:16px 8px 38px!important}
 .gbu21 .layout>aside{padding-left:6px}
 .gbu21 .panel{padding:27px 17px!important}
 .gbu21 .panel h1{font-size:30px!important}
 .gbu21 .question{padding:15px 13px!important;gap:10px!important}
 .gbu21 .question>span{font-size:13px!important}
 .gbu21 .risks{grid-template-columns:1fr!important}
 .gbu21 .risk{min-height:86px!important}
 .gbu21 .measure>div{grid-template-columns:1fr!important}
 .gbu21 .measure button{border-right:0!important;border-bottom:1px solid #ccc!important;text-align:left;padding-left:14px!important}
 .gbu21 .effects{grid-template-columns:1fr!important}
 .gbu21 .rblock>header{align-items:flex-start!important;flex-direction:column!important;gap:7px}
 .gbu21 .rblock>header>span{width:100%}
 .gbu21 .layout footer{gap:8px}.gbu21 .layout footer button{padding:10px 11px!important;font-size:12px}
}

/* Logo in der Druckausgabe vollständig entfernen */
@media print{
 .gbu21 .plogo{display:none!important}
 .gbu21 .phead{height:22mm!important;margin:0 2mm!important;padding:1mm 1mm 0!important}
 .gbu21 .phead>b{font-size:21pt!important;max-width:250mm!important}
}