/*
Dieses Stylesheet ergänzt die bootstrap.css
*/

body{
  background: #0c3183 !important;
  font-family: "Lato", Helvetica, Arial, sans-serif !important;
  font-size: 16px;
  padding-bottom: 0;
}

/* Klasse aus Bootstrap */
.container {
  /*padding-right: 15px;
  padding-left: 15px; */
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/* Ableitung aus Container */
.containernav {
  margin-right: 0;
  margin-left: 0;
}


/* Botstrap Karusell*/
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  background: rgba(0, 128, 198, .7);
  color: #fff;
  text-align: center;
}

.carousel-caption p{
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 300;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9);
}

/*Bootstrap Button für Karusell*/
.btn-coll {
  color: #0c2d44;
  background-color: #fff;
  border-color: #f2f2f2;
}
.btn-coll:focus,
.btn-coll.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-coll:hover {
  color: #fff;
  background-color: #c10069;
  border-color: #204d74;
}
.btn-coll:active,
.btn-coll.active,
.open > .dropdown-toggle.btn-coll {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-coll:active:hover,
.btn-coll.active:hover,
.open > .dropdown-toggle.btn-coll:hover,
.btn-coll:active:focus,
.btn-coll.active:focus,
.open > .dropdown-toggle.btn-coll:focus,
.btn-coll:active.focus,
.btn-coll.active.focus,
.open > .dropdown-toggle.btn-coll.focus {
  color: #fff;
  background-color: #f2f2f2;
  border-color: #122b40;
}
.btn-coll:active,
.btn-coll.active,
.open > .dropdown-toggle.btn-coll {
  background-image: none;
}
.btn-coll.disabled,
.btn-coll[disabled],
fieldset[disabled] .btn-coll,
.btn-coll.disabled:hover,
.btn-coll[disabled]:hover,
fieldset[disabled] .btn-coll:hover,
.btn-coll.disabled:focus,
.btn-coll[disabled]:focus,
fieldset[disabled] .btn-coll:focus,
.btn-coll.disabled.focus,
.btn-coll[disabled].focus,
fieldset[disabled] .btn-coll.focus,
.btn-coll.disabled:active,
.btn-coll[disabled]:active,
fieldset[disabled] .btn-coll:active,
.btn-coll.disabled.active,
.btn-coll[disabled].active,
fieldset[disabled] .btn-coll.active {
  background-color: #c10069;
  border-color: #f2f2f2;
}
.btn-coll .badge {
  color: #c10069;
  background-color: #fff;
}

/* Container*/

.row p{
  font-size: 18px;
}

.row1 {
  background-image: url(http://mikro-optik.de/mc/img/backfull.png); /* Die URL muss absolut sein! */
  background-repeat: repeat-y;
  background-position: center;
  background-size: 100% auto;
  height: auto;
  color: #fff;
  padding-top: 10px;
  /*padding-bottom: 40px;*/
  border: 2px #fff solid;
  margin-top: 10px;
}

.row2 {
  height: auto;
  background: #fff;
  background-size: auto;
  border: 2px #fff solid;
  color: #18549e;
}

.row3 {
  box-sizing: border-box;
  height: auto;
  color: #0c3183;
  background-color: #fff;
  margin-top: 10px;
  border: 2px #fff solid;
}

.row4 {
  box-sizing: border-box;
  color: #0c3183;
  background-color: #ccc;
  margin-top: 10px;
  border: 2px #fff solid;
}

.row5 {
  box-sizing: border-box;
  height: auto;
  color: #fff;
  margin-top: 10px;
  border: 2px #fff solid;
  padding-top: 10px;
}

footer .row5 {
  box-sizing: border-box;
  height: auto;
  color: #fff;
  margin-top: 10px;
  border: 2px #fff solid;
  padding-top: 10px;
}

@media (max-width: 768px) {
  footer .row5 {
    box-sizing: border-box;
    min-height: 150px;
    color: #fff;
    margin-top: 10px;
    border: 2px #fff solid;
    padding-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

.innencontainer{
  box-sizing: border-box;
  width: auto;
  height: auto;
  /*padding-bottom: 10px;*/
}

.raute{
  display: block;
  height: auto;
}

.box1{
  height: auto;
  color: #fff;
}

@media (max-width: 768px) {
  .box1 {
    background-repeat: repeat-y;
  }
}

/* Farbe der Button-Beschriftung Homepage */
.box1 a{
  text-decoration: none;
  color: #e2007a;
  font-weight: bold;
}

.box2 a:hover{
  color: #e2007a;
}

.box2{
  height: auto;
  color: #fff;
}

/* Farbe der Links Impressum und Kontakt */
.box2 a{
  text-decoration: none;
  color: #fff;
}

.box3{
  min-height: 60px;
  background-color: #fff;
  color: #0c3183;
  margin-top: 10px;
  padding-top: 15px;
}

.box3 a{
  color: #0c3183;
}

.box3 a:hover{
  color: #e2007a;
}

footer a:hover{
  color: #e2007a;
}

.box4{
  box-sizing: border-box;
  min-height: 1100px;
  background-color: #fff;
  color: #0c3183;
  margin-top: 10px;
}

.box4 li{
  list-style: none;
}

.line{
  position: relative;
  bottom: 15px;
  width: auto;
  height: 10px;
  border-top: 6px #e2007a solid;
}

.col-xs-12, .col-sm-12, .col-md-12 > p{
  text-align: center;
  font-size: 16px;
  padding-bottom: 10px;
}

.col-sm-12, .col-md-12 > lead {
  /* margin-top: 20px; */
  /* margin-bottom: 20px; */
  font-size: 24px;
  font-weight: 300;
  line-height: 1.4;
}

.lead {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.4;
}

.logocenter {
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

footer .siwecocenter {
  text-align: center;
  vertical-align: middle;
  max-width: 150px;
  height: auto;
}


.logocenter h3{
  letter-spacing: 0.1em;
}

.logocenter p{
  font-size: 1.1em;
  font-weight: 200;
  letter-spacing: 0.05em;
  text-align: inherit;
}

/* Textboxen für dreispaltige Teaser unter dem Bannerfoto, abgeleitet als Logocenter */
.textbox {
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.textbox h3{
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9);
}

.textbox p{
  font-size: 1.1em;
  font-weight: 200;
  letter-spacing: 0.05em;
  text-align: inherit;
}

/* Bilder */
img{
    border: 0 none;
    display: block;
    height: auto;
    width: auto;
}

.img-thumbnail2 {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 0;
  background-color: #fff;
  border: 2px solid #ddd;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

.bannerbild{
  max-width: auto;
  max-height: auto;
  border-left: 2px #fff groove;
  border-right: 2px #fff groove;
  margin-left: auto;
  margin-right: auto;
}

.footerbox{
  box-sizing: border-box;
  min-height: 60px;
  background-color: #fff;
  color: #0c3183;
  margin-top: 10px;
}

@media (min-width: 768px) {
  .footerbox{
    box-sizing: border-box;
    min-height: 100px;
    background-color: #fff;
    color: #0c3183;
    margin-top: 10px;
  }
}

footer{
  background-color: #fff;
  height: auto;
  font-size: 16px;
}