/* handlee-regular - latin */
@font-face {
  font-family: 'Handlee';
  font-style: normal;
  font-weight: 400;
  src: local('Handlee Regular'), local('Handlee-Regular'),
       url('../fonts/handlee-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/handlee-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body{
  font-family: sans-serif;
}
#page-content ul {
  list-style: none;
}

#page-content ul li:before {
  content: '✓';
}

#c62 .gallery-row {
  align-items: flex-end;
}

.pad15 {
  display: none;
}

.zaehler-zahl {
  color: #e5b4bd;
  font-family: "Handlee";  
  text-shadow: 1px 1px 1px #e5b4bd;
}

.zaehler-text {
  color: #fff;
}

.video-schwein {
  position: absolute;
top: 33%;
left: 2%;
}

.video-schwein img {
  width: 70%;
}

.foto-schwein {
  position: absolute;
top: 22%;
left: 2%;
}

.foto-schwein img {
  width: 70%;
}

#slogan_div {
background-color: rgba(0,0,0,0.8);
border-top-left-radius: 5em;
border-bottom-left-radius: 5em;
  padding-left: 10%;
  padding-bottom: 2%;
}

#slogan {
  font-family: "Handlee";
  text-shadow: 1px 1px 1px #fff;
  font-size: 4rem;
}

#c19 {
  background:url('../images/background-zaehler.jpg') repeat-y;
  position: relative;
  z-index: 999;
  background-size: cover;
}

.navbar-mainnavigation .navbar-brand-image img {
  max-height: none;
  transform: none;
  top: 0;
  z-index: 9999;
}
/*
.element_vierspalten {
  background-color: #fff;
  position: relative;
}*/

.element_vierspalten .text-center {
  font-size: 2rem;
}



@media (max-width: 1400px) {
  #c51,.navbar-brand-logo-normal {
    display: none !important;
  }
    .aftercontent img {
    width: 50% !important;
    margin: 0.1rem;
  }

}

@media (max-width: 1200px) {
  #slogan_div {
    display: none;
  }
  
}

.element-subheader {
  color: #e5b4bd;
}

.card-title {
  color: #e5b4bd;
  font-weight: bold;
}

.news .thumbnail img {
  width: 100%;
  height: 100%;
}

.border-content .frame-container {
  max-width: 1920px;
  padding: 0;
}

.flexslider {
  margin: 0;
}

#c15 {
  position: absolute;
z-index: 99;
color: #fff;
font-size: 3rem;
left: 50%;
top: 50%;
}

#c28 {
  background-color: #e7e7e7;
z-index: 99;
position: relative;
  color: #4a4a4a;
}

.carousel_header {
  padding-top: 3rem;
  color: #fff;
}


.navbar-nav {
  margin-left: 0 !important;
}

/*
#c47 {
  background: #e5b4bd;
}*/

#galerie_div,#carousel_div {
  background-color: #e7e7e7;
  position: relative;
  color: #4a4a4a;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/*
#carousel_div {
  background-color: #e5b4bd;
}
*/
#nav-item-17 {
  background-color: #e5b4bd;
  color: #fff;
}

/*
#c46 {
  background-color: #ebebeb;
}

#c46 .nav-link {
  padding: 1.5rem 9rem;
}

#c46 .nav-item > .active {
  color: #fff;
  background-color: #e5b4bd;
}*/

#ueberuns_text {
  margin-top: -10rem;
  color: #fff;
}

.gallery-item img, .gallery-item picture {
  width: auto;
}

#ueberuns_titel .gallery-item img, .gallery-item picture {
  width: 100%;
}

.frame-bgrosa {
  color: #3a3a3a;  
  padding-bottom: 5%;
}

#carousel_background {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: skewY(-4deg);
  transform: skewY(-4deg);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  background: #4a4a4a;
  position: absolute;
  color: #fff;
}

.ueberuns_background {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: skewY(4deg);
  transform: skewY(4deg);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  background: #4a4a4a;
  position: absolute;
  color: #fff;
}

#ueberuns_titel .frame-container {
  max-width: 3840px;
  padding-left: 0px;
  padding-right: 0px;
}

#ueberuns_titel .frame-header {
  position: absolute;
  left: 10%;
  top: 20%;
}

#ueberuns_titel .frame-header h2 {
  font-size: 3rem;
  color: #fff;
}

#ueberuns_titel .frame-header h3 {
  font-size: 2.5rem;
  color: #fff;
}



#page-footer, #page-footer a,#page-footer td {
  color: #fff !important;
}

#page-footer .table th, #page-footer .table td {
  border: none;
}



.footer-section-meta {
  display: none;
}

.aftercontent {
  position: fixed;
  bottom: 0;
  z-index: 99999;
  width: 20%;
  margin: 1%;
  right: 0;
}

.aftercontent .zweispalten_50_links {
  text-align: left;
}

.aftercontent img:hover {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}


/*Multicarousel*/
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
    /*.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }*/
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }
    
       /* .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }*/

.MultiCarousel .btn-primary {
  background: none !important;
}

.MultiCarousel .rightLst {
position: absolute;
top: calc(50% - 20px);
transform: rotate(-45deg);
border: solid #fff;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
border-width: 0 5px 5px 0;
display: inline-block;
padding: 15px;
    margin: 0 50px;
}

.MultiCarousel .leftLst {
position: absolute;
top: calc(50% - 20px);
transform: rotate(135deg);
border: solid #fff;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
border-width: 0 5px 5px 0;
display: inline-block;
padding: 15px;
  margin: 0 50px;
}


#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    background-color: #e5b4bd !important transparent;
    border-color: #e5b4bd !important;
    color: #e5b4bd;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #ffffff !important;
    border-color: #e5b4bd !important;
  	color:#000000 !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    background-color: #e5b4bd !important transparent;
 	border: 2px solid #e5b4bd !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active {
    border-bottom: 1px solid #e5b4bd !important;
    border-bottom-width: 1px;
    color: #e5b4bd !important;
}