/**

 * BS Ried SuS – Kompakt-Design 1.4.3

 * Wird nach portal.css geladen und verdichtet Header, Schriften und Kacheln.

 */



.bsriedsus-app {

  font-size: 11.5px;

}



/* Header */

.bsr-site-header,

.bsr-account-header {

  min-height: 44px;

  padding: 5px clamp(14px, 3.4vw, 48px);

}



.bsr-brand {

  font-size: clamp(.72rem, .9vw, .88rem);

  gap: .22rem;

  letter-spacing: -.025em;

}



.bsr-header-actions {

  gap: 8px;

}



.bsr-user-greeting,

.bsr-back-link,

.bsr-admin-link {

  font-size: .64rem;

}



.bsr-button {

  border-radius: 8px;

  border-width: 1.5px;

  font-size: .68rem;

  gap: 5px;

  min-height: 30px;

  padding: 0 10px;

}



.bsr-button-large {

  min-height: 35px;

}



.bsr-icon {

  height: 1rem;

  width: 1rem;

}



/* Hinweise */

.bsr-notice {

  border-radius: 10px;

  font-size: .76rem;

  line-height: 1.4;

  margin: 14px auto;

  padding: 9px 13px;

}



/* Einstiegsbereich */

.bsr-hero {

  gap: clamp(10px, 2vw, 24px);

  grid-template-columns: minmax(0, 1.25fr) minmax(170px, .75fr);

  min-height: 170px;

  padding: 18px clamp(16px, 5vw, 68px) 16px;

}



.bsr-kicker {

  font-size: .52rem;

  gap: 5px;

  letter-spacing: .1em;

  margin-bottom: 5px;

}



.bsr-kicker .bsr-icon {

  height: 13px;

  width: 13px;

}



.bsr-hero h1 {

  font-size: clamp(1.05rem, 1.45vw, 1.35rem);

  letter-spacing: -.035em;

  line-height: 1.06;

  max-width: 620px;

}



.bsr-hero-lead {

  font-size: clamp(.66rem, .76vw, .74rem);

  line-height: 1.4;

  margin: 7px 0 6px;

  max-width: 580px;

}



.bsr-text-link {

  font-size: .64rem;

  gap: 5px;

}



.bsr-hero-art {

  min-height: 118px;

  transform: scale(.32);

  transform-origin: center;

}



/* Portalüberschrift und asymmetrisches Kachelraster */

.bsr-portal-section {

  padding: 9px clamp(16px, 3.4vw, 46px) 34px;

}



.bsr-section-heading {

  margin-bottom: 10px;

}



.bsr-section-heading h2,

.bsr-account-teaser h2,

.bsr-area-panel h2 {

  font-size: clamp(1.05rem, 1.5vw, 1.35rem);

  letter-spacing: -.035em;

  line-height: 1.08;

}



.bsr-test-badge {

  font-size: .58rem;

  gap: 5px;

  padding: 4px 8px;

}



.bsr-test-badge span {

  height: 7px;

  width: 7px;

}



.bsr-tile-grid {

  gap: 9px;

  grid-auto-rows: minmax(92px, auto);

}



.bsr-tile {

  border-radius: 14px;

  padding: clamp(10px, 1.35vw, 14px);

}



.bsr-tile-learning,

.bsr-tile-dates {

  grid-row: span 1;

  min-height: 152px;

}



.bsr-tile-top > .bsr-icon {

  height: 14px;

  width: 14px;

}



.bsr-tile-icon {

  border-radius: 10px;

  height: 34px;

  width: 34px;

}



.bsr-tile-icon .bsr-icon {

  height: 17px;

  width: 17px;

}



.bsr-tile-content p {

  font-size: .52rem;

  letter-spacing: .08em;

  margin: 7px 0 3px;

}



.bsr-tile-content h3 {

  font-size: clamp(.82rem, 1vw, .98rem);

  letter-spacing: -.025em;

  line-height: 1.08;

  margin-bottom: 4px;

}



.bsr-tile-content span {

  font-size: .64rem;

  line-height: 1.3;

}



.bsr-tile-learning .bsr-tile-content h3,

.bsr-tile-dates .bsr-tile-content h3 {

  font-size: clamp(1.05rem, 1.45vw, 1.32rem);

}



/* Geöffneter Bereich */

.bsr-area-panel {

  border-radius: 20px;

  gap: 18px;

  margin: -32px auto 46px;

  padding: clamp(17px, 2.5vw, 26px);

}



.bsr-area-panel p:last-child,

.bsr-card-lead {

  font-size: .77rem;

  line-height: 1.42;

  margin-top: 7px;

}



.bsr-area-icon {

  border-radius: 15px;

  height: 52px;

  width: 52px;

}



.bsr-area-icon .bsr-icon {

  height: 26px;

  width: 26px;

}



/* Benutzerbereich auf der Startseite */

.bsr-account-teaser {

  border-radius: 24px;

  gap: 26px;

  margin-bottom: 46px;

  padding: clamp(24px, 4vw, 42px);

}



.bsr-account-teaser > div:first-child p:last-child {

  font-size: .77rem;

  line-height: 1.48;

  margin-top: 12px;

}



.bsr-account-teaser ul {

  gap: 9px;

}



.bsr-account-teaser li {

  font-size: .78rem;

  gap: 9px;

}



.bsr-account-teaser li .bsr-icon {

  height: 17px;

  width: 17px;

}



.bsr-account-actions {

  gap: 13px;

}



.bsr-footer {

  font-size: .7rem;

  padding: 16px 0 24px;

}



/* Anmeldung, Registrierung und Passwort-Rücksetzen */

.bsr-form-shell,

.bsr-admin-shell {

  padding: clamp(28px, 4.5vw, 52px) 18px 54px;

}



.bsr-form-intro {

  margin-bottom: 20px;

}



.bsr-form-intro h1,

.bsr-success-panel h1 {

  font-size: clamp(1.85rem, 4vw, 3.05rem);

  letter-spacing: -.045em;

  line-height: 1;

}



.bsr-form-intro > p:last-child,

.bsr-success-panel > p {

  font-size: .78rem;

  line-height: 1.48;

  margin-top: 11px;

}



.bsr-account-form {

  border-radius: 20px;

  gap: 16px;

  padding: clamp(18px, 3vw, 30px);

}



.bsr-account-form label,

.bsr-account-form fieldset {

  gap: 6px;

}



.bsr-account-form label > span:first-child,

.bsr-account-form legend,

.bsr-inline-form label {

  font-size: .75rem;

}



.bsr-account-form small {

  font-size: .67rem;

}



.bsr-account-form input:not([type="checkbox"]),

.bsr-account-form select,

.bsr-inline-form input,

.bsr-add-subject input,

.bsr-role-form select {

  border-radius: 10px;

  font-size: .78rem;

  min-height: 40px;

  padding: 0 11px;

}



.bsr-form-grid {

  gap: 12px;

}



.bsr-subject-options {

  gap: 7px;

}



.bsr-check-card {

  border-radius: 10px;

  font-size: .76rem;

  gap: 8px !important;

  min-height: 38px;

  padding: 7px 10px !important;

}



.bsr-check-card input,

.bsr-consent-box input,

.bsr-inline-check input {

  height: 15px;

  width: 15px;

}



.bsr-password-field button {

  font-size: .65rem;

  height: 36px;

}



.bsr-consent-box {

  border-radius: 11px;

  gap: 9px !important;

  line-height: 1.4;

  padding: 11px !important;

}



.bsr-consent-box span {

  font-size: .72rem !important;

}



.bsr-submit {

  min-height: 42px;

}



.bsr-form-footnote,

.bsr-form-row,

.bsr-switch-account,

.bsr-empty-note {

  font-size: .7rem;

}



.bsr-switch-account {

  margin-top: 14px;

}



.bsr-success-panel {

  border-radius: 20px;

  padding: clamp(22px, 4vw, 40px);

}



.bsr-success-panel > span {

  height: 52px;

  margin-bottom: 15px;

  width: 52px;

}



.bsr-success-panel .bsr-button {

  margin-top: 17px;

}



/* Portal-Verwaltung */

.bsr-admin-grid {

  gap: 12px;

}



.bsr-admin-card {

  border-radius: 17px;

  padding: clamp(15px, 2vw, 22px);

}



.bsr-admin-card h2 {

  font-size: clamp(1.1rem, 1.7vw, 1.45rem);

  letter-spacing: -.025em;

  margin-bottom: 12px;

}



.bsr-definition-list {

  gap: 11px;

}



.bsr-definition-item {

  border-radius: 12px;

  padding: 12px;

}



.bsr-definition-title h3 {

  font-size: .92rem;

}



.bsr-text-button,

.bsr-tag-form button {

  font-size: .66rem;

}



.bsr-subject-tags {

  gap: 5px;

  margin: 9px 0;

}



.bsr-tag-form button {

  padding: 5px 8px;

}



.bsr-add-subject input,

.bsr-add-subject .bsr-button {

  min-height: 36px;

}



.bsr-user-card {

  margin-top: 12px;

}



.bsr-user-table {

  font-size: .74rem;

}



.bsr-user-table th,

.bsr-user-table td {

  padding: 8px 7px;

}



.bsr-user-table th {

  font-size: .64rem;

  letter-spacing: .06em;

}



.bsr-role-form select,

.bsr-role-form .bsr-button {

  min-height: 34px;

}



/* Eigene Lernunterlagen-Seite */

.bsr-learning-shell {

  margin: 0 auto;

  max-width: 1120px;

  min-height: calc(100vh - 122px);

  padding: 22px clamp(16px, 3.4vw, 46px) 34px;

  width: 100%;

}



.bsr-learning-intro {

  margin-bottom: 12px;

}



.bsr-learning-intro h1 {

  font-size: clamp(1.2rem, 1.8vw, 1.6rem);

  letter-spacing: -.035em;

  line-height: 1.05;

  margin: 0;

}



.bsr-learning-intro > p:last-child {

  color: var(--bsr-muted);

  font-size: .68rem;

  line-height: 1.4;

  margin: 6px 0 0;

}



.bsr-resource-grid {

  display: grid;

  gap: 9px;

  grid-template-columns: repeat(3, minmax(0, 1fr));

}



.bsr-resource-tile {

  min-height: 150px;

}



.bsr-resource-awl {

  background: linear-gradient(145deg, #ff7b15, #e95b00);

  border-color: transparent;

  color: #fff !important;

}



.bsr-resource-awl .bsr-tile-icon {

  background: rgba(255, 255, 255, .18);

  color: #fff;

}



.bsr-resource-awl .bsr-tile-content p,

.bsr-resource-awl .bsr-tile-content span {

  color: rgba(255, 255, 255, .84);

}



.bsr-resource-awl:hover {

  border-color: transparent;

  box-shadow: 0 18px 40px rgba(245, 106, 0, .24);

}



.bsr-learning-login {

  align-items: center;

  background: #fff;

  border: 1px solid var(--bsr-line);

  border-radius: 16px;

  box-shadow: var(--bsr-shadow);

  display: grid;

  gap: 14px;

  grid-template-columns: auto 1fr auto;

  padding: 16px;

}



.bsr-learning-login p:last-child {

  color: var(--bsr-muted);

  font-size: .68rem;

  line-height: 1.4;

  margin: 4px 0 0;

}



@media (max-width: 1000px) {

  .bsr-hero {

    padding-top: 18px;

  }



  .bsr-resource-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

}



@media (max-width: 720px) {

  .bsr-site-header,

  .bsr-account-header {

    align-items: center;

    gap: 6px;

    min-height: 42px;

    padding: 5px 10px;

  }



  .bsr-brand {

    font-size: .67rem;

    margin-top: 0;

  }



  .bsr-account-header .bsr-brand {

    margin-top: 0;

  }



  .bsr-header-actions {

    gap: 5px;

  }



  .bsr-header-actions .bsr-button {

    font-size: .58rem;

    min-height: 29px;

    padding: 0 7px;

  }



  .bsr-hero {

    padding: 14px 12px 13px;

  }



  .bsr-hero h1 {

    font-size: clamp(.96rem, 4.5vw, 1.15rem);

  }



  .bsr-portal-section {

    padding: 8px 10px 28px;

  }



  .bsr-section-heading {

    gap: 11px;

  }



  .bsr-tile-grid {

    gap: 7px;

  }



  .bsr-tile {

    min-height: 104px;

    padding: 10px;

  }



  .bsr-tile-learning,

  .bsr-tile-dates {

    min-height: 122px;

  }



  .bsr-tile-icon {

    height: 32px;

    width: 32px;

  }



  .bsr-tile-icon .bsr-icon {

    height: 16px;

    width: 16px;

  }



  .bsr-area-panel {

    gap: 12px;

    margin-top: -22px;

    padding: 16px 12px;

  }



  .bsr-account-teaser {

    gap: 20px;

    padding: 30px 18px;

  }



  .bsr-footer {

    padding: 14px 12px 20px;

  }



  .bsr-form-shell,

  .bsr-admin-shell {

    padding: 28px 12px 42px;

  }



  .bsr-learning-shell {

    min-height: calc(100vh - 102px);

    padding: 18px 10px 28px;

  }



  .bsr-resource-grid {

    grid-template-columns: 1fr;

  }



  .bsr-resource-tile {

    min-height: 122px;

  }



  .bsr-learning-login {

    grid-template-columns: auto 1fr;

  }



  .bsr-learning-login .bsr-button {

    grid-column: 1 / -1;

  }

}



/* Startseite 1.2.0: vier moderne Direktzugriffe */

.bsr-modern-shortcuts {

  display: grid;

  grid-template-columns: repeat(12, minmax(0, 1fr));

  gap: 12px;

  grid-auto-rows: minmax(166px, auto);

}

.bsr-modern-shortcuts .bsr-modern-tile {

  position: relative;

  isolation: isolate;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  min-width: 0;

  min-height: 168px;

  padding: 17px;

  border: 1px solid rgba(223, 210, 196, .9);

  border-radius: 20px;

  background:

    linear-gradient(145deg, rgba(255,255,255,.98), rgba(252,248,243,.96));

  box-shadow: 0 12px 34px rgba(89, 57, 31, .08);

  color: var(--bsr-text);

  text-decoration: none;

  transform: translateZ(0);

  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;

}

.bsr-modern-shortcuts .bsr-modern-tile:hover {

  transform: translateY(-5px) scale(1.006);

  border-color: rgba(245, 106, 0, .38);

  box-shadow: 0 22px 48px rgba(89, 57, 31, .14);

}

.bsr-modern-tile-grades,

.bsr-modern-tile-lessons {

  grid-column: span 6;

}

.bsr-modern-tile-solutions {

  grid-column: span 5;

}

.bsr-modern-tile-awl {

  grid-column: span 7;

}

.bsr-modern-glow {

  position: absolute;

  z-index: -1;

  width: 170px;

  height: 170px;

  right: -64px;

  top: -78px;

  border-radius: 50%;

  background: radial-gradient(circle, rgba(245,106,0,.16), rgba(245,106,0,0) 70%);

  transition: transform .35s ease, opacity .35s ease;

}

.bsr-modern-tile:hover .bsr-modern-glow {

  transform: scale(1.22) translate(-6px, 6px);

}

.bsr-modern-tile-head {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 12px;

}

.bsr-modern-icon,

.bsr-modern-awl-mark {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 42px;

  height: 42px;

  border-radius: 13px;

  background: linear-gradient(145deg, #fff3e7, #ffe8d3);

  color: #e85d00;

  box-shadow: inset 0 0 0 1px rgba(245,106,0,.12);

}

.bsr-modern-icon .bsr-icon {

  width: 20px;

  height: 20px;

}

.bsr-modern-arrow {

  display: inline-flex;

  width: 30px;

  height: 30px;

  align-items: center;

  justify-content: center;

  border-radius: 999px;

  background: rgba(255,255,255,.72);

  border: 1px solid rgba(218,203,187,.9);

  color: #8a725d;

  transition: transform .22s ease, color .22s ease, background .22s ease;

}

.bsr-modern-arrow .bsr-icon {

  width: 14px;

  height: 14px;

}

.bsr-modern-tile:hover .bsr-modern-arrow {

  transform: translate(3px,-3px);

  color: #e85d00;

  background: #fff;

}

.bsr-modern-copy {

  min-width: 0;

}

.bsr-modern-eyebrow {

  display: block;

  margin: 12px 0 4px;

  color: #d75a0c;

  font-size: .53rem;

  font-weight: 800;

  letter-spacing: .11em;

  text-transform: uppercase;

}

.bsr-modern-copy h3 {

  margin: 0;

  font-size: clamp(1.05rem, 1.55vw, 1.42rem);

  line-height: 1.06;

  letter-spacing: -.035em;

}

.bsr-modern-copy p {

  max-width: 530px;

  margin: 7px 0 0;

  color: var(--bsr-muted);

  font-size: .68rem;

  line-height: 1.38;

}

.bsr-modern-chip {

  display: inline-flex;

  align-items: center;

  align-self: flex-start;

  margin-top: 12px;

  padding: 5px 8px;

  border-radius: 999px;

  background: rgba(245,106,0,.08);

  color: #b84b08;

  font-size: .57rem;

  font-weight: 760;

  line-height: 1;

}

.bsr-modern-tile-solutions {

  background:

    radial-gradient(circle at 92% 10%, rgba(245,106,0,.13), transparent 34%),

    linear-gradient(145deg, #fffdfb, #f8f4ee);

}

.bsr-modern-tile-awl {

  border-color: transparent;

  color: #fff;

  background:

    radial-gradient(circle at 82% 18%, rgba(255,255,255,.16), transparent 32%),

    linear-gradient(135deg, #ff7b15 0%, #ef6305 48%, #d84f00 100%);

  box-shadow: 0 16px 38px rgba(223, 88, 0, .2);

}

.bsr-modern-tile-awl:hover {

  border-color: transparent;

  box-shadow: 0 24px 54px rgba(223, 88, 0, .28);

}

.bsr-modern-tile-awl .bsr-modern-glow {

  background: radial-gradient(circle, rgba(255,255,255,.26), rgba(255,255,255,0) 70%);

}

.bsr-modern-awl-mark {

  width: auto;

  min-width: 70px;

  padding: 0 10px;

  flex-direction: column;

  align-items: flex-start;

  background: rgba(255,255,255,.18);

  color: #fff;

  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);

}

.bsr-modern-awl-mark small {

  font-size: .42rem;

  line-height: 1;

  letter-spacing: .08em;

  opacity: .82;

}

.bsr-modern-awl-mark strong {

  font-size: 1rem;

  line-height: 1.05;

  letter-spacing: -.05em;

}

.bsr-modern-tile-awl .bsr-modern-arrow {

  background: rgba(255,255,255,.15);

  border-color: rgba(255,255,255,.22);

  color: #fff;

}

.bsr-modern-tile-awl .bsr-modern-eyebrow,

.bsr-modern-tile-awl .bsr-modern-copy p {

  color: rgba(255,255,255,.8);

}

.bsr-modern-tile-awl .bsr-modern-copy h3 {

  color: #fff;

}

.bsr-modern-tile-awl .bsr-modern-chip {

  background: rgba(255,255,255,.15);

  color: #fff;

}

.bsr-modern-awl-layout {

  display: grid;

  grid-template-columns: minmax(0, 1fr) minmax(150px, .72fr);

  gap: 16px;

  align-items: end;

}

.bsr-awl-preview {

  align-self: stretch;

  min-height: 106px;

  margin-top: 12px;

  padding: 9px;

  border-radius: 13px;

  border: 1px solid rgba(255,255,255,.2);

  background: rgba(255,255,255,.12);

  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);

  transform: perspective(600px) rotateY(-4deg) rotateX(2deg) translateY(3px);

  transform-origin: center right;

  transition: transform .28s ease, background .28s ease;

}

.bsr-modern-tile-awl:hover .bsr-awl-preview {

  transform: perspective(600px) rotateY(0) rotateX(0) translateY(0) scale(1.025);

  background: rgba(255,255,255,.17);

}

.bsr-awl-preview-bar {

  display: flex;

  gap: 3px;

}

.bsr-awl-preview-bar i {

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background: rgba(255,255,255,.65);

}

.bsr-awl-preview-title {

  margin: 8px 0 7px;

  font-size: .62rem;

  font-weight: 800;

  letter-spacing: -.02em;

}

.bsr-awl-preview-row {

  display: grid;

  grid-template-columns: 1fr 24px;

  gap: 7px;

  margin-top: 6px;

}

.bsr-awl-preview-row span,

.bsr-awl-preview-row b {

  display: block;

  height: 7px;

  border-radius: 999px;

  background: rgba(255,255,255,.24);

}

.bsr-awl-preview-row b {

  background: rgba(255,255,255,.48);

}



/* Die bisherige Lernunterlagen-Seite ist nun eine reine Lösungsseite. */

.bsr-solutions-only-marker {

  display: none;

}

.bsr-learning-page .bsr-student-solutions {

  margin-top: 12px;

}

.bsr-learning-page .bsr-student-solutions h2 {

  margin-bottom: 8px;

}



@media (max-width: 900px) {

  .bsr-modern-tile-grades,

  .bsr-modern-tile-lessons,

  .bsr-modern-tile-solutions,

  .bsr-modern-tile-awl {

    grid-column: span 6;

  }

  .bsr-modern-awl-layout {

    grid-template-columns: 1fr;

  }

  .bsr-awl-preview {

    display: none;

  }

}

@media (max-width: 620px) {

  .bsr-modern-shortcuts {

    display: grid;

    grid-template-columns: 1fr;

    gap: 9px;

  }

  .bsr-modern-tile-grades,

  .bsr-modern-tile-lessons,

  .bsr-modern-tile-solutions,

  .bsr-modern-tile-awl {

    grid-column: 1;

  }

  .bsr-modern-shortcuts .bsr-modern-tile {

    min-height: 142px;

    padding: 14px;

  }

  .bsr-modern-copy h3 {

    font-size: 1.08rem;

  }

}



/* =========================================================

   Startseite 1.3.0 – dynamische Portalvariante

   ========================================================= */

.bsr-home {

  position: relative;

  overflow: hidden;

  background:

    radial-gradient(circle at 7% 22%, rgba(245,106,0,.10), transparent 18rem),

    radial-gradient(circle at 92% 13%, rgba(245,106,0,.08), transparent 22rem),

    linear-gradient(180deg, #fffaf4 0%, #fff8ef 100%);

}



.bsr-home::before,

.bsr-home::after {

  content: "";

  position: absolute;

  z-index: 0;

  pointer-events: none;

  border-radius: 50%;

}

.bsr-home::before {

  width: 310px;

  height: 310px;

  left: -205px;

  top: 110px;

  background: rgba(245,106,0,.045);

}

.bsr-home::after {

  width: 240px;

  height: 240px;

  right: -150px;

  top: 315px;

  border: 1px dashed rgba(245,106,0,.13);

}



.bsr-home > * {

  position: relative;

  z-index: 1;

}



.bsr-site-header {

  min-height: 62px;

  padding: 8px clamp(18px, 4vw, 58px);

  background: rgba(255,255,255,.95);

  box-shadow: 0 5px 20px rgba(95,61,34,.045);

}

.bsr-site-header .bsr-brand {

  font-size: clamp(.82rem, 1vw, 1rem);

}

.bsr-site-header .bsr-button {

  min-height: 34px;

  border-radius: 999px;

  padding-inline: 13px;

}



/* Hero – bewusst kompakter; Überschrift auf Desktop einzeilig. */

.bsr-home .bsr-hero {

  position: relative;

  max-width: 1360px;

  min-height: 300px;

  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);

  gap: clamp(20px, 4vw, 58px);

  padding: 38px clamp(24px, 5vw, 70px) 28px;

  overflow: visible;

}

.bsr-home .bsr-hero::before {

  content: "";

  position: absolute;

  left: 28px;

  top: 32px;

  width: 88px;

  height: 88px;

  opacity: .34;

  background-image: radial-gradient(circle, rgba(245,106,0,.42) 1.2px, transparent 1.4px);

  background-size: 9px 9px;

  mask-image: linear-gradient(135deg, #000 5%, transparent 82%);

  pointer-events: none;

}

.bsr-home .bsr-hero-copy {

  padding-left: clamp(0px, 1.4vw, 18px);

}

.bsr-home .bsr-kicker {

  margin-bottom: 8px;

  font-size: .55rem;

  letter-spacing: .14em;

}

.bsr-home .bsr-hero h1.bsr-home-title {

  max-width: none;

  margin: 0;

  font-size: clamp(1.75rem, 2.65vw, 2.75rem);

  font-weight: 850;

  line-height: 1.03;

  letter-spacing: -.052em;

  white-space: nowrap;

}

.bsr-home .bsr-hero-lead {

  display: block;

  max-width: 610px;

  margin: 12px 0 10px;

  color: #6f665f;

  font-size: clamp(.72rem, .85vw, .86rem);

  line-height: 1.48;

}

.bsr-home .bsr-text-link {

  font-size: .67rem;

  font-weight: 800;

}



/* Hero-Grafik: vorhandene Portal-SVGs werden als moderne Illustration inszeniert. */

.bsr-home .bsr-hero-art {

  min-height: 220px;

  transform: none;

  overflow: visible;

}

.bsr-home .bsr-hero-art::before {

  width: 300px;

  height: 168px;

  right: 7%;

  top: 26px;

  border: 1px solid rgba(245,106,0,.12);

  border-radius: 34px;

  background:

    linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,246,236,.46));

  box-shadow: 0 22px 50px rgba(111,72,38,.065);

}

.bsr-home .bsr-orbit {

  border-width: 1px;

  border-color: rgba(245,106,0,.26);

}

.bsr-home .bsr-orbit-one {

  width: 330px;

  height: 165px;

  left: 3%;

  top: 29px;

  transform: rotate(11deg);

}

.bsr-home .bsr-orbit-two {

  width: 280px;

  height: 142px;

  left: 15%;

  top: 50px;

  transform: rotate(-15deg);

}

.bsr-home .bsr-disc-one {

  width: 112px;

  height: 112px;

  right: 4%;

  top: 35px;

  background: rgba(245,106,0,.10);

}

.bsr-home .bsr-disc-two {

  width: 62px;

  height: 62px;

  left: 47%;

  bottom: 34px;

  background: linear-gradient(145deg, #ff8a29, #f56a00);

  box-shadow: 0 12px 30px rgba(245,106,0,.22);

}

.bsr-home .bsr-art-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid rgba(245,106,0,.15);

  border-radius: 18px;

  background: rgba(255,255,255,.84);

  color: #f56a00;

  box-shadow: 0 12px 28px rgba(83,54,31,.07);

}

.bsr-home .bsr-art-book {

  width: 76px;

  height: 76px;

  left: 9%;

  top: 51px;

  padding: 18px;

  transform: rotate(-4deg);

}

.bsr-home .bsr-art-calendar {

  width: 70px;

  height: 70px;

  right: 11%;

  top: 77px;

  padding: 17px;

  transform: rotate(4deg);

}

.bsr-home .bsr-art-message {

  width: 68px;

  height: 68px;

  left: 43%;

  bottom: 36px;

  padding: 17px;

  border-color: transparent;

  background: #f56a00;

  color: #fff;

  box-shadow: 0 14px 32px rgba(245,106,0,.24);

}



/* Kachelbereich wie im freigegebenen Entwurf. */

.bsr-home .bsr-portal-section {

  max-width: 1280px;

  padding: 8px clamp(18px, 4vw, 52px) 34px;

}

.bsr-modern-shortcuts {

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 15px;

  grid-auto-rows: 182px;

}

.bsr-modern-shortcuts .bsr-modern-tile,

.bsr-modern-tile-grades,

.bsr-modern-tile-lessons,

.bsr-modern-tile-solutions,

.bsr-modern-tile-awl {

  grid-column: auto;

}

.bsr-modern-shortcuts .bsr-modern-tile {

  min-height: 182px;

  padding: 20px 22px;

  border: 1px solid rgba(226,213,199,.92);

  border-radius: 19px;

  background:

    radial-gradient(circle at 92% 10%, rgba(245,106,0,.045), transparent 32%),

    linear-gradient(145deg, rgba(255,255,255,.99), rgba(255,252,248,.97));

  box-shadow: 0 14px 34px rgba(87,56,30,.075);

}

.bsr-modern-shortcuts .bsr-modern-tile:hover {

  transform: translateY(-6px);

  box-shadow: 0 24px 54px rgba(87,56,30,.14);

}

.bsr-modern-glow {

  width: 210px;

  height: 210px;

  right: -90px;

  top: -108px;

  background: radial-gradient(circle, rgba(245,106,0,.12), rgba(245,106,0,0) 70%);

}

.bsr-modern-icon {

  width: 48px;

  height: 48px;

  border-radius: 16px;

  background: linear-gradient(145deg, #fff4e9, #ffe7d0);

  box-shadow:

    inset 0 0 0 1px rgba(245,106,0,.13),

    0 9px 20px rgba(245,106,0,.08);

}

.bsr-modern-icon .bsr-icon {

  width: 23px;

  height: 23px;

}

.bsr-modern-arrow {

  width: 34px;

  height: 34px;

  color: #a47b5c;

  background: rgba(255,255,255,.88);

  box-shadow: 0 7px 16px rgba(68,45,27,.055);

}

.bsr-modern-copy h3 {

  margin-top: 11px;

  font-size: clamp(.98rem, 1.35vw, 1.22rem);

  line-height: 1.08;

}

.bsr-modern-copy p {

  max-width: 500px;

  margin-top: 6px;

  font-size: .66rem;

  line-height: 1.38;

}

.bsr-modern-chip {

  margin-top: 10px;

  padding: 6px 9px;

  background: #fff1e5;

  color: #c95208;

  font-size: .56rem;

}



/* Fit durch AWL: eigene grafische Vorschau statt einer leeren Kachel. */

.bsr-modern-tile-awl {

  color: var(--bsr-text);

  border-color: rgba(245,106,0,.20) !important;

  background:

    radial-gradient(circle at 78% 20%, rgba(255,255,255,.82), transparent 29%),

    linear-gradient(135deg, #fff2e6 0%, #ffe3cc 52%, #ffd5b6 100%) !important;

  box-shadow: 0 16px 38px rgba(211,98,20,.12) !important;

}

.bsr-modern-tile-awl:hover {

  box-shadow: 0 26px 56px rgba(211,98,20,.19) !important;

}

.bsr-modern-tile-awl .bsr-modern-glow {

  background: radial-gradient(circle, rgba(255,255,255,.72), rgba(255,255,255,0) 72%);

}

.bsr-modern-awl-layout {

  height: 100%;

  grid-template-columns: minmax(0, .78fr) minmax(270px, 1.22fr);

  gap: 22px;

  align-items: center;

}

.bsr-modern-awl-copy {

  align-self: center;

  position: relative;

  z-index: 3;

}

.bsr-modern-tile-awl .bsr-modern-eyebrow {

  margin-top: 0;

  color: #c75008;

}

.bsr-modern-tile-awl .bsr-modern-copy h3 {

  color: #18202a;

  margin-top: 4px;

  font-size: clamp(1.08rem, 1.5vw, 1.38rem);

}

.bsr-modern-tile-awl .bsr-modern-copy p {

  color: #74675d;

}

.bsr-modern-tile-awl .bsr-modern-chip.bsr-awl-button {

  display: inline-flex;

  gap: 5px;

  background: #f56a00;

  color: #fff;

  box-shadow: 0 9px 20px rgba(245,106,0,.18);

}

.bsr-modern-tile-awl .bsr-awl-button .bsr-icon {

  width: 11px;

  height: 11px;

}



.bsr-awl-scene {

  position: relative;

  align-self: stretch;

  min-height: 142px;

  overflow: hidden;

  border-radius: 16px;

  background:

    linear-gradient(rgba(255,255,255,.36), rgba(255,255,255,.14)),

    radial-gradient(circle at 83% 18%, #fff 0 2px, transparent 3px),

    radial-gradient(circle at 73% 25%, rgba(245,106,0,.30) 0 2px, transparent 3px);

  transition: transform .28s ease;

}

.bsr-modern-tile-awl:hover .bsr-awl-scene {

  transform: translateY(-2px) scale(1.015);

}

.bsr-awl-device {

  position: absolute;

  z-index: 5;

  left: 30%;

  bottom: 7px;

  width: 82px;

  height: 126px;

  padding: 13px 10px;

  border: 5px solid rgba(255,255,255,.94);

  border-radius: 12px;

  background: linear-gradient(160deg, #16233a 0 45%, #fff 45% 100%);

  box-shadow: 0 16px 26px rgba(52,39,29,.16);

  transform: rotate(-1deg);

}

.bsr-awl-device small,

.bsr-awl-device strong {

  display: block;

  color: #fff;

  line-height: 1;

}

.bsr-awl-device small {

  font-size: .34rem;

  letter-spacing: .10em;

}

.bsr-awl-device strong {

  margin-top: 5px;

  font-size: 1.06rem;

  letter-spacing: -.06em;

}

.bsr-awl-device span {

  position: absolute;

  left: 11px;

  right: 11px;

  bottom: 28px;

  height: 5px;

  border-radius: 999px;

  background: #eee6df;

}

.bsr-awl-device span:last-child {

  bottom: 15px;

  right: 28px;

  background: #f5a66d;

}

.bsr-awl-dashboard {

  position: absolute;

  z-index: 3;

  right: 8px;

  top: 14px;

  width: 58%;

  height: 95px;

  border: 1px solid rgba(219,196,177,.82);

  border-radius: 12px;

  background: rgba(255,255,255,.86);

  box-shadow: 0 12px 28px rgba(75,49,29,.09);

}

.bsr-awl-chart {

  position: absolute;

  top: 17px;

  left: 14px;

  right: 14px;

  height: 32px;

  border-bottom: 1px solid #eee3da;

}

.bsr-awl-chart::before {

  content: "";

  position: absolute;

  left: 2px;

  right: 2px;

  top: 16px;

  height: 2px;

  background: linear-gradient(165deg, transparent 0 8%, #f56a00 9% 21%, transparent 22% 29%, #f56a00 30% 44%, transparent 45% 54%, #f56a00 55% 68%, transparent 69% 76%, #f56a00 77% 100%);

  transform: rotate(-2deg);

  opacity: .75;

}

.bsr-awl-chart i {

  position: absolute;

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background: #f56a00;

  box-shadow: 0 0 0 2px rgba(245,106,0,.10);

}

.bsr-awl-chart i:nth-child(1) { left: 3%; top: 20px; }

.bsr-awl-chart i:nth-child(2) { left: 26%; top: 12px; }

.bsr-awl-chart i:nth-child(3) { left: 49%; top: 21px; }

.bsr-awl-chart i:nth-child(4) { left: 71%; top: 9px; }

.bsr-awl-chart i:nth-child(5) { right: 1%; top: 2px; }

.bsr-awl-lines {

  position: absolute;

  left: 14px;

  right: 14px;

  bottom: 12px;

}

.bsr-awl-lines span {

  display: block;

  width: 68%;

  height: 4px;

  margin-top: 5px;

  border-radius: 999px;

  background: #eee8e2;

}

.bsr-awl-lines span:nth-child(2) { width: 82%; }

.bsr-awl-lines span:nth-child(3) { width: 48%; background: #ffd9bd; }

.bsr-awl-progress {

  position: absolute;

  z-index: 4;

  right: 14px;

  bottom: 9px;

  width: 49px;

  height: 49px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background: conic-gradient(#f56a00 0 78%, rgba(245,106,0,.12) 78% 100%);

  box-shadow: 0 8px 18px rgba(107,65,33,.10);

}

.bsr-awl-progress::before {

  content: "";

  position: absolute;

  inset: 6px;

  border-radius: 50%;

  background: #fff;

}

.bsr-awl-progress strong {

  position: relative;

  z-index: 2;

  font-size: .52rem;

  color: #263047;

}

.bsr-awl-progress span { display: none; }

.bsr-awl-books {

  position: absolute;

  z-index: 2;

  left: 7%;

  bottom: 8px;

  width: 96px;

  height: 38px;

}

.bsr-awl-books i {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 90px;

  height: 9px;

  border-radius: 3px 8px 8px 3px;

  background: #27344e;

  box-shadow: 0 4px 9px rgba(52,40,31,.12);

}

.bsr-awl-books i:nth-child(2) {

  left: 8px;

  bottom: 11px;

  width: 76px;

  background: #f56a00;

}

.bsr-awl-books i:nth-child(3) {

  left: 17px;

  bottom: 22px;

  width: 68px;

  background: #fff;

  border: 1px solid rgba(218,195,177,.9);

}

.bsr-awl-plant {

  position: absolute;

  z-index: 4;

  left: 19%;

  bottom: 34px;

  width: 34px;

  height: 42px;

}

.bsr-awl-plant::after {

  content: "";

  position: absolute;

  left: 7px;

  right: 3px;

  bottom: 0;

  height: 13px;

  border-radius: 3px 3px 7px 7px;

  background: #f7b77e;

}

.bsr-awl-plant i,

.bsr-awl-plant b,

.bsr-awl-plant em {

  position: absolute;

  width: 15px;

  height: 25px;

  border-radius: 70% 10% 70% 10%;

  background: #73906e;

  transform-origin: bottom center;

}

.bsr-awl-plant i { left: 8px; top: 2px; transform: rotate(-32deg); }

.bsr-awl-plant b { left: 17px; top: 0; transform: rotate(32deg); }

.bsr-awl-plant em { left: 12px; top: 7px; height: 22px; transform: rotate(5deg); }



/* Footer etwas luftiger und moderner. */

.bsr-home .bsr-footer {

  max-width: 1220px;

  margin-top: 0;

  padding: 18px 8px 26px;

  font-size: .66rem;

}



@media (max-width: 1040px) {

  .bsr-home .bsr-hero {

    grid-template-columns: minmax(0, 1fr) 330px;

  }

  .bsr-home .bsr-hero h1.bsr-home-title {

    font-size: clamp(1.55rem, 2.8vw, 2.2rem);

  }

  .bsr-modern-awl-layout {

    grid-template-columns: minmax(0, .85fr) minmax(220px, 1.15fr);

  }

}



@media (max-width: 820px) {

  .bsr-home .bsr-hero {

    grid-template-columns: 1fr;

    min-height: auto;

    padding-top: 28px;

  }

  .bsr-home .bsr-hero h1.bsr-home-title {

    white-space: normal;

  }

  .bsr-home .bsr-hero-art {

    display: none;

  }

  .bsr-modern-shortcuts {

    grid-template-columns: 1fr;

    grid-auto-rows: auto;

  }

  .bsr-modern-shortcuts .bsr-modern-tile {

    min-height: 166px;

  }

  .bsr-modern-tile-awl {

    min-height: 205px !important;

  }

}



@media (max-width: 560px) {

  .bsr-site-header {

    min-height: 50px;

    padding: 7px 10px;

  }

  .bsr-home .bsr-hero {

    padding: 24px 13px 18px;

  }

  .bsr-home .bsr-hero h1.bsr-home-title {

    font-size: clamp(1.35rem, 7vw, 1.75rem);

  }

  .bsr-home .bsr-portal-section {

    padding-inline: 10px;

  }

  .bsr-modern-shortcuts .bsr-modern-tile {

    padding: 17px;

    border-radius: 16px;

  }

  .bsr-modern-awl-layout {

    grid-template-columns: 1fr;

    gap: 5px;

  }

  .bsr-awl-scene {

    min-height: 118px;

  }

  .bsr-awl-dashboard { width: 62%; height: 80px; }

  .bsr-awl-device { width: 68px; height: 104px; left: 26%; }

  .bsr-awl-books { transform: scale(.82); transform-origin: left bottom; }

  .bsr-awl-progress { width: 42px; height: 42px; }

}



/* =========================================================

   Startseite 1.3.1 – Feinanpassung an den freigegebenen Entwurf

   Größere Bühnenbreite, luftigere Proportionen, stärkere Karten.

   ========================================================= */

.bsr-home .bsr-site-header {

  min-height: 82px;

  padding: 10px clamp(24px, 3.5vw, 58px);

}

.bsr-home .bsr-brand {

  align-items: center;

  gap: .34rem;

  font-size: clamp(.92rem, 1.08vw, 1.06rem);

}

.bsr-brand-mark {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 28px;

  height: 28px;

  flex: 0 0 28px;

  color: var(--bsr-orange);

}

.bsr-brand-mark .bsr-icon {

  width: 25px;

  height: 25px;

  stroke-width: 2;

}

.bsr-home .bsr-header-actions {

  gap: 10px;

}

.bsr-home .bsr-header-actions .bsr-button {

  min-height: 40px;

  padding-inline: 17px;

  font-size: .72rem;

}



.bsr-home .bsr-hero {

  width: min(100%, 1640px);

  max-width: 1640px;

  min-height: 390px;

  grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr);

  gap: clamp(34px, 5vw, 78px);

  padding: 50px clamp(42px, 7vw, 112px) 38px;

}

.bsr-home .bsr-hero-copy {

  padding-left: 0;

}

.bsr-home .bsr-kicker {

  margin-bottom: 10px;

  font-size: .62rem;

  letter-spacing: .14em;

}

.bsr-home .bsr-hero h1.bsr-home-title {

  font-size: clamp(2rem, 3vw, 3.05rem);

  line-height: 1.02;

  letter-spacing: -.055em;

  white-space: nowrap;

}

.bsr-home .bsr-hero-lead {

  max-width: 690px;

  margin: 14px 0 12px;

  font-size: clamp(.78rem, .92vw, .94rem);

  line-height: 1.5;

}

.bsr-home .bsr-text-link {

  font-size: .72rem;

}

.bsr-home .bsr-hero-art {

  min-height: 265px;

}

.bsr-home .bsr-hero-art::before {

  width: 360px;

  height: 205px;

  right: 4%;

  top: 28px;

  border-radius: 38px;

}

.bsr-home .bsr-orbit-one {

  width: 390px;

  height: 190px;

  left: 0;

  top: 34px;

}

.bsr-home .bsr-orbit-two {

  width: 335px;

  height: 168px;

  left: 12%;

  top: 58px;

}

.bsr-home .bsr-disc-one {

  width: 132px;

  height: 132px;

  right: 2%;

  top: 40px;

}

.bsr-home .bsr-disc-two {

  width: 72px;

  height: 72px;

  left: 47%;

  bottom: 34px;

}

.bsr-home .bsr-art-book {

  width: 88px;

  height: 88px;

  left: 7%;

  top: 58px;

  padding: 21px;

}

.bsr-home .bsr-art-calendar {

  width: 82px;

  height: 82px;

  right: 9%;

  top: 84px;

  padding: 20px;

}

.bsr-home .bsr-art-message {

  width: 78px;

  height: 78px;

  left: 43%;

  bottom: 38px;

  padding: 20px;

}



.bsr-home .bsr-portal-section {

  width: min(100%, 1580px);

  max-width: 1580px;

  padding: 10px clamp(32px, 5vw, 76px) 46px;

}

.bsr-modern-shortcuts {

  gap: 18px;

  grid-auto-rows: 230px;

}

.bsr-modern-shortcuts .bsr-modern-tile {

  min-height: 230px;

  padding: 26px 28px;

  border-radius: 22px;

  box-shadow: 0 16px 38px rgba(87,56,30,.085);

}

.bsr-modern-icon {

  width: 54px;

  height: 54px;

  border-radius: 17px;

}

.bsr-modern-icon .bsr-icon {

  width: 26px;

  height: 26px;

}

.bsr-modern-arrow {

  width: 38px;

  height: 38px;

}

.bsr-modern-copy h3 {

  margin-top: 13px;

  font-size: clamp(1.16rem, 1.5vw, 1.42rem);

}

.bsr-modern-copy p {

  margin-top: 8px;

  max-width: 600px;

  font-size: .76rem;

  line-height: 1.45;

}

.bsr-modern-chip {

  margin-top: 14px;

  padding: 7px 11px;

  font-size: .63rem;

}

.bsr-modern-awl-layout {

  grid-template-columns: minmax(0, .78fr) minmax(320px, 1.22fr);

  gap: 28px;

}

.bsr-modern-tile-awl .bsr-modern-eyebrow {

  font-size: .58rem;

}

.bsr-modern-tile-awl .bsr-modern-copy h3 {

  font-size: clamp(1.28rem, 1.7vw, 1.62rem);

}

.bsr-awl-scene {

  min-height: 184px;

  border-radius: 18px;

}

.bsr-awl-device {

  left: 31%;

  bottom: 8px;

  width: 96px;

  height: 148px;

}

.bsr-awl-dashboard {

  right: 10px;

  top: 18px;

  width: 60%;

  height: 112px;

}

.bsr-awl-progress {

  right: 18px;

  bottom: 12px;

  width: 56px;

  height: 56px;

}

.bsr-awl-books {

  left: 5%;

  bottom: 10px;

  transform: scale(1.08);

  transform-origin: left bottom;

}

.bsr-awl-plant {

  left: 18%;

  bottom: 42px;

  transform: scale(1.08);

  transform-origin: bottom center;

}

.bsr-home .bsr-footer {

  width: min(100%, 1450px);

  max-width: 1450px;

  padding: 22px 14px 30px;

  font-size: .7rem;

}



@media (max-width: 1180px) {

  .bsr-home .bsr-hero {

    min-height: 340px;

    grid-template-columns: minmax(0,1fr) 360px;

    padding-inline: 44px;

  }

  .bsr-home .bsr-hero h1.bsr-home-title {

    font-size: clamp(1.75rem, 3.1vw, 2.45rem);

  }

  .bsr-home .bsr-portal-section {

    padding-inline: 34px;

  }

  .bsr-modern-shortcuts {

    grid-auto-rows: 210px;

  }

  .bsr-modern-shortcuts .bsr-modern-tile {

    min-height: 210px;

    padding: 22px 24px;

  }

  .bsr-modern-awl-layout {

    grid-template-columns: minmax(0,.9fr) minmax(240px,1.1fr);

  }

}



@media (max-width: 820px) {

  .bsr-home .bsr-site-header { min-height: 58px; }

  .bsr-brand-mark { width: 23px; height: 23px; flex-basis: 23px; }

  .bsr-brand-mark .bsr-icon { width: 21px; height: 21px; }

  .bsr-home .bsr-hero {

    min-height: auto;

    padding: 30px 20px 24px;

  }

  .bsr-home .bsr-hero h1.bsr-home-title { white-space: normal; }

  .bsr-home .bsr-portal-section { padding: 10px 16px 34px; }

  .bsr-modern-shortcuts { grid-auto-rows: auto; }

  .bsr-modern-shortcuts .bsr-modern-tile { min-height: 178px; }

  .bsr-modern-tile-awl { min-height: 220px !important; }

}



/* =========================================================

   Startseite 1.3.2 – pixelnahe Umsetzung des freigegebenen Entwurfs

   ========================================================= */

.bsr-home {

  background:

    radial-gradient(circle at 1.5% 20%, rgba(248,169,102,.13) 0 95px, transparent 96px),

    radial-gradient(circle at 98.5% 23%, rgba(248,169,102,.10) 0 105px, transparent 106px),

    #fffaf4;

}

.bsr-home .bsr-site-header {

  min-height: 68px;

  padding: 8px clamp(24px, 3vw, 50px);

  background: rgba(255,255,255,.96);

  box-shadow: 0 3px 15px rgba(61,41,25,.05);

}

.bsr-home .bsr-brand { font-size: clamp(.82rem,.95vw,.96rem); gap: .28rem; }

.bsr-brand-mark { width: 25px; height: 25px; flex-basis: 25px; }

.bsr-brand-mark .bsr-icon { width: 23px; height: 23px; }

.bsr-home .bsr-header-actions { gap: 8px; }

.bsr-home .bsr-header-actions .bsr-button {

  min-height: 36px;

  padding: 0 14px;

  border-radius: 999px;

  font-size: .67rem;

}



.bsr-home .bsr-hero {

  width: min(100%, 1240px);

  max-width: 1240px;

  min-height: 315px;

  grid-template-columns: minmax(0, 1.05fr) minmax(420px,.95fr);

  align-items: center;

  gap: 30px;

  padding: 44px 18px 32px;

}

.bsr-home .bsr-hero-copy { align-self: center; }

.bsr-home .bsr-kicker {

  margin-bottom: 10px;

  font-size: .58rem;

  font-weight: 850;

  letter-spacing: .145em;

}

.bsr-home .bsr-hero h1.bsr-home-title {

  max-width: none;

  margin: 0;

  font-size: clamp(1.88rem, 2.45vw, 2.48rem);

  font-weight: 850;

  line-height: 1;

  letter-spacing: -.05em;

  white-space: nowrap;

}

.bsr-home .bsr-hero-lead {

  max-width: 650px;

  margin: 14px 0 11px;

  color: #655f59;

  font-size: clamp(.70rem,.78vw,.80rem);

  line-height: 1.52;

}

.bsr-home .bsr-text-link { font-size: .69rem; font-weight: 800; }

.bsr-home .bsr-hero-art {

  display: block;

  min-height: 250px;

  background: url("../hero-reference.png") center center / contain no-repeat;

  filter: saturate(.96);

}

.bsr-home .bsr-hero-art > * { visibility: hidden !important; }

.bsr-home .bsr-hero-art::before,

.bsr-home .bsr-hero-art::after { display: none !important; }



.bsr-home .bsr-portal-section {

  width: min(100%, 1240px);

  max-width: 1240px;

  padding: 0 18px 36px;

}

.bsr-home .bsr-section-heading { display: none !important; }

.bsr-modern-shortcuts {

  display: grid;

  grid-template-columns: repeat(2, minmax(0,1fr));

  grid-auto-rows: 188px;

  gap: 16px;

}

.bsr-modern-shortcuts .bsr-modern-tile {

  min-height: 188px;

  padding: 24px 26px 22px;

  border-radius: 18px;

  border: 1px solid rgba(228,213,198,.88);

  background: linear-gradient(140deg,#fff 0%,#fffdfb 66%,#fff8f1 100%);

  box-shadow: 0 11px 28px rgba(66,45,28,.075);

}

.bsr-modern-shortcuts .bsr-modern-tile:hover {

  transform: translateY(-4px);

  border-color: rgba(245,106,0,.28);

  box-shadow: 0 18px 38px rgba(66,45,28,.12);

}

.bsr-modern-glow { display:none; }

.bsr-modern-icon {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: linear-gradient(145deg,#fff4e9,#ffe9d6);

  color: #f56a00;

  box-shadow: inset 0 0 0 1px rgba(245,106,0,.12),0 7px 18px rgba(245,106,0,.08);

}

.bsr-modern-icon svg { width: 25px; height: 25px; }

.bsr-modern-arrow {

  width: 35px;

  height: 35px;

  background:#fff;

  color:#f56a00;

  border-color:#eaded3;

  box-shadow:0 6px 15px rgba(67,46,30,.06);

}

.bsr-modern-copy h3 {

  margin-top: 13px;

  font-size: clamp(1.05rem,1.22vw,1.28rem);

  line-height:1.05;

  letter-spacing:-.035em;

}

.bsr-modern-copy p {

  max-width: 520px;

  margin-top: 7px;

  color:#746b64;

  font-size:.67rem;

  line-height:1.42;

}

.bsr-modern-chip {

  margin-top: 11px;

  padding: 6px 10px;

  border-radius: 999px;

  background:#fff1e5;

  color:#d95b08;

  font-size:.58rem;

  font-weight:800;

}



.bsr-modern-tile-awl {

  background: linear-gradient(135deg,#fff0e1 0%,#ffe2c9 58%,#ffd7b9 100%) !important;

  border-color: rgba(245,106,0,.22) !important;

  box-shadow: 0 12px 30px rgba(189,90,21,.10) !important;

}

.bsr-modern-awl-layout {

  display:grid;

  grid-template-columns: minmax(0,.72fr) minmax(260px,1.28fr);

  align-items:center;

  gap: 14px;

  height:100%;

}

.bsr-modern-tile-awl .bsr-modern-eyebrow {

  margin:0 0 5px;

  color:#cc560b;

  font-size:.53rem;

  letter-spacing:.12em;

}

.bsr-modern-tile-awl .bsr-modern-copy h3 {

  margin-top:0;

  font-size:clamp(1.13rem,1.35vw,1.42rem);

}

.bsr-modern-tile-awl .bsr-modern-copy p { max-width:260px; color:#76685d; }

.bsr-modern-tile-awl .bsr-modern-chip.bsr-awl-button {

  margin-top:12px;

  background:#f56a00;

  color:#fff;

  padding:8px 13px;

  box-shadow:0 8px 18px rgba(245,106,0,.18);

}

.bsr-awl-scene {

  min-height: 148px;

  align-self:stretch;

  background: url("../awl-reference.png") center right / contain no-repeat;

  border-radius:14px;

  overflow:visible;

}

.bsr-awl-scene > * { display:none !important; }



.bsr-home-footer {

  width:min(100%,1240px);

  max-width:1240px;

  min-height:74px;

  margin:0 auto;

  padding:18px 18px 24px !important;

  display:grid !important;

  grid-template-columns:1fr auto 1fr;

  align-items:center;

  gap:18px;

  border-top:1px solid #eadfd5;

  color:#817870;

  font-size:.63rem !important;

}

.bsr-home-footer-copy,.bsr-home-footer-social,.bsr-home-footer-links { display:flex; align-items:center; gap:16px; }

.bsr-home-footer-links { justify-content:center; }

.bsr-home-footer-links a { color:#817870; text-decoration:none; padding:0 10px; border-right:1px solid #e5d8cc; }

.bsr-home-footer-links a:last-child { border-right:0; }

.bsr-home-footer-social { justify-content:flex-end; }

.bsr-home-footer-social span {

  display:inline-flex; align-items:center; justify-content:center;

  width:27px;height:27px;border-radius:50%;background:#f6f1ec;color:#877b72;font-size:.67rem;

}

.bsr-footer-shield { font-size:1rem; color:#99918a; }



@media (max-width: 1050px) {

  .bsr-home .bsr-hero { grid-template-columns:minmax(0,1fr) 360px; padding-inline:28px; }

  .bsr-home .bsr-hero h1.bsr-home-title { font-size:clamp(1.55rem,2.55vw,2.0rem); }

  .bsr-home .bsr-portal-section { padding-inline:28px; }

  .bsr-modern-awl-layout { grid-template-columns:minmax(0,.9fr) minmax(220px,1.1fr); }

}

@media (max-width: 820px) {

  .bsr-home .bsr-hero { grid-template-columns:1fr; min-height:auto; padding:30px 18px 22px; }

  .bsr-home .bsr-hero h1.bsr-home-title { white-space:normal; }

  .bsr-home .bsr-hero-art { display:none; }

  .bsr-modern-shortcuts { grid-template-columns:1fr; grid-auto-rows:auto; }

  .bsr-modern-shortcuts .bsr-modern-tile { min-height:168px; }

  .bsr-modern-tile-awl { min-height:210px !important; }

  .bsr-home-footer { grid-template-columns:1fr; text-align:center; }

  .bsr-home-footer-copy,.bsr-home-footer-links,.bsr-home-footer-social { justify-content:center; flex-wrap:wrap; }

}

@media (max-width: 560px) {

  .bsr-home .bsr-site-header { min-height:54px; padding:7px 10px; }

  .bsr-home .bsr-header-actions .bsr-button { min-height:30px; padding:0 8px; font-size:.56rem; }

  .bsr-home .bsr-brand { font-size:.68rem; }

  .bsr-home .bsr-hero h1.bsr-home-title { font-size:1.52rem; }

  .bsr-home .bsr-portal-section { padding-inline:10px; }

  .bsr-modern-shortcuts .bsr-modern-tile { padding:18px; }

  .bsr-modern-awl-layout { grid-template-columns:1fr; }

  .bsr-awl-scene { min-height:115px; background-position:center; }

  .bsr-home-footer-links a { border-right:0; padding:0 4px; }

}



/* =========================================================

   Version 1.4.0 – einheitliches Portaldesign

   Feinschliff Startseite, mobile Optimierung, Verwaltung,

   Unterseiten und interaktive AWL-Vorschau.

   ========================================================= */



/* ---------- Gemeinsame Designbasis ---------- */

.bsriedsus-app {

  --bsr-ui-bg: #fffaf4;

  --bsr-ui-surface: rgba(255,255,255,.96);

  --bsr-ui-surface-warm: #fff7ee;

  --bsr-ui-line: rgba(226,213,199,.90);

  --bsr-ui-shadow: 0 14px 34px rgba(72,48,30,.075);

  --bsr-ui-shadow-hover: 0 22px 48px rgba(72,48,30,.12);

  --bsr-ui-radius: 18px;

  --bsr-ui-radius-small: 12px;

  --bsr-ui-orange: #f56a00;

  --bsr-ui-orange-dark: #cf5705;

  --bsr-ui-muted: #746b64;

}



.bsr-account-page,

.bsr-ext-admin-page,

.bsr-learning-page {

  background:

    radial-gradient(circle at 2% 18%, rgba(248,169,102,.10) 0 105px, transparent 106px),

    radial-gradient(circle at 98% 24%, rgba(248,169,102,.08) 0 125px, transparent 126px),

    linear-gradient(180deg, #fffaf4 0%, #fff8f1 100%);

  color: var(--bsr-text);

}



.bsr-account-header {

  min-height: 68px;

  padding: 8px clamp(18px, 3vw, 50px);

  background: rgba(255,255,255,.95);

  border-bottom: 1px solid rgba(232,219,207,.90);

  box-shadow: 0 3px 15px rgba(61,41,25,.045);

  backdrop-filter: blur(14px);

}



.bsr-account-header .bsr-brand {

  gap: .28rem;

  font-size: clamp(.78rem,.94vw,.94rem);

}



.bsr-back-link,

.bsr-admin-link {

  border-radius: 999px;

  transition: background .18s ease, color .18s ease, transform .18s ease;

}



.bsr-back-link:hover,

.bsr-admin-link:hover {

  transform: translateY(-1px);

}



/* ---------- Startseite: Abstände und Mikrointeraktionen ---------- */

.bsr-home .bsr-hero {

  padding-bottom: 30px;

}



.bsr-modern-shortcuts {

  gap: 17px;

}



.bsr-modern-shortcuts .bsr-modern-tile {

  --spot-x: 82%;

  --spot-y: 12%;

  position: relative;

  transition:

    transform .24s cubic-bezier(.2,.72,.25,1),

    box-shadow .24s ease,

    border-color .24s ease,

    background .24s ease;

}



.bsr-modern-shortcuts .bsr-modern-tile::before {

  content: "";

  position: absolute;

  inset: 0;

  z-index: -1;

  pointer-events: none;

  border-radius: inherit;

  opacity: 0;

  background: radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(245,106,0,.10), transparent 34%);

  transition: opacity .25s ease;

}



.bsr-modern-shortcuts .bsr-modern-tile::after {

  content: "";

  position: absolute;

  left: 26px;

  right: 26px;

  bottom: 0;

  height: 2px;

  border-radius: 999px 999px 0 0;

  background: linear-gradient(90deg, transparent, rgba(245,106,0,.70), transparent);

  opacity: 0;

  transform: scaleX(.45);

  transition: opacity .24s ease, transform .24s ease;

}



.bsr-modern-shortcuts .bsr-modern-tile:hover::before,

.bsr-modern-shortcuts .bsr-modern-tile:focus-visible::before,

.bsr-modern-shortcuts .bsr-modern-tile:hover::after,

.bsr-modern-shortcuts .bsr-modern-tile:focus-visible::after {

  opacity: 1;

}



.bsr-modern-shortcuts .bsr-modern-tile:hover::after,

.bsr-modern-shortcuts .bsr-modern-tile:focus-visible::after {

  transform: scaleX(1);

}



.bsr-modern-shortcuts .bsr-modern-tile:focus-visible {

  outline: 3px solid rgba(245,106,0,.24);

  outline-offset: 4px;

}



.bsr-modern-icon {

  transition: transform .24s cubic-bezier(.2,.72,.25,1), box-shadow .24s ease;

}



.bsr-modern-tile:hover .bsr-modern-icon,

.bsr-modern-tile:focus-visible .bsr-modern-icon {

  transform: translateY(-2px) rotate(-2deg) scale(1.035);

  box-shadow: inset 0 0 0 1px rgba(245,106,0,.16), 0 11px 22px rgba(245,106,0,.12);

}



.bsr-modern-chip {

  transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;

}



.bsr-modern-tile:hover .bsr-modern-chip,

.bsr-modern-tile:focus-visible .bsr-modern-chip {

  transform: translateY(-1px);

  background: #ffe9d8;

}



/* ---------- Fit durch AWL: interaktive Vorschau ---------- */

.bsr-modern-tile-awl {

  --awl-x: 0;

  --awl-y: 0;

  --spot-x: 75%;

  --spot-y: 25%;

}



.bsr-modern-tile-awl::before {

  background:

    radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(255,255,255,.76), transparent 26%),

    radial-gradient(circle at 84% 14%, rgba(245,106,0,.10), transparent 34%);

}



.bsr-modern-tile-awl::after {

  background: linear-gradient(90deg, transparent, rgba(245,106,0,.82), transparent);

}



.bsr-awl-scene {

  position: relative;

  transform-style: preserve-3d;

  transform-origin: center;

  transition: transform .22s cubic-bezier(.2,.72,.25,1), filter .22s ease;

  will-change: transform;

}



.bsr-awl-scene::before {

  content: "Vorschau";

  position: absolute;

  z-index: 4;

  top: 9px;

  right: 10px;

  padding: 5px 8px;

  border: 1px solid rgba(245,106,0,.18);

  border-radius: 999px;

  background: rgba(255,255,255,.86);

  color: #c45309;

  font-size: .48rem;

  font-weight: 850;

  letter-spacing: .07em;

  text-transform: uppercase;

  box-shadow: 0 5px 14px rgba(72,48,30,.07);

  opacity: .84;

  transition: transform .22s ease, opacity .22s ease;

}



.bsr-awl-scene::after {

  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  border-radius: inherit;

  background: linear-gradient(112deg, transparent 28%, rgba(255,255,255,.58) 47%, transparent 66%);

  transform: translateX(-110%);

  opacity: 0;

}



.bsr-modern-tile-awl:hover .bsr-awl-scene,

.bsr-modern-tile-awl:focus-visible .bsr-awl-scene {

  transform:

    perspective(850px)

    rotateX(calc(var(--awl-y) * -2.4deg))

    rotateY(calc(var(--awl-x) * 3.2deg))

    translateY(-3px)

    scale(1.025);

  filter: saturate(1.03) contrast(1.015);

}



.bsr-modern-tile-awl:hover .bsr-awl-scene::before,

.bsr-modern-tile-awl:focus-visible .bsr-awl-scene::before {

  transform: translateY(-2px);

  opacity: 1;

}



.bsr-modern-tile-awl:hover .bsr-awl-scene::after,

.bsr-modern-tile-awl:focus-visible .bsr-awl-scene::after {

  opacity: .72;

  animation: bsrAwlShine .72s ease both;

}



.bsr-modern-tile-awl:hover .bsr-awl-button,

.bsr-modern-tile-awl:focus-visible .bsr-awl-button {

  background: #e85f00;

  box-shadow: 0 10px 23px rgba(245,106,0,.24);

}



@keyframes bsrAwlShine {

  from { transform: translateX(-110%); }

  to { transform: translateX(110%); }

}



/* ---------- Formulare, Anmeldung und Benutzerkonto ---------- */

.bsr-form-shell {

  max-width: 900px;

  padding-top: clamp(34px,5vw,62px);

}



.bsr-form-intro {

  margin-bottom: 22px;

}



.bsr-form-intro h1,

.bsr-success-panel h1,

.bsr-learning-intro h1 {

  color: #18202a;

  font-weight: 850;

  letter-spacing: -.045em;

}



.bsr-form-intro h1,

.bsr-success-panel h1 {

  font-size: clamp(1.8rem,3.6vw,3rem);

}



.bsr-account-form,

.bsr-success-panel,

.bsr-learning-login {

  border: 1px solid var(--bsr-ui-line);

  border-radius: var(--bsr-ui-radius);

  background: var(--bsr-ui-surface);

  box-shadow: var(--bsr-ui-shadow);

}



.bsr-account-form {

  gap: 15px;

  padding: clamp(20px,3vw,32px);

}



.bsr-account-form input:not([type="checkbox"]),

.bsr-account-form select,

.bsr-inline-form input,

.bsr-inline-form select,

.bsr-add-subject input,

.bsr-role-form select,

.bsr-ext-admin-page input:not([type="checkbox"]):not([type="radio"]),

.bsr-ext-admin-page select,

.bsr-ext-admin-page textarea,

.bsr-solutions-shell input:not([type="checkbox"]):not([type="radio"]),

.bsr-solutions-shell select,

.bsr-solutions-shell textarea {

  border: 1px solid #ded2c6;

  border-radius: 10px;

  background: #fffdf9;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);

  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;

}



.bsr-account-form input:focus,

.bsr-account-form select:focus,

.bsr-inline-form input:focus,

.bsr-inline-form select:focus,

.bsr-ext-admin-page input:focus,

.bsr-ext-admin-page select:focus,

.bsr-ext-admin-page textarea:focus,

.bsr-solutions-shell input:focus,

.bsr-solutions-shell select:focus,

.bsr-solutions-shell textarea:focus {

  border-color: rgba(245,106,0,.72) !important;

  background: #fff;

  box-shadow: 0 0 0 3px rgba(245,106,0,.10) !important;

  outline: 0;

}



/* ---------- Verwaltungsbereich ---------- */

.bsr-ext-admin-shell,

.bsr-admin-shell {

  width: min(100%, 1480px);

  max-width: 1480px;

  padding: 28px clamp(14px,2.6vw,34px) 54px;

}



.bsr-ext-admin-page .bsr-ext-subpage-intro,

.bsr-ext-admin-page .bsr-form-intro {

  margin-bottom: 18px;

}



.bsr-ext-admin-page .bsr-ext-subpage-intro h1,

.bsr-ext-admin-page .bsr-form-intro h1 {

  color: #18202a;

  font-size: clamp(1.65rem,2.8vw,2.55rem);

  font-weight: 850;

  letter-spacing: -.045em;

  line-height: 1.02;

}



.bsr-admin-card,

.bsr-ext-definition-card,

.bsr-ext-graph-card,

.bsr-ext-master-card,

.bsr-ext-diagnostic-card,

.bsr-ext-user-card,

.bsr-solution-edit-card,

.bsr-solution-user-card {

  border: 1px solid var(--bsr-ui-line) !important;

  border-radius: var(--bsr-ui-radius) !important;

  background: var(--bsr-ui-surface) !important;

  box-shadow: var(--bsr-ui-shadow) !important;

}



.bsr-admin-card {

  padding: clamp(16px,2vw,24px);

}



.bsr-ext-admin-page .bsr-admin-card h2,

.bsr-ext-subpage-shell .bsr-admin-card h2,

.bsr-solution-edit-card h2,

.bsr-solution-user-card h2 {

  color: #1c232d;

  font-size: clamp(.98rem,1.28vw,1.16rem);

  font-weight: 780;

  letter-spacing: -.025em;

}



.bsr-ext-create-grid,

.bsr-admin-grid {

  gap: 14px;

}



.bsr-ext-definitions-card,

.bsr-ext-user-card,

.bsr-solution-user-card {

  margin-top: 14px;

}



.bsr-ext-definition-table,

.bsr-ext-user-list,

.bsr-user-table-wrap,

.bsr-solutions-list {

  border-radius: 13px;

  scrollbar-color: rgba(245,106,0,.30) transparent;

  scrollbar-width: thin;

}



.bsr-ext-definition-head,

.bsr-user-table thead th,

.bsr-solutions-table thead th,

.bsr-permission-table thead th,

.bsr-student-admin-table thead th {

  background: #f7efe6;

  color: #716960;

  font-weight: 800;

}



.bsr-user-table tbody tr,

.bsr-solutions-table tbody tr,

.bsr-permission-table tbody tr,

.bsr-student-admin-table tbody tr,

.bsr-ext-definition-row,

.bsr-ext-user-row {

  transition: background .16s ease, box-shadow .16s ease;

}



.bsr-user-table tbody tr:hover,

.bsr-solutions-table tbody tr:hover,

.bsr-permission-table tbody tr:hover,

.bsr-student-admin-table tbody tr:hover,

.bsr-ext-definition-row:hover,

.bsr-ext-user-row:hover {

  background: #fff8ef !important;

}



.bsr-ext-toggle > span {

  box-shadow: inset 0 0 0 1px rgba(64,48,36,.06);

}



.bsr-ext-role-check,

.bsr-ext-access-item,

.bsr-check-card {

  border-color: #e4d7ca;

  background: #fffaf4;

}



.bsr-ext-role-check:has(input:checked),

.bsr-check-card:has(input:checked) {

  border-color: rgba(245,106,0,.56);

  background: #fff0e3;

  box-shadow: 0 0 0 2px rgba(245,106,0,.06);

}



.bsr-button,

.bsr-ext-tile-button,

.bsr-choice-add {

  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;

}



.bsr-button:hover,

.bsr-ext-tile-button:hover,

.bsr-choice-add:hover {

  transform: translateY(-1px);

}



.bsr-danger,

.bsr-danger.bsr-button,

button.bsr-danger {

  border-color: rgba(190,52,35,.38) !important;

}



/* ---------- Lösungs- und Lernseiten ---------- */

.bsr-learning-shell,

.bsr-solutions-shell {

  width: min(100%, 1240px);

  max-width: 1240px;

  margin-inline: auto;

  padding: 28px clamp(14px,2.4vw,28px) 48px;

}



.bsr-learning-intro,

.bsr-solutions-shell > .bsr-form-intro {

  margin-bottom: 18px;

}



.bsr-learning-intro h1 {

  font-size: clamp(1.7rem,2.6vw,2.4rem);

}



.bsr-student-solutions,

.bsr-solutions-grid > .bsr-admin-card,

.bsr-solutions-list {

  border-radius: var(--bsr-ui-radius);

}



.bsr-student-solutions .bsr-user-table-wrap,

.bsr-solutions-list .bsr-user-table-wrap {

  border: 1px solid var(--bsr-ui-line);

  background: #fff;

  box-shadow: 0 10px 28px rgba(72,48,30,.055);

}



/* ---------- Notices ---------- */

.bsr-notice {

  border-radius: 12px;

  box-shadow: 0 7px 18px rgba(72,48,30,.045);

}



/* ---------- Mobile / Tablet ---------- */

@media (max-width: 900px) {

  .bsr-home .bsr-site-header,

  .bsr-account-header {

    min-height: 58px;

    padding: 7px 14px;

  }



  .bsr-home .bsr-header-actions {

    gap: 6px;

  }



  .bsr-home .bsr-hero {

    gap: 16px;

  }



  .bsr-modern-shortcuts {

    gap: 12px;

  }



  .bsr-modern-shortcuts .bsr-modern-tile {

    min-height: 160px;

  }



  .bsr-modern-tile-awl {

    min-height: 205px !important;

  }



  .bsr-ext-admin-shell,

  .bsr-admin-shell,

  .bsr-learning-shell,

  .bsr-solutions-shell {

    padding-inline: 14px;

  }

}



@media (max-width: 720px) {

  .bsr-site-header,

  .bsr-account-header {

    align-items: center;

  }



  .bsr-home .bsr-site-header {

    flex-wrap: wrap;

    row-gap: 6px;

  }



  .bsr-home .bsr-brand {

    min-width: 0;

    font-size: .66rem;

  }



  .bsr-home .bsr-header-actions {

    margin-left: auto;

  }



  .bsr-home .bsr-header-actions .bsr-button {

    min-height: 30px;

    padding: 0 8px;

    font-size: .55rem;

  }



  .bsr-home .bsr-hero {

    padding-top: 24px;

    padding-bottom: 18px;

  }



  .bsr-home .bsr-kicker {

    margin-bottom: 7px;

    font-size: .49rem;

  }



  .bsr-home .bsr-hero-lead {

    margin: 9px 0 8px;

  }



  .bsr-modern-shortcuts .bsr-modern-tile {

    min-height: 150px;

    padding: 18px;

  }



  .bsr-modern-icon {

    width: 44px;

    height: 44px;

  }



  .bsr-modern-copy h3 {

    margin-top: 10px;

    font-size: 1.06rem;

  }



  .bsr-modern-copy p {

    font-size: .64rem;

  }



  .bsr-modern-chip {

    margin-top: 9px;

  }



  .bsr-modern-awl-layout {

    grid-template-columns: minmax(0,.9fr) minmax(170px,1.1fr);

    gap: 8px;

  }



  .bsr-awl-scene {

    min-height: 120px;

  }



  .bsr-awl-scene::before {

    display: none;

  }



  .bsr-ext-create-grid,

  .bsr-admin-grid,

  .bsr-account-grid,

  .bsr-solutions-grid {

    grid-template-columns: 1fr !important;

  }



  .bsr-admin-card {

    border-radius: 15px !important;

  }



  .bsr-user-table-wrap,

  .bsr-ext-user-list,

  .bsr-ext-definition-table,

  .bsr-solutions-list {

    -webkit-overflow-scrolling: touch;

  }

}



@media (max-width: 540px) {

  .bsr-home .bsr-site-header {

    min-height: 52px;

  }



  .bsr-brand-mark {

    width: 21px;

    height: 21px;

    flex-basis: 21px;

  }



  .bsr-brand-mark .bsr-icon {

    width: 19px;

    height: 19px;

  }



  .bsr-home .bsr-header-actions .bsr-button .bsr-icon {

    display: none;

  }



  .bsr-home .bsr-hero {

    padding-inline: 12px;

  }



  .bsr-home .bsr-hero h1.bsr-home-title {

    font-size: clamp(1.28rem,7vw,1.55rem);

    line-height: 1.04;

  }



  .bsr-home .bsr-portal-section {

    padding-inline: 8px;

  }



  .bsr-modern-shortcuts {

    gap: 9px;

  }



  .bsr-modern-shortcuts .bsr-modern-tile {

    min-height: 142px;

    padding: 16px;

    border-radius: 15px;

  }



  .bsr-modern-tile-awl {

    min-height: 230px !important;

  }



  .bsr-modern-awl-layout {

    grid-template-columns: 1fr;

    gap: 4px;

  }



  .bsr-modern-tile-awl .bsr-modern-copy p {

    max-width: none;

  }



  .bsr-awl-scene {

    min-height: 105px;

    background-position: center right;

  }



  .bsr-home-footer {

    padding-inline: 10px !important;

    gap: 10px;

  }



  .bsr-home-footer-links {

    gap: 8px;

  }



  .bsr-account-header {

    flex-wrap: wrap;

    row-gap: 6px;

  }



  .bsr-form-shell,

  .bsr-ext-admin-shell,

  .bsr-admin-shell,

  .bsr-learning-shell,

  .bsr-solutions-shell {

    padding: 22px 10px 36px;

  }



  .bsr-account-form,

  .bsr-success-panel,

  .bsr-learning-login,

  .bsr-admin-card {

    border-radius: 14px !important;

  }



  .bsr-account-form {

    padding: 17px;

  }



  .bsr-ext-admin-page .bsr-ext-subpage-intro h1,

  .bsr-ext-admin-page .bsr-form-intro h1,

  .bsr-form-intro h1,

  .bsr-learning-intro h1 {

    font-size: 1.55rem;

  }



  .bsr-ext-user-heading,

  .bsr-user-table-tools,

  .bsr-bulk-permissions,

  .bsr-edit-actions {

    align-items: stretch;

    flex-direction: column;

  }



  .bsr-user-table-tools input,

  .bsr-ext-class-filter,

  .bsr-ext-search,

  .bsr-button.bsr-button-large {

    width: 100%;

    max-width: none;

  }

}



/* Touchgeräte: keine schwebenden Elemente, damit Tippen ruhig bleibt. */

@media (hover: none), (pointer: coarse) {

  .bsr-modern-shortcuts .bsr-modern-tile:hover,

  .bsr-modern-tile-awl:hover .bsr-awl-scene,

  .bsr-modern-tile:hover .bsr-modern-icon,

  .bsr-button:hover,

  .bsr-ext-tile-button:hover,

  .bsr-choice-add:hover {

    transform: none;

  }



  .bsr-modern-tile-awl:hover .bsr-awl-scene::after {

    animation: none;

    opacity: 0;

  }

}



@media (prefers-reduced-motion: reduce) {

  .bsriedsus-app *,

  .bsriedsus-app *::before,

  .bsriedsus-app *::after {

    scroll-behavior: auto !important;

    animation-duration: .01ms !important;

    animation-iteration-count: 1 !important;

    transition-duration: .01ms !important;

  }

}



/* Spotlight liegt über der Kartenfläche, aber unter dem Karteninhalt. */

.bsr-modern-shortcuts .bsr-modern-tile::before { z-index: 0; }

.bsr-modern-shortcuts .bsr-modern-tile > * { position: relative; z-index: 1; }





/* =========================================================

   Version 1.4.2 – Mobile Touch-/Navigations-Fix

   Auf Smartphone/Tablet werden die Kopfzeilen-Aktionen in ein

   eigenes Touch-Raster gelegt. Dadurch können keine überbreiten

   Flex-Zeilen oder dekorativen Ebenen die Links überdecken.

   ========================================================= */

@media (max-width: 820px) {

  .bsr-home .bsr-site-header {

    display: grid !important;

    grid-template-columns: minmax(0, 1fr) !important;

    align-items: center !important;

    gap: 7px !important;

    min-height: 0 !important;

    padding: 8px 10px 10px !important;

    overflow: visible !important;

    position: relative !important;

    z-index: 40 !important;

  }



  .bsr-home .bsr-brand {

    min-width: 0 !important;

    width: max-content;

    max-width: 100%;

    position: relative;

    z-index: 42;

  }



  .bsr-home .bsr-header-actions {

    width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 6px !important;

    align-items: stretch !important;

    position: relative !important;

    z-index: 45 !important;

    isolation: isolate;

    overflow: visible !important;

  }



  .bsr-home .bsr-header-actions .bsr-user-greeting {

    display: none !important;

  }



  .bsr-home .bsr-header-actions > a.bsr-button,

  .bsr-home .bsr-header-actions > button.bsr-button {

    width: 100% !important;

    min-width: 0 !important;

    min-height: 44px !important;

    height: auto !important;

    padding: 7px 8px !important;

    font-size: .68rem !important;

    line-height: 1.15 !important;

    white-space: normal !important;

    text-align: center !important;

    position: relative !important;

    z-index: 46 !important;

    pointer-events: auto !important;

    touch-action: manipulation !important;

    -webkit-tap-highlight-color: rgba(245, 106, 0, .16);

  }



  .bsr-home .bsr-header-actions > a.bsr-button .bsr-icon,

  .bsr-home .bsr-header-actions > button.bsr-button .bsr-icon {

    flex: 0 0 auto;

  }



  /* Auch Karten und Zurück-Links erhalten einen stabilen Touch-Hitbereich. */

  .bsr-modern-shortcuts a.bsr-modern-tile,

  .bsr-account-header a.bsr-back-link,

  .bsr-account-header a.bsr-brand,

  .bsr-learning-page a,

  .bsr-ext-admin-page a.bsr-button,

  .bsr-ext-admin-page button.bsr-button {

    pointer-events: auto !important;

    touch-action: manipulation !important;

  }



  .bsr-account-header a.bsr-back-link {

    min-height: 44px;

    padding: 8px 10px;

    position: relative;

    z-index: 30;

  }



  /* Rein dekorative Ebenen dürfen niemals Taps abfangen. */

  .bsr-home::before,

  .bsr-home::after,

  .bsr-home .bsr-hero::before,

  .bsr-modern-shortcuts .bsr-modern-tile::before,

  .bsr-modern-shortcuts .bsr-modern-glow,

  .bsr-awl-scene::before,

  .bsr-awl-scene::after {

    pointer-events: none !important;

  }

}



@media (max-width: 390px) {

  .bsr-home .bsr-header-actions {

    grid-template-columns: 1fr !important;

  }

}



/* =========================================================

   Version 1.4.3 – Benutzerkonto im Warm-Campus-Design

   Anmeldung, Registrierung, Passwortänderung und Abmelden.

   ========================================================= */

.bsr-user-account-page {

  background:

    radial-gradient(circle at 8% 14%, rgba(245,106,0,.08), transparent 25rem),

    radial-gradient(circle at 92% 72%, rgba(245,106,0,.06), transparent 26rem),

    var(--bsr-paper);

}



.bsr-user-account-shell {

  margin: 0 auto;

  max-width: 1160px;

  padding: clamp(34px,5vw,64px) clamp(14px,3.5vw,36px) 54px;

  width: 100%;

}



.bsr-user-account-intro {

  align-items: flex-end;

  display: flex;

  gap: 24px;

  justify-content: space-between;

  margin-bottom: 24px;

}



.bsr-user-account-intro > div:first-child {

  max-width: 760px;

}



.bsr-user-account-intro h1 {

  font-size: clamp(2rem,4.8vw,4.25rem);

  font-weight: 850;

  letter-spacing: -.06em;

  line-height: .98;

  margin: 0;

}



.bsr-user-account-intro > div:first-child > p:last-child {

  color: var(--bsr-muted);

  font-size: .9rem;

  line-height: 1.55;

  margin: 15px 0 0;

  max-width: 650px;

}



.bsr-user-account-status {

  align-items: center;

  background: #fff;

  border: 1px solid var(--bsr-line);

  border-radius: 999px;

  color: var(--bsr-muted);

  display: inline-flex;

  flex: 0 0 auto;

  font-size: .72rem;

  font-weight: 760;

  gap: 8px;

  padding: 9px 13px;

}



.bsr-user-account-status i {

  background: #aaa39c;

  border-radius: 50%;

  display: block;

  height: 8px;

  width: 8px;

}



.bsr-user-account-status.is-online {

  background: #eff9f0;

  border-color: #b8dfbd;

  color: #226a2c;

}



.bsr-user-account-status.is-online i {

  background: #39a54a;

  box-shadow: 0 0 0 4px rgba(57,165,74,.1);

}



.bsr-user-account-grid {

  display: grid;

  gap: 18px;

  grid-template-columns: repeat(2,minmax(0,1fr));

}



.bsr-user-account-card {

  background: rgba(255,255,255,.96);

  border: 1px solid var(--bsr-line);

  border-radius: 24px;

  box-shadow: 0 16px 42px rgba(97,64,32,.08);

  min-width: 0;

  padding: clamp(20px,2.8vw,30px);

}



.bsr-user-account-card-register,

.bsr-user-account-card-logout {

  background: linear-gradient(145deg,#fffaf3,#fff);

}



.bsr-user-account-card-head {

  align-items: center;

  display: flex;

  gap: 13px;

}



.bsr-user-account-card-head .bsr-kicker {

  margin-bottom: 3px;

}



.bsr-user-account-card-head h2,

.bsr-user-account-summary h2 {

  font-size: clamp(1.2rem,2vw,1.65rem);

  letter-spacing: -.04em;

  line-height: 1.08;

  margin: 0;

}



.bsr-user-account-icon {

  align-items: center;

  background: var(--bsr-surface-warm);

  border-radius: 14px;

  color: var(--bsr-orange);

  display: flex;

  flex: 0 0 44px;

  height: 44px;

  justify-content: center;

  width: 44px;

}



.bsr-user-account-icon .bsr-icon {

  height: 21px;

  width: 21px;

}



.bsr-user-account-copy {

  color: var(--bsr-muted);

  font-size: .78rem;

  line-height: 1.55;

  margin: 13px 0 16px;

}



.bsr-user-account-form {

  background: transparent !important;

  border: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  gap: 13px !important;

  padding: 0 !important;

}



.bsr-user-account-form input:not([type="checkbox"]) {

  min-height: 45px;

}



.bsr-user-account-form .bsr-submit {

  margin-top: 2px;

  min-height: 44px;

}



.bsr-user-account-help {

  color: var(--bsr-orange-dark) !important;

  display: inline-flex;

  font-size: .7rem;

  font-weight: 730;

  margin-top: 12px;

}



.bsr-user-account-help:hover {

  text-decoration: underline;

}



.bsr-user-account-summary {

  align-items: center;

  background: var(--bsr-ink);

  border-radius: 22px;

  color: #fff;

  display: grid;

  gap: 15px;

  grid-template-columns: auto 1fr auto;

  margin-bottom: 18px;

  padding: 18px 20px;

}



.bsr-user-account-summary .bsr-kicker {

  color: #ffb477;

  margin-bottom: 3px;

}



.bsr-user-account-summary p:last-child {

  color: #cfc9c3;

  font-size: .75rem;

  margin: 4px 0 0;

}



.bsr-user-account-avatar {

  align-items: center;

  background: var(--bsr-orange);

  border-radius: 14px;

  display: flex;

  flex: 0 0 46px;

  font-size: 1.05rem;

  font-weight: 850;

  height: 46px;

  justify-content: center;

  width: 46px;

}



.bsr-user-account-ok {

  align-items: center;

  background: rgba(255,255,255,.1);

  border: 1px solid rgba(255,255,255,.15);

  border-radius: 999px;

  color: #fff;

  display: inline-flex;

  font-size: .67rem;

  font-weight: 740;

  gap: 6px;

  padding: 8px 11px;

}



.bsr-user-account-ok .bsr-icon {

  color: #8fe19a;

  height: 14px;

  width: 14px;

}



.bsr-user-account-grid-authenticated {

  align-items: start;

}



.bsr-user-account-logout-panel {

  align-items: center;

  background: #fff;

  border: 1px solid var(--bsr-line);

  border-radius: 16px;

  display: flex;

  gap: 12px;

  justify-content: space-between;

  margin-top: 20px;

  padding: 13px;

}



.bsr-user-account-logout-panel > span {

  align-items: center;

  display: flex;

  font-size: .75rem;

  gap: 8px;

  min-width: 0;

}



.bsr-user-account-logout-panel > span strong {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.bsr-user-account-logout-panel .bsr-icon {

  color: var(--bsr-orange);

  flex: 0 0 auto;

}



.bsr-user-account-footer {

  max-width: 1088px;

}



@media (max-width: 760px) {

  .bsr-user-account-shell {

    padding: 24px 10px 38px;

  }



  .bsr-user-account-intro {

    align-items: flex-start;

    flex-direction: column;

    gap: 13px;

  }



  .bsr-user-account-intro h1 {

    font-size: clamp(1.7rem,8vw,2.35rem);

  }



  .bsr-user-account-grid {

    grid-template-columns: 1fr;

  }



  .bsr-user-account-card {

    border-radius: 16px;

    padding: 18px;

  }



  .bsr-user-account-summary {

    grid-template-columns: auto 1fr;

  }



  .bsr-user-account-ok {

    grid-column: 1 / -1;

    justify-self: start;

  }



  .bsr-user-account-footer {

    padding-inline: 10px;

  }

}



@media (max-width: 460px) {

  .bsr-user-account-page .bsr-account-header {

    align-items: stretch;

    display: grid;

    gap: 6px;

    grid-template-columns: 1fr;

    padding: 8px 10px !important;

  }



  .bsr-user-account-page .bsr-account-header .bsr-back-link {

    justify-content: center;

    width: 100%;

  }



  .bsr-user-account-page .bsr-two-columns {

    grid-template-columns: 1fr;

  }



  .bsr-user-account-logout-panel {

    align-items: stretch;

    flex-direction: column;

  }



  .bsr-user-account-logout-panel .bsr-button {

    min-height: 44px;

    width: 100%;

  }

}



@media (hover: none), (pointer: coarse) {

  .bsr-user-account-page a,

  .bsr-user-account-page button,

  .bsr-user-account-page input {

    touch-action: manipulation;

  }



  .bsr-user-account-page .bsr-button {

    min-height: 44px;

  }

}



/* =========================================================
   Version 2.1.6 – Startseite Feinschliff 12.09.2026
   - Titel kompakter/einzeilig am Desktop
   - erweiterter Einleitungstext
   - CTA "Portal entdecken" entfernt
   - Desktop-Startbutton entfernt
   - Vorteilsboxen entfernt
   - Hero-Bild füllt seine Box vollständig
   ========================================================= */
.bsr-v2-home .bsr-v2-header-nav {
  display: block;
  min-width: 1px;
  min-height: 1px;
}

.bsr-v2-home .bsr-v2-hero {
  grid-template-columns: minmax(0, 1.18fr) minmax(390px, .82fr);
  gap: 26px;
}

.bsr-v2-home .bsr-v2-hero .bsr-home-title {
  font-size: clamp(1.72rem, 2.18vw, 2.18rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.045em !important;
  white-space: nowrap !important;
}

.bsr-v2-home .bsr-v2-hero .bsr-hero-lead {
  max-width: 720px;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: clamp(.72rem, .84vw, .86rem);
  line-height: 1.58;
}

.bsr-v2-home .bsr-v2-hero .bsr-hero-lead span {
  display: inline-block;
  margin-top: 4px;
}

.bsr-v2-home .bsr-text-link,
.bsr-v2-home .bsr-v2-benefits {
  display: none !important;
}

.bsr-v2-home .bsr-v2-hero-art {
  min-height: 255px;
  height: 255px;
  overflow: hidden;
  border-radius: 16px;
  background: none !important;
}

.bsr-v2-home .bsr-v2-hero-art > img {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: inherit;
}

@media (max-width: 1180px) {
  .bsr-v2-home .bsr-v2-hero {
    grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr);
  }
  .bsr-v2-home .bsr-v2-hero .bsr-home-title {
    font-size: clamp(1.45rem, 2.3vw, 1.85rem) !important;
  }
}

@media (max-width: 900px) {
  .bsr-v2-home .bsr-v2-hero {
    grid-template-columns: 1fr;
  }
  .bsr-v2-home .bsr-v2-hero .bsr-home-title {
    white-space: normal !important;
  }
  .bsr-v2-home .bsr-v2-hero-art {
    display: none !important;
  }
}

@media (max-width: 560px) {
  .bsr-v2-home .bsr-v2-hero .bsr-home-title {
    font-size: 1.45rem !important;
  }
  .bsr-v2-home .bsr-v2-hero .bsr-hero-lead {
    font-size: .76rem;
    line-height: 1.5;
  }
}