/*------------------------------------*\
  #Variables
\*------------------------------------*/

:root {
  /* colors */
  --beige: #F9F7F5;
  --black: #393737;
  --dark-black: #242424;
  --brown: #73695F;
  --bronze: #BF5B04;
  --white: #FFFFFF;
  --fake-white: #FDFCFB;
  --blue: #81919C;
  --blue-soft: #A7BABD;

  --seo-title-accent: var(--bronze);
  --title-accent: var(--brown);
  --button-accent: var(--bronze);

  /* Form Manager */
  /* Input - Basic */
  --bh-form-manager-highlight-color: var(--seo-title-accent);
  --bh-form-manager-input-text: var(--brown);
  --bh-form-manager-input-border: 1px solid var(--brown);
  --bh-form-manager-input-border-radius: 30px;
  /* --bh-form-manager-input-bg: var(--white); */
  --bh-form-manager-input-bg: #fefefe;
  --bh-form-manager-input-font-size: 16px;
  --bh-form-manager-input-padding: 12px 24px;
  --bh-form-manager-textarea-height: 150px;
  --bh-form-manager-placeholder-text: #9a9a9a;

  /* Submit */
  --bh-form-manager-submit-border: 1px solid currentcolor;
  --bh-form-manager-submit-padding: 17px 40px;
  --bh-form-manager-submit-bg: var(--seo-title-accent);
  --bh-form-manager-submit-hover-bg: transparent;
  --bh-form-manager-submit-font-family: inherit;
  --bh-form-manager-submit-font-weight: 500;
  --bh-form-manager-submit-text: var(--white);
  --bh-form-manager-submit-hover-text: var(--seo-title-accent);
  --bh-form-manager-submit-font-size: 14px;
  --bh-form-manager-submit-border-radius: 100vmax;
}

.bh-form-manager__field__icon {
  right: 18px;
}
.bh-form-manager__field__input--textarea,
.bhe-state-current-editing-element .bh-bodytext.bh-form-manager__field__input--textarea {
  border-radius: 15px;
}
.el-form-manager {
  max-width: 800px;
  margin-inline: auto;
}


.el-scrollbox-pane.el-scrollbox-pane {
  overflow: initial;
  overflow-y: scroll;
}

/*------------------------------------*\
  #Font Includes
\*------------------------------------*/

@font-face {
  font-family: "SK Zweig Rounded";
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/SKZweigMediumRounded.woff2') format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 100 700;
  src: url('../fonts/IBM-Plex-Sans.woff2') format("woff2-variations");
}



/*------------------------------------*\
  #Formate
\*------------------------------------*/

body{
  font-family: 'IBM Plex Sans', sans-serif;
}

.bh-touch-language-pane{
  font-family: 'IBM Plex Sans', sans-serif;
}

body {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
  letter-spacing: 0.8px;
}

h1{
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.6px;
  text-align: center;
  text-transform: uppercase;
  color: #BF5B04;
  margin-bottom: 11px;
}
h2 {
  font-family: 'SK Zweig Rounded', serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 2.4px;
  color: #73695F;
  margin-bottom: 24px;
}
h3 {
  font-family: 'SK Zweig Rounded', serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.56px;
  color: #BF5B04;
  margin-bottom: 8.4px;
}
h4 {
  font-family: 'SK Zweig Rounded', serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.6;
  letter-spacing: 0.44px;
  color: #BF5B04;
  padding-top: 7.5px !important;
  margin-bottom: 2px !important;
}
h5 {
  font-family: 'SK Zweig Rounded', serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.8px;
  color: #81919C;
  margin-bottom: 10px;
}
h6 {
  font-family: 'SK Zweig Rounded', serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.8px;
  color: #81919C;
  margin-bottom: 9.6px;
}

/*
.bh-bodytext a {
  color: #BF5B04;
}
*/

.bh-bodytext li,
.copyrightlist li,
.frame-type-menu_sitemap li{
  list-style: none;
  position: relative;
}
.bh-bodytext li:before,
.copyrightlist li:before,
.frame-type-menu_sitemap li:before{
  position: absolute;
  left: -20px;
  top: 6px;

  line-height: inherit;
  vertical-align: middle;
  color: inherit;
  content: '\e9b8';
  color: #BF5B04;
  font-size: 8px;
  font-family: 'bakehouse-iconset';
}
.bh-bodytext li{
  margin-bottom: 5px;
}

.bh-touch-language .bh-touch-language-toggler {
  -webkit-filter: drop-shadow(0px 0px 4px rgb(0 0 0 / 40%));
          filter: drop-shadow(0px 0px 4px rgb(0 0 0 / 40%));
}

.el-scrollbox .el-scrollbox-wrapper {
  background: #F9F7F5;
}

.el-scrollbox-wrapper .el-scrollbox-pane {
  background: #FDFCFB;
  padding-bottom: 25dvh;
}



/*------------------------------------*\
  #Ausblendungen
\*------------------------------------*/

.bh-touch-language-pane:before{
  display: none;
}



/*------------------------------------*\
  #Startseite Hintergrund
\*------------------------------------*/

.bh-femode .bh-touch-content.bh-touch-start{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  background: #F9F7F5;
}



/*------------------------------------*\
  #Startseite Logo
\*------------------------------------*/

.bh-touch-start-logo{
  left: 163px;
  width: 207px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}



/*------------------------------------*\
  #Startseite Navigation
\*------------------------------------*/

.bh-touch-start .bh-navigation{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 105px;
  padding-top: 120px;
  background: rgb(from #73695F r g b / 0.2);
  backdrop-filter: blur(7.5px);
  width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.bh-touch-start .bh-navigation ul li{
  padding-top: 10px;
  padding-bottom: 10px;
}

.bh-touch-start .bh-navigation a{
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #ffffff;
  line-height: 21px;
  text-transform: uppercase;
}

.bh-navigation-item-icon{
  background-color: #BF5B04;
  color: #ffffff;
  margin-right: 10px;
  font-size: 20px;
  width: 34px;
  height: 34px;
}



/*------------------------------------*\
  #Startseite Rechter Intro-Bereich
\*------------------------------------*/

.bh-touch-start-content-right {
  width: 320px;
}

.bh-touch-start-content-right h1,
.bh-touch-start-content-right h2,
.bh-touch-start-content-right h3,
.bh-touch-start-content-right h4,
.bh-touch-start-content-right h5,
.bh-touch-start-content-right .bh-styleclass-highlight{
  color: white;
  text-align: right;
  text-shadow: 0px 0px 15px rgb(0 0 0 / 50%);
}

.bh-touch-start-content-right .bh-styleclass-highlight {
  font-size: 24px;
  color: white;
  text-align: right;
}



/*------------------------------------*\
  #Startseite Banner unten
\*------------------------------------*/

.bh-touch-start-info{
  background-color: #BF5B04;
  color: white;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bh-touch-start-left,
.bh-touch-start-right{
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
      box-sizing: border-box;
}


.bh-touch-start-left {
  -ms-flex-preferred-size: calc(100% - 400px);
      flex-basis: calc(100% - 400px);
  border-right: none;
}
.bh-touch-start-right {
  position: relative;
  -ms-flex-preferred-size: 280px;
      flex-basis: 280px;

  text-align: right;
}

.bh-touch-start-left .bhContainer.bhe-state-content-empty {
  width: 100%;
}

.bh-touch-start-right a {
  white-space: nowrap;
}

.bh-touch-start-right .bh-font-{
  position: relative;
  top: 2px;
  padding-right: 5px;
}

.bh-touch-start-right p{
  margin-bottom: 10px;
}



/*------------------------------------*\
  #Content Bereich
\*------------------------------------*/

.no-padding-top {
  padding-top: 10px !important;
}



/*------------------------------------*\
  #Unterseiten Top-Bar
\*------------------------------------*/

.bh-touch-top{
  background-color: #BF5B04;
  color: white;
}

.bh-touch-top-title{
  font-family: 'SK Zweig Rounded', serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.56px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding-right: 0;
  padding-top: 0.2em;
}

.bh-touch-top-logo{
  background-size: 38.25px;
}

.bh-touch-top a.bh-touch-top-back-text{
  font-size: 14px;
  display: none;
}

.bh-touch-language{
  margin-left: auto;
}



/*------------------------------------*\
  #Accordion
\*------------------------------------*/

.bhAccordeonItem .bh-accordion-toggler{
/* 	border-bottom: 2px solid #BF5B04; */
  color: #BF5B04;
  padding: 10px;
  font-family: 'SK Zweig Rounded', serif;
  font-weight: 500;
  font-size: 18px;
}

.bhAccordeonItem .bh-accordion-toggler-inner{
  position: relative;
  padding: 0;
}

.bhAccordeonItem .bh-accordion-toggler-inner:after {
  content: '\e908';
  width: 50px;
  height: auto;
  position: absolute;
  right: 0;
  color: #BF5B04;
  font-family: 'bakehouse-iconset';
  text-align: center;
  font-size: 24px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.bhAccordeonItem .bh-accordion-active .bh-accordion-toggler-inner:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.bhAccordeonItem .bh-accordion-element-inner{
  padding-top: 20px;
  overflow-y: hidden;
}



/*------------------------------------*\
  #Tab-Element
\*------------------------------------*/

.bhTabElement{
  background: transparent;
  font-size: 16px;
}

.bhTabElement.bh-tabtoggler-active{
  background: #BF5B04;
  color: white;
  font-weight: normal;
}

.bh-tabtogglers{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-family: 'SK Zweig Rounded', serif;
  font-weight: 500;
}

.style-tabs--small .bh-tabtogglers{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.style-tabs--small .bhTabElement{
  padding: 0 12px;
  float: none;
}



/*------------------------------------*\
  #Swiper
\*------------------------------------*/

.swiper-pagination-bullet{
  background: white;
}

.swiper-button-prev:before,
.swiper-button-next:before{
  color: #BF5B04;
}



/*------------------------------------*\
  #Touchgallery
\*------------------------------------*/

.el-touchgallery .swiper-navigation{
  display: none;
}

.el-touchgallery .swiper-pagination-bullet-active{
  background: #BF5B04;
}



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

@media only screen and (max-width : 767px), screen and (max-height: 700px) {

  body.bh-femode {
    height: 100%;
    min-height: 100dvh;
  }

  /*------------------------------------*\
    #Formate
  \*------------------------------------*/

  body{
    font-size: 14px;
  }

  h2{
    font-size: 22px;
  }

  h3{
    font-size: 20px;
  }

  .bh-touch-content{
    height: auto !important;
  }



  /*------------------------------------*\
    #Startseite
  \*------------------------------------*/

  .bh-touch-content.bh-touch-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative !important;
    height: auto;
  }

  .bh-touch-content.bh-touch-start:before{
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: rgb(from #73695F r g b / 0.2);
    backdrop-filter: blur(7.5px);
  }

  .bh-touch-start-logo{
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
/* 		margin-bottom: 15px; */
  }

  .bh-touch-content.bh-touch-start > *.bh-touch-start-logo {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100%;
    background-position: left 20px center;
    height: 60px;
    background-size: 34px;
    background-image: url("/fileadmin/templates/ext/bh_touch/images/logo_top.svg");
    background-repeat: no-repeat;
    -webkit-filter: drop-shadow(0px 0px 3px rgb(0 0 0 / 90%));
            filter: drop-shadow(0px 0px 3px rgb(0 0 0 / 90%));
  }

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

  .bh-touch-language-toggler{
    height: 60px;
  }

/*
  .bh-touch-start-content-right{
    display: none;
  }
*/

  .bh-touch-start-content-right{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .bh-touch-start-content-right h2{
    text-align: left;
    font-size: 36px;
  }


  .bh-touch-start-info > div{
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .bh-touch-start .bh-navigation,
  .bh-touch-start .bh-touch-start-content-right,
  .bh-touch-start .bh-touch-start-info {
    position: relative;
    left: inherit;
    right: inherit;
    top: inherit;
    bottom: inherit;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bh-touch-start .bh-navigation{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-top: 15px;
    padding-bottom: 15px;
		background: unset;
    backdrop-filter: unset;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
            height: auto;
  }

  .bh-touch-start .bh-navigation ul li{
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .bh-touch-start .bh-navigation a{
    font-size: 16px;
  }

/*
  .bh-touch-content.bh-touch-start .bh-touch-start-content-right{
    margin-bottom: 30px;
  }

*/
  .bh-touch-content.bh-touch-start .bh-touch-start-info{
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .bh-touch-start-left,
  .bh-touch-start-right{
    padding-left: 0;
    padding-right: 0;
  }

  .bh-touch-start-info > div{
    padding-top: 10px;
    padding-bottom: 10px;
  }


  .bh-touch-content.bh-touch-start > *.bh-touch-start-info {
    display: block;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-bottom: 0;
  }



  /*------------------------------------*\
    #Unterseite Top-Bereich
  \*------------------------------------*/

  .bh-touch-top-title {
      white-space: nowrap;
      font-size: 0px;
  }

  .bh-touch-top-logo {
    background-size: 25.5px;
  }



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

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

  .el-scrollbox-pane{
    padding: 30px 15px;
  }



  /*------------------------------------*\
    #Tab-Element
  \*------------------------------------*/
  .bhTabElement{
    font-size: 14px;
    margin-bottom: 15px;
    padding: 0 10px;
  }

  .style-tabs--small .bhElement{
    margin-bottom: 5px;
  }

  .style-tabs--small .bh-tabtogglers{
    margin-bottom: 15px;
  }

}