@charset "UTF-8";
/* CSS Document */

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Roboto', sans-serif!important;
    font-weight: bold;
}


@font-face {
  font-family: 'Roboto', sans-serif;
    font-family: 'Sorts Mill Goudy', serif;
  src: url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;0,900;1,300&family=Sorts+Mill+Goudy:ital@0;1&display=swap');
  
}
h1, .h1{
    letter-spacing: .05em;
    font-size: 1.7em!important;
}
body {
font-family: 'Roboto', sans-serif;
font-family: 'Sorts Mill Goudy', serif;
}  
.bildtext{
    font-size: .8em;
    font-style: italic;
    margin-top: 2%;
}
.lead{
    font-size: 1.2rem!important;
}
.body {
  overflow-x: hidden;
  
}
body {
  overflow-x: hidden;
  
}
body {
margin: 0;
padding: 0;
}

.top-bar{
    background: #000000;
    height: 2.1rem;
    padding-top: .6em;  
    padding-top: 0.4rem;
}
.top-bar a{
    color: white!important;
    text-decoration: none;
    font-size: .8rem;
    font-style: italic;
}
.collage {
    margin-top: 3rem;
}

.navbar-brand img{
    height: 5rem;
}
.navbar{
    font-size: 1.15rem;
    font-weight: 500;
    letter-spacing: .15rem;
    background-color: white;
    box-shadow: 0 .5rem 3rem rgba(0,0,0,1);
    z-index: 1;
}
.nav-item{
    padding:.3rem;
}

.nav-link{
    color:#1b3d6b!important;
}
.nav-link.active{
    color:#970507!important;
}
.nav-link:hover{
    color:#970507!important;
}

.col-lg-6 img{
    height: 3rem;
}

#carousel{
    padding-top: 4rem;
}
#carousel_big{
    padding-top: 4rem;
    max-height: 100rem!important;
}
#carousel_big-inner{
    max-height: 100rem!important;
}
.carousel-inner{
    max-height: 55rem!important;
}

.carousel-control-next,
.carousel-control-prev,
.carousel-control.active{
    transition: transform 1.2s ease;
    font-size: 2.5rem;
}

.border-primary{
    border-top: .2rem solid #4981b3!important;
}
.btn-lg{
    border-radius: 0;
    font-family: Helvetica 200; 
    text-transform: uppercase;
    font-size: 0.2rem;
    border-width: medium;
}
.btn-danger{
    background-color: #AC2615!important;
    border: .05rem solid #AC2615!important;
}
.btn-primary{
    background-color: #4981b3!important;
    border: .05rem solid #4981b3!important;
}
.btn-primary:hover,
.btn-primary:focus{
    background-color: #68a0d2!important;
    border: .05rem solid #68a0d2!important;
}
.text-dark{
    font-kerning: 1rem;
}

.row, .container-fluid{
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.ramcontainer{
    margin-top: 2rem;
}

footer{
    background-color: #1b3d6b;
    padding: .5rem 2rem .5rem;
    font-size: 1rem;
}
footer img{
    height: 3rem;
    margin: 1rem auto;
}

.maillink{
	font-style: italic;
	text-decoration: none;
    outline: none;
}
.maillink:link {
	color: #B6D6ED;
}
.maillink:visited {
	color: #ADCFA0;
}
.maillink:focus {
    border-bottom: 1px solid;
      color: #A51010;
}
.maillink:hover{
	border-bottom: 1px solid;
      color: #E2AC71;
}
.maillink:active{
	color: #E8E0B6;
}


ul.social{
    list-style: none;
    display: flex;
    max-width: 16rem;
    margin: 0 auto;
    padding: 0;
}
ul.social li{
    margin: 0 auto;
}
.svg-inline--fa{
    font-size: 2rem;
    color: #68a0d2;
}

.socket a{
    color: white;
    text-decoration: none;
}
.socket{
    background-color: #222222;
    border-top: .1rem solid #4981b3;
}
.container-fluid{
    background-color: #1b3d6b;
}
table {
  font-family: 'Roboto', sans-serif;
font-weight: normal;
  font-size: 1rem;  
  width: 100%;
}

td, th {
  border: 2px solid #ffffff;
  text-align: left;
  padding: .5rem;
    font-size: 1rem;
}

tr:nth-child(even) {
  background-color: #696A6E;
}


@media only screen and (max-width: 599px){
    
/*-- Bootstrap Mobile Gutter Fix --*/
.row, .container-fluid {
  margin-left: 0px !important;
  margin-right: 0px !important;
}   
    
h1, .h1{
    letter-spacing: .05em;
    font-size: 1.7em!important;
}   
.lead{
    font-size: .9rem!important;
}    
footer img{
    height: 2rem;
    margin: 1rem auto;
}
    
footer{
    padding: .5rem .5rem .5rem;
    font-size: .7rem;
}    
.row, .container-fluid {
  margin-left: 0px !important;
  margin-right: 0px !important;
}    
.navbar-brand img{
    height: 3rem;
    width: auto;
}
.top-bar{
    height: 2rem;
    font-style: italic;
    padding-top: .2em;    
}   

.carousel-control-next,
.carousel-control-prev,
.carousel-control.active{
    transition: transform 1.2s ease;
    font-size: 1.5rem;
}   

    
.container {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto; 
}

tabl {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 0.6rem;     
    border-collapse: collapse;
    width: 100%;
}

td, th {
  border: 1px solid #ffffff;
    font-size: 0.6rem;
  text-align: left;
  padding: .1rem;
}

tr:nth-child(even) {
  background-color: #696A6E;
}
}

@media only screen and (min-width: 600px){

  

}


@media only screen and (min-width:768px){

.row, .container-fluid {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
/*-- top --*/

.container {
  width: 100%;
  padding-right: 0px!important;
  padding-left: 0px!important;
  margin-right: auto;
  margin-left: auto; 
}

}