/* Bootstrap Icons */
@font-face {
	font-family: 'bootstrap-icons';
	src: url('../fonts/bootstrap-icons.woff2') format('woff2'),
		 url('../fonts/bootstrap-icons.woff') format('woff');
}

/* oswald-regular - latin */
@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oxygen-regular - latin */
@font-face {
	font-family: 'Oxygen';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/oxygen-v15-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/oxygen-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/oxygen-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/oxygen-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/oxygen-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/oxygen-v15-latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
}

body {
  background: #ffffff;
  font-family: 'Oxygen', sans-serif;
  text-rendering: optimizeLegibility;
  color: #444;
  font-size: 1.1rem;
}

a:hover, a:focus {
  color: #333333;
}

.text-smaller {
	font-size: 0.82rem;
}

.blue {
	color: #006fb9;
}
h1,
h2 {
	font-family: 'Oswald', sans-serif;
	color: #0f577d;
}

h3,
h4,
h5 {
	font-family: inherit;
	font-weight: bold;
	color: #0f577d;
}

h1 {
	font-size: 2rem;
}
h2 {
	font-size: 1.6rem;
}
h3 {
	font-size: 1.4rem;
}
h4 {
	font-size: 1.2rem;
}
h5 {
	font-size: 1.1rem;
}

.list-group-item.active {
	background-color: #006fb9;
	border-color: #006fb9;
}

.page-footer {
	background: url('../img/footer-bg.jpg') no-repeat top center;
	background-size: cover;
}

#onepagenav {
	background: url('../img/footer-bg.jpg') no-repeat top center;
	background-size: cover;
	background-position: bottom;
}

.nav-link-ausgabe {
	padding: 8px;
}

.navbar-logo {
	height: 24px;
	width: auto;
}

.navbar-light .navbar-nav .nav-link {
    color: #549ed0;
}

@media (max-width: 767.98px) {
	#navbarResponsive.show {
		height: 100vh;
		height: 100dvh;
		overflow-y: auto;
	}

	#onepagenav.mobile-nav-open {
		background-image: url('../img/mobile_menu_bg.webp');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
}

.glocke-big {
    width: 260px;
	height: auto;
}

.abstand {
	display: block;
	height: 55px;
}

.jumbotron {
	background: #FFF;
	border-radius: 0;
}

.wood {
	background-image: url(../img/holz.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;	 
}

.img-header {
  display: block;
  width: 100%;
  height: auto;
  max-width: 300px;
  margin: 0 auto;
  padding: 15px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.glockelogo-footer {
	width: 100px;
	height: auto;
	margin: 0 auto;
}

.gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8e9f4+0,006fb9+100 */
	background: #006fb9; /* Old browsers */
	background: -moz-linear-gradient(top, #d8e9f4 0%, #006fb9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d8e9f4 0%,#006fb9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d8e9f4 0%,#006fb9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e9f4', endColorstr='#006fb9',GradientType=0 ); /* IE6-9 */
}

.cubes {
	background-image: url(../img/dotnoise-light-grey.png);
	background-repeat: repeat;
}

.teaser, .teaser-container {
    margin-top: 58px;
}
.teaser-container {
	background-image: url(../img/teaser_bg.webp);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.teaser-bg {
	background-image: url(../img/teaser_bg-100.webp);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

.teaser-handwerker {
	/*
	background-image: url(../img/teaser_barbier.png);
	*/
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
	height: 300px;
}

.teaser-logo {
	width: 400px;
	height: auto;
	margin: 0 auto;
}
.teaser-slogan {
	font-size: 1.5rem;
	font-weight: bold;
	display: block;
	width: 100%;
}
.teaser-main {
	min-height: 650px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
}

.boxed {
	background: #d4e7f3;
	padding: 4px;
}
.outlined {
	background: #ffb0b0;
	padding: 4px;
}

/* OVERVIEW */

a.haendlerlogobox:link, a.haendlerlogobox:visited {
	border: 1px solid #fff;
	text-decoration: none;
}
a.haendlerlogobox:hover, a.haendlerlogobox:focus  {
	border: 1px solid #549ed0;
	text-decoration: none;
	background: #fff;
}

a.border-on-hover:hover, a.border-on-hover:focus {
	border: 1px solid #549ed0
}

/* DETAILS */
.company-detail-photo {
	display: block;
	margin: 0 auto;
	width: auto;
	height: auto;
	max-height: 500px;
	max-width: 100%;
}

/* Bootstrap Overrides */
.fa-ul {
    margin-left: 23px;
}
.fa, .fas, .far {
	color: #0f577d;
}

.imglink:hover {
	border: none;
	text-decoration: none;
}

.carousel-control-next, .carousel-control-prev {
    font-size: 2rem;
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
 
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
 .menu-main {
	font-size: 1.3rem;
	font-weight: bold;
}

.nav-tabs .nav-link {
    font-size: 0.75rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
	.nav-tabs .nav-link {
    	font-size: inherit;
	}
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.menu-main {
		font-size: inherit;
		font-weight: normal;
	}
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}