@import url('/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency-menu.css');
@import url('/.themes/jquery.pagepiling.css');
@import url('/.themes/nav.css');

.centa {display: flex; justify-content: center;}
html:not(.opencms-page-editor) .loading-overlay {position: fixed; width: 100%; height: 100%; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 15000001;}
html:not(.opencms-page-editor) .loading-spinner {border: 4px solid #f3f3f3; border-top: 4px solid #197b63; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite;}

@keyframes spin {
   0% {
       transform: rotate(0deg);
      }

   100% {
       transform: rotate(360deg);
      }
}

header.bh .header-group {border-bottom: 0;}
.area-header {margin-bottom: 0;}
header.bh .h-logo-row {padding-top: 0; padding-bottom: 0;}
.type-flexible {margin-bottom: 0;}
.h-logo-row.container {height: 0; max-width: 100% !important;}
.h-logo {display: none  !important;}
header.bh.lp-l .h-toggle-col {position: relative;  top: 31px; right: -5px; }
#pp-nav span, .pp-slidesNav span { width: 14px; height: 14px; border: 0; background: #fff;}
#pp-nav li .active span, .pp-slidesNav .active span, #pp-nav span:hover, .pp-slidesNav span:hover {background: #f18800;}
header.bh #nav-toggle-label-open .nav-toggle {width: 50px;}
.nav-toggle-btn .nav-toggle {background: transparent;}
.nav-toggle-btn {top: 10px; }

#pp-nav li, .pp-slidesNav li { width: 14px; height: 14px;  margin: 8px 0; position: relative;}

#pagepiling, .pp-section {height: 100dvh;  backface-visibility: hidden; }
.pp-tableCell, .pp-section.pp-table {height: 100dvh !important; display: block !important;}
.section { text-align: left; background-size: cover; background-position: center center; color: #fff; background-color: #111;  backface-visibility: hidden;  transform: none !important; z-index: 1 !important;}

#section1{background-image: url(/.galleries/bilder/.bg/bg4.jpg);}
#section2{background-image: url(/.galleries/bilder/.bg/bg-kl-rom.jpg);}
#section3{background-image: url(/.galleries/bilder/.bg/bg-krippe.jpg);}
#section4{background-image: url(/.galleries/bilder/.bg/bg-dom.jpg);}

.pp-section.active {z-index: 10 !important;}
.section-intro {  position: absolute;   left: 35px;   bottom: -100%; max-width: 800px; padding-right: 15px; text-shadow: 2px 2px 0px #000000;}
.pp-section.active .section-intro {   bottom: 35px;}
.section-intro .intro-title {font-size: 25px; line-height: 1.1; margin-bottom: 14px;} 
.section-intro .intro-teaser {font-size: 16px; line-height: 1.2;} 
.intro-link {margin-top: 30px;}
.section-intro  a.btn-link {    border: 0; font-weight: 400; background: #c10b25; font-size: 16px; padding: 9px 30px;  color: #fff; text-shadow: none; border-radius: 30px;}
.section-intro  a.btn-link:hover {   text-decoration: none;}

@media (min-width: 1014px) {
.area-header.fix-lg .head {min-height: 0;	}
.pp-section .section-intro {  left: 50px;   bottom:-100%;}
.pp-section.active .section-intro {  left: 50px;   bottom: 50px;}
.section-intro .intro-title {font-size: 45px; line-height: 1.1; margin-bottom: 14px;} 
.section-intro .intro-teaser {font-size: 25px; line-height: 1.2;}
.section-intro  a.btn-link   {font-size: 20px; line-height: 1.2;} 
html:not(.opencms-page-editor) .loading-spinner {width: 60px; height: 60px; }
.nav-toggle-btn {top: 30px;  right: 40px;}
#pp-nav.right {
    right: 61px;
}
}

#infoMenu li a{color: #fff;}

.pp-section {backface-visibility: hidden; -moz-transform: rotate(0.02deg); opacity: 0; transition: opacity 1s ease-in-out;}
.pp-section.active {  backface-visibility: hidden; opacity: 1;}
.pp-section .section-intro {  backface-visibility: hidden; -moz-transform: rotate(0.02deg); opacity: 0; transition: opacity 0.8s ease-in-out, bottom 1s ease-in-out;}
.pp-section.active .section-intro {  backface-visibility: hidden; opacity: 1; transition:  bottom 1s ease-in-out ;} 
  
.index-logo {display: flex;  justify-content: center;  align-items: center; padding-top: 30px;}
.index-logo img {max-width: 350px;}
   
@media (max-width: 1013.98px) {
.index-logo {padding-top: 20px;}
.index-logo img {max-width: 200px;}
}