/* ===========================
   Grundfarben & Branding
   =========================== */

:root {
  --brand-orange: #ffa050;
  --brand-orange-dark: #ff8c40;
  --brand-bg-gray: #f2f2f2;
  --brand-text-dark: #333333;
}

/* ===========================
   Body / Hintergrund
   =========================== */

body {
  background-color: var(--brand-bg-gray);
  color: var(--brand-text-dark);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin: 0;
  padding: 0;
}

/* ===========================
   Navbar (Bootstrap Override)
   =========================== */

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.4rem;

  --bs-navbar-color: rgba(255, 160, 80, 0.7);
  --bs-navbar-hover-color: rgba(255, 160, 80, 0.95);
  --bs-navbar-disabled-color: rgba(255, 160, 80, 0.3);
  --bs-navbar-active-color: rgba(255, 160, 80, 1);

  --bs-navbar-brand-padding-y: 0.2rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.3rem;
  --bs-navbar-brand-color: var(--brand-orange);
  --bs-navbar-brand-hover-color: var(--brand-orange-dark);

  --bs-navbar-nav-link-padding-x: 0.6rem;

  --bs-navbar-toggler-padding-y: 0.2rem;
  --bs-navbar-toggler-padding-x: 0.6rem;
  --bs-navbar-toggler-font-size: 1.2rem;
  --bs-navbar-toggler-border-color: rgba(255, 160, 80, 0.5);

  margin-bottom: 0.4rem;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 160, 80, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ===========================
   Links
   =========================== */

a {
  color: var(--brand-orange-dark);
  text-decoration: none;
}

a:hover {
  color: var(--brand-orange);
  text-decoration: underline;
}

/* ===========================
   Buttons
   =========================== */

.btn-primary {
  background-color: var(--brand-orange);
  border-color: var(--brand-orange);
}

.btn-primary:hover {
  background-color: var(--brand-orange-dark);
  border-color: var(--brand-orange-dark);
}

/* ===========================
   Alerts
   =========================== */

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 0.75rem;
  --bs-alert-padding-y: 0.5rem;
  --bs-alert-margin-bottom: 0.5rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: rgba(255, 160, 80, 0.4);
}
  body > main,
body > div:first-of-type,
main .container,
main .row,
main .section,
.content,
.page-header,
.breadcrumb-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

h1,
.page-title,
.content h1,
main h1 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
main .container,
main .row,
main .section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}



/* Größeres Hamburger-Icon auf dem Handy */
.navbar-toggler-icon {
    width: 2.2rem !important;
    height: 2.2rem !important;
    background-size: 2.2rem 2.2rem !important;
}


.textblock {
    max-width: 500px;
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    line-height: 1.6;
}