/* geaendert 2026-10-14 23:54:46: VZ-Fortschritt lesbar und Portal-Token gleich hoch. */
/* geaendert 2026-10-14: BoB-Formmasse und bestehende Redaktionstexte auf Bootstrap 5 erhalten. */
:root{--bs-body-font-size:14px;--bs-body-line-height:1.42857143;--bs-border-radius:4px;--bs-link-color:#337ab7;--bs-link-hover-color:#23527c}
/* Existing BoB and school-authored rem measurements were authored against the 10px frontend root. */
html{font-size:10px}
body{font-size:14px;line-height:1.42857143}
h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}
.container,.container-fluid{padding-left:15px;padding-right:15px}.container{width:100%;max-width:none}.row{--bs-gutter-x:30px}
@media(min-width:768px){.container{max-width:750px}}
@media(min-width:992px){.container{max-width:970px}}
@media(min-width:1200px){.container{max-width:1170px}}
/* The deployed BoB 3.3.5 stylesheet has a 13px base and school-specific compact dimensions. */
body{font-size:13px}:root{--bs-body-font-size:13px;--bs-border-radius:2px}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{line-height:1.1}
h1,.h1{font-size:33px}h2,.h2{font-size:27px}h3,.h3{font-size:23px}h4,.h4{font-size:17px}h5,.h5{font-size:13px}
.btn{font-size:14px;line-height:1.42857143;padding:6px 12px}.btn-lg{font-size:18px;padding:10px 16px}.btn-sm{font-size:12px;padding:5px 10px}.btn-xs{font-size:12px;padding:1px 5px}
.btn-default{--bs-btn-color:#333;--bs-btn-bg:#fff;--bs-btn-border-color:#ccc;--bs-btn-hover-color:#333;--bs-btn-hover-bg:#e6e6e6;--bs-btn-hover-border-color:#adadad;--bs-btn-active-color:#333;--bs-btn-active-bg:#d4d4d4;--bs-btn-active-border-color:#8c8c8c;--bs-btn-disabled-color:#333;--bs-btn-disabled-bg:#fff;--bs-btn-disabled-border-color:#ccc}
.btn-primary{--bs-btn-bg:#337ab7;--bs-btn-border-color:#2e6da4;--bs-btn-hover-bg:#286090;--bs-btn-hover-border-color:#204d74}
.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#5cb85c;--bs-btn-border-color:#4cae4c;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#449d44;--bs-btn-hover-border-color:#398439}
.btn-info{--bs-btn-color:#fff;--bs-btn-bg:#5bc0de;--bs-btn-border-color:#46b8da;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#31b0d5;--bs-btn-hover-border-color:#269abc}
.btn-warning{--bs-btn-color:#fff;--bs-btn-bg:#f0ad4e;--bs-btn-border-color:#eea236;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#ec971f;--bs-btn-hover-border-color:#d58512}
.btn-danger{--bs-btn-bg:#d9534f;--bs-btn-border-color:#d43f3a;--bs-btn-hover-bg:#c9302c;--bs-btn-hover-border-color:#ac2925}
.form-control,.form-select{font-size:14px;line-height:1.42857143;min-height:34px;padding:6px 12px;border-radius:4px}
.form-select{padding-right:30px}.form-control:focus,.form-select:focus{border-color:#66afe9;box-shadow:0 0 8px rgba(102,175,233,.35)}
.form-control[readonly],.form-control:disabled,.form-select:disabled{background-color:#eee;opacity:1}textarea.form-control{height:auto}
.input-sm{min-height:30px;font-size:12px;padding:5px 10px}.input-lg{min-height:46px;font-size:18px;padding:10px 16px}
.form-group{margin-bottom:15px}.control-label{margin-bottom:5px;font-weight:700}
.form-inline{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.form-inline .form-group{margin-bottom:0}.form-inline .form-control{width:auto;max-width:100%}
.form-horizontal .form-group{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.form-horizontal .control-label{padding-top:7px}
.input-group-addon{display:flex;align-items:center;padding:6px 12px;font-size:14px;color:#555;text-align:center;background:#eee;border:1px solid #ccc;border-radius:4px}
.input-group-btn{display:flex;align-items:stretch}.input-group-btn>.btn{position:relative}.input-group>.input-group-addon:not(:first-child),.input-group>.input-group-btn:not(:first-child){margin-left:-1px}
.input-group>.input-group-addon:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-addon:last-child{border-top-left-radius:0;border-bottom-left-radius:0}
.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}
.radio input[type=radio],.checkbox input[type=checkbox]{position:absolute;margin-left:-20px;margin-top:4px}.radio-inline,.checkbox-inline{display:inline-flex;align-items:center;gap:5px;margin-right:10px;font-weight:400}
.panel{margin-bottom:20px;background:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-default{border-color:#ddd}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-radius:3px 3px 0 0}.panel-default>.panel-heading{color:#333;background:#f5f5f5;border-color:#ddd}
.panel-body{padding:15px}.panel-title{margin:0;font-size:16px}.panel-footer{padding:10px 15px;background:#f5f5f5;border-top:1px solid #ddd}.panel-group .panel+.panel{margin-top:5px}
.well{min-height:20px;padding:19px;margin-bottom:20px;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px}.well-sm{padding:9px}.well-lg{padding:24px}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
.label-default{background:#777}.label-primary{background:#337ab7}.label-success{background:#5cb85c}.label-info{background:#5bc0de}.label-warning{background:#f0ad4e}.label-danger{background:#d9534f}
.badge{font-size:12px;background:#777;color:#fff;line-height:1;vertical-align:middle}.alert{padding:15px;margin-bottom:20px;border-radius:4px}
.alert-success{color:#3c763d;background:#dff0d8;border-color:#d6e9c6}.alert-info{color:#31708f;background:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background:#f2dede;border-color:#ebccd1}
.alert-dismissible{padding-right:40px}.alert-dismissible>.close{position:absolute;right:10px;top:8px}
.close{padding:0;background:transparent;border:0;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;cursor:pointer}.close:hover{opacity:.8}
.modal-header{padding:15px;align-items:flex-start}.modal-header>.close{margin-left:auto;flex-shrink:0;align-self:flex-start}.modal-title{line-height:1.42857143}.modal-body,.modal-footer{padding:15px}
.modal-dialog{margin:10px auto;max-width:calc(100% - 20px)}.modal-dialog:not(.modal-lg):not(.modal-sm):not(.modal-xl){width:600px}.modal-sm{width:300px}.modal-lg{width:900px}
@media(min-width:768px){.modal-dialog{margin:30px auto;max-width:calc(100% - 30px)}}
.navbar{padding:0;min-height:50px;margin-bottom:20px}.navbar>.container{display:flex;flex-wrap:wrap;align-items:center}.navbar-header{display:flex;align-items:center;max-width:100%;min-height:50px}
.navbar-brand{padding:15px;margin:0;height:auto;font-size:18px;line-height:20px;white-space:normal}.navbar-toggler{padding:9px 10px;margin:8px 10px 8px 0;border:1px solid #ddd;border-radius:4px;line-height:1}
.navbar-toggler .icon-bar{display:block;width:22px;height:2px;background:#888}.navbar-toggler .icon-bar+.icon-bar{margin-top:4px}.navbar-nav>li>a{display:block;padding:15px;line-height:20px;text-decoration:none}
.navbar-nav .dropdown-menu{font-size:14px}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;white-space:nowrap}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background:#e5e5e5}
.navbar-nav .open>.dropdown-menu{display:block}.navbar-nav .dropdown-toggle::after{display:none}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}
@media(max-width:767.98px){.navbar>.container{display:block}.navbar-header{justify-content:space-between}.navbar-header .navbar-brand{order:-1}.navbar-collapse{width:100%}.navbar-nav{display:flex;flex-direction:column;margin:7.5px -15px}.navbar-nav>li>a{padding:10px 15px}.navbar-nav .dropdown-menu{max-width:100%;white-space:normal}.dropdown-menu>li>a{white-space:normal}}
@media(min-width:768px){.navbar-header{flex-shrink:0}.navbar-expand-md .navbar-collapse{flex-basis:0}.navbar-expand-md .navbar-nav{flex-direction:row;flex-wrap:wrap}.navbar-nav>li{position:relative}.navbar-toggler{display:none}}
.pull-right{float:right!important}.pull-left{float:left!important}.center-block{display:block;margin-left:auto;margin-right:auto}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}
.hidden{display:none!important}.show:not(.collapse):not(.modal):not(.dropdown-menu):not(.fade){display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}
@media(max-width:767.98px){.hidden-xs{display:none!important}.visible-xs{display:block!important}}
@media(min-width:768px)and(max-width:991.98px){.hidden-sm{display:none!important}.visible-sm{display:block!important}}
@media(min-width:992px)and(max-width:1199.98px){.hidden-md{display:none!important}.visible-md{display:block!important}}
@media(min-width:1200px){.hidden-lg{display:none!important}.visible-lg{display:block!important}}
/* Grid aliases only support already stored school-authored HTML; application columns are migrated. */
.col-xs-1{width:8.33333333%}.col-xs-2{width:16.66666667%}.col-xs-3{width:25%}.col-xs-4{width:33.33333333%}.col-xs-5{width:41.66666667%}.col-xs-6{width:50%}.col-xs-7{width:58.33333333%}.col-xs-8{width:66.66666667%}.col-xs-9{width:75%}.col-xs-10{width:83.33333333%}.col-xs-11{width:91.66666667%}.col-xs-12{width:100%}
.row>[class*=col-xs-]{flex-shrink:0;padding-left:15px;padding-right:15px}
@media(prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}
/* Preserve actual input/heading metrics rather than Bootstrap's new default theme. */
.btn{font-size:13px;border-radius:2px}.btn-lg{font-size:17px;line-height:1.3333333;border-radius:3px}.btn-sm{line-height:1.5;border-radius:1px}
.form-control,.form-select{font-size:13px;min-height:32px;height:32px;line-height:1.42857143;color:#555;background-color:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.form-select{appearance:auto;background-image:none;padding-right:12px}textarea.form-control,select.form-control[multiple],select.form-control[size]:not([size="1"]){height:auto}
legend{float:none;display:block;width:100%;padding:0;margin-bottom:18px;font-size:19.5px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
.alert{margin-bottom:18px;border-radius:2px}.close{font-size:19.5px;opacity:.2}.close:hover{opacity:.5}
.modal-header{display:block}.modal-header>.close{float:right;margin-top:-2px}
.navbar-brand{padding:16px 15px;font-size:17px;line-height:18px;color:inherit}.navbar-nav>li>a{line-height:18px}
.input-group-addon{font-size:13px}
@media(min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}.navbar-nav>li>a{padding-top:16px;padding-bottom:16px}}

@media(max-width:767.98px){.col-sm-1{width:100%}.col-sm-2{width:100%}.col-sm-3{width:100%}.col-sm-4{width:100%}.col-sm-5{width:100%}.col-sm-6{width:100%}.col-sm-7{width:100%}.col-sm-8{width:100%}.col-sm-9{width:100%}.col-sm-10{width:100%}.col-sm-11{width:100%}.col-sm-12{width:100%}}
@media(min-width:768px){.col-sm-1{width:8.33333333%}.col-sm-2{width:16.66666667%}.col-sm-3{width:25.0%}.col-sm-4{width:33.33333333%}.col-sm-5{width:41.66666667%}.col-sm-6{width:50.0%}.col-sm-7{width:58.33333333%}.col-sm-8{width:66.66666667%}.col-sm-9{width:75.0%}.col-sm-10{width:83.33333333%}.col-sm-11{width:91.66666667%}.col-sm-12{width:100.0%}}

@media(max-width:991.98px){.col-md-1{width:100%}.col-md-2{width:100%}.col-md-3{width:100%}.col-md-4{width:100%}.col-md-5{width:100%}.col-md-6{width:100%}.col-md-7{width:100%}.col-md-8{width:100%}.col-md-9{width:100%}.col-md-10{width:100%}.col-md-11{width:100%}.col-md-12{width:100%}}
@media(min-width:992px){.col-md-1{width:8.33333333%}.col-md-2{width:16.66666667%}.col-md-3{width:25.0%}.col-md-4{width:33.33333333%}.col-md-5{width:41.66666667%}.col-md-6{width:50.0%}.col-md-7{width:58.33333333%}.col-md-8{width:66.66666667%}.col-md-9{width:75.0%}.col-md-10{width:83.33333333%}.col-md-11{width:91.66666667%}.col-md-12{width:100.0%}}

@media(max-width:1199.98px){.col-lg-1{width:100%}.col-lg-2{width:100%}.col-lg-3{width:100%}.col-lg-4{width:100%}.col-lg-5{width:100%}.col-lg-6{width:100%}.col-lg-7{width:100%}.col-lg-8{width:100%}.col-lg-9{width:100%}.col-lg-10{width:100%}.col-lg-11{width:100%}.col-lg-12{width:100%}}
@media(min-width:1200px){.col-lg-1{width:8.33333333%}.col-lg-2{width:16.66666667%}.col-lg-3{width:25.0%}.col-lg-4{width:33.33333333%}.col-lg-5{width:41.66666667%}.col-lg-6{width:50.0%}.col-lg-7{width:58.33333333%}.col-lg-8{width:66.66666667%}.col-lg-9{width:75.0%}.col-lg-10{width:83.33333333%}.col-lg-11{width:91.66666667%}.col-lg-12{width:100.0%}}

/* VZ: Keep the caption outside the fill and separate progress from the navigation. */
body #schritt{margin-bottom:10px}
#schritt .schritt{display:block;font-size:13px;line-height:20px;margin-bottom:3px}
#schritt .progress{height:20px;margin-bottom:0}
/* One compact field height, including the fixed prefix and VZ's local input rules. */
body .bob-portal-token-input>.input-group-addon,
body .bob-portal-token-input>[data-bob-portal-token]{box-sizing:border-box;height:32px!important;min-height:32px!important;max-height:32px;align-self:stretch;margin:0;line-height:18px;font-size:13px}
body #daten .bob-portal-token-input>[data-bob-portal-token]{border-radius:0 4px 4px 0!important}