html, body {
  height: 100%; }

body {
  font-family: 'Source Sans Pro', sans-serif;
  color: #4a4a4a;
  background-color: #f2f2f2;
  font-size: 18px; }

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

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

#wrapper-content {
  margin-top: 25px;
  margin-bottom: 75px; }

h1, h2, h3 {
  font-weight: 600; }

a, a:active, a:link, a:hover {
  text-decoration: underline;
  color: #4a4a4a;
  outline: 0; }

a:hover {
  color: #b7291a; }
/**
 * Header
 */
#wrapper-header {
  background: url(/fileadmin/Daten/HeroImages/blubberfrau.jpg) center center no-repeat transparent;
  background-size: cover;
  position: relative;
  padding-left: 0;
  padding-right: 0; }

#home #wrapper-header {
  /*background: url(/fileadmin/Daten/HeroImages/blubberfrau.jpg) center top no-repeat transparent;*/
  background: url(/fileadmin/Daten/HeroImages/montage.jpg) center top no-repeat transparent;
  background-size: cover; }

#wrapper-header h1 {
  font-size: 48px;
  line-height: 60px; }

#arrowdown {
  font-size: 55px;
  position: absolute;
  bottom: 75px;
  color: #b7291a;
  text-decoration: none;
  z-index: 1; }

#logo {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 999;
  top: 70px; }

#breadcrumb {
  margin-bottom: 50px;
  z-index: 1;
  font-size: 16px; }

#breadcrumb a {
  text-decoration: none; }

#herotext {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 40%;
  left: 0; }
  #herotext h2 {
    font-size: 2rem;
    padding: 0 1%;
    font-weight: 300;
    color: #fff;
    text-shadow: 1px 1px 20px #393939; }
/**
 * Nav
 */
#menuwrapper {
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.5s;
  z-index: 2000; }

#menuwrapper.open {
  background-color: rgba(255, 255, 255, .9); }

#menuwrapper .nav-link {
  padding: 0; }

#menu {
  font-size: 23px;
  font-weight: 600;
  position: relative;
  padding: 65px 15px 5px;
  height: 100%; }

#togglemenu {
  color: #4a4a4a;
  position: relative;
  font-size: 1.7rem; }

.menu-light #menu #togglemenu {
  color: #fff; }

.menu-light .open #menu #togglemenu {
  color: #4a4a4a; }

#menu > ul {
  display: none;
  margin-top: 30px; }

#menu a {
  text-decoration: none; }

#menu a.active {
  color: #b7291a; }

.nav {
  list-style: none;
  zoom: 1; }

#menu ul ul .nav-link {
  font-weight: 300; }

#menu > ul > li {
  margin-top: 20px; }
/**
 * Footer
 */
#wrapper-footer {
  background-color: #fff;
  padding-top: 75px;
  padding-bottom: 75px; }

#wrapper-footer a {
  text-decoration: none; }

ul#footermenu {
  display: block;
  text-align: left; }

ul#footermenu a {
  padding-left: 0;
  display: inline-block; }

#toggleicon {
  width: 25px;
  height: 22px;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  display: inline-block;
  left: -32px;
  top: 7px; }

#toggleicon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #4a4a4a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out; }

.menu-light #menu #toggleicon span {
  background: #fff; }

.menu-light .open #menu #toggleicon span {
  background: #4a4a4a; }

#toggleicon span:nth-child(1) {
  top: 0px; }

#toggleicon span:nth-child(2), #toggleicon span:nth-child(3) {
  top: 8px; }

#toggleicon span:nth-child(4) {
  top: 16px; }

.open #toggleicon span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%; }

.open #toggleicon span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.open #toggleicon span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.open #toggleicon span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%; }

.tab-content {
  background: #fff;
  padding: 2rem 1rem;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6; }

.nav-tabs .nav-item {
  margin-right: 0.2rem; }
  .nav-tabs .nav-link {
    text-decoration: none !important;
    background: #8c8c8c;
    color: #fff;
    border-radius: 0; }

.fade {
  transition: opacity 0.5s linear; }

#link-25 a:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  content: "\f09a";
  margin-right: 5px; }

#link-29 a:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  content: "\f16d";
  margin-right: 5px; }

.col-md-4 {
  margin-bottom: 0.5rem; }
  .col-md-4 h4 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.2rem; }

#language_menu {
  padding: 65px 15px 5px;
  z-index: 1001;
  margin-right: 10%;
  position: absolute;
  right: 0;
  top: 7px; }
  #language_menu li {
    border: none; }
    #language_menu li a {
      text-decoration: none;
      background: rgba(255, 255, 255, 0.5);
      padding: 0.5rem 0.8rem;
      border-radius: 1em; }

button.btn-eichenwald, input.btn-eichenwald, button.btn.dropdown-toggle.bs-placeholder.btn-default, button.btn.dropdown-toggle.btn-default {
  color: #fff;
  background-color: #b7291a;
  border-color: #b7291a; }
  button.btn-eichenwald:hover, input.btn-eichenwald:hover, button.btn.dropdown-toggle.bs-placeholder.btn-default:hover, button.btn.dropdown-toggle.btn-default:hover {
    background-color: #8a1f14;
    border-color: #8a1f14; }

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden; }

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.frame-newsbox {
  background: #fff;
  border: 1px solid #4a4a4a;
  padding: 1rem; }
  .frame-newsbox:before {
    content: "Aktuelles";
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 1rem;
    display: block; }
  .frame-newsbox img {
    width: 100%; }
/*NEWS*/
.frame-type-menu_abstract ul {
  list-style-type: none;
  padding: 0; }
  .frame-type-menu_abstract ul a {
    font-size: 1.5rem;
    font-weight: 600; }

.dropdown-item {
  cursor: pointer; }
/*Produkt-Filter*/
.dropdown-menu.show .dropdown-menu.inner {
  display: block; }

.filter-items > div {
  display: inline; }

.all-items {
  padding-left: 1.5em; }

.tx-eichenwald-produktdatenbank .selected::before {
  content: "\2713 ";
  position: absolute;
  left: 0.5rem; }

button.btn.dropdown-toggle.bs-placeholder.btn-default:focus, button.btn.dropdown-toggle.btn-default:focus {
  outline: none;
  box-shadow: none; }

.filter-option .all-items {
  padding: 0; }

a.filter-items {
  display: block;
  padding-right: 1.5em; }

.cc-theme-edgeless.cc-window {
  border: 1px solid #b7291a; }