/*
Copyright (c) 2020 pm-webdesign.eu
Markus Puffer <m.puffer@pm-webdesign.eu>
All rights reserved. This program and the accompanying materials
are made available under the terms of the Eclipse Public License v1.0
which accompanies this distribution, and is available at
http://www.eclipse.org/legal/epl-v10.html

Contributors:
   Markus Puffer <m.puffer@pm-webdesign.eu> - initial API and implementation and/or initial documentation
*/
/*
    Created on : 01.07.2020, 20:38:02
    Author     : Markus Puffer <m.puffer@pm-webdesign.eu>
*/
body {
  font-size: 1.2rem;
  max-width: 100%;
  overflow-x: hidden;
  letter-spacing: 1px;
}

.main-content {
  padding-top: 0 !important;
}

a:hover {
  color: #007799;
}

.hidden {
  display: none !important;
}

.btn-primary {
  color: #fff;
  background-color: #007799;
  border-color: #007799;
}
.btn-primary:hover {
  color: #fff;
  background-color: dimgray;
  border-color: dimgray;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background-color: #0a6673;
  border-color: #0a6673;
}

.navbar {
  transition: transform 0.25s 0.1s ease-in-out;
}

.down .navbar {
  transform: translate3d(0, -100px, 0);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: #007799;
}

.navbar-brand img {
  width: 200px;
  min-width: 100px;
}

.height-non-auto {
  height: intrinsic;
}

.width100 {
  width: 100%;
}

.lines, .linesRight {
  margin-top: -5px;
  margin-left: 50%;
  border-right: 3px solid dimgray;
  width: 0;
  height: 0px;
  transition: height 2s ease-in-out;
}

.linesRight {
  margin-right: 50%;
}

.height200 {
  height: 200px;
  transition: height 2s ease-in-out;
}

.showAfterLine {
  display: block;
}

.texts, .textsRight {
  position: absolute;
  margin-left: -50%;
  width: 150px;
}

.textsRight {
  margin-right: -50%;
}

.textLeft {
  margin-left: 30px;
  transition: 2s ease-out;
}

.textRight {
  margin-right: 30px;
  transition: 2s ease-out;
}

.circles {
  margin: 0 0 0 0;
  transition: 2s ease-out;
}

@media (min-width: 993px) {
  .navbar-brand img {
    min-width: 350px;
  }

  .texts, .textsRight {
    width: 200px;
  }

  .textLeft {
    left: calc(50% - 250px);
  }

  .textRight {
    right: calc(50% - 250px);
  }
}

/*# sourceMappingURL=custom.css.map */