html, body {
    height: 100%;
    background: #f1f0ec;    
    font-family: Futura, Calibri, Candara, "Gill Sans", "Gill Sans MT", sans-serif;
}

@font-face {
	/*font-family: 'Futura';
	src: url('fonts/Futura-Light.eot');
	src: url('fonts/Futura-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Futura-Light.woff') format('woff'),
		url('fonts/Futura-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;*/
    font-family: 'Telefonica';
	src: url('fonts/Futura-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;

}


.main-container {
    /*min-height: 90%;*/
    background:white;
}

h5 {
    font-family: Futura, Calibri, Candara, "Gill Sans", "Gill Sans MT", sans-serif;
    font-weight:700;
    margin-bottom:1em;
    background:white;
    padding:5px;
    display:inline-block; 
}
h5.file {   
    background: url(../img/buttonpfeil.png) 15px 50% no-repeat,linear-gradient(#e6e2dc,#e6e2dc);
    margin-left:-15px;
    padding:10px 15px 10px 30px;
}



.navbar {
    padding: 0;
}
.navbar-brand {
    padding: 0;
}



/* change the background color */
.navbar-custom {
    background-color: white;

}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #009fe3;
    background-color:white;
    z-index:2000;
    margin:0;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #009fe3;
    background:white;
    padding-left:5px;
    padding-right:5px;
}
.nav-item {
    z-index:2000;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
    background: #009fe3;
}

.shadow {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.slider_text {
    position:absolute;
    display:none;
    bottom:80px;
    left:0px;
    background: #e6e2dc;
    padding:8px;
    padding-left:20px;
    
    font-size:23px;
}

#menu {
    position:absolute;
    top:0px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}




button[type=submit], input[type=submit] {
    background: url(../img/buttonpfeil.png) 15px 50% no-repeat,linear-gradient(#0066ff,#5585d7);
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    padding: 8px 15px 7px 25px;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}

button[type=submit]:hover, input[type=submit]:hover, .btn-primary {
    background: url(../img/buttonpfeil.png) 15px 50% no-repeat,linear-gradient(#5585d7,#0066ff);
    border: medium none;
}


.alert {
    margin: 0px;
}

.table-custom td, .table-custom td {
    max-width: 200px;
    word-wrap: break-word;
}
.table-custom td.fit, 
.table-custom th.fit {
    white-space: nowrap;
    width: 1%;
}


.flags {
    position:absolute; 
    top:0;
    right:0;
    z-index:100;
    margin:15px;
}

.flags {
    position:absolute; 
    top:0;
    right:0;
    z-index:100;
    margin:15px;
}
.flags .active {
    border: 1px solid white;
}



.form-check-label {
    padding-left: .25rem;
    margin-bottom: 0;
}