@import url("//hello.myfonts.net/count/3be22b");

@font-face {
  font-family: 'BeaujolaisOne';
  font-display: swap;
  src: url('/fileadmin/fonts/BeaujolaisOne/font.woff2') format('woff2'), url('/fileadmin/fonts/BeaujolaisOne/font.woff') format('woff');
}

:root {
    --top-height: 12rem;
    --primary-color: #8F7D7E;
    --start-info-height: 0px;
    --footer-height: 8rem;
    --content-height: calc(100vh - var(--top-height));
    --website-padding-100: 4rem;
    --website-padding-50: 2rem;

    /* Input - Basic */
    --bh-form-manager-highlight-color: #8F7D7E;
    --bh-form-manager-input-text: #8F7D7E;
    --bh-form-manager-input-border: 1px solid #8F7D7E;
    --bh-form-manager-input-border-radius: 4px;
    --bh-form-manager-input-bg: white;
    --bh-form-manager-input-font-size: 15px;
    --bh-form-manager-input-padding: 12px 15px;
    --bh-form-manager-textarea-height: 100px;
    --bh-form-manager-placeholder-text: rgba(143, 125, 126, 0.6);

    /* Submit */
    --bh-form-manager-submit-font-weight: 600;
    --bh-form-manager-submit-text: #FFFFFF;
    --bh-form-manager-submit-font-size: 16px;
    --bh-form-manager-submit-border-radius: 4px;
}
#WinBottom {
    width: 100%;
    height: 1px;
    pointer-events: none;
    opacity: 0;
    position: fixed;
    left: 0px;
    bottom: 0px;
}
.bh-bemode #WinBottom {
    position: absolute;
}

html {
  font-size: 10px;
}
html,
body {
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    transition: 0.5s ease all;
}
body {
    padding-top: inherit;
}
body.reloading {
    opacity: 0.3;
    filter: grayscale(100%);
}

/*** PAGE ***/
body {
    position: relative;
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.bh-femode {
    position: fixed !important;
}

/*********
* FONT
*********/
.bh-bodytext h1,
.bh-bodytext h2,
.bh-bodytext h3,
.bh-bodytext h4,
.bh-bodytext h5,
.bh-bodytext h6{
  font-family: 'Source Sans Pro', sans-serif;
    margin-top: 0px;
    font-weight: normal;
}
.bh-bodytext h1{
    font-size: 20px;
    color: #8F7D7E;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;

}
.bh-bodytext h2{
  font-family: 'BeaujolaisOne';
    font-size: 140px;
    color: #8F7D7E;
    text-transform: lowercase;
    line-height: 0.7;
    text-align: center;
}
.bh-bodytext h3{
  font-size: 24px;
  line-height: 1.375;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 40px;
  color: #8F7D7E;
}
.bh-bodytext h4{
  font-family: 'BeaujolaisOne';
    font-size: 100px;
    color: #8F7D7E;
    text-transform: lowercase;
    line-height: 0.7;
    text-align: center;
    margin-bottom: 20px;
}
.bh-bodytext h5{
    font-size: 16px;
    color: #8F7D7E;
    letter-spacing: 5px;
    text-transform: uppercase;
}
.bh-bodytext h6{
    font-size: 16px;
    color: #8F7D7E;
    letter-spacing: 5px;
    text-transform: uppercase;
}
.bh-bodytext p{
    font-size: 20px;
    color: #8F7D7E;
    letter-spacing: 0;
    line-height: 1.55;
}
.bh-bodytext a{
    color: inherit;
    font-weight: bold;
}
.bh-bodytext a:hover{
    text-decoration: none;
    text-decoration: underline;
}
.bh-bodytext li{
    font-size: 18px;
    color: #8F7D7E;
    letter-spacing: 0;
    line-height: 1.55;
}


.bh-bodytext h3 + h4{
  margin-top: -20px;
}

.bh-bodytext .style-background-brown{
  background-color: rgb(154, 136, 137);
}
.style-background-brown,
.style-background-brown p,
.style-background-brown .bh-bodytext,
/* .style-background-brown .bh-bodytext a:not(.style-button), */
.style-background-brown .bh-bodytext h1,
.style-background-brown .bh-bodytext h2,
.style-background-brown .bh-bodytext h3,
.style-background-brown .bh-bodytext h4,
.style-background-brown .bh-bodytext h5,
.style-background-brown .bh-bodytext h6,
.style-background-brown .bh-bodytext b,
.style-background-brown .bh-bodytext strong,
.style-background-brown .bh-bodytext .style-text-teaser,
.style-background-brown .bh-bodytext .style-text-zitat,
.style-background-brown .bh-bodytext .fließtext-groß,
.style-background-brown .bh-bodytext .style-text-teaser2,
.style-background-brown .bh-bodytext li,
.style-background-brown .bh-bodytext li:before  {
  color: #fff !important;
}

.style-background-brown{
  background-color: rgb(154, 136, 137);
}
.style-background-color-braun,
.style-background-color-braun p,
.style-background-color-braun .bh-bodytext,
/* .style-background-brown .bh-bodytext a:not(.style-button), */
.style-background-color-braun .bh-bodytext h1,
.style-background-color-braun .bh-bodytext h2,
.style-background-color-braun .bh-bodytext h3,
.style-background-color-braun .bh-bodytext h4,
.style-background-color-braun .bh-bodytext h5,
.style-background-color-braun .bh-bodytext h6,
.style-background-color-braun .bh-bodytext b,
.style-background-color-braun .bh-bodytext strong,
.style-background-color-braun .bh-bodytext .style-text-teaser,
.style-background-color-braun .bh-bodytext .style-text-zitat,
.style-background-color-braun .bh-bodytext .fließtext-groß,
.style-background-color-braun .bh-bodytext .style-text-teaser2,
.style-background-color-braun .bh-bodytext li  {
  color: #fff;
}

.bh-bodytext ul {
  padding-left: 25px;
}
.bh-bodytext li,
.copyrightlist li{
  list-style: none;
  position: relative;
}
.bh-bodytext li:before,
.copyrightlist li:before{
  position: absolute;
  left: -25px;
  top: 0px;
  line-height: inherit;
  vertical-align: middle;
  color: #8f7d7e;
  content: '\e906';

  font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
/*     line-height: inherit; */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/*********
* FORMATE
*********/
.bhe-teaser.bhe-teaser{
    font-size: 24px;
    color: #8F7D7E;
    font-weight: 300;
    text-align: center;
    line-height: 1.6;
}
.spalten-icon{
    display: inline-block;
    background-image: url(../templates/assets/bhText/spalten-icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 75px;
    width: 72px;
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: 4px;
    line-height: 68px;
    padding-left: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.fifty-title.fifty-title{
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8F7D7E;
  margin-bottom: 30px;
}


.bh-touch-page {
    height: var(--content-height);
    width: 100%;
    padding-top: 0px;
    transition: 0.3s ease padding-top;
    background: white;
}

.bh-femode .bh-touch-page {
    height: 100vh;
}

.bh-bemode {
    background: rgba(0, 0, 0, 0.2);
}
/* Fix damit das iPad nach unten rückt */
.bh-touch-spacer-for-backend {
    display: none;
}
.bh-bemode .bh-touch-spacer-for-backend {
    display: block;
    height: 88px;
}

.bh-bemode .bh-touch-page {
    max-width: 998px;
    height: 788px;
    position: relative;
    margin-left: calc(50% - 998px / 2);
    outline: 2px solid fuchsia;
}

.bh-bemode:before {
    margin-top: 88px;
    content: "";
    position: absolute;
    /** quickfix EXT:bh_touch/ oder früher /typo3conf/ext/bh_touch/ */
    background-image: url("/_assets/2f79c79331839f00d1204574751afb14/Images/ipad.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0px;
    top: -35px;
    height: 858px;
    left: 0px;
    z-index: 100;
    pointer-events: none;
}

body.isWebapp {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

/*** NAVIGATION ****/
.bh-touch-navi-wrapper {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    position: fixed;
    left: 100px;
    top: 200px;
    border-top-right-radius: 26px;
    border-bottom-right-radius: 26px;
    z-index: 100;
    background: white;
}

.bh-touch-toggler {
    position: absolute;
    padding: 20px;
    font-size: 40px;
    background: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    cursor: pointer;
    left: -70px;
    top: -16px;
    z-index: 2;
    transition: 0.3s ease all;
    transform: rotate(0deg);
}

.active .bh-touch-toggler {
    transform: rotate(180deg);
}

.active .bh-touch-toggler:before {
    content: "\e912" !important;
}

.bh-touch-navi-wrapper .bh-navigation ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
}

.bh-touch-navi-wrapper .bh-navigation ul a {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.bh-touch-navi-wrapper .bh-navigation ul li:first-child a {
    border-left: 0px;
}

.bh-touch-navi {
    overflow: hidden;
}

.bh-touch-navi .bh-navigation {
    margin-left: -1000px;
    display: inline-block;
    transition: 0.6s ease all;
}

.bh-touch-content {
    height: var(--content-height);
    background-size: cover;
    background-position: center center;
    padding: 0 var(--website-padding-100);
    padding-top: 4rem;
    padding-bottom: var(--footer-height);
    box-sizing: border-box;
    overflow-y: auto;
}
.bhe-state-editing .bh-touch-content {
  padding-top: 30px;
}
.bh-touch-content .bh-width-max {
  width: calc(100% + (var(--website-padding-100) * 2));
  margin-left: calc(var(--website-padding-100) * -1);
}
.active .bh-touch-navi .bh-navigation {
    margin-left: 0px;
}

.bh-touch-click-listener {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
}

.touch-refresh {
    cursor: pointer;
    position: fixed;
    right: 10px;
    bottom: 10px;
    font-size: 30px;
    padding: 10px;
    background: white;
    opacity: 0.5;
}

.touch-refresh {
    display: none;
}

.bh-touch-language {
    position: relative;
    z-index: 100;
}


.bh-touch-page-icon-select {
    position: fixed;
    right: 20px;
    top: 80px;
    background: #4f4f4f;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 28px;
    color: white;
    z-index: 100;
}

.bh-touch-page-icon-select > div {
    padding-bottom: 10px;
}

.bh-femode .bh-touch-page-icon-select,
body:not(.bhe-state-editing) .bh-touch-page-icon-select {
    display: none;
}

.bh-touch-page-icon-select label {
    font-size: 12px;
    line-height: 18px;
    display: block;
    white-space: nowrap;
}

.bh-touch-start .bh-navigation ul li {
    list-style-type: none;
    display: flex;
    padding-bottom: 5px;
    padding-top: 5px;
}

.bh-navigation-item-icon {
    width: 45px;
    height: 45px;
    border-radius: 25px;
    background: lightgrey;
    margin-right: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.pageTouchIcon {
    display: none;
}

/*------------------------------------*\
  #Mobilversion

  NOTE: Media Query zusätzlich auf max-height
  wegen Tablets mit extremen Seitenverhältnis (z.B. iPhone 11 Pro max 896x414 )
\*------------------------------------*/
@media only screen and (max-width: 767px), screen and (max-height: 700px) {
    body.bh-femode {
        position: relative !important;
    }
    .bh-touch-content {
        height: auto;
    }
}

/*--- CUSTOM ----*/

.bh-touch-top {
  height: var(--top-height);
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: var(--primary-color);
}
.bh-touch-top > div {
  width: calc(100% / 3);
  padding: 0 2rem;
  margin: 0;
}
.bh-touch-top-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
}
.bh-touch-top-back.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.bh-touch-top-back-label {
  font-weight: 600;
  font-size: clamp(1.6rem, 2vw, 2rem);
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.bh-touch-top-back-icon {
  font-size: 24px;
  margin-right: 1rem;
}
.bh-touch-top-logo {
  display: block;
  height: 7rem;
  width:clamp(18rem, 24.5vw, 26rem);
  background-image: url('/fileadmin/images/logo/amburgsee-main-white-2.svg');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.bh-touch-language-navi .langbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bh-touch-language-navi .lang:not(clast-child) {
  margin-right: clamp(2rem, 3.5vw, 4rem);
}
.bh-touch-language-navi .lang > a {
 font-weight: 600;
 font-size: clamp(1.6rem, 2vw, 2rem);
 line-height: 1.75;
 text-align: center;
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: #FFFFFF;
}
[data-activelang="0"] .bh-touch-language-navi .lang.en > a {
 opacity: 0.4;
}
[data-activelang="1"] .bh-touch-language-navi .lang.de > a {
  opacity: 0.4;
}


/*---- FOOTER ----*/

.bh-touch-footer {
  position: fixed;
  width: 100%;
  height: var(--footer-height);
  left: 0;
  bottom: 0;
  background-color: #8F7D7E;
  transition: ease-in 0.5s;
}
.bh-touch-footer-inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
}
.bh-touch-footer-link {
  display: block;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
}
.bh-touch-footer-spacer {
  margin-left: 1rem;
  margin-right: 1rem;
}
.bh-bemode .bh-touch-footer {
  position: absolute;
}
.scrollUp .bh-touch-footer,
.topOfPage.scrollDown .bh-touch-footer {
  bottom: 0px;
  transition: ease-in 0.5s;
}
.scrollDown .bh-touch-footer,
.bhe-state-editing .bh-touch-footer,
.bhe-state-editing.scrollUp .bh-touch-footer,
.bhe-state-editing.topOfPage.scrollDown .bh-touch-footer {
  bottom: calc(var(--footer-height) * -1);
  transition: ease-out 0.5s;
}


/* bhText */

.bhText.bh-text-style-bg {
  padding: 4rem var(--website-padding-100);
  box-sizing: border-box;
  background-color: #E9E5E5;
}
.bhText.bh-text-style-bg .bhTextInner {
  max-width: 70rem;
  margin: 0 auto;
}

/* bhTabs */

.bhTabs .bh-tabtogglers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc(100% + 4px);
  margin-left: -2px;
}
.bhTabElement {
  width: 5rem;
  height: 5rem;
  border: none;
  margin: 2px;
  border-radius: 4px;
  background-color: #8F7D7E;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  transition: ease background-color 0.3s;
}
.bhTabElement.bh-tabtoggler-active {
  background-color: #6AA971;
}
.bhTabElement .bh-bodytext p {
  color: white;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}


/*---- NEWS ----*/

/* Newsliste */

.newslist-list {
  width: calc(100% + 3rem);
  height: auto;
  margin-left: -1.5rem;
  margin-top: -1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.newslist-item {
  display: block;
  width: calc(50% - 3rem);
  margin: 1.5rem;
}
.newslist-item-inner {
  width: 100%;
  height: 100%;
}
.newslist-item-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.newslist-item-content {
  width: 100%;
  height: 100%;
  padding: 4rem;
  box-sizing: border-box;
  background-color: rgba(0,0,0,0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.newslist-item-top {
  margin-bottom: 10rem;
}
.newslist-item-headline h3 {
  font-size: clamp(2.5rem, 3.2vw, 3.2rem);
  line-height: 1.25;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 0;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.newslist-item-subtitle {
  font-style: normal;
  font-weight: 700;
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.newslist-item-text,
.newslist-item-text p {
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
}
.newslist-item-text {
  margin-bottom: clamp(2.5rem, 4vw, 4rem);
}
.newslist-item-link {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  text-decoration: none;
  color: #FFFFFF;
}
.newslist-category-togglers {
  margin-bottom: clamp(3rem, 6vw, 6rem);
}
.newslist-category-togglers-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newslist-category-toggler {
  margin: 2px;
  padding: 1rem 2rem;
  background-color: #8F7D7E;
  font-weight: 600;
  font-size: clamp(1.7rem, 2.6vw, 2rem);
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 4px;
  transition: ease-in background-color 0.3s;
}
.newslist-category-toggler.active {
  background-color: #6AA971;
  transition: ease-in background-color 0.3s;
}

/* Newsdetail */

.news-header-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.news-header-img-content {
  width: 100%;
  min-height: 54vw;
  height: auto;
  padding: clamp(3rem, 7vw, 6rem) var(--website-padding-100);
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%);
}
.bh-bemode .news-header-img-content {
  min-height: calc(998px * 0.54);
}
.news-header-headline {
  margin-bottom: clamp(2rem, 4vw, 4rem);
}
.news-header-headline h2 {
  color: white;
}
.news-header-subtitle {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #FFFFFF;
}
.news-header-content-inner {
  padding: clamp(4rem, 8vw, 8rem) var(--website-padding-100);
  box-sizing: border-box;
}
.news-header-text {
  max-width: 66rem;
  margin: 0 auto;
}
.news-content-inner {
  padding: 0 var(--website-padding-100);
  box-sizing: border-box;
}
.news-content-main-content {
  margin-bottom: clamp(4rem, 8vw, 8rem);
}

/* bhPicture */

.bhPicture img {
  width: 100%;
  height: auto;
}

/* Anfrage Manager */


/*------------------------------------*\
  #Mobilversion
\*------------------------------------*/
@media only screen and (max-width: 767px), screen and (max-height: 700px) {
    .bh-touch-content.bh-touch-start {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
    }

    .bh-touch-content.bh-touch-start > *.bh-touch-start-logo {
        flex-basis: auto;
        width: 100%;
        background-position: left 20px center;
        height: 100px;
    }

    .bh-touch-start .bh-touch-language {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .bh-touch-content.bh-touch-start > *:not(.bh-touch-language) {
        position: relative;
        left: inherit;
        right: inherit;
        top: inherit;
        bottom: inherit;
        order: 1;
        flex-basis: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .bh-touch-content.bh-touch-start > *.bh-touch-start-info {
        display: block;
        flex-basis: 100%;
    }

    .bh-touch-top-title {
        white-space: nowrap;
        font-size: 0px;
    }
    .bh-touch-top a.bh-touch-top-back-text {
        display: none;
    }

    /*------------------------------------*\
	  #Scrollbox
	\*------------------------------------*/

    .el-scrollbox-wrapper {
        padding-top: 0;
        padding-bottom: 0;
        height: auto;
        overflow: auto;
    }

    .el-scrollbox-pane {
        padding: 15px;
    }
}
@media only screen and (max-width:600px) {
  /*******************
  * FONT
  ********************/
  h1,
  h2,
  h3,
  h4,
  h5,
  h6{
      color: #8F7D7E;
      margin-top: 0px;
      margin-bottom: 20px;
      text-align: center;

  }
  .bh-bodytext h1{
      font-size: 14px;
  }
  .bh-bodytext h2{
      font-size: 45px;
      line-height: 0.7;
  }
  .bh-bodytext h3{
      font-size: 18px;
  }
  .bh-bodytext h4{
      font-size: 40px;

  }
  .bh-bodytext h5{
      font-size: 18px;
  }
  .bh-bodytext h6{
      font-size: 18px;
      color: black;
  }
  .bh-bodytext p{
      color: #8F7D7E;
      font-size: 14px;
  /*     text-align: center; */
      display: block;
  }

  .bh-bodytext p{
    font-size: 16px;
    margin-top: 0;
  }

  .bh-bodytext li{
    font-size: 14px;
  }

  .bhe-teaser.bhe-teaser {
      font-size: 18px;
  }
  .btn-form-white{
      font-size: 14px;
      color: #FFFFFF;
  }
  .el-layout .bhTabElement p{
    color: white;
  }

  .el-layout-container-outer{
    min-height: auto !important;
  }

  .fließtext-groß.fließtext-groß{
    font-size: 16px;
  }
  .newslist-item {
    width: 100%;
  }
  .bh-touch-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bh-touch-top .bh-touch-top-center {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
  .bh-touch-top .bh-touch-top-left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 10px;
  }
  .bh-touch-top .bh-touch-top-right {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 50%;
    box-sizing: border-box;
    padding-right: 0;
    padding-left: 10px;
  }
}

@media only screen and (max-width:500px) {
  :root {
    --website-padding-100: 2rem;
    --website-padding-50: 1rem;
  }
  .bh-touch-content {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
  .bh-touch-footer-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bh-touch-footer-spacer {
    display: none;
  }
}
@media only screen and (max-width:350px) {
  .bh-touch-top-back-label {
    font-size: 14px;
    letter-spacing: 0;
  }
}