html { scroll-behavior: unset !important; max-width: 1200px; }

body, html { min-width: 100%; min-height: 100%; width: 100%; font-size: 16px; z-index: -3; }

body { display: flex; flex-direction: column; font-weight: 700; background-color: #fff9f0; z-index: -2; }

a { color: #1a4853 !important; }

.wrapper { z-index: 0; }

.bg-logo { width: inherit; height: calc(100% - 4rem); opacity: 0.2; position: fixed; top: 4rem; background-position-x: center; background-position-y: top 3rem; z-index: -1; }

@media screen and (max-width: 1319px) { .bg-logo { background: url("/assets/img/logo.webp") no-repeat local; background-size: contain; background-position: center center; } }

@media screen and (min-width: 1320px) { .bg-logo { background: none; } }

.bg-logo-2 { width: inherit; height: calc(100% - 4rem); opacity: 0.2; position: fixed; top: 4rem; background-position-x: center; background-position-y: top 4rem; background-origin: padding-box; z-index: -1; }

@media screen and (min-width: 1320px) { .bg-logo-2 { background: url("/assets/img/logo.webp") no-repeat local; background-size: contain; } }

.bg-logo-2.reverse { transform: scaleX(-1); filter: FlipH; }

@media screen and (max-width: 1319px) { .bg-logo-2 { display: none; } }

section { min-width: 100%; color: #1a4853; max-width: 100%; padding: 1rem; }

section h2, section h4, section h5, section h6 { text-shadow: 1px 1px #fff9f0, 1px -1px #fff9f0, -1px 1px #fff9f0, -1px -1px #fff9f0; }

section p.pop, section .text { text-shadow: 1px 1px #fff9f0, 1px -1px #fff9f0, -1px 1px #fff9f0, -1px -1px #fff9f0; }

.section-container { width: 100%; }

.row { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; color: #1a4853; }

h2 { padding-top: 15px; padding-bottom: 15px; text-align: left; }

.text-center { line-height: 1.5rem; font-size: 1rem; }

.text { text-align: justify; font-size: 1.1rem; }

.float-left { float: left; height: 11.5rem; border-radius: 0.5rem; margin-right: 1rem; box-shadow: 0px 0px 1rem 1rem #fff9f0; }

.float-right { float: right; height: 11.5rem; border-radius: 0.5rem; margin-left: 1rem; box-shadow: 0px 0px 1rem 1rem #fff9f0; }

.fig-img { max-height: 100%; max-width: 100%; object-fit: cover; min-height: 8rem; border-radius: 0.5rem; }

figcaption { text-align: center; }

#onepage { min-height: calc(100vh - 3rem); text-align: justify; padding: 0; }

#onepage .row { width: 100%; }

.post-img { height: 20rem; background-position: center center; background-repeat: no-repeat; background-size: cover; }

#img_1 { background-image: url("/assets/img/chefs/simba2.webp"); }

#img_2 { background-image: url("/assets/img/katzen/isa+ozzy.webp"); }

#img_3 { background-image: url("/assets/img/chefs/innenvoli.webp"); }

#img_4 { background-image: url("/assets/img/chefs/isa+rayo.webp"); }

#img_5 { background-image: url("/assets/img/andere/larry.webp"); }

#img_6 { background-image: url("/assets/img/katzen/smilla.webp"); }

#img_7 { background-image: url("/assets/img/katzen/kiwi.webp"); }

@media screen and (max-width: 1199px) { #img_7 { display: none; } }

#img_8 { background-image: url("/assets/img/katzen/bjarne.webp"); }

@media screen and (max-width: 1199px) { #img_8 { display: none; } }

.btn { font-weight: 700; width: 200px; color: #1a4853; }

.btn-xl { font-size: 1rem; padding: 20px 40px; }

.btn-primary { background-color: #D8DAF3; border-color: #D4C7FD; border-radius: 1em; }

.btn-primary:active, .btn-primary:focus, .btn-primary:hover { background-color: #D4C7FD; border-color: #1a4853; color: #1a4853; }

.contact-button { padding-top: 1rem; display: flex; justify-content: center; align-items: center; }

.navbar { background-color: #D8DAF3; box-shadow: 0px 0px 0.75rem black; color: #1a4853; position: fixed; top: 0; height: auto; width: inherit; z-index: 2000; }

.navbar .page-scroll { color: #1a4853 !important; border-radius: 0.5rem; padding-right: 1rem; }

.navbar .container-fluid { background: linear-gradient(to right, rgba(0, 0, 0, 0), #D8DAF3 12rem, #D8DAF3), url("/assets/img/paw-trail2.webp"); background-size: auto; background-repeat: no-repeat; background-position: 9rem 0; }

.navbar .container-fluid .flag { max-height: 1rem; padding-bottom: 1px; border-radius: 0.3rem; }

@media screen and (max-width: 991px) and (min-width: 576px) { .navbar .container-fluid .vanishing { display: none; } .navbar .container-fluid .anti-collapse { display: flex; padding-right: 0.5rem; flex-direction: row; } }

@media screen and (min-width: 992px) { .navbar .container-fluid .vanishing { display: block; } .navbar .container-fluid .anti-collapse { display: none; } }

@media screen and (max-width: 575px) { .navbar .container-fluid .anti-collapse { display: none; } .navbar .container-fluid .vanishing { display: block; } }

.navbar .container-fluid .navbar-brand { color: #1a4853; }

.navbar .container-fluid .navbar-collapse .navbar-nav .nav-item:hover { border-radius: 0.5rem; }

.navbar .container-fluid .navbar-collapse .navbar-nav .page-scroll { color: #1a4853; border-radius: 0.5rem; }

.active > a:focus .navbar .container-fluid .navbar-collapse .navbar-nav .page-scroll.active a { background-color: #fff9f0; border-radius: 0.5rem; }

.navbar .container-fluid .navbar-collapse .navbar-nav .page-scroll:hover { background: #ffe5bd; border-radius: 0.5rem; }

.pager { display: flex; justify-content: center; color: #1a4853; list-style-type: none; text-align: center; }

.pager li { float: left; }

.pager li a { display: block; color: #1a4853; text-align: center; padding: 1em; text-decoration: none; }

.pager li a:hover { background-color: #7C56FB; border-radius: 15px; }

.pager .selected { background-color: #D8DAF3; border-radius: 15px; }

body { margin: 0; }

section { min-height: -webkit-fill-available; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }

section.spacer { padding: 0; min-width: 320px; margin-left: 1rem; margin-right: 1rem; max-width: calc(100% - 1rem); }

@media screen and (max-width: 991px) { section.spacer { margin-left: calc(8.3333% + 1rem); max-width: calc(83.3333% - 2rem); margin-right: calc(8.3333% + 1rem); } }

@media screen and (min-width: 992px) and (max-width: 1119px) { section.spacer { margin-left: calc(16.6666% + 1rem); margin-right: calc(16.6666% + 1rem); max-width: calc(66.6666% - 2rem); } }

@media screen and (min-width: 1400px) { section.spacer { margin-left: calc(25% + 1rem); max-width: calc(50% - 2rem); margin-right: calc(50% + 1rem); } }

#frame-1 { background-image: url("/assets/img/sections/bjarne.webp"); background-position: center center; background-attachment: local; background-size: cover !important; background-repeat: no-repeat; border-radius: 0.5rem; box-shadow: 0px 0px 1rem 1rem #fff9f0; }

@-moz-document url-prefix() { #frame-1 { background-attachment: fixed; background-size: 50% auto; }
  @media screen and (min-width: 0px) and (max-width: 767px) { #frame-1 { background-size: 100% auto; } }
  @media screen and (min-width: 768px) and (max-width: 991px) { #frame-1 { background-size: 83.33334% auto; } }
  @media screen and (min-width: 992px) and (max-width: 1399px) { #frame-1 { background-size: 66.66667% auto; } } }

#frame-2 { background-image: url("/assets/img/sections/katzi.webp"); background-position: center center; background-attachment: local; background-size: cover !important; background-repeat: no-repeat; border-radius: 0.5rem; box-shadow: 0px 0px 1rem 1rem #fff9f0; }

@-moz-document url-prefix() { #frame-2 { background-attachment: fixed; background-size: 50% auto; }
  @media screen and (min-width: 0px) and (max-width: 767px) { #frame-2 { background-size: 100% auto; } }
  @media screen and (min-width: 768px) and (max-width: 991px) { #frame-2 { background-size: 83.33334% auto; } }
  @media screen and (min-width: 992px) and (max-width: 1399px) { #frame-2 { background-size: 66.66667% auto; } } }

#frame-3 { background-image: url("/assets/img/sections/lucky.webp"); background-position: center center; background-attachment: local; background-size: cover !important; background-repeat: no-repeat; border-radius: 0.5rem; box-shadow: 0px 0px 1rem 1rem #fff9f0; }

@-moz-document url-prefix() { #frame-3 { background-attachment: fixed; background-size: 50% auto; }
  @media screen and (min-width: 0px) and (max-width: 767px) { #frame-3 { background-size: 100% auto; } }
  @media screen and (min-width: 768px) and (max-width: 991px) { #frame-3 { background-size: 83.33334% auto; } }
  @media screen and (min-width: 992px) and (max-width: 1399px) { #frame-3 { background-size: 66.66667% auto; } } }

#title-section { min-height: -webkit-fill-available; min-height: -moz-available; min-height: 100vh; padding: 0; }

#title-section h1 { font-size: 4rem; }

@media screen and (max-width: 410px) { #title-section h1 { font-size: 3rem; } }

#title-section h2 { text-align: justify; text-align-last: center; }

#title-section h3 { font-size: 2rem; }

#title-section .intro-header { background: url("../img/Pfote+Hand.webp") no-repeat center center; background-size: cover; color: #1a4853; z-index: 20; position: relative; height: 100vh; box-shadow: 0px 0px 0.75rem black; }

#title-section .intro-header .row .col-12 { padding: 0; }

#title-section .intro-header .intro-message { position: relative; display: table-cell; vertical-align: middle; width: 100vw; text-align: center; color: #1a4853; height: 100vh; }

#title-section .intro-header .intro-message .separator { display: flex; align-items: center; text-align: center; }

#title-section .intro-header .intro-message .separator::before, #title-section .intro-header .intro-message .separator::after { content: ''; flex: 1; border-bottom: 1px solid #000; }

#title-section .intro-header .intro-message .separator:not(:empty)::before { margin-right: .25em; }

#title-section .intro-header .intro-message .separator:not(:empty)::after { margin-left: .25em; }

#title-section .intro-text { padding-top: 5rem; }

#contact-section #contact .text { display: flex; }

footer { text-align: center; color: #1a4853; width: 100%; margin-top: auto; height: 3rem; }

footer .container { box-shadow: 0px 0px 0.25rem black; width: 100%; padding: 0px 0px 0px 0px; margin: 0; max-width: none; background-color: #D8DAF3; }

footer .container #footer { padding: 0.75rem; width: 100%; }

footer .container #footer ul { margin: 0; }

footer .container #footer ul li a { color: #1a4853; text-decoration-line: underline; }

.review-item { padding-bottom: 1.5rem; color: #1a4853; background-clip: content-box; display: flex; flex-direction: column; min-width: 30%; justify-content: space-between; }

@media screen and (min-width: 1400px) { .review-item { padding: 1rem; } }

.review-item .row { margin: 0px; }

.review-item .review-box { background-color: #D8DAF380; box-shadow: 0px 0px 1rem 1rem #fff9f0; height: 100%; border-radius: 0.5rem; }

.review-item .review-box .review-lower { display: flex; flex-direction: column; justify-content: space-between; text-align: justify; }

.review-item .review-box .review-lower .review-text { margin: 10px; }

.review-item .review-box .review-lower .review-photo { margin-right: 1rem; max-height: 8rem; max-width: 8rem; box-shadow: 0 0 0.5rem 0.1rem #D8DAF3; }

.review-item .review-box .review-lower .name { padding-right: 1rem; text-align: end; }

#1 { display: none; }

.modal { height: fit-content; min-height: 60vh; max-height: 100%; margin-top: 4rem; }

.modal-dialog { background-color: #fff9f0; padding: 20px; border-radius: 15px; width: 100%; max-width: 100%; margin-bottom: 4rem; }

.modal-dialog .modal-content { border: 0em; }

.modal-dialog .modal-content .modal-header, .modal-dialog .modal-content .modal-body, .modal-dialog .modal-content .modal-footer { background-color: #fff9f0; justify-content: center; border: 0em; }

.modal-dialog .modal-content .modal-header img, .modal-dialog .modal-content .modal-body img, .modal-dialog .modal-content .modal-footer img { float: left; max-height: 50vh; height: auto; width: auto; object-fit: contain; padding: 1rem; }

.modal-dialog .modal-content p { text-align: justify; }

.modal-dialog img { max-width: 100%; max-height: 100%; }

.modal-dialog button:hover { cursor: pointer; }

#reviews-all-section { padding-top: 3rem; min-height: calc(100vh - 3rem); }

#carousel-section #carouselCaptions { border-radius: 0.5rem; box-shadow: 0px 0px 1rem 0.1rem #fff9f0; }

#carousel-section #carouselCaptions .carousel-inner { border-radius: 0.5rem; height: 500px; }

#carousel-section .carousel-item img { position: absolute; top: 0; left: 0; min-width: 100%; height: 500px; max-width: none; object-fit: cover; }

#carousel-section .carousel-control-prev-icon { box-shadow: 0 0 1px 1px #fff9f0; }

#carousel-section .carousel-control-next-icon { box-shadow: 0 0 1px 1px #fff9f0; }

.posts .post-container { padding: 1em; }

.posts .post-container .post-content { background-color: #D8DAF3; width: 100%; padding: 1em; border-radius: 15px; }

.posts .post-container .post-content .post-header { display: flex; justify-content: space-between; }

.posts .post-container .post-content .post-text { padding: 1em; }

.posts .post-container .post-content .post-text h3 { padding: 1em 1em 1em 0em; text-align: left; }

.posts .post-container .post-content .post-text time { text-align: right; font-size: 0.5rem; float: right; }

html { max-width: 1200px; }

body, html { min-width: 100%; min-height: 100%; width: 100%; font-size: 16px; z-index: -3; }

body { display: flex; flex-direction: column; font-weight: 700; background-color: #fff9f0; z-index: -2; }

.wrapper { z-index: 0; }

section#blog { min-width: 100%; color: #1a4853; max-width: 100%; padding: 3rem; padding-bottom: 0rem; }

section#blog h1, section#blog h2, section#blog h3, section#blog h4, section#blog h5, section#blog h6, section#blog p { text-align: justify; }

section#blog figure { display: none; }

.section-container { width: 100%; }

.row { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; color: #1a4853; }

h2 { padding-top: 15px; padding-bottom: 15px; text-align: left; }

.text-center { line-height: 1.5rem; font-size: 1rem; }

.text { text-align: justify; }

#angebot-section p { text-align: justify; }

#angebot-section .row { text-align: justify; }

#angebot-section .flex-table { width: 100%; padding: 1rem; }

#angebot-section .flex-table td { padding-bottom: 0.5rem; text-shadow: 1px 1px #fff9f0, 1px -1px #fff9f0, -1px 1px #fff9f0, -1px -1px #fff9f0; vertical-align: middle; }

#angebot-section .flex-table td:nth-of-type(odd) { text-align: left; }

#angebot-section .flex-table td:nth-of-type(even) { min-width: 190px; }

#angebot-section .flex-table .anm { font-size: 0.75rem; text-align: justify !important; }

/*# sourceMappingURL=krallenglueck.css.map */