/*===========================================
	INFO

	AUTHOR
	----------------------
	BPS Bildungsportal Sachsen GmbH
	Bahnhofstr. 6, D-09111 Chemnitz

	COLORS
	----------------------

	#3f4444 grey dark

    #004f4f green blue dark
    #1f9f9f green blue
    #a5e6e6 green blue light


=============================================*/

/****************************
	GENERAL
****************************/

html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 100px;
    background-color: #004f4f;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    
    background: linear-gradient(to right bottom, rgba(0, 0, 0, 0.7) 20%, rgba(0, 79, 79, 0.4)), url(images/back-small.jpg) center right no-repeat fixed;
    background-size: cover;
}

h1 {font-size: 1.4em;}
h2 {font-size: 1.1em; font-weight: bold;}
h3 {padding-bottom: .5em; font-size: 1em; font-weight: bold; border-bottom: 1px solid #fff;}

a {color: #a5e6e6; text-decoration: underline;}
a:hover, a:focus, a:active {color: #1f9f9f;}


/****************************
	TYPO
****************************/
.text-warning {color: #fdddb5!important;}

/****************************
	BUTTON
****************************/
.btn {text-decoration: none;}
.btn-primary {background-color: #1f9f9f; border-color: #1f9f9f;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {background-color: #004f4f; border-color: #004f4f;}
.btn-secondary {background-color: transparent; border-color: #fff;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {background-color: #1f9f9f; border-color: #1f9f9f;}

.btn.focus, .btn:focus {box-shadow: 0 0 0 0.2rem rgba(165,230,230,.4);}

.btn-big {width: 100%; margin: .5rem 0;}
/****************************
	BOX
****************************/
.box {margin-bottom: 1em; padding: 1em; flex-basis: 49%; background-color: rgba(0,0,0,.5); border: 1px solid rgba(255,255,255,.7); border-radius: 5px; font-size: .9rem;}
.box-light {background-color: rgba(0,0,0,.25); border-color: rgba(255,255,255,.4)}
.box-warning {background-color: #212529; border-color: #f5a848;}

/****************************
	HEADER
****************************/
.header {margin: 3vw 0; text-align: center;}
.logo {
    display: block;
    height: 150px;
    width: 150px;
    margin: 0 auto 1vw auto;
    background-color: #fff; 
    color: #1f9f9f;
    border-radius: 50%;
    line-height: 148px;
    font-weight: bold;
    text-shadow: none;
    cursor: pointer;
}

/****************************
	CONTENT
****************************/
.login-form {
    margin: 2.5vw 0;
    border: 0;
}
.login-choose {margin: 2.5vw 0; text-align: center;}

/****************************
	FOOTER
****************************/
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #3f4444;
}
.footer-link-list {text-align: center;}
.footer-link {text-decoration: none;}
.footer-link, .footer-link:hover, .footer-link:focus, .footer-link:active {margin: 0 1em; color: #fff;}

/****************************
	MEDIA QUERIES
****************************/
@media (min-width: 1200px) {
    .container {max-width: 850px;}
}
@media (min-width: 992px) {
    body {background: linear-gradient(to right bottom, rgba(0, 0, 0, 0.7) 20%, rgba(0, 79, 79, 0.4)), url(images/back.jpg) top center no-repeat fixed; background-size: cover;}
    .container {max-width: 850px;}
}
@media (min-width: 576px) {
    body {margin-bottom: 60px;}
    .footer-link-list {height: 2em;}
    
    .btn-big {height: 9.5rem; width: 9.5rem; margin-right: 1rem;}
}

.bodytext{
	margin-bottom: 2px;
}