:root {
  --navbar-color: #0e71c1; /*blau*/
  --navbar-color-hover: #144f7e;

  --primary-color: #d12e3a; /*rot*/
  --primary-color-hover: #ff2a3a;

  --secondary-color: #dededd; /*grau*/
  --secondary-color-hover: #00662e;
}

.navbar.is-costum {
  background-color: var(--navbar-color);
  color: #fff;
}

.navbar.is-costum .navbar-brand > .navbar-item,
.navbar.is-costum .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-costum .navbar-brand > a.navbar-item:focus, .navbar.is-costum .navbar-brand > a.navbar-item:hover, .navbar.is-costum .navbar-brand > a.navbar-item.is-active,
.navbar.is-costum .navbar-brand .navbar-link:focus,
.navbar.is-costum .navbar-brand .navbar-link:hover,
.navbar.is-costum .navbar-brand .navbar-link.is-active {
  background-color: var(--navbar-color-hover);
  color: #fff;
}

.navbar.is-costum .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-costum .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-costum .navbar-start > .navbar-item,
  .navbar.is-costum .navbar-start .navbar-link,
  .navbar.is-costum .navbar-end > .navbar-item,
  .navbar.is-costum .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-costum .navbar-start > a.navbar-item:focus, .navbar.is-costum .navbar-start > a.navbar-item:hover, .navbar.is-costum .navbar-start > a.navbar-item.is-active,
  .navbar.is-costum .navbar-start .navbar-link:focus,
  .navbar.is-costum .navbar-start .navbar-link:hover,
  .navbar.is-costum .navbar-start .navbar-link.is-active,
  .navbar.is-costum .navbar-end > a.navbar-item:focus,
  .navbar.is-costum .navbar-end > a.navbar-item:hover,
  .navbar.is-costum .navbar-end > a.navbar-item.is-active,
  .navbar.is-costum .navbar-end .navbar-link:focus,
  .navbar.is-costum .navbar-end .navbar-link:hover,
  .navbar.is-costum .navbar-end .navbar-link.is-active {
    background-color: var(--navbar-color-hover);
    color: #fff;
  }
  .navbar.is-costum .navbar-start .navbar-link::after,
  .navbar.is-costum .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-costum .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-costum .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-costum .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--navbar-color-hover);
    color: #fff;
  }
  .navbar.is-costum .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--navbar-color);
    color: #fff;
  }
}

/* Button Costum Color */

.button.is-costum-primary {
  background-color: var(--primary-color);
  border-color: transparent;
  color: #fff;
}

.button.is-costum-primary:hover, .button.is-costum-primary.is-hovered {
  background-color: var(--primary-color-hover);
  border-color: transparent;
  color: #fff;
}

.button.is-costum-primary:focus, .button.is-costum-primary.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-costum-primary:focus:not(:active), .button.is-costum-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}

.button.is-costum-primary:active, .button.is-costum-primary.is-active {
  background-color: var(--primary-color-hover);
  border-color: transparent;
  color: #fff;
}

.button.is-costum-primary[disabled],
fieldset[disabled] .button.is-costum-primary {
  background-color: var(--primary-color);
  border-color: transparent;
  box-shadow: none;
}

.button.is-costum-primary.is-inverted {
  background-color: #fff;
  color: var(--primary-color);
}

.button.is-costum-primary.is-inverted:hover, .button.is-costum-primary.is-inverted.is-hovered {
  background-color: var(--primary-color-hover);
}

.button.is-costum-primary.is-inverted[disabled],
fieldset[disabled] .button.is-costum-primary.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: var(--primary-color);
}

.button.is-costum-primary.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-costum-primary.is-outlined {
  background-color: transparent;
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.button.is-costum-primary.is-outlined:hover, .button.is-costum-primary.is-outlined.is-hovered, .button.is-costum-primary.is-outlined:focus, .button.is-costum-primary.is-outlined.is-focused {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

.button.is-costum-primary.is-outlined.is-loading::after {
  border-color: transparent transparent var(--primary-color) var(--primary-color) !important;
}

.button.is-costum-primary.is-outlined.is-loading:hover::after, .button.is-costum-primary.is-outlined.is-loading.is-hovered::after, .button.is-costum-primary.is-outlined.is-loading:focus::after, .button.is-costum-primary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-costum-primary.is-outlined[disabled],
fieldset[disabled] .button.is-costum-primary.is-outlined {
  background-color: transparent;
  border-color: var(--primary-color);
  box-shadow: none;
  color: var(--primary-color);
}

.button.is-costum-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-costum-primary.is-inverted.is-outlined:hover, .button.is-costum-primary.is-inverted.is-outlined.is-hovered, .button.is-costum-primary.is-inverted.is-outlined:focus, .button.is-costum-primary.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: var(--primary-color);
}

.button.is-costum-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-costum-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-costum-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-costum-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--primary-color) var(--primary-color) !important;
}

.button.is-costum-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-costum-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

/*************************************************/

.has-text-costum-primary {
  color: var(--primary-color) !important;
}

a.has-text-costum-primary:hover, a.has-text-costum-primary:focus {
  color: var(--primary-color-hover) !important;
}

/*************************************************/

.has-text-costum-secondary {
  color: var(--secondary-color) !important;
}

a.has-text-costum-secondary:hover, a.has-text-costum-secondary:focus {
  color: var(--secondary-color-hover) !important;
}

/*************************************************/

.has-text-costum {
  color: var(--navbar-color) !important;
}

a.has-text-costum:hover, a.has-text-costum:focus {
  color: var(--navbar-color-hover) !important;
}

/*************************************************/

.navbar-start--centered {
  flex-grow: 1;
  justify-content: center;
}
.has-bg-costum {
  background-color: var(--navbar-color) !important;
}

.caption-text {
   letter-spacing: -1.5px;
}
.is-size-5-5 {
  font-size: 1.125rem !important;
}
.is-size-4-5 {
  font-size: 1.375rem !important;
}
.full-size {
  height: 100%;
  width: 100%;
}
.full-height {
  height: 100%;
}
.mail_small {
  margin-bottom: -4px;
}
.mail {
  margin-bottom: -6px;
}
a {
  color: var(--primary-color);
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  color: var(--primary-color-hover);
  cursor: pointer;
  text-decoration: none;
}
.contact table {
  margin-bottom: unset !important;
  width: unset !important;
  border: none !important;  
}
.contact table td {
  border: none !important;
  padding: unset !important;
}
.contact .contact-pl {
  padding-left: 15px !important;
}
.contact .contact-pt {
  padding-top: 15px !important;
}
.section {
  background-color: #dededd;
}

.no-bg {
	background-color:unset;
}

.site-padding {
	padding-top:100px; padding-bottom:100px;
}

html {
	background: url('../../img/bg.jpg') no-repeat center center fixed;
	background-size: cover;
	height: 100%;
}

@media only screen and (max-width: 767px) {
	html {
		background-image: url('../../img/bg_small.jpg');
	}
}

.logo {
  background-color:#fff; margin-bottom: -1.5rem;
}

footer {
  background-color: #000000c9 !important;
}

.footer-sections {
  padding-left: 30px; border-bottom: 1px solid #999999;
}