/* roboto-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body, #wrap{padding:0; margin:0; background:#fff; font-family: Roboto, sans-serif; color:#7A7A7A}
h1, h2, h3{color: #0F4C81}
#site-header-inner {
    position: relative;
}
.container {  width: 1200px;  max-width: 90%;   margin: 0 auto;}
#slider{ width: 100%; overflow:hidden}
#slider img{max-width: 100%; width:100%}
.maintext{max-width:800px}
.mainbild{max-width: 100%;}
#content{display:flex; padding: 40px 0; justify-content:space-between}
a, a:hover{color: #0F4C81; text-decoration:none}
@media  (max-width: 959px){
	.container { max-width: 90%;}
}
@media  (min-width: 1100px){
	#slider{height:370px;}
}
@media  (max-width: 599px){
	#content{flex-direction: column;}
}


footer{padding: 40px 0; background:#1b1b1b; color:#efefef}
footer nav a, footer nav a:hover{color:#fff; padding: 0 20px 0 0}