@font-face {
  font-family: 'Interstate';
  src: url('../fonts/Interstate Light Regular.woff2') format('woff2'), url('../fonts/Interstate Light Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Interstate';
  src: url('../fonts/Interstate-Bold Regular.woff2') format('woff2'), url('../fonts/Interstate-Bold Regular.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'OCRF';
  src: url('../fonts/OCRF Regular.woff2') format('woff2'), url('../fonts/OCRF Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


html, body {
  height: 100%;
}
#layout-content {min-height:300px;flex: 1 0 auto;}  
h2 {
  font-family: 'OCRF', sans-serif; font-size: 2rem; font-weight: normal; text-transform: lowercase; margin:0 0 1rem 0; padding-bottom: 0.5rem; border-bottom: dashed 1px #000;
}
h3 {
  font-family: 'OCRF', sans-serif; font-size: 1.25rem; font-weight: normal; text-transform: none; margin: 0 0 1rem 0;
}
h4 {
  font-family:'Interstate', serif; font-size: 1.25rem; font-weight: bold; text-transform: uppercase; margin: 1rem 0 0 0;
}
p, li, label, input, textarea, button {
  font-family:'Interstate', serif; font-size: 1.25rem; font-weight: normal; text-transform: none; margin: 0; line-height: 1.75rem;
}

p img, .bigimage img {max-width: 100%; height: auto;}


div.pad {padding: 2rem 2rem 2rem 2rem;}

.cubecontent ul {padding-left:0; list-style: none; }
.cubecontent ul li {margin-left:1.5rem; text-indent: -1.5rem; display:block;}


body {display: flex;
  flex-direction: column; }
footer {
  flex-shrink: 0;
}

footer .row {background:#272425; }
footer .nav-link, footer .navbar-nav > li > a {color: #fff; text-transform: lowercase;font-size: 1.25rem; padding: 1rem; font-weight: bold;}
footer .nav-link:hover, footer .nav-link:active,footer .nav-link:focus,footer li.active .nav-link {color: #ccc; background: none !important;}
footer .navbar-nav {float:none;}


body {padding-top: 100px;position: relative;}
.navbar {min-height: 40px;}
.navbar-default {background:#fff; border-bottom: none;}
header .navbar-nav > li > a {padding: 0 2rem 1rem 0 ; text-transform: lowercase; font-size:1.25rem; line-height: 1.25rem; font-weight:bold;}
header .navbar-nav {margin-top:  1rem;}
.navbar .navbar-brand {
  margin: 13px 30px 0 0;
  width: 152px;
  height: 25px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url('../images/weltwirtschaft.svg') no-repeat 0 50%;
}
.navbar-default .navbar-toggle {
  margin-right: 0;
  border-color: #fff;
  background: none !important;
}
.navbar-autohide {
  transition: transform .5s;
}
.navbar-autohide.is-hidden {
  transform: translateY(-72px);
}
.navbar-collapse {border-top: none;}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a {
  transition: color 0.2s ease 0.05s;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a:after {
  position: absolute;
  height: 4px;
  bottom: 15px;
  content: '';
  border-radius: 4px;
  z-index: 5;
  width: 20px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.2s ease 0.05s;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active > a {
  background: transparent;
}
.navbar-toggle .icon-bar {background-color:#000; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background: none; }
.navbar-default .navbar-nav .nav-link, footer .nav-link {text-align: center;}

.icon {
  background: url(../images/icon.png) 0 0 no-repeat;
  background-size:100%;
  display: inline-block;
  width: 14px;
  height: 14px;
  
}
.icon.icon-1 {background-position: 0 0;}
.icon.icon-2 {background-position: 0 -14px ;}
.icon.icon-3 {background-position: 0 -28px;}
.icon.icon-4 {background-position: 0 -42px ;}
.icon.icon-b {background-position: 0 -56px;}
.icon.icon-velo {background-position: 0 -70px ;}
.icon.icon-boat {background-position: 0 -84px;}
.icon.icon-s {background-position: 0 -98px ;}
.icon.icon-u {background-position: 0 -112px ;}





@media (min-width: 768px) {
  .container {max-width: 750px; }
  .cubes > div > div > .cubecontent{height: 375px; overflow: hidden;}
  .cubes .cube{height: 375px;}
  .cubes > div > div > .cubecontent.pad {position: relative; height: 355px; overflow: hidden; cursor:zoom-in; transition: height 0.5s ease;
    position: absolute; z-index: 2;background-color: #fff; }
  .cubes > div > div#pavillon > .cubecontent.pad {z-index: 3;  }
  .cubes > div > div > .pad::after{content:"..."; position:absolute; bottom:-9px; right:10px; font-size:2rem; font-weight: bold;}
  .cubes > div > div > .pad.nodots::after{content:""; }
  .cubes > div > div > .pad.nodots {cursor: default;}
  
  .col-xs-12, .col-sm-6, .col-xs-12.col-sm-6 {padding:0;}
  footer .navbar-nav > li.float-right {float: right;}
  
  
}