/*
 * Used to make a link unclickable
 */
a.readonly_link {
  color: #AAAAAA;
  pointer-events: none;
  cursor: default;
  font: 14px/1.4 'Open Sans', 'Arial', helvetica, sans-serif;
}

.breadcrumbs-inner{
  background-color: #F5F5F5;
  text-align: center;
}

iframe#iframeNewsletter {
  max-width: 100%;
}

section#bottom {
  height: 0px;
}

.partner {
  animation: move 2s;
  -webkit-animation: move 2s;
}

@keyframes move {
  from {
    margin-left: -100%;
  }

  to {
    margin-left: 0%;
  }
}
            
@-webkit-keyframes move {
  from {
    margin-left: -100%;
  }

  to {
    margin-left: 0%;
  }
}

.brand {
  margin-top: 10px;
}

.header-add-margin {
    margin-top: 45px;
}

/*
 * Used to set the text colour of the mobile version of the vp smart mobile menu to green. 
 * Unfortunately, this colour could not be changed throug the theme editor of the template
 */
.mm-menu {
  color: #006900;
}

/*
 * Used to set the text colour of the mobile version of the vp smart mobile menu to green. 
 * Unfortunately, this colour could not be changed throug the theme editor of the template
 */
ul > li > a {
  color: #006900;
}

body {
  font-family: sans-serif;
}

/*
 * Used to keep the same font face throughout the page. Since the TinyMCE Editor does not provide Open Sans, 
 * a different font face would be used by Beiträge leading to an inconsistent style. The following snippet prevents this.
 */ 
body {
    font-family: 'Open Sans', 'Arial', helvetica, sans-serif !Important;
}

/*
 * Hides the name of the category being displayed on top of the shop product list
 */
h1.category-page-title {
  display: none;
}

/*
 * Used to add some space between the input fields located on the contact form
 */
#bfElemWrap1, #bfElemWrap45, #bfElemWrap46, #bfElemWrap47, #bfElemWrap48, #bfElemWrap16 {
	margin-bottom: 5px;
}

/*
 * Hides label Anmerkung on contact form 
 */
#bfLabel48 {
  color: white;
}

/*
 * Alter orientation of the submit button on contact form 
 */
#bfSubmitButton {
  float: left;
}

div.form-actions {
  display: flex;
}

/*
 * Alter textarea width on small screens to show accordingly
 */
@media (min-width: 768px) {
  #ff_elem48 {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .container {
  	width: 1300px;
  }
}

/*
 * used to center the menu inside the footer
 */

/*
 * Desktop
 */
#bottom ul {
  float: none;
  display: inline-block;
}

.module-cont {
  	text-align: center;
  	margin-bottom: 10px;
  	width: auto;
}

.vmcategory {
  text-align: left;
}

/*
 * Tablet
 */
@media (max-width: 1120px) {
  #bottom ul {
  	display: inline-table;
  }
}

/*
 * Smartphone
 */
@media (max-width: 480px) {
  #bottom ul {
  	display: inline-grid;
  }
  
  h1 {
    font-size: 25px;
  }
  
}