/* Farbflächen */
/* .header_color, #wrapper_footer {
  background-color: #892526;
} */


/* Schrifte, Links */
h1 {
  color:#892526; 
}

a {
  color: #892526;
}

a:hover {
  color: #cf9935;
}

.header_color {
	background-color: #414141;
}

#logo img {
  width: 280px;
}

#menu .hassub a:first-of-type {
  /* width: 200px; */
}

.slicknav_menu {
	background-color: #414141!important;
}

.slicknav_nav a:hover:last-child{
	background-color: rgba(255, 255, 255, 0.2)!important;
	color: white;
	border-radius: 0;
}

#footer img {
  width: 170px;
}


/*--- Bierglas vertikal ---
*/

#content #c1012 .ce-gallery {
  margin-top: 50%;
  transform: translate(0, -50%);
}


/*--- Bildergalerie ---
*/

.frame-layout-25 .ce-gallery {
  width: 100%;
}

.frame-layout-25 .ce-gallery .ce-row {
  display: flex;
}

.frame-layout-25 .ce-gallery .ce-column {
  padding: 5px;
  margin: 0 auto;
}


a.mail:before,
a.download:before,
a.external-link:before,
a.external-link-new-window:before,
a.internal-link:before {
  color: #892526;   
 
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a.mail:hover:before,
a.download:hover:before,
a.external-link:hover:before,
a.external-link-new-window:hover:before,
a.internal-link:hover:before {
  color: #cf9935;   
 
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Markierung ändern - DIVs
---------------------------------------------------------------------------------------------- */


::selection {
  color:#fff;
    background: #892526;
}

::-moz-selection {
  color:#fff;
  background:#892526;
}


/*  @media: Breakpoint Large (no-name)»
---------------------------------------------------------------------------------------------- */
@media (max-width: 1399.98px)  {

  .frame-layout-25 .ce-gallery {
    width: 90%;
    margin-left: 130px;
  }

}


/*  @media: Breakpoint Large (lg)»
---------------------------------------------------------------------------------------------- */
@media (max-width: 1199.98px)  {

  .frame-layout-25 .ce-gallery {
    width: 100%;
    margin-left: 0;
  }

}


/*  @media: Breakpoint «Medium (md)»
---------------------------------------------------------------------------------------------- */
@media (max-width: 991.98px)  {

  #logo img {
    width: 200px;
    height: auto;
    margin-top: 0 !important;
  }

}

/*  @media: Breakpoint «Small (xs)»
---------------------------------------------------------------------------------------------- */
@media (max-width: 767px) {

  #logo img {
    width: 170px;
    height: auto;
    margin-top: 5px !important;
  }

  #footer {
    text-align: center;
  }

  #footer img {
    float: none;
    margin: 0 auto 20px auto;
  }

  .frame-layout-25 .ce-gallery .ce-row {
    display: block;
  }
  
  .frame-layout-25 .ce-gallery .ce-column {
    padding: 5px;
    margin: 0;
  }

}
/* end @media - Breakpoint «X-Small (xs)» */