﻿@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Roboto:100,300,100italic,300italic");

/*!
 * My Bootstrap angepasst für unsere Landingpage - v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

.my-bg-inverse {
background-color:#004538;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

.my-btn-lg, .my-btn-group-lg > .my-btn {
  padding: 0.95rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}



.my-btn {
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.my-btn:focus, .my-btn:hover {
  text-decoration: none;
}

.my-btn:focus, .my-btn.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
          box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
}

.my-btn.disabled, .my-btn:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.my-btn:active, .my-btn.active {
  background-image: none;
}

a.my-btn.disabled,
fieldset[disabled] a.my-btn {
  pointer-events: none;
}
/*Beginn Button primary*/
.my-btn-primary {
  color: #fff;
  background-color: #004538;
  border-color: #004538;
}

.my-btn-primary:hover {
  color: #fff;
  background-color: #006651;
  border-color: #004538;
}

.my-btn-primary:focus, .my-btn-primary.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
          box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.my-btn-primary.disabled, .my-btn-primary:disabled {
  background-color: #004538;
  border-color: #004538;
}

.my-btn-primary:active, .my-btn-primary.active,
.show > .my-btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #025aa5;
  background-image: none;
  border-color: #01549b;
}

/*Ende Button primary*/

.my-btn-secondary {
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc;
}

.my-btn-secondary:hover {
  color: #292b2c;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.my-btn-secondary:focus, .my-btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
          box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}

.my-btn-secondary.disabled, .my-btn-secondary:disabled {
  background-color: #fff;
  border-color: #ccc;
}

.my-btn-secondary:active, .my-btn-secondary.active,
.show > .my-btn-secondary.dropdown-toggle {
  color: #292b2c;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}

.my-btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.my-btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
}

.my-btn-info:focus, .my-btn-info.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
          box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}

.my-btn-info.disabled, .my-btn-info:disabled {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.my-btn-info:active, .my-btn-info.active,
.show > .my-btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #2aabd2;
}

.my-btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.my-btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
}

.my-btn-success:focus, .my-btn-success.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
          box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}

.my-btn-success.disabled, .my-btn-success:disabled {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.my-btn-success:active, .my-btn-success.active,
.show > .my-btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #419641;
}

.my-btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
  
}

.my-btn-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.my-btn-warning:focus, .my-btn-warning.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
          box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}

.my-btn-warning.disabled, .my-btn-warning:disabled {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.my-btn-warning:active, .my-btn-warning.active,
.show > .my-btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #eb9316;
}

.my-btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.my-btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #c12e2a;
}

.my-btn-danger:focus, .my-btn-danger.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
          box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.my-btn-danger.disabled, .my-btn-danger:disabled {
  background-color: #d9534f;
  border-color: #d9534f;
}

.my-btn-danger:active, .my-btn-danger.active,
.show > .my-btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #c12e2a;
}

.my-btn-outline-primary {
  color: #0275d8;
  background-image: none;
  background-color: transparent;
  border-color: #0275d8;
}

.my-btn-outline-primary:hover {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.my-btn-outline-primary:focus, .my-btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
          box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.my-btn-outline-primary.disabled, .my-btn-outline-primary:disabled {
  color: #0275d8;
  background-color: transparent;
}

.my-btn-outline-primary:active, .my-btn-outline-primary.active,
.show > .my-btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.my-btn-outline-secondary {
  color: #ccc;
  background-image: none;
  background-color: transparent;
  border-color: #ccc;
}

.my-btn-outline-secondary:hover {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

.my-btn-outline-secondary:focus, .my-btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
          box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}

.my-btn-outline-secondary.disabled, .my-btn-outline-secondary:disabled {
  color: #ccc;
  background-color: transparent;
}

.my-btn-outline-secondary:active, .my-btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

.my-btn-outline-info {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de;
}

.my-btn-outline-info:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.my-btn-outline-info:focus, .my-btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
          box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}

.my-btn-outline-info.disabled, .my-btn-outline-info:disabled {
  color: #5bc0de;
  background-color: transparent;
}

.my-btn-outline-info:active, .my-btn-outline-info.active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.my-btn-outline-success {
  color: #5cb85c;
  background-image: none;
  background-color: transparent;
  border-color: #5cb85c;
}

.my-btn-outline-success:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.my-btn-outline-success:focus, .my-btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
          box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}

.my-btn-outline-success.disabled, .my-btn-outline-success:disabled {
  color: #5cb85c;
  background-color: transparent;
}

.my-btn-outline-success:active, .my-btn-outline-success.active,
.show > .my-btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.my-btn-outline-warning {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e;
}

.my-btn-outline-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.my-btn-outline-warning:focus, .btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
          box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}

.my-btn-outline-warning.disabled, .my-btn-outline-warning:disabled {
  color: #f0ad4e;
  background-color: transparent;
}

.my-btn-outline-warning:active, .my-btn-outline-warning.active,
.show > .my-btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.my-btn-outline-danger {
  color: #d9534f;
  background-image: none;
  background-color: transparent;
  border-color: #d9534f;
}

.my-btn-outline-danger:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.my-btn-outline-danger:focus, .my-btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
          box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.my-btn-outline-danger.disabled, .my-btn-outline-danger:disabled {
  color: #d9534f;
  background-color: transparent;
}

.my-btn-outline-danger:active, .my-btn-outline-danger.active,
.show > .my-btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.my-btn-link {
  font-weight: normal;
  color: #0275d8;
  border-radius: 0;
}

.my-btn-link, .my-btn-link:active, .my-btn-link.active, .my-btn-link:disabled {
  background-color: transparent;
}

.my-btn-link, .my-btn-link:focus, .my-btn-link:active {
  border-color: transparent;
}

.my-btn-link:hover {
  border-color: transparent;
}

.my-btn-link:focus, .my-btn-link:hover {
  color: #014c8c;
  text-decoration: underline;
  background-color: transparent;
}

.my-btn-link:disabled {
  color: #636c72;
}

.my-btn-link:disabled:focus, .my-btn-link:disabled:hover {
  text-decoration: none;
}

.my-btn-lg, .my-btn-group-lg > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.my-btn-sm, .my-btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.my-btn-block {
  display: block;
  width: 100%;
}

.my-btn-block + .my-btn-block {
  margin-top: 0.5rem;
}

