/* Navbar oben: grün und weiße Links */
.navbar.bg-success {
    background-color: #0e5e3b !important;
  }
  .navbar.bg-success .nav-link {
    color: #fff !important;
  }
  .navbar.bg-success .navbar-brand img {
    /* Höhenanpassung oder weitere Styles, falls nötig */
    height: 40px;
  }
  
  /* Page Header (unter Navbar) */
  .subpage-header {
    background-color: #f8f9fa; /* helles Grau */
  }
  .subpage-header h1 {
    font-family: 'Swanky and Moo Moo', cursive;
    color: #0e5e3b;
  }
  
  /* Inhalt */
  .lead {
    font-size: 1.125rem;
    color: #333;
  }
  
  /* Bild-Styles */
  img.rounded {
    border-radius: .5rem;
  }
  
  /* Footer-Links */
  footer a {
    color: #0e5e3b;
    text-decoration: none;
  }
  footer a:hover {
    text-decoration: none !important;
  }
  
  /* Responsive Adjustments */
  @media (max-width: 767px) {
    .subpage-header h1 {
      font-size: 2rem;
    }
    .lead {
      font-size: 1rem;
    }
     /* Header <-> Content Abstand verkleinern */
/* Override der py-5 von Bootstrap */
.subpage-header {
    padding-top: 1rem !important;
    padding-bottom: 0.5rem !important;
  }

  /* Auch den weißen main-Bereich enger ziehen */
  main.bg-white {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  /* Bild zentrieren bleibt bestehen */
  main.bg-white img {
    display: block;
    margin: 0 auto;
  }
  }

  footer {
    background-color: #0e5e3b !important;
  }
  
  footer a {
    color: #fff !important;
    text-decoration: none;
  }
  
  footer a:hover {
    text-decoration: underline;
  }
  
/* MAIN-Bereich: ganzer Breite weiß */
main.bg-white {
    background-color: #fff;
  }
  
  /* Darin dann den Container schmal zentriert */
  main.bg-white .container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  
  /* Footer und darüber hinaus grün */
  footer {
    background-color: #0e5e3b !important;
  }
  html, body {
    background-color: #0e5e3b;
    margin: 0;
    padding: 0;
  }

/* Alle Nav-Items vertikal mittig ausrichten */
.navbar-nav .nav-item {
  display: flex;
  align-items: center;
  height: 100%;
}
/* Hauptnavbar mit vertikaler Zentrierung der Items */
.navbar {
  display: flex !important;
  align-items: center !important;  /* Zentriert alle Kinder (Brand, Links) */
}


/* Globale Padding-Definition für alle Subpages */
main.bg-white {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

/* Optional: Wenn du die vertikale Zentrierung per min-height steuerst */
main.bg-white .d-flex {
  min-height: 40vh !important; /* statt früher 60vh */
}

/*-----------------------------------------------------------------------------------
  Speziell für die User-Page: Ditches das 40vh-Minimum und reduziert den Abstand
-----------------------------------------------------------------------------------*/
.page-user .d-flex.justify-content-between.align-items-center {
  min-height: auto !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.page-user .d-flex.align-items-center {
  min-height: auto !important;
}

/* Stellt sicher, dass der letzte Nav-Link denselben Padding-Werten folgt */
.navbar-nav .nav-item:last-child .nav-link {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Für die Verkaufs-Seite die 40vh-Höhe wieder zurücknehmen */
main.bg-white.page-verkauf .d-flex {
  min-height: auto !important;
}

.wallet-btn{
	display:inline-flex; align-items:center; gap:.6rem;
	border-radius:2rem; padding:.6rem 1rem  .7rem 1rem;
	text-decoration:none; color:#fff; font-weight:500; line-height:1;
	background:#000; /* default Apple */
  }
  .wallet-btn .icon{width:28px;height:28px;background-size:cover;flex:0 0 28px;}
  .wallet-btn .txt small{display:block;font-size:.7rem;opacity:.8;margin-bottom:2px;}
  .wallet-btn.google{background:#1f1f1f;}
  .wallet-btn.apple .icon{background-image:url("/img/apple-wallet-icon.svg");}
  .wallet-btn.google .icon{background-image:url("/img/google-wallet-icon.svg");}

  #wallet-buttons { 
    align-items: center;            /* statt stretch */
  }
  
  #wallet-buttons a{
    flex: 0 0 auto;                 /* nicht strecken */
    display: inline-block;
    line-height: 0;
    padding: 0;
    height: auto !important;        /* falls was anderes greift */
  }
  
  #wallet-buttons img{
    display: block;
    height: 48px;
    width: auto;
  }