@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
	font-display: swap;
  src: 
    url("/css/fonts/Inter/static/Inter-Regular.ttf") format("truetype") /* Modern Browsers */
}
@font-face {
  font-family: "Inter";
  font-style: bold;
  font-weight: 400;
	font-display: swap;
  src: 
    url("/css/fonts/Inter/static/Inter-Bold.ttf") format("truetype") /* Modern Browsers */
}


html, body, a, div, h1, h2, h3, img, p, ul, ol, li, table, tr, td, input, select, textarea { border:none; margin:0; padding:0; }

body {
    background:#fff;
    color: #5E5E5E;
    font-family: arial, Helvetica, sans-serif; 
    font-size: 14px;
    font-weight: normal;
    overflow:auto;
    
}

a {
    color: #67747D;
    text-decoration: none;
}

a:hover {
	color: #A2856A;
    text-decoration: none;
}


div.root {
    margin-bottom:30px;
    margin:auto;
    padding-bottom:0px;
    position:relative;
    width:973px;
}

div.root-2 {
    margin-bottom:30px;
    margin:auto;
    padding-bottom:0px;
    position:relative;
    width:1324px;
    margin-top: 58px;
}

div.header {
    height:93px;
    margin-bottom:25px;
}

img.logo {
    display:block;
    left:0px;
    position:absolute;
    top:17px;
}

div.header h1 {
    left:250px;
    position:absolute;
    top:14px; 
    color:#0D0D0D;
    font-size:32px;
    font-weight:normal;
}


div.start {
	border:0px solid #C3C3C3;
	padding:15px;
	margin-bottom:30px;
}
    div.start a {
    	border:1px solid #C3C3C3;
    	color:#67747D;
    	display: block;
    	float:left;
    	padding:10px 25px;
        margin-left:30px;
        margin-right:30px;
        margin-top:0px;
        margin-bottom:25px;
        max-width: 371px;
        min-height: 272px;
    }
	div.start a:hover{
		color:#A2856A;
	}
    div.start a img {
    	border:1px dotted #EAEAEA;
    	display: block;
    	
    }

    h2 {
    	font-size:18px;
    	font-weight:normal;
    	text-align:center;
    	margin-top:8px;
        color:#0D0D0D;
        font-family: "Inter",arial, Helvetica, sans-serif; 
    }

.img_prev {
	background:#fff url('img/loading.gif') no-repeat center;
	/*height:200px;*/
	width:320px;
}	

.img_prev img {
    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
    animation: fadein 1.5s;	
}
.notable{
    background-color: transparent;
    border-width: 0px;
    border-color: transparent;
}
.notable td{
    background-color: transparent;
    border-width: 0px;
    border-color: transparent;
}
.notable td:hover{
    background-color: transparent;
    border-width: 0px;
    border-color: transparent;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.layout {
    background:#fff url('img/loading.gif') no-repeat center;
    border:none;
    padding:15px;
    margin:auto auto 20px;
}    

.navi-leiste{
    margin-top: 46px;
    margin-bottom: 46px;
}

.navi-leiste button{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    display: block;
    background-color: #EC752E;
    color:white;
    font-weight:bold;
    border:0px solid white;
    border-radius:15px;
    padding-top:10px;
    padding-bottom:10px;
}

.navi-leiste-unten{
    margin-top:30px;
    margin-bottom:15px;
}

.navi-leiste-unten button{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    display: block;
    background-color: #EC752E;
    color:white;
    font-weight:bold;
    border:0px solid white;
    border-radius:15px;
    padding-top:10px;
    padding-bottom:10px;
}

.login{
    border:1px solid silver;
    width:360px;
    border-radius:5px;
    padding:20px;
    margin: 0 auto;
}


.login .loginField{
    border: 1px solid silver;
    height:48px;
    display:block;
    margin:15px;
    margin-left:0px;
    margin-right:0px;
    font-size:21px;
    border-radius:5px;
    padding:10px;
    width:100%;
}

.login .loginField.error{
  
}

.login .errorMsg{
   border: 1px solid maroon;
   background-color:pink;
   color:maroon;
   padding:10px;
   margin:15px;
   margin-left:0px;
   margin-right:0px;
}

.login .loginButton{
    width:100%;
}


a.linkedInLink{
    color:gray ! important;
}

a.linkedInLink:hover{
    text-decoration: none;
}