@charset "utf-8";
/* CSS Document */

#offCanvasLeft #mainMenu > .active > a {
  background: #009ee0;
}

.show-for-large-only  {
  display: block !important;
  visibility: visible;  
}

/* ******* Logo Startseite ******* */
.sticky .logo h1 {
  height: 4.563em !important;
  font-size: 1.61rem !important;  
}
.sticky.is-stuck .logo h1 {
  height: 2.938em !important;
  font-size: 1.20rem !important;  
}
/* ******* Logo Startseite ******* */

/* ******* Social Slider ******* */
.social-icons.show-for-large a.kontakt {
    color: #fff;
    background: #00b1e6;
    text-transform: uppercase;
    min-width: 111px;
    position: relative;
    display: flex;
    left: -36px;
    top: -27px;
    min-height: 42px;
}
.social-icons.show-for-large .kontakt div {
    position: absolute;
    top: 14px;
    left: 33px;
}
.social-icons.show-for-large .iconset.haus {
    background-position: -156px 0;
}
/* ******* Social Slider ******* */

/* ******* Headlines auf Bildern ******* */
.inhaltsseite .headlineblock,
.newsmeldung .headlineblock,
.extranet .headlineblock {
  position: relative;  
  margin-bottom: 1em;
}
.inhaltsseite .headlineblock h1,
.extranet .headlineblock h1{
  position: absolute;
  background: #fff;
  font-size: 2.225rem;
  padding: 0.2em 0.3em;
  bottom: 0;  
  margin: 0 0 0 0.2em;
}
.headlineblock-no-image {
  margin: 0;
}
.headlineblock-no-image  h1 {
  font-size: 2.225rem;
}
.inhaltsseite .image-text .headlineblock img,
.newsmeldung .image-text .headlineblock img,
.extranet .image-text .headlineblock img {
  margin: 0;  
}
/* ******* Headlines auf Bildern ******* */

/* ******* main navigation ******* */
#mainMenu {
  position: relative;  
  margin: 0;
}
#mainMenu li {
  display: inline;
}
.top-bar {
  background: #bde4f7;
    position: relative;
    z-index: 20;
  padding: 0;
}
.top-bar-section {
  max-width: 75rem;
    margin-left: auto;
    margin-right: auto;  
}
#mainMenu .button {
    border: 0;
    padding: 0.7em 0.3em !important;
    margin: 0 2px 0 0;
    background-color: #00b1e6;
    color: #fff;
  font-size: 1.1em;
  display: block;
  float: left;
  position: relative;
  font-weight: normal;
}
#mainMenu .suchebutton {
  background: #009ee0;
  padding: 0.7em 0.6em !important;
}  
.dropdown-pane {
  position: absolute;
  left: 0 !important;
  width: 100%;
  border: 0;
  background: #009ee0;
  background: rgba(0, 158, 224, 0.60);
  margin: 0;
  padding: 0;
}
.dropdown-pane .row {
  background: #fff;
  margin: 0.7em !important;  
  padding: 0.7em;  
  position: relative;
  overflow: hidden;
  clear: both;
  min-height: 217px;
}
.dropdown-pane#suche .row {
  min-height: inherit;  
}
.button.dropdown::after {
    content: '';
    border: 0 inset;
    border-color: transparent;
    top: 0;
    margin-left: 0;
}
.mainMenu-inner,
.submenu-freetext {
  text-align: left;  
}
.mainMenu-inner ul {
  margin: 0;
  padding: 0;  
}
.mainMenu-inner li {
    display: block;
    float: left;
    width: 33%;
    max-width: 33%;
    margin-right: 1.4em;  
}
#mainMenu .mainMenu-inner li a {
    display: block;
    background: #fff;
    color: #009de0 !important;
  border: 0;
    border-bottom: 1px solid #e0e0e0;
  padding: 0.4em 0.3em;
    font-weight: bold;
  font-size: 0.9em;
}
#mainMenu .mainMenu-inner li a:hover,
#mainMenu .mainMenu-inner li a:focus {
    background: #00b1e6 !important;
  color: #fff !important;
}
.submenu-image {
  width: 25%;
    position: absolute;
    top: 0.7em !important;
    right: 0.7em !important;
  overflow: hidden;
  float: right;
}
.submenu-freetext {
  clear: left;
    width: 60%;
    padding-top: 2em;
    font-size: 90%;  
  color: #000;
}
#mainMenu .submenu-freetext a {
  color: #009de0 !important;  
  font-weight: normal;
}
#mainMenu .submenu-freetext a:hover,
#mainMenu .submenu-freetext a:focus {
  text-decoration: underline;
}
#suche .mainMenu-inner input[type="search"] {
    width: 95%;
    float: left;
    margin-right: 0;
}
#suche .mainMenu-inner .button {
    padding: 0.62em 1em !important;
    float: left;
    margin: 0;
}
/* ******* main navigation ******* */

/* ******* header ******* */
/* ******* sticky head ******* */
.sticky nav.row {
  margin-top: 1em;  
}
.sticky.is-stuck nav.row {
  margin-top: 0;  
}
.sticky,
.sticky.is-sticky {
  transition: box-shadow .25s;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24);  
}
.sticky,
.sticky.is-anchored {
  background: #fff url(../img/Haus-und-Grund-Haus.jpg) no-repeat;
  background-position: top right;    
}
.sticky-container {
  max-height: 170px !important;  
}
.sticky.is-stuck .position-left.reveal-for-large {
  min-height: 42px;
  max-height: 42px;
}
.sticky.is-stuck .menu {
  background: #bde4f7;
}
.sticky.is-stuck .logo {
  max-height: inherit;
  padding: 0.4em 0;
  height: 4.338em;
  max-height: 4.338em;
}
.sticky .logo {
  padding: 0;  
  position: static;
  margin-right: 0;
  margin-left: 0;
  max-width: 29em;
  height: 7.313em;
  max-height: 7.313em;
}
/* ******* sticky head ******* */

.sticky.is-stuck .berater {
  display: none;  
}
/* ******* header ******* */

.thema .large-8,
.social .large-8,
.sitemap .large-8  {
  width: 100%;  
  max-width: 75rem;
}
.social {
  padding-bottom: 1.5em;
}
/* ******* Thema ******* */
.thema .headline {
  padding: 0.5em 0.7em;
  font-size: 99%;  
}
.inhaltsseite,
.newsmeldung,
.extranet {
  padding-bottom: 2em;
}
/* ******* Thema ******* */
.newsmeldung .weitere-Meldungen {
  position: relative;
  top: -3.5em;  
  text-align: right;
  display: inline-block;
  float: right;
}
/* ******* aside ******* */
aside .row .ce-textpic .ce-gallery {
  min-width: 155px;  
}
aside .row .ce-textpic {
  display: flex;
}
aside .row .ce-textpic .ce-gallery, aside .ce-textpic .ce-gallery div{
  padding: 0;
}


/* ******* aside ******* */

.hide-for-large {
  display: none;  
}
/* ******* social bar - hide for smaller browser ******* */
@media screen and (max-width: 1292px) { 
  .social-icons.show-for-large {
    display: none;
  }
}