@font-face {
  font-family: "weblysleekui";
  src: url('../fonts/weblysleekui/weblysleekuisl.ttf') format("truetype");
}
@font-face {
  font-family: "weblysleekui";
  src: url('../fonts/weblysleekui/weblysleekuisb.ttf') format("truetype");
  font-weight: bold;
}
html {
  font-size: 17px;
}
p.customfont {
  font-family: "My Custom Font", Verdana, Tahoma;
}
body {
  background: transparent !important;
}
* {
  font-family: weblysleekui;
}
h1, h2 {
  font-weight: bold;
}
a {
  color: #ed7e7e;
}

.l-main-wrapper {
  background-color: #F4F4F4 !important;
}
.l-header {
  position: relative;
}
.l-top-wrapper {
  background: transparent !important;
}
.l-header-wrapper {
  background: transparent !important;
}
.l-top .pane-menu-menu-top-menu ul.menu a,
.l-top .pane-menu-top-menu ul.menu a {
  color: #3a3a3a;
}
.l-navigation ul.menu a {
  color: #2b914b;
  line-height: 3.14286em;
  margin-top: 1.2em;
}
.l-navigation ul.menu a:hover,
.l-navigation ul.menu a:focus,
.l-navigation ul.menu a:active,
.l-navigation ul.menu a.active-trail {
  background: #29904a;
}
.l-subnavigation ul.menu a {
  color: #FFF !important;
}
.l-subnavigation ul.menu a:hover,
.l-subnavigation ul.menu a.active-trail {
  color: #29904a !important;
}
.l-subnavigation-wrapper {
  background-color: #8dbd4c !important;
}
.l-subnavigation-wrapper-empty {
  background-color: #FFF !important;
  height: 20px;
}

@media (min-width: 800px) {
  .l-top .pane-views-exp-searchindex-page {
    float: right;
    margin-top: 10px;
  }

  .l-branding {
    left: 0;
  }
  .l-header-wrapper {
    position: initial !important;
  }
}

.pane-vegan-user-logout-pane span.user-logout-text {
  color: #3a3a3a;
}
.pane-vegan-user-logout-pane {
  margin-left: 20px;
}


.page-articles .views-row, .page-infocenter .views-row {
  border-radius: 0;
}
.box, #masonry > .views-row {
  border-radius: 0;
}

.button, input[type="submit"] {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.box-yellow,
.box-pink {
  background: #8cbd4c;
}
.box-yellow .button, .box-yellow input[type="submit"],
.box-yellow .button:hover, .box-yellow input[type="submit"]:hover,
.box-pink .button, .box-pink input[type="submit"],
.box-pink .button:hover, .box-pink input[type="submit"]:hover,
#footer-donate-wrapper .button {
  background: #29904a;
}
.box-lightgreen,
.box-darkgreen {
  background: #29904a;
}
.box-lightgreen .button, .box-lightgreen input[type="submit"],
.box-lightgreen .button:hover, .box-lightgreen input[type="submit"]:hover,
.box-darkgreen .button, .box-darkgreen input[type="submit"],
.box-darkgreen .button:hover, .box-darkgreen input[type="submit"]:hover {
  background: #8cbd4c;
}

.sidebar-icon-email h2 {
  background-image: url(../images/sidebar-icons/email.svg);
}
.sidebar-icon-magazin h2 {
  background-image: url(../images/sidebar-icons/magazin.svg);
  background-size: 130px 130px;
}
.sidebar-icon-hand h2 {
  background-image: url(../images/sidebar-icons/hand.svg);
}
.sidebar-icon-monat h2 {
  background-image: url(../images/sidebar-icons/monat.svg);
  background-size: 130px 130px;
}
.sidebar-icon-herz h2 {
  background-image: url(../images/sidebar-icons/icon_mitglied.svg);
}

.site--name-and-slogan .site--name a {
  background-image: url(../images/veganat_logo_rgb.svg);
  height: 110px;
  background-size: contain;
  padding-bottom: 0;
}

.l-footer-wrapper {
  background: #29904a;
}

#masonry .leading-front {
  background-color: #8cbd4c;
}
.views-row:nth-child(odd) .highlight {
  background-color: #29904a;
}
.views-row:nth-child(even) .highlight {
  background-color: #8cbd4c;
}

.page-taxonomy-term article {
  border-radius: 0;
}
.node-full .article--footer,
.node-full.node-recipe .recipe--attachments {
  background-color: #8cbd4c;
}

.node-full.node-recipe .pane-custom.print a.print-button {
  border: 0 none;
  background-color: #8dbd4c !important;
  box-shadow: none;
  border-radius: 0;
  font-weight: normal;
}

article h1 a,
.pane-page-content h1,
.pane-page-content h2,
.pane-page-content h3,
.pane-page-content h4{
  color: #3a3a3b;
}
.page-recipes .l-content {
  border-radius: 0;
}
.node-full {
  border-radius: 0;
}
.pane-vegan-user-login {
  float: right;
  margin-right: 20px;
}
.pane-vegan-user-login a {
  color: #333;
  text-transform: uppercase;
  line-height: 2.5em;
  background: url(../images/login.png) no-repeat left center;
  padding-left: 20px;
  margin-left: 20px;
}

.events-box {
  border-radius: 0;
}
.events-box h2.pane-title {
  background: #ed7e7e;
}

#masonry .node-article {
  padding: 0;
}
#masonry .node-article .pane-node-title {
  padding-top: 1.14286em !important;
  hyphens: auto;
}
#masonry .node-article .pane-node-links {
  padding-bottom: 1.14286em !important;
}
#masonry .node-article .pane-node-title,
#masonry .node-article .pane-node-body,
#masonry .node-article .pane-node-links {
  padding: 0 1.14286em 0 1.14286em;
}
#masonry .node-recipe.highlight a:hover,
#masonry .node-protestieren.highlight a:hover,
#masonry .node-webform.highlight a:hover {
  color: #ed7e7e;
}

.pane-node-links a {
  color: #ed7e7e;
}
#masonry .node-article.highlight a:hover, #masonry .node-article.highlight a:focus, #masonry .node-article.highlight a:active, #masonry .node-article.highlight a.active-trail {
  color: #ed7e7e;
}

.page-eform .l-content h2.pane-title {
  font-size: 2em;
}
.node-type-page .l-content h2.pane-title {
  font-size: 38px;
}

@media all and (max-width: 460px) {
  .sidebar-icon-magazin h2 {
    line-height: initial;
  }
}

@media all and (max-width: 800px) {
  .l-top .pane-menu-menu-top-menu,
  .l-top .pane-menu-top-menu {
    display: none;
  }
  .site--name-and-slogan {
    float: none;
    margin: 10px auto 0;
  }
  .site--name-and-slogan .site--name a {
    background-position-x: center;
  }
  a.nav-toggle {
    width: 30%;
    background: #FFF;
    color: #333;
    font-weight: bold;
  }
  .pane-vegan-user-logout-pane {
    display: none;
  }
  .l-mobile {
    background-color: #FFF !important;
  }
  #mobilemenu ul li a {
    color: #333 !important;
  }
  #mobilemenu ul.menu ul.menu a {
    border-color: #98bb53 !important;
    color: #98bb53 !important;
  }
  .node-full .article--footer .view-related-articles.view-display-id-panel_pane_2 .related {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .sidebar-icon-magazin h2,
  .sidebar-icon-monat h2 {
    background-size: 70px;
    background-position: 0;
  }
}

@media all and (min-width: 800px) {
  .l-mobile {
    display: none;
  }
}

input.donationButton {
  background: #a1cf3c !important;
  color: #FFF;
}

.article--content iframe {
  height: 500px;
}
@media all and (min-width: 1100px) {
  .article--content iframe {
    width: 100%;
    height: 500px;
  }
}
@media all and (max-width: 800px) {
  .article--content iframe {
    width: 85vw;
    height: 50.5vw;
  }
}
.custom-popup {
  padding: 30px;
  background: #fff;
  max-width: 100vw;
  width: 800px;
}
.custom-popup > * {
  width: 100%;
}
.custom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,.6);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gdpr-info {
  padding-bottom: 5px;
}


/* Modul Shareiff --> Korrektur Aufzählungszeichen ausblenden */
.shariff li a::before {
  content: ""!important;
}


/* Footer Spenden Button breiter machen */
#footer-donate-wrapper a.button {
  width: auto;
  padding: 1em;
}


/* V-Label Awards Seite */

.award-item-wrapper {
   width: 100%;
   margin: 10px 0;
   padding: 10px;
   border-radius: 5px;
   box-shadow: 1px 1px 16px #ccc;
}
@media (min-width: 390px) {
    .award-item-wrapper {
        padding: 15px;
    }
}
@media (min-width: 580px) {
    .award-item-wrapper {
        width: 260px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
}

.award-img-wrapper {
    position:relative;
    height: 230px;
    overflow: hidden;
}
.award-img-wrapper img {
   position: absolute;
   top: 0;
   bottom: 0;
   left:0;
   right:0;
   margin: auto;
   max-height: 230px;
}
.award-img-wrapper.zoom img {
   left:auto;
   max-width: initial;
}

.pane-page-content .item-title h3 {
   color: inherit;
}
.item-title {
   flex-grow: 1;
}
.item-company {
    text-transform: uppercase;
    font-size: 13px;
    color: #888;
    margin: 0;
}