/* Allgemein */
html, body {
  overflow-x: hidden;
}

body{
  line-height:1.6;
}

/* Desktop etwas sauberer zentriert */
main, .container, .page, .content, .main-box {
  max-width: 1100px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Oberen Bereich sauberer */
.km-top-wrap{
  background:#fff;
  border:1px solid #eee;
  border-radius:12px;
  box-shadow:0 4px 16px rgba(0,0,0,0.05);
  padding:20px;
  margin-bottom:24px;
}

/* Ticketbereich */
.km-ticket-wrap{
  background:#fff;
  border:1px solid #eee;
  border-radius:12px;
  box-shadow:0 4px 16px rgba(0,0,0,0.05);
  padding:18px;
  margin-top:24px;
  margin-bottom:24px;
}

/* Bereich "bereits bestellt" */
.km-order-wrap{
  background:#fff;
  border:1px solid #eee;
  border-radius:12px;
  box-shadow:0 4px 16px rgba(0,0,0,0.05);
  padding:22px;
  margin-top:24px;
  margin-bottom:24px;
}

/* Buttons unter Ort / Kalender */
.km-map-wrap{
  margin-top:10px;
}

.km-map-btn,
.km-map-btn:visited,
.km-calendar-btn,
.km-calendar-btn:visited {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto !important;
  max-width:max-content;
  background:#8b2f5a;
  color:#fff !important;
  padding:10px 16px;
  border-radius:8px;
  text-decoration:none !important;
  font-weight:600;
  transition:background 0.2s ease;
  margin-top:10px;
  border:none;
}

.km-map-btn:hover,
.km-calendar-btn:hover{
  background:#6b1e3d;
  color:#fff !important;
}

/* Mehr Luft zwischen Kalender und Maps */
.km-calendar-btn{
  margin-bottom:10px;
}

/* Footer schöner */
footer,
footer nav,
footer ul{
  text-align:center !important;
}

footer a{
  color:#8b2f5a !important;
  text-decoration:none !important;
  font-weight:500;
}

footer a:hover{
  color:#6b1e3d !important;
  text-decoration:underline !important;
}

/* Testmodus runder */
.alert{
  border-radius:10px !important;
}

/* Buttons im Shop generell etwas harmonischer */
button,
.btn,
input[type="submit"]{
  border-radius:8px !important;
}

/* Mobile sauber lassen */
@media (max-width: 768px){
  main, .container, .page, .content, .main-box {
    max-width: 100%;
  }

  .km-map-btn,
  .km-calendar-btn{
    width:auto !important;
    font-size:14px;
  }
}