@font-face {
    font-family: 'Ubuntu-Condensed';
	font-display: block; 
    src: local('Ubuntu-Condensed'),
		url('fonts/Ubuntu-Condensed.eot') format('embedded-opentype'),
        url('fonts/Ubuntu-Condensed.woff') format('woff'),
        url('fonts/Ubuntu-Condensed.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu-Light';
    src: local('Ubuntu-Light'),
		url('fonts/Ubuntu-Light.eot') format('embedded-opentype'),
        url('fonts/Ubuntu-Light.woff') format('woff'),
        url('fonts/Ubuntu-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: local('Ubuntu'),
		url('fonts/Ubuntu-Regular.eot') format('embedded-opentype'),
        url('fonts/Ubuntu-Regular.woff') format('woff'),
        url('fonts/Ubuntu-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'bp-glyphs';
    src: url('fonts/bp-glyphs.eot') format('embedded-opentype'),
        url('fonts/bp-glyphs.woff') format('woff'),
        url('fonts/bp-glyphs.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.custom-control-label::before, 
.custom-control-label::after {
    width: 2rem;
    height: 2rem;
}
html {
height:100%;
    background-color:rgba(48, 95, 137, 1);
    overflow-y: scroll;
    complexity: none;
}
body {
    font-family: "Ubuntu-Light", sans-serif;
    background: linear-gradient(to bottom,rgba(48, 95, 137, 0),rgba(48, 95, 137, 0.5),rgba(170, 204, 255, 1)), url(../images/background.jpg);
    background-position-x: 0px;
    background-position-y: 800px, 60px;
    background-repeat: no-repeat;
    background-size: 100% 100vh, 100% auto;
    min-height:100%;
    padding-top:90px;
}



.navbar {
	box-shadow: 4px 4px 8px 1px rgba(0, 0, 0, 0.3);
}

.eventname {
	font-size:120%;
	font-weight:bold;
}

label {
	margin-bottom:0;
}

.veranstdetails td { white-space: nowrap }
.veranstdetails th { padding-right: 20px }
.veranstdetails { font-size:90%;margin-bottom:1rem; }

.alert-secondary {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.alert-info {
background-color:#f1f1f1;
border-color:#e1e1e1 !important;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.rsvpno  {
	font-size:80%;
}
.rsvpyes {
	font-size:80%;
}

a,a:hover {
    color:#df002d;
}


#maincontainer{
	background-color: #faf9f7;
    border-radius:4px;
    padding-bottom:1rem;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
#maincontainer h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans';
    font-style: normal;
    /*font-size: 1em;*/
    color: #7db51d;
}
#maincontainer h1{
    font-size:2.2rem;
}
#maincontainer h2{
    font-size:1.8rem;
}
#maincontainer h3{
    font-size:1rem;
}

#maincontainer {
	font-family: 'Montserrat';
    font-style: normal;
    /*font-size: 1em;*/
    color: #000000;
    /*color: #faf9f7; it can not be, because text and background are the same??*/
}

#eventlist a{
    font-family: 'Open Sans';
    font-style: normal;
    /*font-size: 1em;*/
    color: #7db51d;
}
/* #maincontainer span.eventname{
	font-family: 'Open Sans';
    font-style: normal;
    color: #7db51d;
}*/


/* button ret 'Zurück zur Übersicht' class="btn btn-danger" liegt direkt in body.  The color is not good */
body>a, .btn, .btn-danger {
    background-color: #ff9900;
    border-color: #ff9900;
}

/* button green 'Jetzt anmelden' button type="submit" id="tlnsubmit" class="btn btn-success" .  The color was not good with hover, so i add hover */
#tlnsubmit{
    background-color: #7db51d;
    border-color: #7db51d;
}
#tlnsubmit:hover{
    background-color: #4a9644;
    border-color: #4a9644;
}