:root {
    --qui-color-main: #b3252b !important;
    --qui-color-main__hover: #000000 !important;
    --qui-color-primary: #b3252b !important;
    --qui-footer-bg: #222 !important;
}

span.fa-bars {
    color: #5f5e5e;
}

.quiqqer-floatedNav-entry-inner, .quiqqer-floatedNav-toggleBtn {
    background: var(--qui-color-main) !important;
}

.quiqqer-floatedNav-entry .fa-phone,
.quiqqer-floatedNav-entry .fa-envelope-o,
.fa-angle-double-left {
    color: #fff !important;
}

.control-background {
    background: #b3252b;
}

.tpl-presentation-row {
    border-bottom: none;
}

.titel-bold {
    font-weight: 500;
}

.top-distance {
    padding-top: 2rem;
}

.italic-title {
    font-style: italic;
    font-weight: 500;
    margin-top: 0;
    opacity: 0.6;
}

.white-title {
    color: #fff !important;
}

.newspaper {
    --newspaper-col: 1;
    --newspaper-gap: 1rem;

    -webkit-column-count: var(--newspaper-col);
    -moz-column-count: var(--newspaper-col);
    column-count: var(--newspaper-col);
    -webkit-column-gap: var(--newspaper-gap);
    -moz-column-gap: var(--newspaper-gap);
    column-gap: var(--newspaper-gap);
    margin-top: 3rem;
}

@media screen and (min-width: 768px) {
    .newspaper {
        --newspaper-col: 2;
        --newspaper-gap: 2rem;
    }
}

.header-bar-inner a:visited, .header-bar-inner a, .quiqqer-menu-megaMenu-list-item-inner {
    color: #000 !important;
    text-transform: uppercase;
}

@media screen and (max-width: 900px) {
    .quiqqer-menu-megaMenu-list-item-inner {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
}

.header-bar, .header-bar-inner-nav, .page-header-navigation-entry, .header-bar-search,
.header-bar-search-typePopup, .header-bar-search:before,
.page-header-navigation-entry:before, .header-bar-inner-logo {
    height: 100px;
}

.quiqqer-menu-megaMenu-list {
    display: flex;
    align-items: center;
}

.quiqqer-menu-megaMenu nav {
    display: flex;
    justify-content: space-between;
}

.quiqqer-menu-megaMenu-list-item:hover {
    background: none;
}

.quiqqer-menu-megaMenu-list-item a:hover,
.quiqqer-menu-megaMenu-children-simple-entry-title:hover {
    color: var(--qui-color-main) !important;
}

/**Header Slider**/

.quiqqer-bricks-promoslider-wallpaper2Content-right {
    float: none !important;
    margin-top: 10rem;
    text-align: center;
    position: relative;
    width: 100% !important;
    z-index: 1;
}

.quiqqer-bricks-promoslider-wallpaper li:before {
    position: absolute;
    content: '';
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    background-image: linear-gradient(0deg, rgb(66 64 63 / 78%), #00000080, #95918c4a);
}

.buk-header .quiqqer-bricks-promoslider-wallpaper-prev .fa,
.buk-header .quiqqer-bricks-promoslider-wallpaper-next .fa {
    color: #cecdcd !important;
}

h2.slider-title {
    color: #ffffff !important;
    font-weight: 600;

}

@media screen and (min-width: 768px) {
    h2.slider-title {
        font-size: 60px;
    }

    h6.buk-small-title {
        font-size: 50px;
    }
}

h6.buk-small-title {
    color: #ffffff !important;
    font-style: italic;
    font-weight: 600;
    margin-top: 0;
    text-align: right;
}

/**Satrtseite planung Section**/

.buk-small-text {
    max-width: 700px;
    position: relative;
    z-index: 1;
    margin-inline: auto;
    padding-block: 2rem;
}

.brick-container__buk-planning-section {
    /* background: #222; */
    background-image: url(/media/cache/buk/Slider/Main-Slider/slider-4.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.bold-text {
    font-weight: 400;
}

.buk-planning-section .control-content {
    padding-bottom: 0;
}

.small-text {
    max-width: 1000px;
    margin-inline: auto;
    padding: 2.5rem 3rem 1.5rem 3rem;
}

/*Startseite Inhalt**/

.buk-content {
    max-width: 850px;
    margin-inline: auto;
}

.buk-content h1 {
    margin-bottom: 2rem;
}

.brick-container__buk-content {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.dark-effekt:before {
    background: #222;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
}

/******************/
/*buk-certificates*/
/******************/

.buk-certificates .control-content {
    padding-bottom: 0;
}

.buk-certificates img {
    width: auto !important;
    height: 100px !important;
}

.buk-certificates-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .buk-certificates img {
        height: 80px !important;
    }
}

@media screen and (min-width: 768px) {
    .buk-certificates-images {
        padding-block: 2rem;
    }
}
.buk-certificates-images a {
    margin: 2rem;
}

.brick-container__buk-certificates {
    background: #f1f1f1;
    text-align: center;
    margin-top: 3rem;
}


/**Startseite Leistungen**/

.buk-services-section {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.buk-services-section h3 {
    font-weight: 400;
}

.buk-services-section .control-content {
    padding-bottom: 2rem;
}

@media screen and (max-width: 767px) {
    .buk-subpage-services .quiqqer-textImageMultiple .quiqqer-textImage {
        margin-bottom: 1rem;
    }
}

.title-effect-number {
    position: relative;
}

.title-effect-number:before {
    content: attr(data-number);
    font-size: 70px;
    font-weight: 600;
    color: #000;
    opacity: .09;
    position: absolute;
    left: 0;
    line-height: .9em;
    z-index: 0;
    top: 0;
    transform: translateY(-90%);
}
.brick-container__buk-services-section {
    background: #f9f9f9;
    margin-bottom: 3rem;
    position: relative;
}

.buk-services-section .quiqqer-boxContentAdvanced-entry {
    background: #fff;
    padding: 2rem;
    transition: 0.2s ease;
}

.buk-services-section .quiqqer-boxContentAdvanced-entry-content {
    padding-top: 2rem;
}

.buk-services-section .quiqqer-boxContentAdvanced-wrapper {
    max-width: 900px;
    margin-inline: auto;
}

.read-more:after {
    content: '\f101';
    font-family: 'FontAwesome';
    margin-left: 4px;
}

.read-more {
    color: var(--qui-color-main) !important;
}

.read-more:hover {
    color: #6c1619 !important;
}

button.btn-primary a:hover,
.btn-primary:hover {
    color: var(--qui-color-primary) !important;
}

.small-text-box {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.buk-services-section .quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-img {
    text-align: left;
}

.buk-services-section .quiqqer-boxContentAdvanced-entry-img .fa {
    font-size: 40px;
    margin-bottom: 0rem;
    background: #fff;
    border-radius: 50px;
    padding: 10px;
    border: 3px solid var(--qui-color-primary);
    color: var(--qui-color-main) !important;
}

/**** Slogan Banner dark ***/

.buk-slogan-banner {
    background-image: linear-gradient(44deg, #222 30%, #2c2c2c 30%, #04040480 60%, #2226 60%),
    linear-gradient(44deg, #0e0e0e80 30%, #0514264a 30%, #00000063 60%, #000000ad 60%),
    linear-gradient(115deg, #000000 30%, #222 30%, #030303 60%, #222 60%, #9e9e9e 85%, #222222ab 85%);
    color: #fff;
    max-width: 950px;
    margin-inline: auto;
    margin-bottom: 1rem;
    padding: 4rem 10px;
    position: relative;
}

.buk-slogan-banner-small {
    margin-bottom: 3rem;
}

.buk-slogan-banner .control-content {
    padding-bottom: 0;
}

/**Startseite karriere section**/

.buk-career-section h4,
.buk-career-section h6 {
    font-weight: 400;
}

.buk-career-section {
    margin-top: 4rem;
    margin-bottom: 2rem;
}

/**Startseite Kontakt Banner**/

.buk-contact-section {
    max-width: 800px;
    margin-inline: auto;
    margin-bottom: 3rem;
}

.buk-contact-section .control-content {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.contact-slogan-text {
    opacity: 0.7;
}

@media screen and (min-width: 768px) {
    .contact-container {
        display: flex;
        justify-content: space-between;
    }
}

.buk-contact-phone:hover,
.buk-contact-email:hover {
    background: #f1f1f1;
    transform: translateY(-5px);
    color: #111;
    transition: 0.3s ease;
}

.contact-container .fa {
    font-size: 50px;
    color: #b3252b;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.link-label {
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
}

.buk-contact-phone,
.buk-contact-email {
    cursor: pointer;
    padding: 1rem 1rem 2rem 1rem;
    text-align: center;
    transition: 0.3s ease;
    margin: 1rem;
}

@media screen and (min-width: 767px) {
    .buk-contact-phone,
    .buk-contact-email {
        width: 350px;
    }
}

/*********/
/*FOOTER*/
/********/

.page-footer {
    background-image: linear-gradient(44deg, #222 30%, #2c2c2c8a 30%, #04040480 60%, #2226 60%),
    linear-gradient(44deg, #0e0e0e80 30%, #0514264a 30%, #0000001c 60%, #01080c9c 60%);
    color: #fff;
}

.page-footer h5 {
    color: #a7a7a7;
    font-weight: 500;
}

.footer-slogan .control-content,
.footer-links .control-content,
.footer-certificates .control-content {
    padding-bottom: 1rem;
}

.footer-certificates-container img {
    margin: 0 1rem;
}

.page-footer-copyright-left {
    text-align: center;
    width: 100%;
}

.page-footer ul li a:before,
.buk-about-us-metal ul li:before {
    content: "\f105";
    position: relative;
    font-family: FontAwesome;
    margin-right: 15px;
    left: 0;
    transition: 0.2s left;
}

.buk-about-us-metal ul li:before {
    color: inherit;
}

.page-footer li a {
    color: #fff !important;
    flex-grow: 2;
}

.page-footer li a:hover {
    color: #c7787b !important;
    text-decoration: none !important;
}

.page-footer li a:hover:before {
    color: #c7787b;
    left: 5px;
}

.page-footer-copyright {
    border-top: 1px solid #2d2c2c !important;
}

.page-footer-copyright a {
    color: #c7787b !important;
}

/**************/
/* ÜBER UNS*/
/**************/

.buk-about-us-metal h3,
.buk-about-us-metal h5 {
    font-weight: 500;
}

.buk-about-us-metal ul li {
    list-style: none;
    padding-left: 0;
}

.buk-about-us-metal ul {
    padding-left: 0;
}

.buk-columns-list {
    -webkit-columns: 2;
}

@media screen and (max-width: 500px) {
    .buk-columns-list {
        -webkit-columns: 1;
    }
}

/**Die Firma**/
.small-container {
    max-width: 750px;
    margin-inline: auto;
}

.buk-about-us-metal .control-content {
    padding-bottom: 0;
}

.buk-focus-list {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-top: 4rem;
}
@media screen and (max-width: 767px) {
    .buk-services-container {
        display: none;
    }

    .buk-focus-list img {
        order: 2;
    }
}

/***Das Team***/
.buk-team-section .control-content {
    padding-bottom: 0;
}

/*************/
/*LEISTUNGEN*/
/*************/

.buk-subpage-services .control-content {
    padding-bottom: 0;
}

.buk-services-robot .control-content {
    padding-bottom: 0;
}

.buk-form-section .control-content {
    padding-bottom: 0;
}

.buk-form-section .quiqqer-textImage {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.buk-container {
    display: flex;
    gap: 1rem;
}

@media screen and (max-width: 1100px) {
    .buk-container  {
        display: block;
    }
}

.buk-img-container {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .buk-subpage-services .quiqqer-textImage-box.quiqqer-textImage-content {
        margin-top: 3rem;
    }
}

/**************/
/*REFERENZEN*/
/**************/

/*** Slider dots ***/
span.quiqqer-bricks-promoslider-wallpaper-dot {
    width: 10px !important;
    height: 10px !important;
}

span.quiqqer-bricks-promoslider-wallpaper-dot:not(.quiqqer-bricks-promoslider-wallpaper-dot-active) {
    opacity: 0.5;
}

/*** Ende Slider dots ***/

@media screen and (min-width: 767px) {
    .buk-header-small .slider-title {
        font-size: 40px;
    }

    .buk-header-small .buk-small-title {
        font-size: 35px;
    }

    .buk-header-small .quiqqer-bricks-promoslider-wallpaper2Content-right {
        opacity: 0.5;
    }
}

.buk-header-small .quiqqer-bricks-promoslider-wallpaper2Content-right {
    margin-top: 6rem;
}

@media screen and (max-width: 400px) {
    .buk-header-small .quiqqer-bricks-promoslider-wallpaper2Content-right {
        margin-top: 3rem;
    }
}

.small-text-container {
    max-width: 800px;
    margin-inline: auto;
}

.brick-container__buk-reference-gallery {
    background: #f1f1f1;
    margin-bottom: 4rem;
}

.grid-container .buk-reference-gallery {
    padding: 1rem;
}

.brick-41.buk-reference-gallery .quiqqer-control-gallery-gridAdvanced-image-img {
    object-fit: contain;
}

.brick-container__buk-reference-subpages {
    margin-top: 3rem;
}

.small-title {
    max-width: 500px;
    margin-inline: auto;
}

.buk-reference-container {
    display: flex;
    gap: 1rem;
}

@media screen and (max-width: 767px) {
    .buk-reference-container {
        display: block;
    }
}

/********/
/*IDEEN*/
/*******/
.buk-subtitle {
    margin-top: 0;
}

.subpages-title {
    font-weight: 600;
    margin-bottom: 5px;
}

.buk-ideas-container {
    max-width: 700px;
    margin-inline: auto;
}

@media screen and (min-width: 768px) {
    .buk-reference-ideas-container {
        display: flex;
        gap: 2rem;
    }
}

.buk-ideas-images-container {
    width: 100%;
}

.button-right:after {
    content: '\f101';
    font-family: 'FontAwesome';
    position: absolute;
    right: -1rem;
}

.button-back:before {
    content: '\f100';
    font-family: 'FontAwesome';
    position: absolute;
    left: 3px;
}

a.button-back {
    padding-left: 1.2rem;
}

.button-back,
.button-right {
    margin-top: 1rem;
    position: relative;
}

.buk-bottom-distance {
    margin-bottom: 3rem;
}

.buk-ideas .control-content {
    padding-bottom: 0;
}

/***********/
/*KARRIERE*/
/**********/
.quiqqer-bricks-promoslider-wallpaper-image {
    background-position: center;
}

.title-distance {
    line-height: 1.5;
    padding-bottom: 1rem;
}

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

.buk-contact-container {
    border: 1px solid #bab5b5;
    max-width: 740px;
    margin-inline: auto;
    margin-top: 4rem;
    padding: 2rem;
    background-image: linear-gradient(330deg, #e5e5e5 30%, #eeeeee 30%, #0404042e 70%, #ddd 60%);
}

.bottom-distance {
    margin-bottom: 0;
}

.career-title {
    margin-bottom: 10px;
}

.small-bold-title {
    margin-top: 0;
}

.fa-right:after {
    content: '\f101';
    color: inherit;
    font-family: 'FontAwesome';
    position: absolute;
    right: 9px;
}

a.fa-right {
    padding: 0.5em 1.8em 0.5em 1.2em;
}

/**Bewerbung Formular**/

.buk-application .content-body {
    padding-bottom: 0;
}

.buk-application .nosidebar-small-wrapper {
    padding-bottom: 2rem;
}

.buk-first-last-name label.form-name-input {
    display: flex;
    flex-direction: column-reverse;
}

.buk-first-last-name .form-name-input {
    padding-right: 0;
}

.buk-first-last-name label.form-name-input.form-name-lastname {
    padding-right: 0;
    padding-left: 10px;
}

.buk-first-last-name .qui-formfield-body {
    font-weight: 500 !important;
}

.quiqqer-formbuilder-upload-restrictions ul li {
    display: none;
}

button.qui-utils-noselect {
    margin-top: 1rem;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    line-height: var(--qui-line-height);
    outline: none;
    padding: 6px 16px;
}

.controls-upload-form form {
    height: calc(100% - 30px) !important;
}

.controls-upload-form-fileinfo {
    padding: 5px 25px !important;
    width: auto !important;
}

.controls-upload-form-fileinfo:hover {
    background-color: transparent !important;
    color: inherit !important;
    padding: 5px 25px !important;
}

.qui-button.qui-button--no-icon {
    font-size: 19px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0 10px;
}
/*html[lang="de"]
button.qui-button:hover {
    background: var(--qui-color-primary);
    border: none;
    border-radius: 3px;
    !*line-height: var(--qui-line-height) !important;*!
}*/

.qui-button:disabled {
    border: none;
}

.quiqqer-contact-success {
    padding-top: 2rem;
    padding-bottom: 3rem;
    text-align: center;
}

.buk-first-last-name > legend {
    display: none;
}

/**Kontakt**/

fieldset.qui-formfield.buk-contact-firstandlast-name label {
    display: flex;
    flex-direction: column-reverse;
}

.buk-contact-firstandlast-name .form-name-input span {
    font-size: 17px !important;
    font-weight: 500;
    margin-bottom: 10px;
}

.qui-form legend {
    font-size: 17px;
    font-weight: 500;
}

label.form-name-input.form-name-firstname,
label.form-name-input.form-name-lastname {
    width: 50%;
}

.qui-formfield.buk-contact-firstandlast-name .form-name-input {
    padding-right: 0;
}

.buk-contact-firstandlast-name .qui-formfield-body {
    display: flex;
    gap: 2rem;
}

.contact-text {
    line-height: 1.6;
}

.brick-container__buk-google-maps {
    margin-bottom: 3rem;
}

.qui-formfield-body {
    padding: 0 !important;
}

.qui-form legend {
    background: none;
    float: none !important;
    margin-bottom: 10px;
    padding: 0;
    width: auto;
}

/****************/
/*Cookie Banner */
/****************/

.quiqqer-cookieconsent-message-logo {
    max-width: 100px !important;
}

/** 404 Fehler Seite **/

.type-quiqqer-search-types-search .main-content {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.qui-control-childrenlist-default-entry-content-footer .qui-control-childrenlist-default-entry-content-footer-link {
    line-height: inherit;
}

.templatePresentation__buk-error-page .qui-control-childrenlist-default-entry-image {
    text-align: start;
}