/* ========== Bridgedomizil München CUSTOM CSS ============== */
/* orange: #ff6500 */


/* ================== Base ================== */
body {
  font-size: 14px;
  font-family: "Open Sans", arial, sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* Kein Abstand oben auf der Seite unter "Ergebnisse" */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================== Menu =========================== */

/* Menu Font (Basis) */
.inner-nav ul {
  font-size: 14px !important;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.3;
}

/* Menu Font Size zwischen 1200 und 1025px kleiner */
@media only screen and (max-width: 1200px) and (min-width: 1025px) {
  .inner-nav ul {
    font-size: 12px !important;
  }
}

/* Desktop: Menülinks schwarz */
@media only screen and (min-width: 1026px) {
  .inner-nav ul li a {
    color: #000000 !important;
  }
}

/* Mobile: Menülinks weiß (auf schwarzem Hintergrund) */
@media only screen and (max-width: 1025px) {
  .inner-nav ul li a {
    color: #ffffff !important;
  }
}

/* Hover/Active */
.inner-nav ul li a:hover,
.inner-nav ul li a.active {
  color: #ff6500 !important;
  text-decoration: none;
}

/* Dropdown Menü Links (hell) */
.inner-nav ul li .mn-sub li a {
  display: block;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  font-size: 14px !important;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  cursor: pointer;
  height: auto !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
  outline-offset: -2px !important;
  margin: 0;
  padding: 11px 15px;
  border-left: none;
  border-right: none;
}


/* =================== Logo =================== */

/* logo kleiner */
.nav-logo-wrap .logo img {
  width: auto;
  max-height: 100%;
}

/* (Hinweis: max-width: 200% ist ungewöhnlich, ich lasse es aber wie bei dir) */
img:not([draggable]),
embed,
object,
video {
  max-width: 200% !important;
  height: auto;
}


/* =================== Helpers =================== */
.center {
  text-align: center !important;
}


/* =================== Typography =================== */

/* Section Title / H1 */
.section-title {
  margin-bottom: 15px !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  letter-spacing: 0.5em !important;
  line-height: 1.4 !important;
}

h1 {
  margin-bottom: 1em;
  font-size: 24px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.6;
}

h2 {
  font-size: 24px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.6;
}

h3 {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6;
}

h4 {
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.6;
}




/* =================== Blockquote =================== */
@media only screen and (max-width: 767px) {
  blockquote p {
    font-size: 24px !important;
  }
}


/* =================== Padding Top =================== */
section.padTop20 {
  padding-top: 20px !important;
}

.padTop70 { padding-top: 70px !important; }
.padTop80 { padding-top: 80px !important; }
.padTop90 { padding-top: 90px !important; }

.padTop100 { padding-top: 100px; }
.padTop120 { padding-top: 120px; }
.padTop150 { padding-top: 150px; }
.padTop180 { padding-top: 180px; }


/* =================== Padding Bottom =================== */
section.padBot80 {
  padding-bottom: 80px !important;
}

.padBot20  { padding-bottom: 20px !important; }
.padBot50  { padding-bottom: 50px !important; }

.padBot100 { padding-bottom: 100px; }
.padBot130 { padding-bottom: 130px; }
.padBot150 { padding-bottom: 150px; }
.padBot200 { padding-bottom: 200px; }


/* =================== Images =================== */
/* IMG fluid auf der Spielort Seite */
.responsive-img {
  width: 100%;
  height: auto; /* Maintains aspect ratio */
  display: block; /* Removes extra space below images */
}


/* =================== FullCalendar (Mobile) =================== */
@media (max-width: 768px) {
  .fc-toolbar-title {
    font-size: clamp(14px, 4vw, 14px) !important;
  }
}

@media (max-width: 768px) {
  .fc-button {
    font-size: clamp(10px, 3vw, 10px) !important;
    padding: clamp(2px, 1vw, 6px) !important;
  }
}


/* =================== Kalender  =================== */
/*
.fc-day-other {
  visibility: hidden;
}
*/



/* iFrame */
.iframe-wrapper {
    width: 100%;
    overflow: hidden;
}

.iframe-wrapper iframe {
    border: none;
}

/* h1 auf index versetzt */
@media (min-width: 600px) {
.intro-headline {
    max-width: 66.666%;
    margin-left: 8.333%;
    }}
