@font-face {
  font-family: "Roboto", sans-serif;
  src: url(https://stefanbraunbarth.com/assets/webfonts/Roboto?family=Roboto:wght@300;400;700&display=swap);
}

div {
  font-family: "Roboto", sans-serif;
}


.section {
    position: relative;
/*	 position: initial;*/
/*	width: 100%;*/
/*	min-height: 100vh;*/
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
/*	padding: 100px; */
/*	top: 2rem !important;*/
	

}


.video {
	position: absolute;
	object-fit: cover;
	pointer-events: none;
/*		opacity: 0.6;*/
}




.video-container{
  width: 100vw;
  height: 50vh;
	opacity: 0.6;
  z-index: -999;
}

.gradient {
    padding: 0.344rem;
    background: rgba(21, 25, 24, 0.86);
}

 iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
/*  pointer-events: none;*/
	 border: 0;
}

@media (min-aspect-ratio: 16/9) {
  .video-container iframe {
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-container iframe {
    width: 177.78vh;
  }
}

.video-parallax {
    -webkit-transition-position: fixed;
    position: fixed;
	
}


[class*="sticky-block"] {
    max-width: 100%;
    z-index: 2;
/*    background-color: transparent !important;*/
background-color: rgba(21, 25, 24, 0.0);
	top: 72px !important;
/*	 background-color: #151918 !important;*/
/*	opacity:0.6;*/
}

.header-sticky-top {
    background-color: rgba(21, 25, 24, 0.5);
/*	-webkit-transition-opacity: 1.0;	*/
/*	z-index: 1;*/
}

.page-header {
/*    border-bottom: 0.0625rem solid #1f2426;*/
	border-bottom: 0.0625rem solid transparent;
    /* padding-bottom: 2rem; */
    margin-bottom: 0.5rem;
	z-index: 1;
}

h1 {
/*    color: #F4F3F2 !important;*/
    color: #F4F3F2 !important;
    
}

h2 {
/*    color: #F4F3F2 !important;*/
    color: #F4F3F2 !important;
    
}

h4 {
    color: #F4F3F2 !important;
}

h6 {
    color: #F4F3F2 !important;
}

span {
    color: #F4F3F2 !important;
}

p {
    color: #7e8998!important;
}

li {
    color: #7e8998 !important;
}

i { 
    color: #fe0000 !important;
}


a {
    color: #fe0000 !important;
}

header {
    background-color: #151918 !important;
}

body {
    background-color: rgb(21, 25, 24) !important;
}



.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #31363B !important;
    background-clip: border-box;
    border: 0.0625rem solid rgba(231, 234, 243, 0.0);
    border-radius: 0.75rem;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: transparent !important;
    border: 0.0625rem solid transparent !important;
}

hr {
    border-top: 0.0625rem solid #1f2426 !important;
}

.header .nav-link {
     color: #718396 !important; 
/*    color: #fe0000 !important; */
/*    color: #F4F3F2 !important;*/
	letter-spacing: 0.36rem;	
}

.header .nav-link .active {
/*     color: #677788 !important; */
    color: #fe0000 !important; 

}

.header .nav-link.active, .header .navbar-nav-item.active .nav-link {
    /* color: #377dff; */
/*    color: #151918;*/
        color: #fe0000 !important;
}


.navbar-toggler {
    background-color: transparent !important;
}

.btn-soft-secondary {
/*    color: #71869d;*/
/*    color: #5d6e80;*/
    color: #fe0000 !important; 
    background-color: rgba(124, 0, 11, 0.26);
    background-color: rgba(113, 134, 157, 0.1);
    border-color: transparent;
	cursor: pointer !mportant;
}
.btn-soft-secondary.active,
.btn-soft-secondary:active,
.btn-soft-secondary:focus,
.btn-soft-secondary:hover {
    color: #fff !important;
    background-color: #fe0000 !important;
    box-shadow: 0 4px 11px rgba(113, 134, 157, 0.1);
}






.h4 {
    color: #F4F3F2 !important;
}

.text-body {
    color: #F4F3F2 !important;
}

.display-1 {
   line-height: 5.68rem !important;
}

.pa_white {
    color: #F4F3F2 !important;
}

.bg-black {
    background-color: #151918 !important;
}

.bg-dark {
    background-color: #164F9D !important;
}

.bg-blue {
    background-color: #234E9C !important;
}

.bg-petrol {
    background-color: #093C4A !important;
    z-index: -1;
}


.bg-turquoise {
    background-color: #5EC0C5 !important;
}

.bg-ebony {
    background-color: #F4F4F4 !important;
}


.btn-primary:not([href]),
.btn-primary:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-primary:not(label.btn),
.btn-primary:not(label.btn):not([href]):not(:disabled):not(.disabled) {
    background-color: #fe0000 !important;
    border-color: #fe0000 !important;
	padding-left: 0.5rem;
}


.text-red {
    color: #fe0000 !important;
}

.text-grey {
    color: #7e8998 !important;
}

.text-petrol {
    color: #093C4A !important;
}

.text-blue {
    color: #164F9D !important;
}

.text-black {
    color: #050404 !important;
}

.divider::after, .divider::before {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    border-top: 0.0625rem solid #1f2426 !important;
    content: "";
    margin-top: 0.0625rem;
}

.bg-footer {
    background-color: #151918 !important;
	 position: relative !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mb-2, .my-2 {
    margin-bottom: 0.0rem !important;
}




/*
.rounded-xs {
	border-radius: 20px 20px 20px 20px !important;
	
	}

.rounded-xs span {
	
	margin-left: 5px;
	}*/