/* Fonts embedded */


/* roboto-100 - latin */

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


/* roboto-300 - latin */

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


/* roboto-regular - latin */

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


/* roboto-700 - latin */

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


/* -------------------------------- 

Universal style

-------------------------------- */

body {
    font-family: Roboto !important; 
    background-color: #fff;
    color: #021138;
    line-height: 24px;
    font-weight: 300;
    font-size: 17px;
}

.container {
    max-width: 1280px;
}

.navbar-nav {
	background: none;
	color: #021138;
	font-family: 'Roboto';
	font-weight: 700;
	border: none;
	border-radius: 0;
  box-shadow: 0;
 }	
 
.navbar-light .navbar-text,
.navbar-light .navbar-nav .nav-link {
	color: #021138;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(2, 17, 56, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
.navbar-light .navbar-toggler {
  color: rgba(2, 17, 56, 1);
  border-color: rgba(2, 17, 56, 1);
  border-width: 2px;
}

.dglr-logo{
	max-height: 140px;
	min-height: 100px;
	width: auto;
	margin: 15px 0;
}
	
.card-img, 
.card-img-bottom, 
.card-img-top {
	width: 100%;
}	

.btn {
	background-color: #008dc2;
}


.youtube-video {
	width: 600px;
	height: 338px;
}


@media only screen and (max-width: 1224px) {

.youtube-video {
	width: 320px;
	height: 180px;
}


}	   

@media only screen and (max-width: 768px) {

.card-img, 
.card-img-bottom, 
.card-img-top {
	width: 100%;
	margin: 0 auto;
}	   



}


 
}
/* ENDE CSS */