.elementor-kit-5{--e-global-color-primary:#003E56;--e-global-color-secondary:#E94D23;--e-global-color-text:#000000;--e-global-color-accent:#2AA9E0;--e-global-color-799a03b:#FFFFFF;--e-global-color-f3faa12:#EBEBEB;--e-global-color-894f987:#000000;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-text-font-family:"Roboto";--e-global-typography-accent-font-family:"Playfair Display";color:#000000;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;line-height:27px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#E94D23;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;line-height:18.9px;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:12px 020px 12px 020px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#FFFFFF;color:#E94D23;border-style:solid;border-color:#E94D23;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#000000;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-kit-5 a:hover{color:#E94D23;font-family:"Roboto variabel", Sans-serif;}.elementor-kit-5 h1{color:#000000;font-family:"Playfair Display", Sans-serif;font-size:70px;font-weight:800;line-height:85px;}.elementor-kit-5 h2{color:#003E56;font-family:"Playfair Display", Sans-serif;font-size:37px;font-weight:500;line-height:50px;}.elementor-kit-5 h3{color:#000000;font-family:"Roboto", Sans-serif;font-size:37px;font-weight:300;line-height:40px;}.elementor-kit-5 h4{color:#000000;font-family:"Open Sans", Sans-serif;font-size:30px;font-weight:400;line-height:33px;}.elementor-kit-5 h5{font-family:"Roboto", Sans-serif;}.elementor-kit-5 h6{color:#000000;font-family:"Roboto", Sans-serif;font-size:19px;font-weight:700;line-height:19px;}.elementor-kit-5 label{color:#000000;font-family:"Open Sans", Sans-serif;font-size:19px;font-weight:400;line-height:24px;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:"Open Sans", Sans-serif;font-size:19px;font-weight:400;line-height:24px;color:#000000;accent-color:#E94D23;}.elementor-kit-5 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea:focus,.elementor-kit-5 .elementor-field-textual:focus{color:#000000;accent-color:#E94D23;border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:80px;padding-inline-start:80px;}.site-header .site-branding .site-logo img{width:100px;max-width:100px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1350px){.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:18px;line-height:18.9px;padding:12px 20px 12px 20px;}}@media(max-width:1024px){.elementor-kit-5{font-size:16px;font-weight:300;line-height:25px;}.elementor-kit-5 h1{font-size:4px;line-height:44px;}.elementor-kit-5 h3{font-size:32px;font-weight:300;line-height:40px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:16px;line-height:16.8px;padding:12px 20px 12px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{font-size:16px;font-weight:400;line-height:24.7px;}.elementor-kit-5 a{font-size:16px;font-weight:600;}.elementor-kit-5 h1{font-size:40px;font-weight:700;line-height:44px;}.elementor-kit-5 h2{font-size:40px;font-weight:400;line-height:44px;}.elementor-kit-5 h3{font-size:30px;font-weight:400;line-height:33px;}.elementor-kit-5 h4{font-size:25px;font-weight:400;line-height:27.5px;}.elementor-kit-5 h6{font-size:16px;font-weight:700;line-height:16px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:16px;font-weight:600;line-height:16.8px;}.elementor-kit-5 label{font-size:19px;font-weight:400;line-height:24px;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-size:19px;font-weight:400;line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   B&B | Globale saubere Wortumbrüche
   Verändert KEINE Containergrößen
   ========================================================= */

/* Grundsätzlich normale Wortumbrüche */
body,
p,
li,
.elementor-widget-text-editor {
  word-break: normal !important;
  overflow-wrap: break-word !important;

  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}

/* Headlines */
h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title {
  word-break: normal !important;
  overflow-wrap: break-word !important;

  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
}
/* =========================================================
   B&B PROJEKT LOOP 2900
   Saubere Umbrüche ohne Änderung der Kachelgröße
   ========================================================= */

/* Kachel bleibt in ihrer von Elementor / Swiper
   berechneten Breite */
.elementor-2900 .elementor-element.elementor-element-4be63ef3{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  box-sizing:border-box !important;
  overflow:hidden !important;
}


/* Heading-Widget */
.elementor-2900 .elementor-element.elementor-element-667d717{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  box-sizing:border-box !important;

  padding:20px !important;
  margin:0 !important;

  flex:0 0 auto !important;
}


/* Der eigentliche Projekttitel */
.elementor-2900
.elementor-element.elementor-element-667d717
.elementor-heading-title{

  display:block !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  box-sizing:border-box !important;

  margin:0 !important;
  padding:0 !important;

  white-space:normal !important;

  /* Erst normal an Leerzeichen umbrechen */
  word-break:normal !important;

  /* Lange deutsche Wörter dürfen notfalls umbrechen,
     ohne die Kachel zu verbreitern */
  overflow-wrap:anywhere !important;

  /* Wenn der Browser deutsche Trennung unterstützt */
  hyphens:auto !important;
  -webkit-hyphens:auto !important;
}


/* Auch Swiper darf den Inhalt nicht zur Mindestbreite machen */
.elementor-widget-loop-carousel
.swiper-slide.e-loop-item{
  min-width:0 !important;
  overflow:hidden !important;
}


/* Button bleibt innerhalb der Kachel */
.elementor-2900 .elementor-element.elementor-element-3430e7d{
  max-width:calc(100% - 40px) !important;
  margin-left:20px !important;
  margin-right:20px !important;
}
/* ==================================================
   B&B KONTAKTFORMULAR – FINAL
   Desktop + Mobile
================================================== */


/* ==================================================
   BASIS
================================================== */

.bb-contact-box {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;

    /* Platz für grauen Bereich */
    padding-bottom: 190px !important;

    overflow: visible !important;
}


/* Formular-Eltern dürfen NICHT der Bezugspunkt für
   Datenschutz + Button sein */
.bb-contact-form,
.bb-contact-form .elementor-widget-form,
.bb-contact-form .elementor-widget-container,
.bb-contact-form .elementor-form,
.bb-contact-form .elementor-form-fields-wrapper {
    position: static !important;
    transform: none !important;
}


/* ==================================================
   GRAUER BEREICH UNTEN – DESKTOP
================================================== */

.bb-contact-box::after {
    content: "";

    position: absolute;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 190px !important;

    background: #eeeeee !important;

    z-index: 1;
}


/* ==================================================
   DATENSCHUTZ – DESKTOP
================================================== */

.bb-contact-box .elementor-field-type-acceptance {
    position: absolute !important;

    left: 120px !important;
    right: 120px !important;
    bottom: 100px !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 5;
}


.bb-contact-box
.elementor-field-type-acceptance
.elementor-field-subgroup {
    width: 100% !important;
}


.bb-contact-box
.elementor-field-type-acceptance
.elementor-field-option {
    display: flex !important;
    align-items: flex-start !important;

    width: 100% !important;

    gap: 14px !important;
}


/* Checkbox */
.bb-contact-box .elementor-acceptance-field {
    appearance: none !important;
    -webkit-appearance: none !important;

    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;

    flex: 0 0 18px !important;

    margin: 3px 0 0 0 !important;

    background: transparent !important;

    border: 1px solid #777777 !important;
    border-radius: 0 !important;
}


/* Checkbox aktiv */
.bb-contact-box .elementor-acceptance-field:checked {
    background: #E94D23 !important;
    box-shadow: inset 0 0 0 3px #eeeeee !important;
}


/* Datenschutztext */
.bb-contact-box
.elementor-field-type-acceptance label {
    display: block !important;

    margin: 0 !important;

    font-family: "Open Sans", sans-serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 24px !important;

    color: #222222 !important;
}


/* ==================================================
   BUTTON – DESKTOP
================================================== */

.bb-contact-box .e-form__buttons {
    position: absolute !important;

    left: 120px !important;
    bottom: 30px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 5;
}


.bb-contact-box
.e-form__buttons
.elementor-button {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;

    padding: 12px 20px !important;

    background: #E94D23 !important;
    color: #ffffff !important;

    border: 1px solid #E94D23 !important;
    border-radius: 0 !important;

    font-family: "Open Sans", sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 24px !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease !important;
}


/* Hover */
.bb-contact-box
.e-form__buttons
.elementor-button:hover,
.bb-contact-box
.e-form__buttons
.elementor-button:focus {
    background: #ffffff !important;
    color: #E94D23 !important;
    border-color: #E94D23 !important;
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px) {

    /* genügend Platz für Datenschutz + Button */
    .bb-contact-box {
        padding-bottom: 430px !important;
        overflow: visible !important;
    }


    /* graue Fläche mobil über komplette Breite */
    .bb-contact-box::after {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100% !important;
        height: 400px !important;

        background: #eeeeee !important;

        transform: none !important;
    }


    /* Datenschutz */
    .bb-contact-box
    .elementor-field-type-acceptance {
        left: 24px !important;
        right: 24px !important;
        bottom: 105px !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .bb-contact-box
    .elementor-field-type-acceptance
    .elementor-field-option {
        gap: 14px !important;
    }


    /* Checkbox */
    .bb-contact-box .elementor-acceptance-field {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;

        flex: 0 0 20px !important;

        margin-top: 2px !important;
    }


    /* Datenschutztext */
    .bb-contact-box
    .elementor-field-type-acceptance label {
        font-size: 19px !important;
        line-height: 24px !important;
        font-weight: 400 !important;
    }


    /* Buttonposition */
    .bb-contact-box .e-form__buttons {
        left: 58px !important;
        bottom: 35px !important;

        width: auto !important;
    }


    /* Button mobil */
    .bb-contact-box
    .e-form__buttons
    .elementor-button {
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;

        padding: 10px 18px !important;

        font-size: 19px !important;
        line-height: 24px !important;
        font-weight: 700 !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Playfair Display';
	font-display: auto;
	src: url('https://www.2bic.de/wp-content/uploads/2026/09/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-display: auto;
	src: url('https://www.2bic.de/wp-content/uploads/2026/09/Roboto-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Open Sans';
	font-display: auto;
	src: url('https://www.2bic.de/wp-content/uploads/2026/08/OpenSans-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */