@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?64724399');
  src: url('../font/fontello.eot?64724399#iefix') format('embedded-opentype'),
  url('../font/fontello.woff2?64724399') format('woff2'),
  url('../font/fontello.woff?64724399') format('woff'),
  url('../font/fontello.ttf?64724399') format('truetype'),
  url('../font/fontello.svg?64724399#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Pacifico';
  src: url('../font/Pacifico/Pacifico-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald';
  src: url('../font/Oswald/Oswald-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../font/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html.cookie {
  height: 100%;
  overflow: hidden;
}

/* Background color */

.middle {
  background-color: #f8f8f8;
}

.dark {
  background-color: #f0f0f0;
}

.primary {
  background-color: #004d74;
  color: #fff;
}

.primary * {
  color: #fff;
}


.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

@media all and (min-width: 1920px) {
  .wide.paragraph--type--etagen-media-image img {
    max-width: 100vw;
    width: 100%;
  }
}

span.pre {
  font: normal normal normal 25px Pacifico;
  color: #d90009;
}

.primary span.pre {
  font: normal normal normal 25px Pacifico;
  color: #fff;
}


h2 {
  font: normal normal normal 50px/65px Oswald;
  color: #004d74;
  text-transform: uppercase;
  padding-bottom: 10px;
}

h3 {
  font: normal normal normal 30px/36px Oswald;
  color: #004d74;
  text-transform: uppercase;
}

h4 {
  font: normal normal normal 20px/20px Oswald;
  color: #004d74;
  text-transform: uppercase;
}

p {
  font: normal normal normal 18px/30px Source Sans Pro;
  color: #646464;
}
@media all and (max-width: 676px){
  h2 {
    font: normal normal normal 40px/50px Oswald;
    padding-bottom: 0;
    font-size: 4rem;
  }

  .information-text {
    font: normal normal normal 16px/24px Source Sans Pro;
    margin-bottom: 15px;
  }

  .row.link-row {
    padding: 15px 0;
  }

  html .btn-grp .button {
    font: normal normal 600 16px/24px Source Sans Pro;
  }

}


body.front header {
  position: fixed;
  z-index: 99;
  background-color: transparent;
  transition: all 0.5s;
  width: 100vw;
  height: 120px;
  padding: 0 1.5em;
  top: 0;
}

body.not-front header,
body header.active {
  background-color: #fff;
  box-shadow: 0px 3px 10px #646464;
  position: fixed;
  z-index: 99;
  transition: all 0.5s;
  width: 100vw;
  height: 120px;
  padding: 0 1.5em;
  top: 0;
}

body.role-authenticated:not(.role-kunde):not(.role-mitarbeiter) header {
  top: 79px;
}

body.not-front header #block-icon i,
body header.active #block-icon i {
  color: #074e73;
}

body.not-front header #hoecherl-article-teaser-search-form .submit-container input,
body header.active #hoecherl-article-teaser-search-form .submit-container input,
body.not-front header #search-block-form .form-actions input,
body header.active #search-block-form .form-actions input {
  background: url(../layout/search.svg) center no-repeat;
}


body.not-front header .menu-level-0 > .menu-item > a,
body header.active .menu-level-0 > .menu-item > a,
body.not-front header .menu-level-0 > .menu-item > span,
body header.active .menu-level-0 > .menu-item > span {
  color: #646464;
}

@media all and (max-width: 1420px) {
  html body .layout-container header {
    background-color: #fff;
    box-shadow: 0px 5px 15px #000029;
  }

  body #block-client-branding img {
    opacity: 1;
  }

  body #block-client-branding img.white {
    opacity: 0;
  }

  html body .layout-container header i {
    color: #074e73;
  }
}

.head {
  width: 50%;
  float: left;
}

.head-right {
  align-content: flex-end;
  display: flex;
  justify-content: flex-end;
}

.head-right > div {
  line-height: 120px;
}

#block-icon,
#block-sprachumschalter {
  float: left;
}

@media all and (max-width: 1420px) {
  .head-right {
    float: left;
  }

  .head-right > div {
    line-height: 30px;
    padding: 0 1em;
  }

  .head-right > .first {
    float: left;
    display: flex;
    width: 100%;
    position: absolute;
    left: 0;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 6px 15px 6px 10px;
  }

  .head-right > .second {
    float: right;
    /* clear: both; */
    display: block;
    position: absolute;
    left: 0;
    top: 55px;
  }

  #search-block-form .js-form-type-search input{
    background-color: white;
  }

  .first .icon-merkliste:before, .first .icon-account:before{
    font-size: 4rem;
  }
  .head-right #block-sprachumschalter ul {
    margin: 0;
  }

  #block-icon {
    float: left;
  }
  #search-block-form .js-form-type-search
  #block-sprachumschalter {
    float: right;
  }

  .head-right > .second {
    float: right;
  }

  .head-left {
    float: right;
  }

  header .navi-container {
    float: right;
  }
  header nav .main-menu-toggle {
    position: relative;
    top: 75px;
    right: 0;
    display: inline-block;
  }
  .main-menu.is-open .main-menu-toggle > .burger-icon:before,
  .main-menu.is-open .main-menu-toggle > .burger-icon:after{
    color: #074e73;
  }

  .main-menu.is-open .main-menu-toggle > .burger-icon:before {
    transform: rotate(-45deg);
    top: 0;
  }
  header .main-menu.is-open .main-menu-toggle{
    top: 47px;
    right: -20px;
  }

  .main-menu.is-open .main-menu-toggle > .burger-icon:after {
    transform: rotate(45deg);
    bottom: 0;
    width: 4rem;
  }
  .main-menu-toggle > .burger-icon:before,
  .main-menu-toggle > .burger-icon:after{
    color: #0C4D74;
  }

  body.role-authenticated header {
    height: 140px ;
  }
}

@media all and (max-width: 1023px) {
  main {
    margin-top: 120px;
  }
}

@media all and (max-width: 767px) {

  header nav .main-menu-toggle {
    top: 80px;
  }

  .main-menu-toggle > .burger-icon {
    width: 2.5rem;
    height: 2.5px;
  }

  .burger-icon:before {
    width: 3.5rem;
    height: 2.5px;
  }

  .burger-icon:after {
    width: 2.5rem;
    height: 2.5px;
  }

  .first .icon-merkliste:before,
  .first .icon-account:before{
    font-size: 3rem;
  }
}

/* BRANDING */
#block-client-branding {
  position: fixed;
  padding-top: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 155px;
}

#block-client-branding a {
  position: relative;
}

#block-client-branding img {
  min-width: 155px;
  width: 155px;
  height: 155px;
  position: absolute;
  transition: all 0.5s;
  opacity: 0;
}

body.not-front header #block-client-branding img,
#header.active #block-client-branding img,
#header:hover #block-client-branding img,
#block-client-branding img.white {
  opacity: 1;
}

body.not-front header #block-client-branding img.white,
#header.active #block-client-branding img.white,
#header:hover #block-client-branding img.white {
  opacity: 0;
}


/* ICON MENÜ */
@media all and (min-width: 1421px) {
  #block-icon i {
    color: #fff;
    font-size: 22px;
    position: relative;
    top: 8px;
  }

  #block-icon i.icon.icon-shopping_bag {
    font-size: 26px;
    top: 10px;
  }
}

#block-icon .icon-account {
  /*display: none;*/
}

#header:hover #block-icon i,
#header.active #block-icon i {
  color: #074e73;
}

#header #block-icon .icon-merkliste.active {
  -webkit-animation: pulsate 1s ease-out;
  color: #d70013;
  position: relative;
}

#header:hover #block-icon .icon-merkliste.active,
#header.active #block-icon .icon-merkliste.active {
  color: #d70013;
}

#header #block-icon .icon-merkliste.active .counter{
  position: absolute;
  font-size: 10px;
  line-height: initial;
  top: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  padding-top: 1px;
  right: -5px;
  font-style: normal;
  text-align: center;
  color: #fff;
  background-color: #d70013;
}

#header:hover #block-icon .icon-merkliste.active,
#header.active #block-icon .icon-merkliste.active {
  color: #d70013;
}



@media all and (max-width: 1420px) {
  #header #block-icon .icon-merkliste.active .counter{
    top: -10px;
  }

  #header #block-icon .icon-merkliste.active {
    color: #d70013;
  }
}

@-webkit-keyframes pulsate {
  0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
  100% {-webkit-transform: scale(1.3, 1.3); opacity: 1.0;}
}

/* SPRACHWEICHE */
#block-sprachumschalter ul {
  height: 25px;
  transition: all 0.5s;
  overflow: hidden;
  margin: 54px 0 50px 0;
}

#block-sprachumschalter ul:hover {
  height: auto;
}

#block-sprachumschalter li {
  list-style: none;
  text-indent: -9999px;
  padding-bottom: 5px;
  margin: 0;
}

#block-sprachumschalter li a {
  text-indent: -9999px;
}

/* Menü */
#header:hover {
  background-color: #fff;
  box-shadow: 0px 3px 10px #646464;
}

.menu-level-0 > .menu-item > a,
.menu-level-0 > .menu-item > span {
  font: normal normal 600 20px/28px Source Sans Pro;
  line-height: 120px;
  color: #fff;
  cursor: pointer;
}
html body header .menu-level-0 > .menu-item:hover > a,
html body header .menu-level-0 > .menu-item > a:hover,
html body header .menu-level-0 > .menu-item:hover > span,
html body header .menu-level-0 > .menu-item > span:hover {
  color: #004d74;
}

@media all and (min-width: 1420px) {
  #header:hover .menu-level-0 > .menu-item > a,
  #header.active .menu-level-0 > .menu-item > a ,
  #header:hover .menu-level-0 > .menu-item > span,
  #header.active .menu-level-0 > .menu-item > span {
    color: #646464;
  }

  html body #header:hover .menu-level-0 > .menu-item:hover > a,
  html body #header.active .menu-level-0 > .menu-item > a:hover ,
  html body #header:hover .menu-level-0 > .menu-item:hover > span:hover,
  html body #header.active .menu-level-0 > .menu-item > span:hover,
  html body #header .menu-level-0 > .menu-item:hover > a,
  html body #header .menu-level-0 > .menu-item > a:hover,
  html body #header .menu-level-0 > .menu-item:hover > span,
  html body #header .menu-level-0 > .menu-item > span:hover {
    color: #004d74;
  }
}

.menu-level-0 > .menu-item:first-child,
.menu-level-0 > .menu-item:first-child > a {
  padding-left: 0;
  margin-left: 0;
}

.menu-level-0 > .menu-item,
.menu-level-0 > .menu-item {
  margin: 0 0 0 2rem;
  padding-left: 0rem;
}

.menu.menu-level-1 > li.menu-item > span {
  padding: 0;
  font: normal normal 600 20px/45px Source Sans Pro;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.menu.menu-level-1 > li.menu-item a {
  padding: 7px 0;
  font-weight: normal;
  font: normal normal normal 20px/37px Source Sans Pro;
}

.menu.menu-level-2 > li.menu-item {
  padding: 0;
}

.menu.menu-level-2 > li.menu-item a {
  padding: 0;
  font-weight: normal;
  font: normal normal normal 18px/37px Source Sans Pro;
}

@media all and (max-width: 1650px) {
  html header nav > ul > li:hover > .menu_link_content,
  html header nav ul li .menu_link_content:hover {
    padding-left: 0;
    padding-right: 0;
  }
}


@media all and (max-width: 1420px) {

  .menu > .menu-item > a,
  .menu > .menu-item > span {
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    color: #646464;
    text-transform: uppercase;
  }

  .menu-level-0 {
    width: 100%;
    display: none;
    float: none;
  }

  .menu > .menu-item {
    padding-left: 0;
    margin-left: 0;
    float: none;
    padding: 1rem 5px;
    width: 100%;
    border-bottom: 0.5px solid #777;
  }

  .menu-level-0 > .menu-item:last-child {
    border-bottom: none;
  }

  .menu-level-0 > .menu-item a {
    padding: 0;
    text-transform: uppercase;
  }

  header nav.is-open ul {
    display: block;
  }

  header nav.is-open ul.menu-level-0 {
    padding: 120px 20px 0 20px;
  }

  html header nav.is-open ul.menu.menu-level-1 {
    display: block;
  }

}

.menu-level-0 > .menu-item > a,
.menu-level-0 > .menu-item > span {
  padding-top: 0;
  padding-bottom: 0;
}

@media all and (min-width: 1420px) {
  .menu-level-0 > .menu-item--expanded > .menu-dropdown {
    overflow: hidden;
    transition: all 0.5s;
    opacity: 0;
    height: 0;
    position: fixed;
    width: 100vw;
    left: 0;
    background-color: #003d62;
  }

  .menu-level-0 > .menu-item--expanded:hover > .menu-dropdown {
    opacity: 1;
    height: auto;
  }

  .menu-level-0 > .menu-item--expanded:hover > .menu-dropdown > .row {
    max-width: 170rem;
    margin: 0 auto;
    padding: 8rem 0;
    position: relative;
  }

  .menu-level-0 > .menu-item--expanded:hover > .menu-dropdown > .row .icon {
    position: absolute;
    top: 3rem;
    right: 0;
    font-size: 25px;
  }

  .menu-level-0 > .menu-item--expanded:hover > .menu-dropdown > .row .icon:before {
    color: #fff;
  }

  header nav.is-open .menu-dropdown *,
  header nav.is-open .menu-dropdown a {
    color: #000;
  }

  .menu.menu-level-2 {
    display: block;
  }

}

@media all and (max-width: 1420px) {

  .menu-dropdown > .row > i {
    display: none;
  }

  #block-client-main-menu .menu {
    position: absolute;
    transition: all 0.5s;
    width: 100%;
  }

  #block-client-main-menu[data-lvl="0"] .menu-level-0 {
    left: -100vw;
  }

  #block-client-main-menu[data-lvl="1"] .menu-level-0 {
    left: -100vw;
    height: 0;
  }

  #block-client-main-menu[data-lvl="1"] .menu-level-0 > li {
    height: 0;
  }

  #block-client-main-menu[data-lvl="1"] .menu-level-1 {
    top: -50px;
  }

  #block-client-main-menu[data-lvl="1"] .menu-level-1 > li {
    height: 0;
  }

  .menu .menu-item--expanded {
    position: relative;
    transition: all 0.5s;
  }

  .menu .menu-item--expanded.open {
    border: none;
  }

  .menu .menu-item--expanded.open > a,
  .menu .menu-item--expanded.open > span {
    color: #074e73;
  }

  .menu-level-1 li:last-child {
    display: none;
  }

  #block-client-main-menu[data-lvl="0"] .menu-level-0 > li:not(.open),
  #block-client-main-menu[data-lvl="1"] .menu-level-1 > li:not(.open) {
    height: 0;
  }

  #block-client-main-menu[data-lvl="0"] .menu-level-0 > .menu-item--expanded.open,
  #block-client-main-menu[data-lvl="1"] .menu-level-1 > .menu-item--expanded.open {
    top: -50px;
    left: 100vw;
  }

  .menu .menu-item--expanded a {
    text-decoration: none;
  }

  .menu .menu-item--expanded > span::after,
  .menu .menu-item--expanded > a::after {
    font-family: "fontello";
    content: '\e802';
    position: relative;
    left: 2rem;
    font-size: 1.9rem;
  }

  .menu .menu-item--expanded.open > span::after,
  .menu .menu-item--expanded.open > a::after {
    content: '';
  }

  .menu .menu-item--expanded.open > span::before,
  .menu .menu-item--expanded.open > a::before {
    font-family: "fontello";
    content: '\e801';
    color: #074e73;
    padding-right: 5px;
  }

  .menu-level-0 > .menu-item--expanded > .menu-dropdown {
    transition: all 0.5s;
    position: absolute;
    left: 100vw;
  }

  .menu-level-1 > .menu-item--expanded > .menu-dropdown {
    transition: all 0.5s;
    position: absolute;
    left: 200vw;
  }

  .menu-level-0 > .menu-item--expanded.open > .menu-dropdown,
  .menu-level-1 > .menu-item--expanded.open > .menu-dropdown,
  .menu-level-2 > .menu-item--expanded.open > .menu-dropdown {
    left: 0;
    display: block;
    width: 100%;
    margin-top: 15px;
  }
}

.menu-dropdown *,
.menu-dropdown a {
  color: #F0F0F0;
}

.menu-dropdown .menu-level-1 {
  display: grid;
  grid-gap: 1.2rem;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: auto;
  grid-template-areas:
    "first second third fourth"
    "first fifth sixth last"
}

.menu-dropdown .menu-level-1:hover {
  display: grid;


}

.menu-dropdown .menu-level-1 > li[data-item-key="1"] {
  grid-area: first;
}

.menu-dropdown .menu-level-1 > li[data-item-key="2"] {
  grid-area: second;
}

.menu-dropdown .menu-level-1 > li[data-item-key="3"] {
  grid-area: third;
}

.menu-dropdown .menu-level-1 > li[data-item-key="4"] {
  grid-area: fourth;
}

.menu-dropdown .menu-level-1 > li[data-item-key="5"] {
  grid-area: fifth;
}

.menu-dropdown .menu-level-1 > li[data-item-key="6"] {
  grid-area: sixth;
}

.menu-dropdown .menu-level-1 > li[data-item-key="last"] {
  grid-area: last;
}

.menu-dropdown .menu-level-1 > li[data-item-key="last"] > p {
  margin-bottom: 15px;
}



@media all and (min-width: 1421px) {

  .menu-dropdown .menu-level-1 > li[data-item-key="5"] {
    margin-top: 20px;
  }

  .menu-dropdown .menu-level-1 > li[data-item-key="6"] {
    margin-top: 20px;
  }

  .menu-dropdown .menu-level-1 > li[data-item-key="last"] {
    margin-top: 20px;
  }

  .menu-dropdown .menu-level-1 > li span {
    text-transform: uppercase;
    display: block;
    padding-bottom: 15px;
    font: normal normal 600 20px/30px Source Sans Pro;
  }

  .menu-dropdown ul.menu-level-2 li {
    padding: 0;
  }

  .menu-dropdown ul li p {
    margin-bottom: 25px;
  }

  .menu-dropdown ul.menu-level-2 li a {
    font-size: 1.6rem;
    font-weight: unset;
    padding: 0.2em 0;
    /* SCHRIFT TODO */
  }


  .menu-dropdown .menu-level-2 {
    display: block;
  }

  .menu-dropdown .menu-level-2 > li {
    float: none;
  }
}
/* Search */
#hoecherl-article-teaser-search-form,
#search-block-form {
  position: relative;
  width: 33rem;
  margin-right: 3rem;
}

#search-page {
  padding: 20vh 0 0 0;
}

.hoecherl-article-teaser-search-form {
  padding: 0 1em;
}

.ox1-search-container h2{
  padding: 0.4em;
}

.ox1-search-container .counter{
  padding: 1em;
}

#search-page .ox1-search-container h2 {
  clear: both;
}

#search-page .ox1-search-container .ox1-search-item {
  padding: 1em 0;
  border-bottom: 1px solid #eaeaea;
}

#search-page .ox1-search-container .ox1-search-item-title {
  font: normal normal 600 23px/33px Source Sans Pro;
  color: #004d74;
}

@media all and (min-width: 1421px) {
  #search-page #hoecherl-article-teaser-search-form-page {
    display: none;
  }
}

#search-block-form .js-form-type-search,
#hoecherl-article-teaser-search-form .js-form-item-searchstring {
  float: left;
}

#hoecherl-article-teaser-search-form-page label,
#hoecherl-article-teaser-search-form label {
  display: none;
}

@media all and (max-width: 1420px) {
  #hoecherl-article-teaser-search-form .js-form-item-searchstring,
  #search-block-form .js-form-type-search {
    width: 35px;
    top: -10px;
  }

  #search-block-form .js-form-type-search input,
  #hoecherl-article-teaser-search-form .js-form-item-searchstring input{
    text-indent: -999999px;
  }

  #hoecherl-article-teaser-search-form,
  #search-block-form {
    width: auto;
  }

  body.not-front header #hoecherl-article-teaser-search-form .submit-container input,
  body header.active #hoecherl-article-teaser-search-form .submit-container input,
  body.not-front header #search-block-form .form-actions input,
  body header.active #search-block-form .form-actions input {
    background-size: 1.4em;
  }
}

#search-block-form .js-form-type-search input,
#hoecherl-article-teaser-search-form .js-form-item-searchstring input {
  height: 40px;
  background-color: #f0f0f0;
  color: #004D74;
  border: none;
  border-radius: 3px;
  opacity: 0.75;
}


#search-block-form .js-form-type-search input:focus ,
#hoecherl-article-teaser-search-form .js-form-item-searchstring input:focus {
  outline: none;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#search-block-form .js-form-type-search input::-webkit-search-cancel-button ,
#hoecherl-article-teaser-search-form .js-form-item-searchstring input::-webkit-search-cancel-button {
  display: none;
}

#hoecherl-article-teaser-search-form .submit-container,
#search-block-form .form-actions {
  position: absolute;
  right: 0;
  width: auto;
}

#hoecherl-article-teaser-search-form .submit-container input,
#search-block-form .form-actions input {
  background: url(../layout/search_white.svg) center no-repeat;
  right: 0.6em;
  position: relative;
  width: 1em;
  border: none;
  min-width: unset;
  text-indent: -9999999px;
  padding: 0;
}

#header:hover #hoecherl-article-teaser-search-form .submit-container input,
#header.active #hoecherl-article-teaser-search-form .submit-container input,
#header:hover #search-block-form .form-actions input,
#header.active #search-block-form .form-actions input {
  background: url(../layout/search.svg) center no-repeat;
}

@media all and (max-width: 1420px) {
  header nav.is-open:after {
    display: none;
  }


  header nav.is-open {
    justify-content: unset;
    top: unset;
    right: unset;
    bottom: unset;
    background-color: #fff;
    width: 85vw;
    height: 100vh;
    position: absolute;
    left: 15vw;
    z-index: 9;
  }


  .menu-level-0 > .menu-item > a,
  .menu-level-0 > .menu-item > span {
    line-height: 30px;
    color: #777;
  }

  header .first{
    background-color: #F0F0F0;
  }

  #hoecherl-article-teaser-search-form .submit-container input,
  #search-block-form .form-actions input{
    background: url(../layout/search.svg) center no-repeat #FFFFFF;
    position: relative;
    border: none;
    min-width: unset;
    text-indent: -9999999px;
    padding: 0;
    background-size: 1.4em;
    width: 2.5em;
    height: 3.2em;
    left: 10px;
    right: 0;
  }
  #hoecherl-article-teaser-search-form .js-form-item-searchstring input,
  #search-block-form .js-form-type-search input{
    background-color: #FFFFFF;
  }
  #header:hover #hoecherl-article-teaser-search-form .submit-container input,
  #header.active #hoecherl-article-teaser-search-form .submit-container input,
  #header:hover #search-block-form .form-actions input,
  #header.active #search-block-form .form-actions input{
    background-size: 1.4em;
    width: 2.5em;
    height: 3.2em;
    left: 10px;
    right: 0;
  }

  body.front header{
    height: 140px ;
  }
}

@media all and (max-width:767px) {
  html #header #hoecherl-article-teaser-search-form .submit-container input,
  html #header:hover #hoecherl-article-teaser-search-form .submit-container input,
  html #header #search-block-form .form-actions input,
  html #header:hover #search-block-form .form-actions input{
    background-size: 1em;
  }
}

.paragraph {
  padding: 25px 0;
}

#block-client-content > article > .paragraph:first-of-type {
  padding: 0;
}

.front .block-client-content > article > .paragraph:first-of-type {
  margin: 0 0 7rem 0;
  padding: 0;
}

.not-front .block-client-content > article > .paragraph:first-of-type {
  padding: 120px 0 0 0;
  margin: 0 0 7rem 0;
}


/* VIDEO */

.paragraph--type--etagen-media.media--type--video {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  margin: 0;
  overflow: hidden;
}


.paragraph--type--etagen-media.media--type--video > div {
  position: relative;
  height: 100vh;
}
.paragraph--type--etagen-media.media--type--video > div .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background-color: #050505;
  opacity: 0.2;
}

.paragraph--type--etagen-media.media--type--video > div .scroll {
  position: absolute;
  background: url("../layout/scroll.svg") center center no-repeat;
  bottom: 5rem;
  width: 48px;
  height: 58px;
  transform: translateX(-50%);
  left: 50%;
  background-size: contain;
}


.paragraph--type--etagen-media.media--type--video video {
  min-width: 100vw;
  min-height: 100vh;
  height: auto;
  margin: 0;
  object-fit: cover;
}

@media all and (max-width: 1023px) {
  .paragraph--type--etagen-media.media--type--video {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    margin-top: 8em;
  }
  #block-client-content > article > .paragraph--type--etagen-media.media--type--video {
    padding-top: 56.25%;
  }

  .paragraph--type--etagen-media.media--type--video div {
    position: absolute;
    top: 0;
  }

  .paragraph--type--etagen-media.media--type--video video {
    object-fit: unset;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    min-height: auto;
  }

}
/* Media Slider with Text an Background */

.paragraph--type--etagen-media-image .media-slider  {
  position: relative;
}

.paragraph--type--etagen-media-image .media-slider .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(90deg, #000000B2 0%, #0000005A 100%) 0% 0% no-repeat padding-box;
}

.paragraph--type--etagen-media-image .media-slider .media-description {
  position: absolute;
  left: 15%;
  top: 50%;
  transform: translateY(75%);
  z-index: 1;
}

.paragraph--type--etagen-media-image .media-slider .media-description * {
  color: #fff;
}

/* Media with Text Content */

.paragraph--type--etagen-media-image .media-text .content {
  position: relative;
}

.paragraph--type--etagen-media-image .media-text .content .overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
}

.paragraph--type--etagen-media-image .media-text .content .overlay .wave {
  width: 100%;
  height: auto;
  position: relative;
  left: 1px;
  top: 1px;
}

.paragraph--type--etagen-media-image .media-text .content .overlay .overlay-text {
  background-color: #fff;
  padding: 0 20px 10px 20px;
}

.paragraph--type--etagen-media-image .media-text .content .overlay .overlay-text .description {
  position: relative;
  top: -70px;
}

@media all and (max-width: 1100px) {
  .paragraph--type--etagen-media-image .media-text .content .overlay .wave {
    display: none;
  }

  .paragraph--type--etagen-media-image .media-text .content .overlay {
    position: relative;
    width: 100%;
  }

  .paragraph--type--etagen-media-image .media-text .content .overlay .overlay-text .description {
    top: 0;
  }
}
/* BACKGROUND _ IMAGE DEFAULTFIELDS */




/* Artikle Teaser */

.paragraph .teaser {
  padding: 0 20px;
}

.paragraph .teaser:not(.asp) img{
  width: 100%;
}

.paragraph.teaser-3 .teaser {
  width: 33.33%;
  float: left;
}

@media all and (max-width: 1200px) {
  .paragraph.teaser-3 .teaser {
    padding-top: 30px;
  }
}

.paragraph.teaser-4 .teaser {
  width: 25%;
  float: left;
}

.paragraph .teaser.article a {
  -webkit-box-shadow: 0px 0px 24px -15px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 24px -15px rgba(0,0,0,0.5);
}


@media all and (max-width: 1200px) {
  html .teaser-inner-grid {
    display: block;
  }

  .paragraph.teaser-2 .teaser,
  .paragraph.teaser-3 .teaser,
  .paragraph.teaser-4 .teaser,
  .paragraph.teaser-5 .teaser,
  .paragraph.teaser-6 .teaser {
    width: 50%;
  }
}

@media all and (max-width: 850px) {
  .paragraph.teaser-2 .teaser,
  .paragraph.teaser-3 .teaser,
  .paragraph.teaser-4 .teaser,
  .paragraph.teaser-5 .teaser,
  .paragraph.teaser-6 .teaser {
    width: 100%;
  }
}

.paragraph--type--etagen-teaser.asp .teaser-inner {
  display: flex;
  flex-wrap: wrap;
}

.paragraph--type--etagen-teaser .teaser-inner article {
  padding: 25px 0;
}

.paragraph--type--etagen-teaser.jobs .teaser-inner article {
  padding: 25px 15px;
}

.paragraph--type--etagen-teaser .teaser-inner article:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}

.paragraph--type--etagen-teaser .teaser-inner article span {
  position: relative;
  display: block;
  cursor: pointer;
  font: normal normal 600 23px/33px Source Sans Pro;
  color: #004d74;
}

.paragraph--type--etagen-teaser .teaser-inner.open article:not(.open) span {
  color: #c6c6c6;
}

.paragraph--type--etagen-teaser .teaser-inner article.open span {
  color: #d90009;
}

.paragraph--type--etagen-teaser .teaser-inner article span:after {
  content: '';
  width: 44px;
  height: 44px;
  display: block;
  position: absolute;
  border-radius: 50%;
  background: url("../layout/plus.svg") center center no-repeat;
  top: 0;
  right: 20px;
}

/* Hide on screens below 768px width */
@media all and (max-width: 767px) {
  .paragraph--type--etagen-teaser .teaser-inner article span:after {
    display: none;
  }
}

.paragraph--type--etagen-teaser .teaser-inner article.open span:after {
  background: url("../layout/minus.svg") center center no-repeat;
}

.paragraph--type--etagen-teaser .teaser-inner article .toggle {
  display: none;
}

.paragraph--type--etagen-teaser .teaser-inner article .toggle > div {
  padding: 20px 0;
}

.paragraph--type--etagen-teaser .teaser-inner article .toggle > div p {
  color: #777;
}

.paragraph--type--etagen-teaser .teaser-inner article .toggle > div li {
  color: #888;
  padding: 7px 0;
  margin-left: 20px;
  list-style: none;
}

.paragraph--type--etagen-teaser .teaser-inner article .toggle > div li:before {
  content: "\2022";
  color: #004d74;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.paragraph--type--etagen-teaser .teaser-inner .article img {
  border-radius: 10px 10px 0px 0px;
}

.paragraph--type--etagen-teaser .teaser-inner .article .wrap-txt {
  padding: 20px;
  color: #646464;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}

.paragraph--type--etagen-teaser .teaser-inner .article .wrap-txt h3 {
  font: normal normal 600 23px/33px Source Sans Pro;
  color: #004d74;
}

.paragraph--type--hoecherl-teaser.primary .allergene li:not(.pass) {
  color: #fff;
}

.wishlist .allergene li:last-child,
.paragraph--type--hoecherl-teaser.primary .allergene li:last-child {
  padding-right: 15px;
}

.paragraph--type--hoecherl-teaser.dark .allergene li:not(.pass),
.paragraph--type--hoecherl-teaser.middle .allergene li:not(.pass) {
  color: #646464;
}

.allergene li {
  display: block;
  float: left;
  margin: 0 1rem 0 0;
}

.allergene li.ohne_allergene {
  display: none;
}

.ohne_gluten:before,
.ohne_ei:before,
.ohne_lactose:before,
.ohne_schalenfruech:before,
.ohne_sellerie:before,
.ohne_senf:before,
.ohne_so2_sulfite:before,
.ohne_erdnuesse:before,
.ohne_fish:before,
.ohne_krebstiere:before,
.ohne_lupine:before,
.ohne_sesam:before,
.ohne_soja:before,
.ohne_sonstige:before,
.ohne_weichtiere:before,
.icon-close:before
{
  font-family: fontello;
  display: block;
  width: 1em;
  height: 1em;
}
.ohne_ei:before {
  content: '\e823';
}
.ohne_gluten:before{
  content: '\e817';
}
.ohne_lactose:before {
  content: '\e819';
}
.ohne_schalenfruech:before {
  content: '\e81b';
}
.ohne_sellerie:before {
  content: '\e81c';
}
.ohne_senf:before {
  content: '\e81d';
}
.ohne_so2_sulfite:before {
  content: '\e820';
}
.icon-fb:before{
  font-size: 1.7em;
}

.ox1-search-item:nth-child(odd) {
  background-color: #f0f0f0;
}

.ox1-search-item:nth-child(even) {
  background-color: #f8f8f8;
}

.result .pass:before,
.wishlist .pass:before,
.paragraph--type--hoecherl-teaser .pass:before {
  content: '';
  background: url('../layout/download.svg') no-repeat;
  padding-right: 15px;
  width: 20px;
}

.fallback-wishlist {
  margin: 70px 0;
  padding: 150px 0;
  opacity: 1;
  transition: opacity 0.5s ease-in;
}

.fallback-wishlist h3 {
  width: 100%;
}

.fallback-wishlist.inactive {
  display: none;
  opacity: 0;
}

.paragraph--type--hoecherl-teaser.primary .pass:before {
  background: url('../layout/download_white.svg') no-repeat;
}


.wishlist .pass a{
  text-decoration: none;
  color: #004D74;
  text-transform: uppercase;
}

.result .inner,
.result .art-nr,
.result .allergene,
.wishlist .allergene,
.wishlist .art-nr,
.wishlist .wishlist-desc {
  color: #646464;
}

.wishlist .wishlist-desc {
  padding-bottom: 1rem;
}

.icon-close:before{
  color: #5A9CBA;
}
.pass{
  display: flex;
}
.result,
.wishlist{
  display: flex;
  padding: 2em 0;
  flex-wrap: wrap;
  justify-content: center;
}
.wishlist:first-child{
  margin-top: 10em;
}
.wishlist-allergene ul{
  display: flex;
  list-style: none;
}
.wishlist-image{
  display: flex;
  justify-content: center;
}
.wishlist-image img{
  max-width: 260px;
  max-height: 260px;
  border-radius: 10px;
}
.art_nr{
  padding-bottom: 1em;
  display: block;
}
.wishlist-allergene{
  padding-top: 2em;
}
.wishlist-allergene ul li:not(.pass):before{
  color: #000000;
}
.wishlist-image.col-3{
  padding: 0;
}
.cancel{
  display: flex;
  justify-content: space-between;
}
.cancel .cancel-button{
  cursor: pointer;
  color: #5A9CBA;
}

.merkzettel-button.button {
  border-color: #5A9CBA;
  color: #5A9CBA;
  float: right;
  margin: 5rem 5rem 5rem 0;
}

.merkzettel-button.hide {
  display: none;
}

.merkzettel-button.button:hover {
  border-color: #5A9CBA;
  background-color: #5A9CBA;
  color: #fff;
}
/* Background Image */



/* Kategorie Teaser */

.paragraph--type--hoecherl-teaser .teaser-inner-default {
  display: flex;
  flex-wrap: wrap;
}

.paragraph--type--hoecherl-teaser .teaser {
  position: relative;
  margin: 20px 0;
}

.paragraph--type--hoecherl-teaser .teaser.category {
  padding: 1rem;
}
.paragraph--type--hoecherl-teaser .teaser.category h2 {
  color: #fff;
  position: absolute;
  bottom: 1.5rem;
  left: 12.5%;
  font-size: 3rem;
  width: 75%;
  margin: 0 auto;
  line-height: 40px;
}

.paragraph--type--hoecherl-teaser .terms{
  clear: both;
  padding: 4rem 1rem 0 1rem;
}

.paragraph--type--hoecherl-teaser .terms a {
  text-decoration: none;
  color: #646464;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  display: block;
  float: left;
}

.paragraph--type--hoecherl-teaser .terms a:first-child {
  color: #004D74;
}

.paragraph--type--hoecherl-teaser .teaser .image {
  width: 100%;
  height: 0;
  padding-top: 65%;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.paragraph--type--hoecherl-teaser .teaser.category .image:after {
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  -webkit-box-shadow: inset 0px -80px 90px 0px rgba(0,0,0,0.4);
  box-shadow: inset 0px -80px 90px 0px rgba(0,0,0,0.4);
  position: absolute;
  bottom: 0;
}

.paragraph--type--hoecherl-teaser .teaser .image img {
  position: absolute;
  top: 0;
}

.ox1-search-resultrow.row .result .image {
  position: relative;
}

.ox1-search-resultrow.row .result .merkzettel,
.paragraph--type--hoecherl-teaser .teaser .merkzettel {
  position: absolute;
  top: 1em;
  right: 3em;
  width: 3.5em;
  height: 4em;
  background: url(../layout/merkliste.svg) no-repeat center;
  background-size: 6em;
}

.ox1-search-resultrow.row .result .merkzettel:hover,
.paragraph--type--hoecherl-teaser .teaser .merkzettel:hover {
  cursor: pointer;
}

.ox1-search-resultrow.row .result .merkzettel.onList,
.paragraph--type--hoecherl-teaser .teaser .merkzettel.onList{
  background: url(../layout/merkliste_active.svg) no-repeat center;
  background-size: 6em;
}

.ox1-search-resultrow.row .result .merkzettel.active,
.paragraph--type--hoecherl-teaser .teaser .merkzettel.active {
  background: url('../layout/merkliste_active.svg') no-repeat;
}

.paragraph--type--hoecherl-teaser .teaser .inner  {
  font: normal normal 600 25px/30px Source Sans Pro;
}

.paragraph--type--hoecherl-teaser .teaser .inner .art-nr {
  font: normal normal normal 18px/30px Source Sans Pro;
  padding: 15px 0;
}
/* ASP TEASER */

.asp.teaser {
  text-align: center;
}
.asp.teaser img {
  margin: 0 auto 3rem auto;
  padding: 4rem;
}

.asp.teaser a {
  color: #004d74;
}


/* Beraten */
.paragraph--type--wir-beraten-sie-gern- {
  background-color: #004d74;
  color: #fff;
}

.paragraph--type--wir-beraten-sie-gern- .row {
  display: flex;
}

.paragraph--type--wir-beraten-sie-gern- .row > div {
  float: left;
  padding: 30px;
  width: 40%;
  align-self: center;
}



.paragraph--type--wir-beraten-sie-gern- .row div.contact-person {
  width: 20%;
}

.paragraph--type--wir-beraten-sie-gern- .row div.contact-person img {
  border-radius: 50%;
  width: 136px;
  float: right;
}


.paragraph--type--wir-beraten-sie-gern- .row div.contact-information {
  font: normal normal normal 45px/65px Oswald;
}

.paragraph--type--wir-beraten-sie-gern- .row div.contact-information span {
  font: normal normal 600 24px/28px Source Sans Pro;
}

.paragraph--type--wir-beraten-sie-gern- .row div.contact-information a{
  color: #ffffff;
}

.paragraph--type--wir-beraten-sie-gern- .row div.contact-slogan {
  font: normal normal normal 55px/65px Oswald;
  text-transform: uppercase;
}

.paragraph--type--wir-beraten-sie-gern- .row div span {
  display: block;
}

@media all and (max-width: 1100px) {
  .paragraph--type--wir-beraten-sie-gern- .row {
    display: block;
  }

  .paragraph--type--wir-beraten-sie-gern- .row div.contact-person {
    width: 40%;
  }

  .paragraph--type--wir-beraten-sie-gern- .row > div {
    width: 60%;
    padding: 1rem 3rem;
  }

  .paragraph--type--wir-beraten-sie-gern- .row div.contact-person img {
    float: none;
    margin: 0 auto;
  }
}

@media all and (max-width: 676px) {

  .paragraph--type--wir-beraten-sie-gern- .row div.contact-person {
    width: 100%;
  }

  .paragraph--type--wir-beraten-sie-gern- .row > div {
    width: 100%;
    padding: 1rem 3rem;
    text-align: center;
  }

  .paragraph--type--wir-beraten-sie-gern- .row div.contact-person img {
    float: none;
    margin: 0 auto;
  }
}

/* TEXT PARAGRAPH */

.paragraph--type--etagen-text {
  display: inherit;
}

.paragraph--type--etagen-text.block {
  display: block;
}

.paragraph--type--etagen-text.block > .col {
  float: none;
}

.paragraph--type--etagen-wrapper[data-items-in-a-row] .paragraph--type--etagen-text > .align {
  display: flex;
}

.paragraph--type--etagen-wrapper[data-items-in-a-row="1"] .paragraph--type--etagen-text > .align {
  display: block;
}

.paragraph--type--etagen-text > .align > div {
  align-self: center;
}


/* BUTTON */

.button,
.button.button--primary {
  background: transparent;
  border: 1px solid #d70013;
  min-width: unset;
  color: #d70013;
  border-radius: 5px;
  font: normal normal 600 20px/32px Source Sans Pro;
  text-transform: uppercase;
}

.button:hover,
.button.button--primary:hover {
  background: #d70013;
  border: 1px solid #d70013;
  color: #fff;
}

.menu.menu-level-1 .button {
  border: 1px solid #fff;
  opacity: 1;
}

.menu.menu-level-1 .button:hover {
  border: 1px solid #fff;
  background: #fff;
  color: #004d74;
}

@media (max-width: 767px) {
  .cookie-wrapper {
    top: 0;
  }
}


.cookie-main .button {
  background: #004d74;
  border: 1px solid #004d74;
  color: #fff;
}

.cookie-main a.button.button--primary.no-icon {
  padding: 0.6em 1.2em;
  border: none;
}

.cookie-main a {
  color: #004d74;
  text-decoration: none;
}

.cookie-main #show,
.cookie-main label:hover,
.cookie-main input:not([disabled]):hover {
  cursor: pointer;
}

#sliding-popup {
  position: fixed;
  overflow-y: scroll;
  background-color: rgba(0,0,0,0.6);
  width: 100%;
  height: 100vh;
  min-height: 100%;
  z-index: 999999;
}

#sliding-popup .eu-cookie-compliance-banner{
  left: 50%;
  z-index: 10;
  transform: translate(-50%, 3rem);
  background-color: #ffffff;
  font-family: Oswald;
  position: absolute;
  margin-bottom: 1.5em;
}

@media all and (max-width: 1420px) {
  #sliding-popup .eu-cookie-compliance-banner{
    width: 65%;
  }
}

@media all and (max-width: 1100px) {
  #sliding-popup .eu-cookie-compliance-banner{
    width: 75%;
  }
}

@media all and (max-width: 800px) {
  #sliding-popup .eu-cookie-compliance-banner{
    width: 90%;
  }
}

@media all and (max-width: 600px) {
  #sliding-popup #popup-text h2{
    font: normal normal normal 30px/40px Oswald;
  }

  #sliding-popup #popup-text p{
    font: normal normal normal 14px/20px Source Sans Pro;
  }
}

#sliding-popup .eu-cookie-compliance-content {
  max-width: 100%;
  padding: 1.5em;
}

#sliding-popup .eu-cookie-compliance-message {
  float: none;
  width: 100%;
  max-width: 100%;
}

#sliding-popup .eu-cookie-compliance-category-descriptions  {
  float: none;
  clear: both;
  display: none;
  padding: 2rem 0;
}

#sliding-popup .eu-cookie-compliance-category-description {
  font: normal normal normal 18px/30px Source Sans Pro;
  color: #646464;
}


#sliding-popup .eu-cookie-compliance-category input {
  position: relative;
  float: left;
  top: 0.7rem;
}

#sliding-popup .eu-cookie-compliance-category label {
  margin: 0 3rem 0 0;
  font: normal normal normal 18px/30px Source Sans Pro;
  color: #646464;
}

#sliding-popup .detail-text {
  font: normal normal normal 18px/30px Source Sans Pro;
}

#sliding-popup #show_details_btn {
  cursor: pointer;
}

#sliding-popup .detail-text #hide {
  display: none;
}

#sliding-popup .eu-cookie-compliance-category-description {
  float: none;
  clear: both;
}

#sliding-popup .eu-cookie-compliance-categories {
  padding: 2rem 0;
  margin: 1rem 0;
}

#sliding-popup .eu-cookie-compliance-category {
  float: left;
}

@media all and (max-width: 800px) {
  #sliding-popup .eu-cookie-compliance-category {
    float: none;
  }
}

#sliding-popup .eu-cookie-compliance-buttons-wrap {
  float: right;
}

#sliding-popup .eu-cookie-compliance-buttons-wrap button {
  padding: 1rem 3rem 1rem;
}

#sliding-popup .eu-cookie-compliance-categories-buttons {
  clear: left;
  float: left;
}

#sliding-popup .eu-cookie-compliance-buttons {
  float: left;
  max-width: none;
}


/* IFRAME */

iframe {
  min-height: 40rem;
}

/* WEBFORM */


.paragraph--type--etagen-webform > div {
  display: flex;
  flex-wrap: wrap;
}

.paragraph--type--etagen-webform .webform-text {
  display: flex;
  justify-content: center;
}
.paragraph--type--etagen-webform .webform-text a{
  text-decoration: none;
}
.paragraph--type--etagen-webform .align {
  /*  align-self: center; */
}

.paragraph--type--etagen-webform .align h3:before {
  content: '\e806';
  font-family: fontello;
  display: block;
  color: #d90009;
  position: relative;
  top: -2.5rem;
  font-size: 5rem;
}

.hoecherl-wishlistform {
  width: 50%;
  margin: 0 auto;
  float: none;
  clear: both;
  padding-top: 25vh;
}

.hoecherl-wishlistform .form-actions,
.hoecherl-wishlistform .js-form-item {
  padding: 0 15px;
}

.hoecherl-wishlistform .js-form-item:not(.js-form-type-textarea,.form-item-description) {
  width: 50%;
  float: left;
  clear: none;
}

.hoecherl-wishlistform .js-form-item input,
.hoecherl-wishlistform .js-form-item textarea,
.webform-submission-kontakt-form .js-form-item input,
.webform-submission-kontakt-form .js-form-item textarea {
  border-radius: 5px;
  border: none;
  background-color: #f0f0f0;
  padding: 30px 20px;
}

.hoecherl-wishlistform label {
  display: none;
}

.js-form-type-checkbox input {
  margin-top: 3px;
  margin-right: 15px;
}

.js-form-type-checkbox span {
  margin-left: 20px;
}

/* USER LOGIN */
html .not-front .paragraph.form-user-login-text {
  padding-top: 25vh;
}

#user-pass{
  max-width: 40%;
  margin: 0 auto;
  padding-bottom: 5rem;
}


#user-login-form {
  max-width: 50%;
  margin: 0 auto;
  padding-bottom: 5rem;
}

#user-pass label ,
#user-pass .description,
#user-login-form label ,
#user-login-form .description {
  display: none;
}

#user-login-form .js-form-item {
  width: 50%;
  float: left;
  clear: none;
  padding: 0 15px;
}

#user-pass .js-form-item input,
#user-login-form .js-form-item input {
  border-radius: 4px;
  background: #F0F0F0 0% 0% no-repeat padding-box;
  border: none;
  padding: 2.5rem 1.2rem;
}

#user-login-form .form-actions {
  padding: 0 15px;
}

#user-pass .form-actions #edit-submit,
#user-login-form .form-actions #edit-submit{
  border-color: #5A9CBA;
  color: #5A9CBA;
}

#user-pass .form-actions #edit-submit:hover,
#user-login-form .form-actions #edit-submit:hover{
  border-color: #5A9CBA;
  background-color: #5A9CBA;
  color: #fff;
}

#user-login-form .form-actions .password-reset {
  float: right;
  width: 50%;
  padding: 15px 15px;
}


#user-login-form .form-actions .user-reset-password-link {
  font-size: 15px;
  color: #767676;
  text-decoration: none;
}


/* FOOTER */

.demo-icon {
  font-family: "etagen-iconfont";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* You can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
footer{
  padding: 2em 0;
  clear: both;
}
footer > div {
  display: flex;
  flex-wrap: wrap
}
footer > div > div,
footer > div > nav {
  padding: 0 2rem;

}

footer #block-brandingderwebsite {
  flex: 1 1 15%;
}
footer #block-fusszeile,
footer #block-socialmedia {
  flex: 1 1 12.5%;
}

footer #block-fusszeile li{
  margin: 0;
  padding: 0;
}

footer #block-hubertushocherlgmbhwurstundschinkenspezialitaten,
footer #block-kontakt {
  flex: 1 1 30%;
}

@media all and (max-width: 1200px) {

  footer > div > div,
  footer > div > nav {
    padding-bottom: 2.5rem;
  }

  footer #block-brandingderwebsite {
    flex: 1 1 25%;
  }

  footer #block-hubertushocherlgmbhwurstundschinkenspezialitaten {
    flex: 1 1 45%;
  }

  footer #block-kontakt {
    flex: 1 1 30%;
  }


  footer #block-socialmedia {
    flex: 1 1 30%;
  }

  footer #block-fusszeile{
    flex: 1 1 45%;
    margin-left: 25%;
    padding-left: 2.2rem;
  }
}

footer #block-fusszeile a{
  font-size: 20px;
}

@media all and (max-width: 850px) {
  .col-5 {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
@media all and (max-width: 800px) {

  #user-login-form{
    display: flex;
    flex-direction: column;
  }
  #user-login-form #edit-submit{
    font-size: 1.8rem;
  }
  #user-login-form .form-actions .password-reset{
    float: left;
    padding: 15px 0;
  }

  #user-login-form .js-form-item{
    width: 100%;
  }

  footer > div > div,
  footer > div > nav {
    padding-bottom: 2.5rem;
  }

  footer > div {
    display: block;
    flex-wrap: unset;
  }

  footer #block-brandingderwebsite {
    display: none;
  }

  footer #block-hubertushocherlgmbhwurstundschinkenspezialitaten,
  footer #block-kontakt,
  footer #block-fusszeile,
  footer #block-socialmedia {
    width: 100%;
    margin-left: 0;
    padding: 0 2rem 3rem 2rem;
  }
}
footer a{
  font-family: inherit;
  color: #646464;
}
footer h5 {
  font-size: 20px;
  font-weight: bold;
  color: #004d74;
  padding-bottom: 5px;
}

footer span {
  width: 50px;
  display: block;
  float: left;
}

footer a {
  font-weight: normal;
}
form#hoecherl-registerform,
form#hoecherl-orderprepareform,
form#hoecherl-orderform,
form#hoecherl-logout-logout {
  padding: 24rem;
}

@media screen and (max-width: 1200px) {
  form#hoecherl-registerform,
  form#hoecherl-orderprepareform,
  form#hoecherl-orderform,
  form#hoecherl-logout-logout {
    padding: 24rem 2rem;
  }
}

form#hoecherl-orderform .form-item-customer label {
  float: none;
  border-bottom: none;
}

form#hoecherl-orderform .form-item-customer .form-select {
  height: auto;
  width: max-content;
}

div[data-drupal-messages] {
  position: absolute;
  z-index: 99999;
  width: 75vw;
  left: 0;
  right: 0;
  top: 12rem;
  margin: 0 auto;
  background: white;
  box-shadow: 0 5px 15px -7.5px grey;
}

div[data-drupal-messages] > div[role="contentinfo"] {
  padding: 2rem;
  background: white;
}

div[data-drupal-messages] > div[role="contentinfo"][aria-label="Fehlermeldung"] {
  background: rgba(215,0,19,0.3);
  color: rgb(141, 0, 18);
}

div[data-drupal-messages] > div[role="contentinfo"][aria-label="Warnmeldung"] {
  background: rgba(215, 122, 0, 0.3);
  color: rgb(166, 88, 0);
}

div[data-drupal-messages] > div[role="contentinfo"][aria-label="Statusmeldung"] {
  background: rgba(0, 215, 43, 0.3);
  color: rgb(0, 115, 27);
}


div[data-drupal-messages] {
  border-radius: 5px;
}
div[data-drupal-messages] > div[role="contentinfo"]:last-of-type {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
div[data-drupal-messages] > div[role="contentinfo"]:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

table .table-w-5 {
  width: 5%;
}

table .table-w-10 {
  width: 10%;
}

table .table-w-15 {
  width: 15%;
}

table .table-w-20 {
  width: 20%;
}

table .table-w-25 {
  width: 25%;
}

table .table-w-30 {
  width: 30%;
}

table .table-w-35 {
  width: 35%;
}

table .table-w-40 {
  width: 40%;
}

table .table-w-45 {
  width: 45%;
}

table .table-w-50 {
  width: 50%;
}

table .table-w-55 {
  width: 55%;
}

table .table-w-60 {
  width: 60%;
}

table .table-w-65 {
  width: 65%;
}

table .table-w-70 {
  width: 70%;
}

table .table-w-75 {
  width: 75%;
}

table .table-w-80 {
  width: 80%;
}

table .table-w-85 {
  width: 85%;
}

table .table-w-90 {
  width: 90%;
}

table .table-w-95 {
  width: 95%;
}

table .table-w-100 {
  width: 100%;
}
.price.special {
  background-color: rgba(200,200,0,0.2);
}

div.mm-page.mm-slideout#mm-0 {
  padding: 0 !important;
}

.teaser-inner.teaser-inner-grid {
  display: flex;
  row-gap: 40px;
  flex-wrap: wrap;
}

.jobs .teaser-inner.teaser-inner-grid {
  flex-direction: column;
}

/* Fixt zu große Boxen auf iPhone/iOS */
input[type=checkbox], input[type=radio] {
  padding: 0 !important;
}