/* CSS Document */

html, body {}

body {}

.embed-responsive-210by297 {
  padding-bottom: 141.42%;
}

header {
  position: relative;
  background-color: white;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
  margin-bottom:150px;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

a:hover {
	text-decoration:none;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  opacity: 0;
  z-index: 1;
}

a:hover button.btn-coal, button.btn-coal:hover {
	color:#BE9839;
}

.colbox {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 15px;
	margin: 15px;
	
	}

.colbox2 {
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 15px;
	margin: 15px;
}

h5.modal-title {
	color:#BE9839;
	font-family: 'Josefin Sans', sans-serif;
}

.body-overlay-project {
  min-height: 100%;
  background-image: url(../img/bg-it.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  z-index:-100;
}


.text-box-top {
	min-height: 100% !important;
	min-width:100%; !important;
	background-image: url(../dev2/img/bg-top-50.png);
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	
	}
.text-box-quote {
	min-width:100%;
	background-color:#2F3131;
	background-position: top center;
	margin-top:-150px;
}
.text-box-front {
	min-width:100%;
	background-color:#fff;
	background-position: top center;
}


.text-box-it {
	min-height: 100% !important;
	min-width: 100% !important;
}

.text-box-about {
	min-width:100%; !important;
	background-image:url(../img/sketches.jpg);
	background-position: top center;
}

.text-box-contact {
	min-height:100%; !important;
	background-color:#fff;
	background-position: top center;
}

.text-box-service {
	min-width:100%;
	background-color:#C93158;
	background-position: top center;
}

.img-2 {
  border: 1px solid #666;
  border-radius: 4px;
  padding: 5px;
  border-spacing:5px;
  
  }

.img-3 {
  border: 1px solid #666;
  border-radius: 4px;
  padding: 15px;
  border-spacing:10px;
}

.img-4 {
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 5px;
  border-spacing:5px;
  
  }
/*Formatierungen gültig für gesamte Page*/


td, p {
	font-family: 'Poppins', sans-serif;
	letter-spacing:0.05em; 
	font-size:14pt;
	color:#2F3131;
	font-weight: normal;
	text-align:left;
	line-height:1.2em;
	}
	
.bold {
	letter-spacing:0.05em; 
	font-size:14pt;
	color:#2F3131;
	font-weight:bold;
	text-align:center;
	line-height:1.2em;
	}

.white {
	color:#fff;
	}

.coal {
	color:#2F3131;
	}	
	
.gold {
	color:#BE9839;
	}	
	

.small {
	font-family: 'Poppins', sans-serif;
	letter-spacing:0.05em; 
	font-size:12pt;
	font-weight: normal;
	text-align:left;
	}
	
.small2 {
	font-family: 'Poppins', sans-serif;
	letter-spacing:0.05em; 
	font-size:12pt;
	font-weight: normal;
	text-align:center;
	}
	                      
.sub {
	font-family: 'Poppins', sans-serif;
	letter-spacing:0.05em; 
	font-size:12pt;
	font-weight: normal;
	text-align:center;
	}	
	
.sub2 {
	font-family: 'Poppins', sans-serif;
	color:#BE9839;
	letter-spacing:0.05em; 
	font-size:12pt;
	font-weight: bold;
	text-align:center;
	}	
	
.align="center" {
	font-family: 'Poppins', sans-serif;
	letter-spacing:0.05em; 
	font-size:12pt;
	font-weight: normal;
	text-align:left;
	}	
	
.smaller {
	font-family: 'Poppins', sans-serif;
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing:0.05em;
	font-size: 20px;
	}
	

/* Links im Text Standard */

a.weg, a.weg:visited {
color:#2F3131;
font-weight: bold;
text-decoration:none;
border-bottom: 1px solid #000;
}
a.weg:hover {
color:#BE9839;
font-weight: bold;
text-decoration:none;
border-bottom:none;

}

a.weg1, a.weg1:visited {
color:#fff;
font-weight: bold;
text-decoration:none;
border-bottom: 1px solid #fff;
}
a.weg1:hover {
color:#BD9737;
font-weight: bold;
text-decoration:none;
border-bottom: none;
}

a.weg2, a.weg2:visited {
color:#2F3131;
font-weight: bold;
text-decoration:none;
}
a.weg2:hover {
color:#BD9737;
font-weight: bold;
text-decoration:none;
}

/* Überschriften */
h1{ 
  	color:#BE9839;
	font-family: 'Josefin Sans', sans-serif;
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing:0.05em;
	font-size: 32px;
	padding-bottom:20px;
	padding-top:20px;
	text-align:center;
	line-height: 110%;
	text-decoration:none;
}
h2 {
	color:#BE9839;
	font-family: 'Josefin Sans', sans-serif;
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-weight:bold;
	font-size:30px;
	padding-bottom:20px;
	padding-top:40px;
	text-align: center;
	line-height:110%;
	text-decoration:none;
}	

h3 {
	color:#2F3131;
	font-family: 'Josefin Sans', sans-serif;
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-weight:bold;
	font-size:24px;
	padding-bottom:20px;
	padding-top:40px;
	text-align: center;
	line-height:110%;
	text-decoration:none;
}	
h4 {
	color: #2F3131;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:bold;
	text-transform: none;
	font-size: 24px;
	padding-top:10px;
	padding-bottom: 10px;
	letter-spacing: 5px;
	line-height:110%;
	text-align: center;
	text-decoration:none;
	
 
}
h5 {
	color: #2F3131;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	line-height: normal;
	font-size: 12px;	
	text-align:center;
	text-decoration:none;
	padding-bottom:0px;	
	}


/* Navigation */
.text-box-navi {
	background-color:#ccc;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	}



.bg-coal { 
	background-color: #2F3131 !important;
}

.nav-link {
	font-family: 'Josefin Sans', sans-serif;
	text-transform:uppercase;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #BD9737; !important;
}

.btn-coal {
	background-color: #2F3131;
	color: #FFF;
	font-weight:bold;
}

.super-responsive-wrapper {
	width: 100%;
	margin: auto;
}

.board-wrapper {
margin: auto;
text-align: center;
}

.board-wrapper span {
overflow: hidden;
max-width: 100%!important;
}

.spacer-for-navbar {
	margin-top:80px;
}

h5.modal-title {
	text-align:left;
}