/*@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,600,400&subset=latin,latin-ext,greek");*/
@import url("https://cdn.ustp.at/@ui/fhstp.theme/1.0.0/css/index.css");

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?8jtjnw");
  src: url("../fonts/icomoon.eot?8jtjnw#iefix") format("embedded-opentype"), url("./fonts/icomoon.ttf?8jtjnw") format("truetype"), url("./fonts/icomoon.woff?8jtjnw") format("woff"), url("./fonts/icomoon.svg?8jtjnw#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Responsive CSS */

/* Farbcodes:

Blau: #0074cc
Grün: #c3c800

*/

/*
---------------
	Allgemein
---------------
*/
body{
	color: #000000;
	font-family: 'Outfit,Helvetica Neue,Helvetica,Arial', sans-serif;
	font-size: 14px;
}
body > .container{
	min-height: 500px;
}
h1{
	color: #0074cc;
	font-weight: normal;
	font-size: 2.3rem;
	margin-top: 20px;
    margin-bottom: 10px;
}
h2{
	color: #0074cc;
	font-size: 2.2rem;
	border-bottom: 1px solid #0074cc;
	padding-bottom: 10px;
	margin-top: 40px;
	margin-bottom: 10px;
	font-weight: normal;
}
h3{
	color: #0074cc;
	font-size: 1.6rem;
	font-weight: 300;
	margin-top: 20px;
	margin-bottom: 20px;
}
h4{
	font-size: 1.6rem;
}

h2.stg_header{
	font-size: 1.4rem;
	border-bottom: 0 none;
	margin-bottom: 40px;
	margin-top: 20px;
}
.incomplete{
	color: #ff0000;
}
legend .incomplete{
	font-size: 28px;
}

a {
    /*color: #102860;*/
	color: #0074cc;
    text-decoration: inherit;
}

a:hover{
	color: black;
}
.styled [type=checkbox],.styled [type=radio],form [type=checkbox],form [type=radio] {
	border: 0;
    clip: auto;
    height: auto;
    margin: auto;
    overflow: auto;
    bottom: 5px;
    width: auto;
}

.styled select, form select {
	-webkit-appearance: auto;
	-moz-appearance: auto;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}

/* Logo */

#logo_head{
	width: 95px;
    margin-top: 25px;
}


/* Buttons */
.btn{
	display: inline-block;
	z-index: 5;
	border-radius: 2px;
	background-color: #0074cc;
	border: 1px solid #0074cc;
	color: white;
	font-size: 1.6rem;
	font-weight: 300;
	position: relative;
	overflow: hidden;
	line-height: 23px !important;
}

.btn:before{
	line-height: 1;
    background-color: transparent;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
}
button.btn:after{
	content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all .6s;
    transition: all .6s;
    width: 0;
    height: 100%;
    top: 0;
    left: -20px;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    overflow: hidden;
}
button.btn:focus,
button.btn:hover{
	color: #0074cc;
}
button.btn:focus:after,
button.btn:hover:after{
    width: 160%;
    background-color: #fff;
}

button.btn.btn-background{
	color: #0074cc;
	background-color: transparent;
	border: 0 none;
	padding-top: 0;
}


/* Icons */
[class^="icon-"], [class*=" icon-"]{
	font-family: 'Open Sans', sans-serif !important;
}

[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after{
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: static;
    font-size: 20px;
    margin-right: 6px;
    -webkit-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);
}
/* document-write */
.icon-bewerben:before{
	content: "\e91a" !important;
}
/* Paperflyer */
.icon-next:before,
.icon-absenden:before{
	content: "\e90c" !important;
}


/* Form Elements */
label {
	font-weight: normal;
}
legend{
	border: 0 none;
	color: #0074cc;
	margin-top: 20px;
}




/* Sprach Selektor

#language-label{
	position: absolute;
	top: -70px;
	right: 0;
}*/

/*
---------------
  Meta Header
---------------
*/
#metaHeader{
	background-color: #102860;
	padding: 6px 6px;
	color: white;
	font-weight: 300;
	height: 35px;
}
#metaHeader #metaHeaderTitle{
	float: left;
}
#metaHeader .metaHeaderLang{
	margin: -8px 0;
}
#metaHeader .metaHeaderLang button{
	background-color: transparent;
	border: 0 none;
	/*
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	*/
	border-radius: 0;
}

#metaHeader .metaHeaderLang .language{
	margin-top: 7px;
}
#metaHeader .metaHeaderLang .language a{
	color: white;
}

#iconHeader {
	min-height: 95px;
	margin-top: 10px;
}
#iconHeader #iconHeaderIcon{
	float: left;
}
#iconHeader .pull-right{
	margin-top: 31px;
	color: #000000;
}
#iconHeader .pull-right span{
	display: block;
	font-size: 12px;
}
#iconHeader .pull-right a{
	float: right;
	margin-top: -20px;
    margin-left: 20px;
}


/*
---------------
	Navbar
---------------
*/

body > .container > nav.navbar{
	margin-top: 20px;
	padding-bottom: 10px;
	border-radius: 0;
	border: 0 none;
	border-bottom: 2px solid #0074cc;
	background-color: transparent;
}

body > .container > nav.navbar .navbar-collapse,
body > .container > nav.navbar .container{
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 854px){
	body > .container > nav.navbar .navbar-collapse .nav.navbar-nav li:first-child a{
		padding-left: 0;
	}
}


body > .container > nav.navbar .navbar-nav > li > a{
	color: #0074cc;
	font-size: 1.6rem;
	transition: 0.2s;
	padding-left: 10px;
	padding-right: 10px;
}
body > .container > nav.navbar .navbar-nav > li.active > a,
body > .container > nav.navbar .navbar-nav > li > a:hover{
	color: #000000;
	background-color: transparent;
}
body > .container > nav.navbar li a > span.glyphicon{
	color: red;
	top: -10px;
}


#bewerber-navigation > .dropdown{
	margin-top: 10px;
	margin-right: 30px;
}

.green {
	color: green;
}

#backToApplication{
	font-size: 16px;
	border-bottom: 2px solid #0074cc;
	margin-bottom: 20px;
	margin-top: -20px;
	padding-bottom: 0px;
	position: relative;
}
#backToApplication .arrowLeft{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-right: 2px solid #0074cc;
    border-top: 2px solid #0074cc;
    content: "";
    position: absolute;
    margin-top: -5px;
    left: 0;
    top: 50%;
    -moz-transform:rotate(225deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:rotate(225deg); /* Safari */
	-o-transform:rotate(225deg); /* Opera */
	-ms-transform:rotate(225deg); /* IE9 */
	transform:rotate(225deg); /* W3C */
    transition: 0.5s;
}
#backToApplication a{
	display: block;
	padding: 20px 0 20px 17px;
	font-weight: 300;
}
/* Registrierung */

#registration{
	float: left;
	width: 60%;
}
#registration > form > img{
	margin-left: 0;
	width: 65px !important;
}
#registration h1,
#registration h2{
	text-align: left;
	font-weight: 300;
	margin-top: 40px;
	margin-bottom: 25px;
}
#registration label{
	display: block;
	float: none;
	margin-bottom: 5px;
	text-align: left;
}
#registration{
    margin-left: 15px;
}
/*
#registration form > .row > .col-lg-6{
	float: left;
	width: 50%;
}*/
#login{
	float: right;
	width: 30%;
	margin-top: 40px;
}
#login .panel-title{
	font-size: 2.3rem;
	font-weight: 300;
}
#login .form-group > .col-sm-12{
	padding-left: 0;
	margin-top: 20px;
}
#login .form-group > .col-sm-12 a{
	font-size: 1.2rem;
}
#login .form-group > .input-group.col-sm-12{
	margin-top: 0;
}
#login .alert{
	margin-top: 15px;
}
/*
---------------
	Content
---------------
*/

.stg-row .infotext{
	color: #0074cc;
}

a[data-toggle="collapse"]{
	font-weight: normal;
	font-size: 1.8rem;
	line-height: 45px;
	position: relative;
	color: #0074cc;
	padding-left: 20px;
	margin-left: 10px;
	cursor: pointer;
	text-decoration: none !important;
}
a[data-toggle="collapse"]:before{
	border-right: 3px solid #0074cc;
    border-top: 3px solid #0074cc;
    content: "";
    height: 12px;
    position: absolute;
    margin-top: -3px;
    left: 0;
    top: 50%;
    width: 12px;
    -moz-transform:rotate(-45deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:rotate(-45deg); /* Safari */
	-o-transform:rotate(-45deg); /* Opera */
	-ms-transform:rotate(-45deg); /* IE9 */
	transform:rotate(-45deg); /* W3C */
    transition: 0.5s;
}
a[data-toggle="collapse"].collapsed:before{
	-moz-transform:rotate(135deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:rotate(135deg); /* Safari */
	-o-transform:rotate(135deg); /* Opera */
	-ms-transform:rotate(135deg); /* IE9 */
	transform:rotate(135deg); /* W3C */
	margin-top: -8px;
}
.row.stg-row a[data-toggle="collapse"].collapsed:before{
	margin-top: -10px;
}
.row.stg-row a[data-toggle="collapse"]:before{
	margin-top: -5px;
}
a[data-toggle="collapse"] h1{
	display: inline-block;
}
.collapsePanel .stgContent{
	overflow: hidden;
	margin: 20px 0 20px 10px;
	padding-left: 20px;
}

.collapsePanel{
	color: #000000;
}
.collapsePanel button{
	margin-top: 20px;
}

/*
---------------
	Panels
---------------
*/
.panel{
	border-color: #0074cc;
}
.panel,
.panel > *{
	border-radius: 0;
}
.panel-info>.panel-heading{
	background-color: #0074cc;
	color: white;
	text-align: left;
}
.panel-info>.panel-heading *{
	font-weight: 300;
	font-size: 1.5rem;
}


/*
---------------
	Left Nav
---------------
*/
.row nav.navbar{
	margin: 0;
	padding: 0;
	padding-right: 20px;
	background-color: transparent;
	border: 0 none;
}

.row nav.navbar .nav-pills{
	text-align: right;
	float: left;
	width: 193px;
	margin-top: 10px;
}
.row nav.navbar .nav-pills a{
	color: #b4b4b4;
	background-color: transparent !important;
	padding-right: 25px;
	padding-left: 0;
	font-size: 1.4rem;
	line-height: 21px;
}
.row nav.navbar .nav-pills li.active a,
.row nav.navbar .nav-pills li a:hover{
	color: #0074cc;
}
.row nav.navbar .nav-pills li{
	position: relative;
	margin: 0;
	height: 53px;
	overflow: visible;
	display: inline-block;
	width: 91.2%;
	border-right: 2px solid #0074cc;


}
.row nav.navbar .nav-pills li:before{
	position: absolute;
    top: 50%;
    right: -13px;
    content: "\e234";
    padding: 0 4px;
    margin-top: -17px;
    border-radius: 50%;
    background-color: #0074cc;
    z-index: 10;
    color: white;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 23px;
}

.row nav.navbar .nav-pills li.check:before{
    content: "\e013";
}

.row nav.navbar .nav-pills > li:last-child:after,
.row nav.navbar .nav-pills > li:first-child:after{
	content: '';
    background-color: white;
    width: 18px;
    height: 50%;
    position: absolute;
    right: -10px;
    top: 0;
}
.row nav.navbar .nav-pills > li:last-child:after{
	top: auto;
	bottom: 0;
}
.row nav.navbar .nav-pills li:hover{
	background-color: transparent;
	color: inherit;
}

/*
---------------
	Messages
---------------
*/
#messages{
	margin-top: 20px;
}
#messages > .message-item{
	background-color: #81aac9;
	margin: 0 !important;
	padding: 0;
	border-bottom: 1px solid white;

}

#messages > .message-item .message-meta,
#messages > .message-item .message-title a{
	line-height: 45px;
}

#messages > .message-item:nth-child(even){
	background-color: #b7d0e1;
}

#messages > .messag-item > .message-body{
	background-color: white !important;
}
#messages > .message-item > .message-title a{
	font-size: 1.2em;
	color: #000000;
	margin-left: 0 ;
	padding-left: 0 ;
}
#messages > .message-item > .message-title a:before{
	content: "\2709";
	position: relative;
    top: 5px;
    display: inline-block;
    margin-right: 30px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size: 25px;
    -webkit-font-smoothing: antialiased;
    border: 0 none;
    -webkit-transform:scale(1.4,1); /* Safari and Chrome */
    -moz-transform:scale(1.4,1); /* Firefox */
    -ms-transform:scale(1.4,1); /* IE 9 */
    -o-transform:scale(1.4,1); /* Opera */
    transform:scale(1.4,1); /* W3C */
}
#messages > .message-item .message-meta a{
	text-decoration: none !important;
}

#messages > .message-item > .message-title > span.glyphicon{
	position: absolute;
    color: red;
    z-index: 100;
    left: 3px;
    top: 3px;
}

#messages > .message-item .message-meta button.btn{
	margin-top: -3px;
}
#messages > .message-item .message-meta .glyphicon-paperclip{
	font-size: 23px;
	margin: 0 10px;
	color: #000000;
	top: 6px;
}

#messages > .message-item .message-body {
	background-color: white;
	padding: 20px 60px;
}

/*
---------------
	Dokumente
---------------
*/

#dokumente .document-header{
	font-weight: bold;
	border-bottom: 2px solid #eeeeee;
	padding-bottom: 10px;
}

#dokumente .document-row{
	border-bottom: 1px solid #eeeeee;
	padding: 10px 0;
}
#dokumente > .document-row:nth-of-type(even){
	background-color: #efefef;
}


/*
---------------
	Footer
---------------
*/

footer#portal-footer{
	margin-top: 80px;
	padding: 48px 0;
    background-image: url(images/footer_bg.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-box-shadow: inset 0 10px 6px -10px #323232;
    box-shadow: inset 0 10px 6px -10px #323232;
}
footer .adress{
	text-align: right;
}

footer h3{
	color: #333333;
	font-size: 24px;
	font-weight: 300;
    margin-bottom: 10px;
    line-height: 26px;
}
footer#meta-footer{
	background-color: #102860;
    font-size: 14px;
    line-height: 22px;
    color: white;
}
footer#meta-footer a{
	color: white;
	background-color: #102860 !important;
    text-decoration: underline;
}
footer#meta-footer a:hover{
	text-decoration: none;
	cursor: pointer;
}
/*
---------------

	Responsive

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


@media screen and (max-width: 1091px){
	body > .container > nav.navbar .navbar-nav > li > a{
		font-size: 1.3rem;
		padding-left: 10px;
		padding-right: 10px;
	}
	body > .container > nav.navbar #bewerber-navigation .dropdown{
		margin-top: 7px;
	}
	body > .container > nav.navbar #bewerber-navigation .dropdown button{
		font-size: 1.3rem;
		line-height: 16px;

	}
}

@media screen and (max-width: 844px){
	body > .container > nav.navbar .navbar-nav > li > a{
		padding-left: 20px;
	}
}
@media screen and (max-width: 767px){
	#registration{
		padding-left: 10px;
		width: 60%;
	}
	#login{
		width: 35%;
	}
}
@media screen and (max-width: 480px){
	#login,
	#registration{
		float: none;
		width: 100%;
		padding: 0 7%;
		margin: 0;
	}

}