@font-face{
    font-family:'hello';
    font-display: swap;
    src:url("/fileadmin/css/fonts/7838adca-51b6-4676-8848-7b868f228935.eot?#iefix");
    src:url("/fileadmin/css/fonts/7838adca-51b6-4676-8848-7b868f228935.eot?#iefix") format("eot"),url("/fileadmin/css/fonts/1344e088-a6d0-4a2d-be31-15366bce6b50.woff2") format("woff2"),url("/fileadmin/css/fonts/f30838f5-6747-42f8-b7a4-1d9b22d24fd9.woff") format("woff"),url("/fileadmin/css/fonts/bba9d4a5-321c-4547-be7b-3ae899241d98.ttf") format("truetype");
}



/* work-sans-100 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('/fileadmin/fonts/work-sans-v4-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Thin'), local('WorkSans-Thin'),
       url('/fileadmin/fonts/work-sans-v4-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/work-sans-v4-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/work-sans-v4-latin-100.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-200 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 200;font-display: swap;
  src: url('/fileadmin/fonts/work-sans-v4-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Work Sans ExtraLight'), local('WorkSans-ExtraLight'),
       url('/fileadmin/fonts/work-sans-v4-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/work-sans-v4-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/work-sans-v4-latin-200.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;font-display: swap;
  src: url('/fileadmin/fonts/work-sans-v4-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Light'), local('WorkSans-Light'),
       url('/fileadmin/fonts/work-sans-v4-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/work-sans-v4-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/work-sans-v4-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;font-display: swap;
  src: url('/fileadmin/fonts/work-sans-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Work Sans'), local('WorkSans-Regular'),
       url('/fileadmin/fonts/work-sans-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/work-sans-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/work-sans-v4-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-500 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;font-display: swap;
  src: url('/fileadmin/fonts/work-sans-v4-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Medium'), local('WorkSans-Medium'),
       url('/fileadmin/fonts/work-sans-v4-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/work-sans-v4-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/work-sans-v4-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-600 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;font-display: swap;
  src: url('/fileadmin/fonts/work-sans-v4-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'),
       url('/fileadmin/fonts/work-sans-v4-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/work-sans-v4-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/work-sans-v4-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-700 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;font-display: swap;
  src: url('/fileadmin/fonts/work-sans-v4-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Bold'), local('WorkSans-Bold'),
       url('/fileadmin/fonts/work-sans-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/work-sans-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/work-sans-v4-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-800 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;font-display: swap;
  src: url('/fileadmin/fonts/work-sans-v4-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Work Sans ExtraBold'), local('WorkSans-ExtraBold'),
       url('/fileadmin/fonts/work-sans-v4-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/work-sans-v4-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/work-sans-v4-latin-800.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-900 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 900;font-display: swap;
  src: url('/fileadmin/fonts/work-sans-v4-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Black'), local('WorkSans-Black'),
       url('/fileadmin/fonts/work-sans-v4-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/work-sans-v4-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/work-sans-v4-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/work-sans-v4-latin-900.svg#WorkSans') format('svg'); /* Legacy iOS */
}


/* COPY STYLES from Website --- START ---*/

:root {
  --start-info-height: 0px;
}

body {
  font-family: 'starling';
}
.bh-touch-page .bh-touch-start {
  position: relative;
  background-image: url("/fileadmin/templates/ext/bh_touch/images/touch-bg-sommer.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bh-touch-page .bh-touch-start:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0,0,0,0.5);
}
.bh-touch-page .bh-touch-start > * {
  z-index: 2;
}

.bh-touch-start-content-right * {
  color: white !important;
}
.bh-touch-start-info {
  display: none;
}
.bh-touch-start .bh-navigation a,
.bh-touch-start .bh-touch-language-toggler {
  color: white;
}
.bh-touch-start .bh-navigation a {
  line-height: 35px;
}

@media only screen and (min-width:768px) {
  .bh-touch-start .bh-navigation {
    width: calc(45% - 45px - 30px);
  }
  .bh-touch-start-content-right {
    width: calc(55% - 45px - 30px);
    bottom: 100px;
  }
  .bh-touch-top a.bh-touch-top-back-text {
    position: relative;
    width: 160px;
    padding-left: 0;
    white-space: inherit;
    flex-basis: auto;
    font-family: 'Work Sans';
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.01em;
    color: #D8512F;
  }
  .bh-touch-top-back-text:before {
    content: '\e905';
    font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    text-align: center;
    margin-right: 10px;
  }
  .bh-touch-top-title {
    width: calc(100% - 320px);
    padding: 0;
    text-align: center;
  }
  .bh-touch-language,
  .bh-touch-top a.bh-touch-top-back {
    width: 80px;
  }
}


h1 {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.1em;
  color: #D8512F;
  text-transform: uppercase;
}

h1:after {
  content: '';
  background-image: url("/fileadmin/images/h1.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 63px;
  height: 12px;
  margin: 0 auto;
  margin-top: 25px;
}

p.teasertext {
  font-family: 'hello';
  font-size: 55px;
  line-height: 1.2;
  text-align: center;
  color: #D9C49D;
}
p.teasertext2 {
  font-family: 'starling';
  font-size: 30px;
  line-height: 42px;
  text-align: center;
  color: #D9C49D;
  font-weight: 800;
}
p.teasertext3 {
  font-size: 24px;
  line-height: 150%;
  text-align: center;
  color: #000000;

}

.signature {
  width: 220px;
  height: 170px;
  background-image: url("/fileadmin/images/unterschrift.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
  margin-bottom: 100px;
}

h3 {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #D8512F;
}

h3 + h2 {
  margin-top: -15px;
}

h2 {
  font-size: 56px;
  line-height: 110%;
  color: #000000;
  font-weight: 800;
}

h4 {
  font-size: 30px;
  line-height: 110%;
  font-weight: 800;
  margin-bottom: 0px !important;
}

h4 + p {
  margin-top: 20px;
}

.bh-bodytext {
  font-size: 20px;
  line-height: 150%;
  color: #000000;
}

a.linkmitpfeil {
  display: inline-block;
  color: black !important;
}

linkmitpfeil:after,
a.linkmitpfeil:after {
  display: inline-block;
  position: absolute;
  right: -50px;
  top: 8px;
  content: '';
  width: 30px;
  height: 13px;
  background-image: url("/fileadmin/images/linkarrow.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: .3s ease all;
}
a.buttonorange {
  display: inline-block;
  width: auto;
  background: #d94e24;
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF !important;
    height: 55px;
    line-height: 55px;
    border-radius: 28px;
    min-width: 260px;
    text-transform: uppercase;
}

a.linkmitpfeil:hover:after {
  right: -43px;
}
p .linkmitpfeil {
  margin-bottom: -20px;
  display: inline-block;
}
.bh-bodytext a {
  color: #d94e24;
}

.el-anfrage textarea {
  min-height: 250px;
}

/* COPY STYLES from Website --- END ---*/



.bh-touch-language-toggler {
    color: inherit;
}

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

.bh-touch-content.bh-touch-start > *.bh-touch-start-logo {
  background-image: url('/fileadmin/templates/ext/bh_touch/images/logo-start.svg');
}
a.bh-touch-top-logo {
  display: none;
}

/*------------------------------------*\
  #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;
        height: 100%;
    }

    .bh-touch-content.bh-touch-start > *.bh-touch-start-logo {
        flex-basis: auto;
        width: 100%;
        background-position: center center;
        background-size: auto 90%;
        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;
        text-align: left;
    }
    .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 : 700px) {
  h2 {
    font-size: 30px;
  }
  h3 {
    margin-bottom: 20px !important;
  }
  h4 {
    font-size: 20px;
  }
  .bh-bodytext > h3,
  .bh-bodytext > h4 {
    margin-bottom: 15px !important;
  }
  .social p.teasertext {
    font-size: 50px;
  }
  .bh-bodytext {
    font-size: 16px;
  }
  .signature {
    margin-bottom: 30px;
  }
  p.teasertext3 {
    font-size: 16px;
    line-height: 24px;
  }
  p.teasertext {
    font-size: 50px;
  }
  p.teasertext2 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media only screen and (max-width:500px) {
  .bh-touch-top {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .bh-touch-top-title {
    font-size: 22px;
    margin-right: auto;
  }
  .bh-touch-top a.bh-touch-top-back {
    flex-basis: 40px;
    font-size: 22px;
  }
  .bh-touch-language-toggler {
    width: 40px;
    font-size: 22px;
  }
}
