/*
@import "https://lib.nicdn.de/bootstrap/5.1.0/css/bootstrap.min.css";
*/
@import "/assets/david_goerne/lib/bs/bootstrap.min.css";
@import '//js.nicdn.de/bootstrap/formhelpers/css/bootstrap-formhelpers-countries.flags.css';

@import "set/navigation.css?v0.15";
@import "set/back_to_top.css?v0.2";

@import "set/back_to_top.css?v1.1";

/* Content */
@import "set/ce_flowing_text.css?v=1.2";
@import "set/video.css?v=1.4";
@import "set/images.css?v0.2";
@import "set/masonry.css?v0.1";
@import "set/ce_highlight.css?v0.3";
@import "set/ce_parallax.css?v0.1";

@import "set/color.css?v0.1";

@import "set/responsive.css?v0.31";

@import "set/font_format.css?v=1.12";


:root {
    --btn-primary-background-color: #6e8cb1;
    --btn-primary-border-color: #6e8cb1;
    --btn-primary-background-color-hover: #f8f9fa;
    --btn-primary-color-hover: #6e8cb1;

    --btn-outline-primary-color: #6e8cb1;
    --btn-outline-primary-border-color: #6e8cb1;

    --btn-outline-primary-background-color-hover: #f8f9fa;

}

.btn-primary {
    background-color: var(--btn-primary-background-color) !important;
    border-color: var(--btn-primary-color-hover) !important;
}
.btn-primary:hover {
    background-color: var(--btn-primary-background-color-hover) !important;
    color: var(--btn-primary-background-color) !important;
}
.btn-outline-primary {
    color: var(--btn-outline-primary-color) !important;
    border-color: var(--btn-outline-primary-border-color) !important;
}
.btn-outline-primary:hover {
    background-color: var(--btn-outline-primary-background-color-hover) !important;
}




/* ----------- Header */
.header {
    text-align:center;
}

/* ----------- Logo */
.hide-sm.brand-img img {
    height:100px;
}

/* ----------- Sprachumschaltung Flaggen */
.fa-fw {
    width: 1.10em !important;
}






/* ---- Margin */
.me-7 {
    margin-right: 7rem!important;
}
.mt-7 {
    margin-top: 7rem!important;
}
.mt-8 {
    margin-top: 8rem!important;
}
.mt-9 {
    margin-top: 9rem!important;
}
.mt-12 {
    margin-top: 12rem!important;
}
.mt-15 {
    margin-top: 15rem!important;
}

@media (max-width: 576px) {
    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .container .mt-sm-3,
    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .d-none-sm {
        display:none;
    }

    .border-fixed-height {
        height:20px !important;
    }
}

/* ----- */

.mb-7 {
    margin-bottom: 7rem!important;
}
.mb-9 {
    margin-bottom: 9rem!important;
}
.mb-12 {
    margin-bottom: 12rem!important;
}


.ps-7 {
    padding-left: 7rem!important;
}
.pe-7 {
    padding-right: 7rem!important;
}



.pt-12 {
    padding-top: 12rem!important;
}



/* ---- height */
.vh-50 {
    height:50vh;
}
.mvh-80 {
    min-height:80vh;
}


/* ---- Width */
.masonry-item-sub {
    width:97%;
    margin-bottom: 10px;
}
















body {
    color: #5a5a5a;
}

/* ---------- Change Background Color */
body {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*
.panel {
    min-height:100vh;
}
*/





/* ------------ Trennlinien im Content-Bereich */
.border-fixed-height {
    height:120px;
    border-color:#505050;
}
.border-fixed-height-small {
    height:60px;
    border-color:#505050;
}

/* ------------ Page Headliner Top Background Image */
.page-header-img {
    min-height:250px;
    height:30vh;
    background-position: center center;
    background-size: cover;
}






/* ------------ FA Icons z.B. Footer */
.icon-fa {
    width: 25px;
    float: left;
}







/* ----------- Nachhaltig */
.nachhaltig .inner-left-sub {
    position: relative;
    width: calc(93% + 81px);
    padding: 55px 0% 60px 65px;
}

.nachhaltig .inner-right-sub {
    position: relative;
    width: calc(93% + 81px);
    padding: 200% 55px 52px 0px;
    margin:0% 0% 0% -13%;
}



/* ----------- Presse */
.press p a {
    padding:10px;
}
.press a {
    text-decoration: none;
}
.press a:hover {
    background-color: #6e8cb1;
    color:white;
}
.press a:hover .title,
.press a:hover .teaser,
.press a:hover .headliner-small {
    color:white !important;
}



/* ------------ Contact GMaps */

.map {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

/* ------------ Zitat */

blockquote {
    border-left: 5px solid #ddd;
    font-style: italic;
    padding-left:15px;
}





/* --- Signature */
.max-w-50 {
    max-width:50%;
}


/* ----------- BW */
.img-bw img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
    transition: all 1s;
}
.img-bw:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}


.img-bw {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 1s;
}

.img-bw:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.img-bw-invert:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 1s;
}


/* ----------- Responsive Gallery - EG Galerie */
#gallery-responsive .bg-img-cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;
}
#gallery-responsive .bg-img-cover-portrait {
    height:395px;
}
#gallery-responsive .bg-img-cover-lanscape {
    height:200px;
}


/* ----------- Gutscheine */
.bg-image.bg-cover a {
    display: block;
    height: 100%;
    width: 100%;
}
.bg-image.bg-cover a:hover {
    opacity: 0.1;
}



/* ----------- Footer */
.foo-social .nav-item {
    margin-right: 0px;
}
.footer-logos {
    margin-bottom:20px;
}
.footer-logos .jre,
.footer-logos .michelin,
.footer-logos .michelin-green {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width:120px;
    margin-left:auto;
    margin-right:auto;
    opacity: 0.3;
    filter: Alpha(opacity=50); /* IE8 and earlier */
}
.footer-logos .jre:hover,
.footer-logos .michelin:hover,
.footer-logos .michelin-green:hover {
    opacity: 1;
    filter: Alpha(opacity=100); /* IE8 and earlier */
}
.footer-logos a {
    display:block;
    width:120px;
}
.footer-logos .jre a {
    height:60px;
}
.footer-logos .michelin a,
.footer-logos .michelin-green a {
    height:80px;
}

.footer-logos .michelin {
    background-image: url("https://i.nicdn.de/https://restaurant-ga.fr/assets/david_goerne/img/logo/michelin_star.png");
    margin-bottom:25px;
    height:80px;
}

.footer-logos .michelin-green {
    background-image: url("https://i.nicdn.de/https://restaurant-ga.fr/assets/david_goerne/img/logo/michelin_green.png");
    margin-bottom:25px;
    height:80px;
}

.footer-logos .jre {
    background-image: url("https://i.nicdn.de/https://restaurant-ga.fr/assets/david_goerne/img/logo/jre-logo.png");
    height:60px;
    margin-bottom:25px;
}
/*
@media screen and (max-width: 979px) {
    .logos .jre {
        background-image: url("https://i.nicdn.de/https://preview.sternschnuppenbox.de/assets/sternschnuppe/img/logo/jre-logo-white.png");
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
}*/
/*
@media screen and (max-width: 400px) {
    .d-none-sm {
        display:none;
    }
}
*/

@media screen and (max-width: 768px) {

    /* ---- Content */
    .border-mobile-center {
        margin-left: auto !important;
        margin-right: auto !important;
        width:1px !important;
        padding:0px !important;
    }
    .panel.mb-12 {
        margin-bottom: 6rem !important;
    }

    /* ---- Footer */
    footer .foo {
        margin-bottom: 0px !important;
    }
    footer .foo-brand {
        text-align:center;
    }
    footer .icon-fa {
        float:none;
        width:auto;
    }

    .foo-social .icon-fa {
        float:none;
    }
    .footer-logos {
        margin-top: 3rem!important;
    }


}

input[type="number"].numberField {
    -moz-appearance: textfield;
}

input[type="number"].numberField::-webkit-inner-spin-button,
input[type="number"].numberField::-webkit-outer-spin-button {
    -webkit-appearance: none;
}