html,
body {
  height: 100%;
  font-family: CDUKievitWeb-Medium;
  overflow: hidden;
  color: #312F30;
  /* The html and body elements cannot have any padding or margin. */
}

@font-face {
    font-family: CDUKievitWeb-Bold;
    src: url(../fonts/CDUKievitWeb-Bold.woff);
}
@font-face {
    font-family: CDUKievitWeb-BoldItalic;
    src: url(../fonts/CDUKievitWeb-BoldItalic.woff);
}
@font-face {
    font-family: CDUKievitWeb-Medium;
    src: url(../fonts/CDUKievitWeb-Medium.woff);
}
@font-face {
    font-family: CDUKievitWeb-MediumItalic;
    src: url(../fonts/CDUKievitWeb-MediumItalic.woff);
}
@font-face {
    font-family: CDUKievitWebBold;
    src: url(../fonts/CDUKievitWebBold.woff);
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -50px 0;
  /* Pad bottom by footer height */
  padding: 0 0 50px 0;
}

/* Set the fixed height of the footer here */
#footer {
  height: 50px;
  background-color: #f5f5f5;
  z-index: 1000;
  padding-top: 15px;
}
#footer > div > a {
  color: #6a6a6a;
}
.social-btn{
  height: 20px;
  margin-left: 10px;
}

#wrap > .center-container {
  padding: 0 0 0 0;
  margin:0;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

.center-container {
  position: relative;
  height:100%;
  display: table;
  width:100%;
  margin:0;
  background-color: white;
}

.top-row {
  height:10%;
  width:100%;
  display: table-row;
}
.center-row {
  height:80%;
  width:100%;
  display: table-row;

}
.button-row {
  height:10%;
  width:100%;
  display: table-row;
}
  

.stick-to-bottom{
  position: absolute;
  bottom: 0;
}

.nopadding {
   padding: 0 !important;
}

.rh-btn{
  color: #fff;
  border-radius : 0;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgba(89,89,89,0.8);
}
.rh-btn.main-top{
  font-size: 1.3em;
}

.rh-btn.active{
  background-color: rgba(26,26,26,0.8);
}

.row-margin-top {
  margin-top : 10px;
}

.row-margin-bottom {
  margin-bottom : 10px;
}

.link-container {
  position: absolute;
  top: 37%;
  left: 6%;
}

.black-title {
  color: #fff;
  background: #000;
  font-size: 1em;
  padding: 0.2em;
}
.white-title {
    background: #fff none repeat scroll 0 0;
    color: #000;
    font-size: 2em;
    padding: 0.2em;
}
.white-title-small {
  color: #000;
  background: #fff;
  font-size: 1em;
  padding: 0.2em;
  margin-top: 1em;
}
.link-white {
    min-width: 0;
    width: 100%;
}
.row-last-container .link-white {
  margin-top: 1em;
}
.row-last-container .glyphicon {
  font-size: 10em;
  color: #fff;
  font-weight: normal;
  padding-left: 6px;
}

.row-first {
  height: 50%;
  margin-bottom: 0.4%;
}

.row-last {
  height: 50%;
}
.row-last-container,
.row-first-container {
  height: 49.5%;
}

.row-first-container {
  margin-bottom: 5px;
}

.center-container {
    height: 100%;
    margin: 0 auto -50px 0;
    min-height: 100%;
    padding: 0 0 50px;
    display: block;
}
.row-first-container,
.row-last-container {
  height: 50%;
  overflow: hidden;
}

.black-bg {
  background-color: black;
}

.reg-bg {
  background-color: red;
}

.gray-bg {
  background-color: gray;
}

.no-left-padding {
  padding-left: 0;
  padding-right: 0;
}

.no-right-padding {
  padding-right: 0;
  padding-left: 0;
}

.center-container img {
  margin: 0;
  padding: 0;
}

.center-container a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.kalender-container-inner {
  background-image: url('../images/content2/angela-merkel-startseite-termine.png');
  background-size: cover;
  background-position:center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.video-container-inner {
  background-image: url('../images/content2/angela-merkel-startseite-video.png');
  background-size: cover;
  background-position:center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.ilove-container-inner {
  background-color: #dad9d4;
  width: 100%;
  height: 100%;
}
.kontakt-container-inner {
  background-image: url('../images/content2/angela-merkel-startseite-tvduell.png');
  background-size: cover;
  background-position:center;
  width: 100%;
  height: 100%;
}

.leben-container-inner {
  background-image: url('../images/content2/angela-merkel-startseite-leben.png');
  background-size: cover;
  background-position:top;
  width: 100%;
  height: 100%;
}
.politik-container-inner {
  background-image: url('../images/content2/angela-merkel-startseite-politik-1000x563.jpg');
  background-size: cover;
  background-position:top;
  width: 100%;
  height: 100%;
}

.kalender-container-inner-1,
.ilove-container-inner-1,
.kontakt-container-inner-1 {
  height: 80%;
  width: 80%;
  position: absolute;
  top: 10%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

.video-container-inner-1 {
  height: 80%;
  width: 80%;
  position: absolute;
  top: 25%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

.kalender-container-inner-1 img,
.kontakt-container-inner-1 img {
  height: 60%;
  width: 60%;
  text-align: center;
  margin: 0 auto;
}

.ilove-container-inner-1 img {
  height: 60%;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.video-container-inner-1 img {
  height: 60%;
  width: 60%;
  text-align: center;
  margin: 0 auto;
}

.kalender-container-inner-1 .link-white,
.ilove-container-inner-1 .link-white,
.kontakt-container-inner-1 .link-white {
  position: absolute;
  bottom: 0;
}

.video-container,
.kalender-container {
  padding-bottom: 5px;
}

.video-container {
  padding-right: 0;
}

.ilove-container {
  padding-left: 0;
  padding-right: 0;
}
.kontakt-container {
  padding-left: 5px;
  padding-right: 0;  
}

#footer a {
  color: #5f5d5e;
}

#footer .footer_fb_icon,
#footer .footer_instagram_icon {
  height: 20px;
  width: 20px;
  margin-left: 12px;
}

.link-black {
  margin-bottom: 4px;
}
  
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .row-first {
    height: 68%;
  }
  .row-last {
    height: 31%;
  }
  .row-last-container,
  .row-first-container {
    height: 100%;
    overflow: hidden;
  }
  .no-left-padding {
    padding-left: 0;
    padding-right: 5px;
  }

  .no-right-padding {
    padding-right: 0;
    padding-left: 5px;
  }
  .video-container {
    padding-right: 5px;
  }
  .ilove-container {
    padding-left: 5px;
  }
  .row-last-container,
  .row-first-container {
    height: 100%;
  }
  .row-first-container {
    margin-bottom: 10px;
  }
  .black-title {
    color: #fff;
    background: #000;
    font-size: 2em;
    padding: 0.2em;
  }
  .white-title {
    color: #000;
    background: #fff;
    font-size: 3.8em;
    padding: 0.3em 0.2em 0.1em 0.2em;
  }
  .video-container,
  .kalender-container {
    padding-bottom: 0;
  }
  .ilove-container {
    padding-left: 5px;
    padding-right: 5px;
  }
  .white-title-small {
    color: #000;
    background: #fff;
    font-size: 1.4em;
    padding: 0.2em;
    margin-top: 1em;
  }
  .link-white {
    min-width: 100px;
    width: 100%;
  }
  .link-black {
    margin-bottom: 12px;
  }
}

@media (min-width: 1200px) {
  .white-title-small {
    font-size: 1.4em;
  }
}

@media (min-width: 1600px) {
  .white-title-small {
    font-size: 1.6em;
  }
}

.videoWrapper {
  position: relative;
  padding-bottom: 54.6%;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media(max-width:768px) {
  .ilove-container { margin-bottom: 5px; }
  .kalender-container { padding-left: 0px; padding-right: 2.5px; padding-bottom: 0; }
  .kontakt-container { padding-left: 2.5px; }
}