/*
Theme Name: Osteopathie Inken Margis
Author: Daniel Götjen (www.dgoetjen.de)
Version: 1.0
*/

/* BASE STYLES */

html, body {
    overflow-x: hidden;
  }

body {
  max-width: 100%;
}

/* TYPO */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Martel';
  font-weight: 900;
  color: var(--bs-primary);
}

p, li, table {
  font-family: 'Martel Sans';
  line-height: 1.2;
}

p {
  line-height: 1.35;
}

.nav-link {
  font-family: 'Finlandica';
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

.btn {
  letter-spacing: 4px;
  font-family: 'Finlandica';
  text-transform: uppercase;
}

a {
  text-decoration: none;
}

.fw-black {
  font-weight: 900;
}

.finlandica {
  font-family: 'Finlandica';
}

.martel-serif {
  font-family: 'Martel';
}

.martel-sans {
  font-family: 'Martel Sans';
}

.letter-spacing-wide {
  letter-spacing: 15px;
}

.page-content h2, .page-content h3 {
  margin-top: 1em;
}

.page-content ul li {
  margin-bottom: .5em;
}

strong {
  font-weight: 900;
}


/* NAVBAR */

#navbar-brand-logo {
  width: 10em;
}

.nav-link:hover, .show .nav-link, .collapsing .nav-link, .nav-link.active {
  background-color: var(--bs-light);
}

.collapsed .nav-item {
  background-color: white !important;
}

/* FOOTER */

footer {
  border-bottom: 3em solid var(--bs-primary);
}

/* BUTTONS */

.btn-white {
  background-color: white;
  color: var(--bs-primary);
  border-color: var(--bs-primary);
  border: 1px solid;
}

.btn-white:hover, .btn-primary:hover {
  background-color: var(--bs-secondary);
  color: var(--bs-primary);
}

.btn-secondary:hover {
  background-color: var(--bs-dark);
  color: var(--bs-secondary) !important;
}

.btn-icon {
  top: -2px;
  position: relative;
}

.floating-mobile-btn {
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    z-index: 9999;
}

/* FORMULARE */

.wpforms-container .form-control {
  background-color: transparent;
  border: none;
  box-sizing: border-box;
}

.wpforms-container .form-control label {
  text-transform: uppercase;
  font-weight: bold;
}

.wpforms-container .form-control input {
  padding: .3em;
  vertical-align: middle;
}

.wpforms-submit:hover {
  background-color: var(--bs-secondary) !important;
  color: var(--bs-dark);
}


/* ACCORDIONS */

.accordion-button {
  font-weight: 900;
}

.accordion-button:not(.collapsed) {
  background-color: var(--bs-dark);
  color: white;
}

h2.accordion-header {
  margin-top: 0 !important;
}

/* LAYOUT-HELPER */

.mt-custom-high {
  margin-top: 3em;
}

.mb-custom-high {
  margin-bottom: 3em;
}

.w-33 {
  width: 33% !important;
}

/* FRONTPAGE */

#frontpage-initial-view-hr {
  border-color: var(--bs-secondary) !important;
  border-bottom: 1px solid;
  opacity: 1;
}
  
#frontpage-section-contact-map {
  min-height: 15em;
}

.cmplz-placeholder-parent {
  height: 100% !important;
}

@media (max-width: 991.8px) { /* bis LG */
  #homepage-inner-container {
    padding-top: 140px !important;
  }
}

@media (min-width: 992px) { /* ab LG */
  #homepage-inner-container {
    padding-top: 170px !important;
  }
}

/* ANDERE SEITEN */

@media (max-width: 991.8px) { /* ab LG */
	.nav-padding-container {
		padding-top:109px;
	}
}

@media (min-width: 992px) { /* ab LG */
	.nav-padding-container {
		padding-top:109px;
	}
}

/* TERMINBUCHUNG */

#pss, #pss label {
  font-family: "Martel Sans" !important;
  font-style:  normal !important;
}

#pss-content * {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

#pss h2 {
  font-size: 2em !important
}

#pss h3 {
  font-size: 1.7em !important;
}

#pss h2, #pss h3 {
  font-weight: 900 !important;
}