// Font
@charset "utf-8";
$family-primary: "Verdana", sans-serif;
// Colors
//$primary: #d1e7d6 !default;
$primary: #ffffff !default;
$text: #000 !default;
$title-color: #000 !default;
//$primary-light: #e7f2ea;
//$primary-light: #ffffff;
$light: #e7f2ea;
$primary-dark: #1e7d73;
$dark: #09443e;
//$navbar-box-shadow-color: transparent;
// Bulma
@import "../node_modules/bulma/bulma.sass";
// Extensions
@import "../node_modules/bulma-block-list/src/block-list.scss";
@import "../node_modules/@creativebulma/bulma-tooltip/src/sass/index.sass";
// Bulma Config
$column-gap: 1rem;
$modal-content-width: 800px;
$tabs-link-active-color: $primary;
$tabs-link-active-border-bottom-color: $primary;
// Global
html {
  scroll-behavior: smooth;
}
body {
  font-size: 1.5rem;
  line-height: 2.25rem;
}

h1,
h2,
h3,
p {
  padding-bottom: 30px;
}
h1,
h2 {
  padding-top: 90px;
}

.card h1,
.card h2,
.card p,
.slider h1,
.slider h2,
.slider p {
  padding-top: 0;
  padding-bottom: 0;
}

h1,
h1 p {
  font-size: 48px;
  line-height: 72px;
  font-weight: 600;
  text-align: center;
}

.green h1,
.green h1 p {
  text-align: left;
}

h2,
h2 p {
  font-size: 36px;
  font-weight: 600;
  text-align: left;
  background-repeat: no-repeat;
  background-size: auto 35px;
  font-family: "Verdana", sans-serif;
}

h3 {
  font-weight: 600;
  font-size: 1.7rem;
  padding-top: 50px;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 0.83rem;
}

// Button Animation + Gleiche Breite
.button {
  // Schrifft
  font-size: 1.31rem !important;
  font-weight: 600;
  // Animation
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, transform;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-property: background-color, transform;
  -o-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-property: background-color, transform;
  -moz-transition-duration: 0.3s;
}

.button a,
.button span {
  // Schrifft
  font-size: 16px !important;
  font-weight: 600;
}

.navbar-menu .button,
.navbar-dropdown .button {
  // Buttongröße aus Figma
  width: 180px;
  height: 47px;
}

// z.B. "Mehr über Intia" Button
.button.is-dark:hover,
.button.is-dark.is-hovered {
  border-width: 1px;
  background-color: $dark;
  border-color: transparent;
  color: white;
}
@include desktop {
  .navbar-menu .button.is-dark:hover.has-dropdown,
  .navbar-menu .button.is-dark.is-hovered.has-dropdown {
    background-color: $primary-dark;
  }
}
.is-active-header {
  background-color: $dark !important;
}
@include mobile {
  .is-active-header {
    background-color: transparent !important;
  }
}
// Dropdownmenüelemente
.navbar-dropdown,
.navbar-item:focus,
.navbar-dropdown a.navbar-item:focus,
.navbar-dropdown a.navbar-item:hover {
  background-color: $dark;
  border-width: 2px;
  color: white;
}
.navbar.is-primary .navbar-start .navbar-item:hover .navbar-link::after,
.navbar.is-primary .navbar-end .navbar-item:hover .navbar-link::after {
  transform: rotate(135deg);
  margin-top: 0;
}

// Dropdownmenühintergrund und Rand
.navbar-dropdown {
  border-top: transparent;
  background-color: transparent;
}

// Navbar Padding
.navbar-end.buttons {
  padding-left: 0px;
  padding-top: 15px;
  font-weight: bold;
}
// Logo Padding
.navbar-item {
  //padding-top: 21px;
}
.navbar-dropdown {
  display: none;
}
.button.is-dark.has-dropdown:hover .navbar-dropdown,
.button.is-dark.is-hovered.has-dropdown .navbar-dropdown {
  display: block;
}

.footer {
  background-color: $primary-dark;
  color: white;
}

.link {
  color: $primary;
}

.footer .link {
  color: white;
}

// Specific styles
@import "layout";
@import "print";