﻿.row{
    margin-bottom: 15px !important;
}

.overOns{
    font-weight: 300;
    font-size: .9rem;
    background-color: #FAFBFB;
     padding:.7rem;
}
.overOns1-1{
    width: 100%;
    font-size: 1.3em;
    font-weight: 800;
    padding-left: .7em;
    color: #0D4B84;
}
.overOns1-2{
    width: 100%;
    font-size: .8em;
    font-weight: 600;
    padding-left: .7em;
    color: #0D4B84;
}

.colofon1-1{
  font-size: 1.3em;
  font-weight: 600;
  color: #0D4B84;
}
.colofon1-2{
  text-align: justify;
  color:  #404041;
}
.colofon1-3{
  text-align: justify;
  font-style: italic;
  color: #0D4B84;
}


#boxside1{
  float: left;
  position: relative;
  width: 31.8%;
  height: 65%;
}
#boxside2{
  float: left;
  position: relative;
  width: 31.8%;
  height: 60%;
  margin-top: 2.2%;
  margin-bottom: 2%;
}
.boxImage{
  position: relative;
  box-sizing: border-box;
  float: left;
  background-color: #FAFBFB;
  width: 100%;
  height: 80%;
}
.boxImage:hover{
      opacity: 0.7;
      cursor: pointer;
}
.logoimage:hover{
    cursor: pointer;
}
.image-shown{
    display: inline-block;
}
.image-hidden{
    display: none;
}
#inner{
    height: 85%;
    width: 100%;
    text-align: center;
    margin-top: 1em;
}
.carousel-inner{
    /*position: relative;
    float: left;*/
}
.carousel-inner img{
    width: 80%;
    height: auto;
}
.previousLink, .nextLink{
    /*display: none;*/
    /*vertical-align: middle;
    background-size: 30%;
    background-repeat: no-repeat;*/
    cursor: pointer;
}
.previousLink{
    background-image: url(/img/links.png);
    /*background-position: 45% 50%;*/
    height:25px;
}
.nextLink{
    background-image: url(/img/rechts.png);
    /*background-position: 55% 50%;*/
}

