/* Aquantum Energy - Stylesheet */

/* ----
** Name: project
** Source: static/project.css 
** Origin: https://aquantum-energy.de/
----


** Table of content
** ----
** 1: general
** 2: site-hero
** 3: fonts
** 4: navigation
** 5: jumbotron
** ---- */
/* ----
** 1: general
** Source: static/project/general.css
** Last update: 2024-02-19 21:08:12
*/

body {
 background-color: #fff;
 font-family: Skogtype;
 height: 100vh;
}

h1,h3 {
    font-family: 'Skogtype Bold';
}
h1 {
 font-family: 'Skogtype Bold';
    font-size: 2.5em;
    margin-bottom: .5em;
}
h5 {
font-family: 'Skogtype Medium';
}

h2 {
font-family: 'Skogtype Bold';
    font-size: 2.5em;
    margin-bottom: .5em;
}

p {
    font-size: 18px;
    font-family: 'Skogtype Light';
}

a  {
   font-family: 'Skogtype Light';
}

 
@media only screen and (max-width: 600px) {
  h1 {
    font-size: 1.9rem;
  }
}

.content-img {
border-radius: 4px;
}

.primary {
color: #00B2D8;
}

.btn-primary {
background-color: #121212;
border: 2px solid #00B2D8;
font-family: 'Skogtype Light';
padding: 15px 20px 15px 20px;
font-weight: bold;
margin: 15px 0px 15px 0px;
font-size: 1.25rem;
}

@media only screen and (max-width: 600px) {
 .btn-wrapper {
  text-align: center;
}
}

.btn-primary:hover {
background-color: #00B2D8;
border: 2px solid #00B2D8;
transition: .3s;
}

.btn-primary:active {
background-color: #00B2D8 !important;
}
.btn-primary:focus {
background-color: #00B2D8 !important;
}
h1,h3 {
    font-family: 'Skogtype Bold';
}
h1 {
 font-family: 'Skogtype Bold';
    font-size: 2.5em;
    margin-bottom: .5em;
}
h5 {
font-family: 'Skogtype Medium';
}

h2 {
font-family: 'Skogtype Bold';
    font-size: 2.5em;
    margin-bottom: .5em;
}

p {
    font-size: 18px;
    font-family: 'Skogtype Light';
}

a  {
   font-family: 'Skogtype Light';
}

.bg-start {
  background-image: url('/assets/uploads/img/2ebenen.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

/* Skogtype - Black */
@font-face {
  font-display: swap;
  font-family: 'Skogtype Black';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/Skog Sans Family/Skogtype - SkogSans-Black.otf') format('opentype');
}
/* Skogtype - Bold */
@font-face {
  font-display: swap;
  font-family: 'Skogtype Bold';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/Skog Sans Family/Skogtype - SkogSans-Bold.otf') format('opentype');
}
/* Skogtype - light */
@font-face {
  font-display: swap;
  font-family: 'Skogtype Light';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/Skog Sans Family/Skogtype - SkogSans-Light.otf') format('opentype');
}
/* Skogtype - medium */
@font-face {
  font-display: swap;
  font-family: 'Skogtype Medium';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/fonts/Skog Sans Family/Skogtype - SkogSans-Medium.otf') format('opentype');
}
/* Skogtype - regular */
@font-face {
  font-display: swap;
  font-family: 'Skogtype Regular';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/Skog Sans Family/Skogtype - SkogSans-Regular.otf') format('opentype');
}

.bg-feature {
  background-color: #000;
}

/* ---- end of general styles ---- */
/* ----
** 2: site-hero
** Source: static/project/site-hero.css
** Last update: 2024-01-28 12:16:02
*/

.site-hero-wrapper {
 background-image: url("/assets/uploads/img/aq-site-header.jpg");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}

/* ---- end of site-hero styles ---- */
/* ----
** 3: fonts
** Source: static/project/fonts.css
** Last update: 2024-01-28 11:05:15
*/

/* Skogtype - Black */
@font-face {
  font-display: swap;
  font-family: 'Skogtype Black';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/Skog Sans Family/Skogtype - SkogSans-Black.otf') format('opentype');
}
/* Skogtype - Bold */
@font-face {
  font-display: swap;
  font-family: 'Skogtype Bold';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/Skog Sans Family/Skogtype - SkogSans-Bold.otf') format('opentype');
}
/* Skogtype - light */
@font-face {
  font-display: swap;
  font-family: 'Skogtype Light';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/Skog Sans Family/Skogtype - SkogSans-Light.otf') format('opentype');
}
/* Skogtype - medium */
@font-face {
  font-display: swap;
  font-family: 'Skogtype Medium';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/fonts/Skog Sans Family/Skogtype - SkogSans-Medium.otf') format('opentype');
}
/* Skogtype - regular */
@font-face {
  font-display: swap;
  font-family: 'Skogtype Regular';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/Skog Sans Family/Skogtype - SkogSans-Regular.otf') format('opentype');
}

/* ---- end of fonts styles ---- */
/* ----
** 4: navigation
** Source: static/project/navigation.css
** Last update: 2024-01-31 20:26:19
*/

.navbar {
 _background-color: #121212;
}

.nav-link {
 _color: #fff !important;
}

/* ---- end of navigation styles ---- */
/* ----
** 5: jumbotron
** Source: static/project/jumbotron.css
** Last update: 2024-02-02 17:55:32
*/

.jumbotron {
  color: white;
  background-image: url('/assets/uploads/img/aq-site-header.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
padding-bottom: 0;
}

.container-lead{
border-radius: 4px;
margin-top: 96px;
padding: 32px 10px 32px 20px;
 z-index:2;
position: relative;
}

.bg-image-container{
background-image: url("/assets/uploads/img/2leut.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.first-content {
    margin-top: -300px;
    height: 300px;
    z-index: 1;
    position: relative;
    padding-bottom: 64px;
}

@media only screen and (max-width: 600px) {
  .first-content {
    margin-top: -312px;
  }
}

/* ---- end of jumbotron styles ---- */