/* generell */
html, body {
  height: 100%;
}
a {
  color: #0786bd;
}
a:hover, a:focus {
  color: #333;
}
body.toolbar-horizontal {
  height: calc(100% - 79px);
}
.dialog-off-canvas-main-canvas {
  min-height: calc(100% - 75px);
  position: relative;
}
body.toolbar-horizontal .dialog-off-canvas-main-canvas {
  min-height: 100%;
}
.container-fluid {
  padding: 0;
}
img {
  width: 100%;
  max-width: 100%;
}
nav.tabs {
  margin-bottom: 20px;
}
hr {
  border-top: 3px solid #0786bd;
}
.col-sm-12 {
  padding: 0;
}
.row {
  margin: 0;
}
/* Header */

.navbar-header {
  width: 20%;
}
#block-farbblockelinks {
  float: left;
  margin-right: 5%;
  position: relative;
  max-width: 12%;
}
#farbblock1 {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#farbblock1 img {
  width: auto;
  height: 100%;
}

#navbar {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+80,3d84bd+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 82%, #0786bd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 82%,#0786bd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#ffffff 82%,#0786bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3d84bd',GradientType=1 ); /* IE6-9 */

}
#navbar .container-fluid,
footer.container-fluid {
  width: 100%;
  max-width: 100%;
}
.navbar .logo {
  width: 83%;
  max-width: 200px;
  padding: 0;
  margin-top: 5%;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {}
#block-frontend-main-menu {
  text-align: center;
}
#block-kontaktlink {
  width: 20%;
  float: right;
}
#block-frontend-main-menu ul.menu {
  width: 100%;
  margin: 5% 0 auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#block-frontend-main-menu ul.menu li {

}
#block-frontend-main-menu ul.menu li ul.dropdown-menu  {

}
#block-frontend-main-menu ul.menu li ul.dropdown-menu li {
  width: 100%;
}
#block-frontend-main-menu a {
  color: #000;
  font-weight: 700;
  font-size: 1.2em;
  display: inline-table;
}
#block-frontend-main-menu a:hover {
  background: #fff;
}
#block-frontend-main-menu a span::after, #block-frontend-main-menu a::after {
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    background: #a6a6a6;
    margin-top: 10px;
}
#block-frontend-main-menu a:hover span::after, #block-frontend-main-menu a:hover::after, #block-frontend-main-menu li.active-trail::after {
    background: #0786bd;
    height: 10px;
    margin-top: 5px;
    transition: background 0.4s, height 0.4s, margin-top 0.4s;
    -webkit-transition: background 0.4s, height 0.4s, margin-top 0.4s;
    -moz-transition: background 0.4s, height 0.4s, margin-top 0.4s;
}
#block-frontend-main-menu ul.dropdown-menu a {
  padding: 5%;
  margin: 0;
  font-size: 1.2em;
  display: block;
}
#block-frontend-main-menu ul.dropdown-menu a span::after, #block-frontend-main-menu ul.dropdown-menu a::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #a6a6a6;
    margin-top: 10px;
}
#block-frontend-main-menu ul.dropdown-menu a:hover span::after, #block-frontend-main-menu ul.dropdown-menu a:hover::after {
    background: #0786bd;
    height: 3px;
    transition: background 0.4s;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
}

#block-frontend-main-menu a.is-active span::after,
#block-frontend-main-menu a.is-active::after,
#block-frontend-main-menu a.active-trail span::after,
#block-frontend-main-menu a.active-trail::after{
  background: #0786bd;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background: #fff;
}
#block-kontaktlink ul,
#block-kontaktlink ul li,
#block-kontaktlink ul:hover,
#block-kontaktlink ul li:hover{
  text-align: right;
  background: none;
  padding: 0;
  margin: 0;
}
#block-kontaktlink a,
#block-kontaktlink a:hover {
  color: #fff;
  font-size: 1.5em;
  padding: 30px 90px 30px 10px;
  background: none;
  position: absolute;
  right: 10px;
  top: 10px;
}
#block-kontaktlink a:hover {
  text-decoration: underline;
}
#block-kontaktlink a::after {
  content: url(../../../../../themes/custom/frontend/images/icon-kontakt-header.png);
  color: #fff;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border: 2px solid #fff;
  height: 60px;
  width: 60px;
  float: left;
  padding: 10px 12px 10px 7px;
  font-size: 35px;
  line-height: 40px;
  margin-top: -15px;
  margin-left: 10px;
  position: absolute;
}

/* Footer */
footer.footer {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0786bd+0,ffffff+80,ffffff+100 */
background: #0786bd; /* Old browsers */
background: -moz-linear-gradient(left,  #5ca1cb 0%, #ffffff 88%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #5ca1cb 0%,#ffffff 88%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #5ca1cb 0%,#ffffff 88%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0786bd', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
position: relative;
bottom: 5px;
border: none;
}
#block-vmgfooter {
  float: left;
  width: 50%;
  padding: 20px;
}
#footerlogo {
  width: 15%;
  float: left;
  margin-right: 20px;
}
#footerbranding {
  color: #fff;
  padding: 5px;
  font-weight: 700;
}
#block-farbblockefooterrechts {
  float: right;
  margin-left: 20px;
  position: relative;
}
#farbblock2 {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#farbblock2 img {
  width: auto;
  height: 100%;
}
#block-frontend-footer {
  width: auto;
  float: right;
}
ul.menu--footer {
  text-align: right;
}
ul.menu--footer > li > a {
  background: none;
  color: #000;
  font-weight: 700;
  padding: 0px 10px;
  margin: 1px;
  text-transform: uppercase
}
ul.menu--footer > li > a:hover, ul.menu--footer > li > a:focus {
  background: #0786bd;
  color: #fff;
  transition: background 0.4s, color 0.4s
    -webkit-transition: background 0.4s, color 0.4s;
    -moz-transition: background 0.4s, color 0.4s;
}
ul.menu--footer > li > a.active, ul.menu--footer > li > a.is-active {
  background: #0786bd;
  color: #fff;
}
.breadcrumb {
  text-align: center;
  background: none;
  width: 100%;
  /*position: absolute;
  top: 20px;*/
  z-index: 555;
}
.breadcrumb a {
  color: #5ca1cb;
}
.breadcrumb a:hover,
.breadcrumb > .active{
  color: #888;
}
.main-container {
  position: relative;
  top: 70px;
  margin-bottom: 95px;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  max-height: 100%;
}
.path-webform .breadcrumb {
  display: none;
}
}